Дизайн сайта – просто о важном

Говоря совсем простым языком, дизайн сайта – это его внешний вид плюс средство навигации. А еще проще: «лицо» и кнопки.

При этом, разработка дизайна сайта – занятие кропотливое и ответственное, требующее специальных знаний и навыков, (например, языков HTML и CSS, графических редакторов). Без творческого подхода и пространственного мышления создание дизайна сайта также невозможно.

На вопрос, «как создать дизайн сайта?», ответов тоже несколько:

• Заказать веб-дизайн в студии. Этот вариант подходит, прежде всего, занятым и обеспеченным веб-мастерам. Он требует достаточно солидных финансовых вложений, но позволяет задействовать в работе над создаваемым сайтом полноценную бригаду специалистов. Опытных мастеров, которые способны взять на себя ответственность за все виды работ, начиная от анализа целевой аудитории и разработки концепции и заканчивая адаптацией и продвижением ресурса;
• При помощи конструктора сайтов. В сети доступно большое количество программ и инструментов, с помощью которых сайт можно сделать вручную и самостоятельно, не обладая специальными знаниями и умениями. Стоит лишь выбрать красивый и оригинальный шаблон из предложенных. Однако при таком способе создания сайта может пострадать его концепция и оригинальность;
• При помощи системы управления контентом (CMS). Система управления сайтом (CMS) устанавливается на сервер (хостинг). С ней можно работать так же, как с конструктором, только CMS обладает гораздо большим выбором инструментов, эффектов, шаблонов и дополнений;
• Создание сайта «с нуля». Для этого нужно изучить хотя бы один язык веб-программирования, работу с базами данных, графическими редакторами и т.д. Процесс трудоемкий, но основательный.

Современный дизайн сайта бывает трех видов:

• Жесткий. Все «блоки» — элементы сайта, обладают фиксированным размером, который заранее задается в пикселях или картинкой и объектом, который поместили в блок:

• Резиновый или адаптивный. Размер блоков задается в процентах от ширины экрана. Это позволяет изображению на экране адаптироваться под просмотр на разных устройствах – от компьютерного монитора до экрана мобильного телефона или планшета:

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

Адаптивный дизайн удобен для пользователей, но создавать его труднее и дольше.

По внешнему виду, а не техническим характеристикам, дизайн сайта делится на два основных направления:

• Скевоморфизм. Стремится к использованию натуральных и реалистичных изображений, текстур, теней, бликов и т.д.:

• Плоский дизайн сайта. Его принципы – это отсутствие излишних эффектов, простота линий и заливки, использование 2D графики:

Однако, веб-мастера нередко позволяют себе комбинировать оба стиля, например, размещая плоские объекты на объемном фоне:

Макет сайта или отдельные его элементы можно легко и быстро создать в графическом редакторе Adobe Photoshop, без которого в последнее время не обходится ни один проект веб-дизайна. В Photoshop можно идеально расчертить макет, создавать фоны, скины, подбирать цветовую гамму, редактировать фотографии, делать фотомонтаж и многое-многое другое.

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

Какой дизайн для сайта лучший? В «Ководстве» Артемия Лебедева этой теме посвящена целая глава, которая состоит всего лишь из одного предложения: «Дизайн должен быть простым». Чтобы посетитель в нем не запутался.

Выводы делать только Вам…