Заказать звонок

Что нужно учитывать, создавая дизайн веб-страниц


09.08.2013

Что нужно учитывать, создавая дизайн веб-страниц

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

  1. Реалистичные шрифты.
    Текст должен быть понятен и доступен для пользователя. Перед тем, как использовать новый красивый шрифт, подумайте, будут ли его понимать браузеры?

  2. Кнопки без изображений.
    Масштабируемость, живой текст – это преимущества кнопок реализованных через CSS или JavaScript. А кроме этого, не надо загружать картинки, не нужны фоновые изображения и спрайты иконок и прочее. Пусть кнопка будет похожа на кнопку.

  3. Размер экрана.
    Размеров дисплеев, как Вы знаете, сейчас огромное множество, размеры от 320×480 до 2560×1440, а потому, обязательно продумайте, как будет смотреться дизайн на каждом из них. А также, устройство для просмотра Вашего сайта, пользователь может держать горизонтально и вертикально. И это тоже немаловажно. Помимо это этого, очень важно воздерживаться от горизонтальной полосы прокрутки.

  4. Изображения.
    Мы говорим «нет» нарезкам картинок. Абсолютно любому типовому веб-сайту нужно только одно изображение - это логотип. Может потребоваться добавление фонового узора и каких-нибудь встроенных изображений. То, что раньше требовало компоновки и фрагментирования, сегодня легко реализуется в CSS. Бесчисленное множество опций CSS, используются для создания изображений. CSS - закругленные углы, градиенты и преобразования.

  5. Закон близости (группировки).
    Люди группируют вещи, которые близко расположены друг к другу. Они воспринимаются как целостный объект. В веб-дизайне вам нужно удостовериться, что элементы, которые не соединены между собой, воспринимаются как единое целое. Кроме того, нужно сгруппировать некоторые элементы дизайна (навигационное меню, футер и т.д.), чтобы они формировали единое целое.

  6. Белое пространство и чистый дизайн.
    Белое пространство (также часто называемое «отрицательное пространство») – это часть страницы, которая оставляется пустой. Это пространство между изображениями, отступы, межстолбцовые промежутки, расстояние между строками текста и элементами меню.
    Это не просто пустое пространство – это важный элемент дизайна. Благодаря ему существование других объектов становится возможным. Белое пространство также подчиняется принципу иерархии – иерархии информации, текста, цвета или изображений.
    Страница без белого пространства, переполненная текстом или графикой, может показаться загроможденной, перенасыщенной, поэтому будет тяжело читать информацию на ней (многие даже не станут пытаться это сделать).
    Достаточное количество белого пространства делает сайт «чистым». Хотя чистый дизайн очень важен, чтобы донести до посетителя своё сообщение, это не значит, что содержания должно быть меньше. Чистый дизайн это дизайн, который позволяет максимально рационально использовать всё пространство сайта. Чтобы создать такой дизайн, вы должны знать, как чётко донести своё сообщение, разумно используя белое пространство.

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

Возврат к списку


Понравилась статья? Поделись с друзьями!
Похожие статьи

Заказать консультацию