Реклама и Статистика


SEO sprint - Всё для максимальной раскрутки!



Web 2.0 как гид по дизайнерскому стилю (часть 3)

Часть 2

Продолжение. Часть3.

5. Выделение областей цветом

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

  • Навигация
  • Фон
  • Основное содержание
  • Cсылки
  • Прочий материал

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

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


6. Простая навигация

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

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



Почему простая навигация лучше?
Пользователь должен быть в состоянии отличить навигацию, которая дает ему различную важную информацию:
  • Где он (в схеме элементов)
  • Куда еще он может попасть отсюда
  • И какие опции ему доступны

Следую принципу простоты, и общего сокращения шума, лучший способ описать навигацию это:
  • Располагать постоянную навигацию отдельно от остального контекста
  • Отделять навигацию с помощью цвета, тона и фигур
  • Делать разделы навигации крупными и четкими
  • Использовать понятный текст для создания однозначного назначения каждой ссылки

Как сохранить навигацию простой?

Просто помните ключевой момент: навигация должна быть четко отделена от не навигации.

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

7. Четкие логотипы

Понятный, крупный, сильный бренд – внутреннее ощущение и первое впечатление – достигается крупным логотипом.

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

Почему?
Сильные, крупные логотипы говорят «Вот кто мы» способом, в который мы верим.

Когда и как?
Трудно сказать, как создать хороший логотип, но коротко...
Ваш логотип должен:
  • работать визуально в главном контексте, и во всех других случаях, когда он может быть использован (таких как флаерс или футболках)
  • быть опознаваемым и отличительным
  • представлять ваш бренд персонально и качественно на первый взгляд

8. Крупный текст

Большинство вебсайтов в стиле «2.0» имеют крупный текст, по сравнению с сайтами старого стиля.

Если вы заполняете тоже самое пространство без «элемента дизайна», у вас больше пространство.

Когда у вас много пространства, вы сможете сделать более важные элементы крупнее, чем менее важные элементы (если они есть).

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

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

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

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

Перед тем как использовать крупный текст, нужно освободить пространство, удалив ненужные элементы.

Также нужна причина сделать какой-то текст крупнее остального текста. Текст должен быть значимым и полезным. Нет надобности добавлять какой-то крупный текст лишь потому что он в стиле 2.0!

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

9. Крупный вводный текст

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

Когда и как использовать крупный вводный текст?

Используйте его, если хотите сказать что-то важное. (если вы не хотите сообщить что-то важное, возможно стоит подумать о назначении страницы/сайта и придумать что можно сказать крупно!)

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

10. Насыщенные цвета

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

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

The Treo Mobile site использует 3 области ярких цветов, чтобы разметить и обратить внимание на 3 основные области сайта. Цвет фона более четко выделяет, что это не основной контекст, а большой, крупный заголовок помогает быстро понять, что каждая зона содержит и решить который вас интересует.

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


Просмотров: 16855

  Коментарии (3)
 1 Написал(а) Дякую!, в 22:41 15.06.2010
Дякую авторовi за переклад!
 2 Написал(а) Artie, в 06:12 17.05.2017
Knocked my socks off with knegwodle!
 3 Написал(а) Johannah, в 07:11 21.05.2017
Nonithg I could say would give you undue credit for this story.

Добавить коментарий
Имя:
Коментарий:



Код:* Code

Реклама