Пользовательские интерфейсы - Цвет и Layout

голоса
8

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

Существуют ли какие-либо руководства или правила для таких вещей, как цветовые схемы, макеты, форматирование и т.д.? Я хочу, чтобы обеспечить читаемость и ясность для посетителей, но не быть пресным и скучным одновременно.

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

Задан 07/08/2008 в 21:01
источник пользователем
На других языках...                            


8 ответов

голоса
5

Как правило, каждая операционная система имеет принципы интерфейса пользователя. Для Windows, есть посмотреть здесь . (Edit: Ссылки на этот пост сломаны Но поиск « User Interface Руководства » на MSDN содержит статьи обо всем)

Apple , имеет свой собственный , а также. Кроме того , вы можете сохранить доступность в виду.

Ответил 07/08/2008 в 21:04
источник пользователем

голоса
3

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

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

Ответил 07/08/2008 в 21:10
источник пользователем

голоса
2

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

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

И самое главное правило в это пробельные Оформление печатных изданий. Пусть содержание дышать.

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

И, кстати, рекомендации пользовательского интерфейса MS являются (по большому счету) ужасно. Читайте Jakob Nielsen, посмотрите на эстетике дизайна компании Apple, но остаться в стороне от «нейтрального серого / синего crunchbox» 12 шагов мастера 10pt текста философии MS пользовательского интерфейса.

(И я говорю, что как давний MS GUI программист)

Ответил 07/08/2008 в 22:37
источник пользователем

голоса
2

Книга Проектирование интерфейсов , по Дженифер Тидуэлл имеет целую главу по этой теме (глава 9, отрывки онлайн) подъезд. Вся книга стоит рекомендовать.

Ответил 07/08/2008 в 21:15
источник пользователем

голоса
1

Используйте высокую контрастность цвета комбо; Черный текст на белом фоне является лучшим примером высокой контрастности комбо.

Плохой комбо зеленый текст на красном фоне. Это ужасно для цвета слепых людей (как я).

Посмотрите , что ваш сайт выглядит как цветной слепой человек: colorfilter.wickline.org

Ответил 07/08/2008 в 22:41
источник пользователем

голоса
1

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

Ответил 07/08/2008 в 22:02
источник пользователем

голоса
0

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

DOs:

  • Использование относительного размера шрифта (эм)
  • Выявление изменений языка в документе с помощью атрибута LANG
  • Черный текст на белом фоне
  • Для заголовков, использовать H1, H2 и т.д., и гнездо их соответствующим образом
  • Кусок до содержания и организации с заголовками, которые соответствуют тому, что пользователи ищут
  • Написать четкую и простую копию
  • Выровнять влево, рваное право
  • Текст к фону цвет должен быть высоким контрастом

Donts:

  • Используйте «нажмите здесь» или «больше», как текст ссылки
  • Используйте подчеркивание для выделения
  • Более 2-х семейств шрифтов типа
  • Курсив
  • Блоки текста, используя все заглавные буквы
  • Используйте истинный красный или истинный синий текст на белом фоне (хроматическая аберрация)
Ответил 17/09/2009 в 19:12
источник пользователем

голоса
0

Что касается настольных приложений: Что бы вы ни делали, не использовать подобранные цветы. Палка с именами системных цветами, такими, как «Window Background», «Меню Текст» и т.д. В противном случае, люди полагается на OS функциях доступности будут заблокированы с выбором цвета (неспособным выбрать контрастную тему, например), и люди, которые любят, чтобы настроить их темы рабочего стола будут думать, ваше приложение Fugly.

Ответил 07/08/2008 в 22:49
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more