Третья статья о разработке сайтов! Переходим к веб-дизайну.
Дизайн сайта, он же веб-дизайн - это одна из стадий разработки будущего сайта. Суть дизайна состоит не в том, чтобы нарисовать красивую картинку. Дизайн нужен, чтобы придать сайту самое важное качество - удобство, а по-дизайнерски "юзабилити". Удобство состоит из многих факторов - привычное расположение уже знакомых пользователям элементов, соответствие реальности ожиданиям, например, когда нажимаешь кнопку, приятный внешний вид без вырвиглазных сочетаний цветов, адаптируемость к различным устройствам, и так далее. Удобство сайта дает самое главное - он привлекает людей и их деньги :)
У дизайна (не только веб) есть 4 основных принципа:
- Контраст. С помощью яркого контраста можно направить внимание зрителя в нужном направлении.
- Повторение. Повторение определенных элементов и стилей создает целостность материала.
- Выравнивание. Выравнивание создает аккуратный внешний вид и визуально связывает элементы друг с другом.
- Приближенность. Связанные элементы должны быть сгруппированы, это позволяет структурировать информацию на странице.
Это краткая цитата из замечательной книги "Дизайн. Книга для недизайнеров" Робин Уильямс. Она очень понятно и развернуто объяснила в своей книге, как работать с цветом, какие бывают шрифты, стили и прочее.
Наглядно эти принципы можно показать на примере:
Контраст в размере шрифтов, элементы списка сгруппированы, отделены от заголовка, их стили повторяются - и ты сразу понимаешь, что к чему, даже не успев прочитать.
Принцип выравнивания настолько важен в веб-дизайне, что дизайнеры начинают рисовать свои макеты по заранее созданным сеткам :) Чаще всего используется сетка из 12 колонок - изобретение Твиттера, Bootstrap.
Следующая важная часть - подбор фотографий и иконок. Изображения доносят до мозга информацию быстрее, чем текст, и это доказанный факт. Фотографии должны быть высокого качества и нести определенный смысл, соответствовать теме сайта, чтобы помогать создать нужное настроение с первых секунд. Например, фото пляжа с безмятежными пальмами и коктейлем у шезлонга хорошо отлично подходит для сайта турагентства. Очевидный пример :)
И напоследок покажу вам, что нарисовала на первом практическом уроке курса веб-дизайна:
В последующих статьях я воспользуюсь этим дизайном, чтобы познакомить вас с версткой.
Ах да, чуть не забыла: на правила всегда можно наплевать, ведь дизайн - это творчество! Будьте смелее :)