Хорошие ресурсы для создания GUI в Visual Studio

У меня мало времени, чтобы по-настоящему раскопать интересные ссылки, но я уверен, что если вы немного покопаетесь с вашей стороны, вы получите некоторую передовую информацию. Это может не иметь прямого отношения к конструктору форм в VS2k5, но полезно в любом случае. Я не говорю, что вы должны быть гуру юзабилити, но на них определенно стоит обратить внимание.

Кроме того, что касается того, «стоит ли прилагать усилия для создания графического интерфейса с представлением VS2K5« Дизайн »»? Я бы сказал, что это да и нет. Я говорю это только потому, что если вы слишком сильно полагаетесь на дизайнера, независимо от IDE, вы упускаете из виду плохие и грязные вещи - вещи, которые действительно учит вас тому, что происходит. Некоторые вещи вы должны делать с помощью кода либо во время разработки, либо во время выполнения, чтобы получить лучший результат, поэтому вам не помешает действительно знать, что происходит под капотом!

Я должен сказать, что не согласен с croutle, создание хорошего пользовательского интерфейса не обязательно имеет какое-либо отношение к кодированию. SmashingMagazine имеет большой каталог ресурсов для дизайна пользовательского интерфейса, и хотя большинство из них очень веб-ориентированы, общий принцип по-прежнему применяется независимо от того, собираете ли вы свой пользовательский интерфейс в редакторе форм посредством кодирования или на веб-странице.

Для меня дизайнеры графического интерфейса всегда были способом отделить презентацию от контента, хорошая реализация графического интерфейса с его конструктором поддержит это, если вы начнете писать много кода, чтобы повлиять на простые эффекты в пользовательском интерфейсе, эта строка начинает расплываться. Интерфейсный разработчик на Mac делает это лучше всего из тех, что я использовал (среди прочего, Java Swing, Windows Forms).

Вопрос в том, отстойно взаимодействие или отстойный вид, Если вы не являетесь хорошим художником, вы мало что можете сделать с последним, кроме как придерживаться самого минимума. Существует наука о минимализме, которой можно научиться даже для нехудожников (например, разложите все на регулярной сетке). Эта часть каким-то образом ориентирована на печать, но большинство упомянутых аспектов являются универсальными и применимы к дизайну экрана и пользовательского интерфейса.

Первое можно исправить, попробовав поставить себя на место пользователя. Посмотрите на задачу, которую выполняют пользователи, и на то, как они ее выполняют с помощью вашего программного обеспечения. Облегчает ли это пользователям выполнение их работы или создает препятствия на пути, затрудняющие рабочий процесс.

Существует наука о минимализме, которой можно научиться даже для нехудожников (например, разложите все на регулярной сетке). Эта часть каким-то образом ориентирована на печать, но большинство упомянутых аспектов являются универсальными и применимы к дизайну экрана и пользовательского интерфейса.

Первое можно исправить, попробовав поставить себя на место пользователя. Посмотрите на задачу, которую выполняют пользователи, и на то, как они ее выполняют с помощью вашего программного обеспечения. Облегчает ли это пользователям выполнение их работы или создает препятствия на пути, затрудняющие рабочий процесс.

Существует наука о минимализме, которой можно научиться даже для нехудожников (например, разложите все на регулярной сетке). Эта часть каким-то образом ориентирована на печать, но большинство упомянутых аспектов являются универсальными и применимы к дизайну экрана и пользовательского интерфейса.

Первое можно исправить, попробовав поставить себя на место пользователя. Посмотрите на задачу, которую выполняют пользователи, и на то, как они ее выполняют с помощью вашего программного обеспечения. Облегчает ли это пользователям выполнение их работы или создает препятствия на пути, затрудняющие рабочий процесс.

Первое можно исправить, попробовав поставить себя на место пользователя. Посмотрите на задачу, которую выполняют пользователи, и на то, как они ее выполняют с помощью вашего программного обеспечения. Облегчает ли это пользователям выполнение их работы или создает препятствия на пути, затрудняющие рабочий процесс.

Первое можно исправить, попробовав поставить себя на место пользователя. Посмотрите на задачу, которую выполняют пользователи, и на то, как они ее выполняют с помощью вашего программного обеспечения. Облегчает ли это пользователям выполнение их работы или создает препятствия на пути, затрудняющие рабочий процесс.

Я тоже плохо разбираюсь в дизайне пользовательских интерфейсов. Я продолжаю портить вещи .. Я все равно пытаюсь стать лучше. Мой новый подход очень прост: копировать. Существует множество хороших пользовательских интерфейсов, и нам не нужно изобретать велосипед. Хорошим побочным эффектом является постоянство опыта наших пользователей.

Возьмите программу, которая нравится вашим пользователям, и попытайтесь имитировать ее. Я думаю, что многие приложения можно сделать, например, отслеживая пользовательский интерфейс MS Outlook. Или, если вы хотите сделать что-то новое, посмотрите, что делают крупные: например, попробуйте Picasa (для ПК) от Google. Или любую программу с лентой. Если у вас есть время, взгляните на MS Руководство по взаимодействию с пользователем Vista (PDF-файл доступен для загрузки). Есть много мелких решений, например, где разместить кнопки «сохранить-отменить» и в каком порядке .. это глупая вещь, но имеет большое значение.

Хороший ресурс, если у вас есть задача, которую нужно выполнить, и вы хотите начать с того, как ее представить, - это Айва из Infragistic . В нем есть много советов и примеров скриншотов.

Еще один хороший ресурс, как упомянул Харальд, - это SmashingMagazine : вы можете подписаться на их ленту, и это правда, что дизайн рабочего стола подходит каждому день ближе к веб-аналогу.

И, наконец, иконки. SmashingMagazine часто дает советы по иконкам, и вы можете найти множество коллекций на IconFactory .

HTH!

советы и образцы снимков экрана.

Еще один хороший ресурс, как упомянул Харальд, - это SmashingMagazine : вы можете подписаться на их ленту, и это правда, что дизайн рабочего стола с каждым днем ​​все ближе к веб-аналогу.

И наконец, иконы. SmashingMagazine часто дает советы по иконкам, и вы можете найти множество коллекций на IconFactory .

HTH!

советы и образцы снимков экрана.

Еще один хороший ресурс, как упомянул Харальд, - это SmashingMagazine : вы можете подписаться на их ленту, и это правда, что дизайн рабочего стола с каждым днем ​​все ближе к веб-аналогу.

И наконец, иконы. SmashingMagazine часто дает советы по иконкам, и вы можете найти множество коллекций на IconFactory .

HTH!

Если у вас уже есть макет и спланированный дизайн, то реализация его должна быть легкой частью. С WinForms это действительно перетаскивание (и установка некоторых свойств, таких как стыковка и привязка).

Трюк, который, как я обнаружил, действительно помог в реализации, - это полностью и полностью смоделировать интерфейс на бумаге. Я имею в виду ВСЕ: каждое меню, кнопка, метка, сетка и т. Д. Должны быть зарисованы. После этого нужно просто перетащить элементы управления на форму, переименовать их во что-нибудь разумное и убедиться, что размер окна не выбивает элементы управления из места.

Если у вас нет полностью реализованного дизайн для работы при создании графического интерфейса, вам будет очень трудно, так как вы все равно будете принимать дизайнерские решения, которые будут мешать построению.

Когда вы смотрите на успешное программное обеспечение, оно выглядит таким простым, по крайней мере теоретически. Код графического интерфейса пользователя может быть чрезвычайно недооценен по своей сложности, и иногда его упускают из виду на этапе проектирования, потому что он считается тривиальным.

Я не уверен, спрашиваете ли вы об учебниках WinForms или конкретно о том, как организовать и структурировать код таким образом вы сохраняете рассудок, но в любом случае Джереми Миллер имеет хорошую коллекцию советов по проектированию структуры кода графического интерфейса пользователя . (Примечание: Речь идет о структуре кода графического интерфейса пользователя, а не о WinForms или дизайне удобства использования.)

Я обычно воспринимаю код графического интерфейса следующим образом:

1. Создайте грубый и неустойчивый графический интерфейс с помощью конструктора в VS. Исходя из веб-дизайна, вы можете рассматривать эту MS Frontpage в режиме WYSIWYG - без стиля или конкретной структуры. Только грубая визуальная структура приложения, панель меню, панель инструментов, панель состояния и т. Д. Никаких настраиваемых элементов управления.
2. Просмотрите код и разбейте его на несколько классов
3. Вернитесь в Designer и добавьте элементы управления к организованным классам
4. ] Просмотрите код и систематизируйте его.
5. Промойте, вспеньте, повторите.

Когда моя структура кода в некотором роде закончена, я перехожу в режим предельной детализации, где я вручную кодирую значения, чтобы добиться идеального пикселя в отличие от GUI.

В любом случае, я не совсем понял, в чем был ваш вопрос, но надеюсь, что это поможет. Сообщите мне, если я вас неправильно понял.

Просмотрите код и разбейте его на несколько классов

Вернитесь в Designer и добавьте элементы управления к организованным классам.

Просмотрите код и систематизируйте его.

Промойте, вспеньте, повторите.

Когда моя структура кода завершена, я перехожу в режим экстремальной детализации, где вручную кодирую значения, чтобы добиться идеального пикселя по сравнению с графическим интерфейсом.

В любом случае, я не совсем понял, в чем был ваш вопрос, но надеюсь, что это поможет . Сообщите мне, если я вас неправильно понял.

Просмотрите код и разбейте его на несколько классов

Вернитесь в Designer и добавьте элементы управления к организованным классам.

Просмотрите код и систематизируйте его.

Промойте, вспеньте, повторите.

Когда моя структура кода вроде закончена, я перехожу в режим экстремальной детализации, где вручную кодирую значения, чтобы добиться идеального пикселя в отличие от графического интерфейса.

В любом случае, я не совсем понял, в чем был ваш вопрос, но надеюсь, что это поможет . Сообщите мне, если я вас неправильно понял.