Веб-дизайн (от англ. Web design) — отрасль веб-разработки и разновидность дизайна, в задачи которой входит проектирование пользовательских веб-интерфейсов для сайтов или веб-приложений.
Этапы
Для успешного решения задачи весь процесс делится на этапы.
- Техническое задание (ТЗ)
- Структурирование информации (юзабилити)
- Графическое оформление
- Верстка
Элементы
Все элементы дизайна придают сайту неповторимый или повторимый облик. Однако когда необходимо сделать дизайн с чистого листа, то крайне нелегко выбрать из массы элементов. Как раз это умение отличает профессионала от любителя.
- Пространство.
- Линия.
- Фигура.
- Цвет.
- Текстура.
- Форма.
Принципы
Все дизайнерские элементы в композиции находятся во взаимодействии друг с другом, подчинены единой идее. И вот для того, чтобы вся композиция смотрелась гармонично и естественно, и не разваливалась на отдельные составляющие, по совету Fuelyourcreativity, лучше всего следовать базовым принципам дизайна.
- Баланс.
- Контраст.
- Значимость и подчиненность.
- Направление внимания.
- Пропорции.
- Масштаб.
- Повторение и ритм.
- Единство в разнообразии.
Адаптивный веб-дизайн
Адаптивный веб-дизайн (англ. Responsive Web Design) — дизайн веб-страниц, обеспечивающий правильное отображение сайта на различных устройствах, подключённых к интернету и динамически подстраивающийся под заданные размеры окна браузера.
Целью адаптивного веб-дизайна является универсальность отображения содержимого веб-сайта для различных устройств. Для того, чтобы веб-сайт был удобно просматриваемым с устройств форматов и с экранами различных разрешений, по технологии адаптивного веб-дизайна не нужно создавать отдельные версии веб-сайта для отдельных видов устройств. Один сайт может работать на смартфоне, планшете, ноутбуке и телевизоре с выходом в интернет, то есть на всем спектре устройств.