Уроки дизайна: оформляем сайт по канонам глянцевых журналов
12 Сентября 2013 Другие авторы
Поделиться 14
Время чтения: 8 минут Нет времени читать? 0 комментариев
Понятие веб-дизайна появилось на свет сравнительно недавно – не так много лет прошло с тех пор, как интернет уверенно вошел в нашу повседневную жизнь. Количество сайтов увеличивалось в геометрической прогрессии, и вскоре возникла потребность в создании не просто информационно насыщенных, но еще и удобных и привлекательных ресурсов в сети. Между тем, понятие дизайна существует достаточно давно, и многие основы верстки и оформления, применяемые дизайнерами глянцевых журналов, плавно перетекли в учебники по веб-дизайну.
На первый взгляд, кажется, что почти все принципы дизайна и верстки журнала можно легко перенести в мир веб-дизайна. Некоторые общие приемы и в самом деле достаточно очевидны, но большинство разработчиков упускает из вида много полезных моментов.
Ниже вы найдете несколько примеров того, как применить дизайн обычного глянцевого журнала к оформлению сайта. Самое важное в этой статье – дать вам понять, что вы всегда можете взять идеи оформления одного издания и применить их к созданию совершенно другого продукта.
Так что, если вы раньше специализировались на чем-то вроде дизайна интерьера или графического (или даже промышленного) дизайна, вы все равно сможете применить свои знания для оформления веб-сайтов – главное, увидеть и понять основные связи.
Правило 1. Чем проще фон, тем легче читается текст
Откройте любой журнал, попавшийся вам под руку, – и в 9 из 10 случаев фон за основным текстом будет белого цвета. Так сложилось исторически, но сложилось не без причины (опустим нюансы технологии печати). Даже в тех случаях, когда фон не чисто белый, он все равно простой, одноцветный и однородный, потому что главная цель печатного издания – чтобы его читали. А чтобы оно читалось легко, текст должен быть напечатан именно на таком фоне. Глаза у читателей не устают, цвет фона не раздражает – все в порядке, издание популярно.
Однако, иногда фоном для основного текста служит какое-либо изображение, и в этом случае вы обнаружите, что размер шрифта при такой верстке увеличен, а особое внимание уделено контрасту между текстом и изображением. Честно говоря, редко когда вся статья целиком печатается на фоне картинок – обычно это всего лишь несколько строчек. То же самое может быть применено к дизайну любого сайта.
Фон не должен препятствовать пониманию текста (источник)
Правило 2. Придерживайтесь единого стиля
Пролистайте любой журнал, и вы заметите, что оформление большинства страниц выдержано в едином стиле: одинаковый шрифт, одинаковое расположение текста на разворотах. Конечно, оформление разных статей может различаться, но такие детали, как номера страниц, совершенно точно будут расположены в одинаковых местах, а иллюстрации оформлены в похожем стиле.
Дело в том, что такое постоянство обнадеживает читателя. Он будет перелистывать страницу за страницей, зная, чего ожидать. Тот же самый принцип можно перенести и в мир веб-дизайна. Убедитесь, что детали – заголовки, панели навигации и другие ключевые элементы макета – одинаковы на всем сайте. Помимо этого, убедитесь, что вы используете одинаковые шрифты на сайте, включая их размер и используемые с ними стили.
Оформление должно быть выдержано в одном стиле (источник)