7 советов как разработать дизайн сайта в стиле web 2.0

как разработать дизайн сайта в стиле web 2.0

Иллюстрация демонстрирует как не надо делать

1. Разрабатывая дизайн сайта, выбирайте в качестве основных цветов пастельные оттенки.

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

2. При создании отдельных элементов используйте округлые формы.

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

3. При цветовой заливке отдельных элементов сайта используйте градиенты; тени, придающие объем; эффекты стекла и глянца.

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

4. Основным шрифтом сайта сделайте шрифт без засечек, например, Arial, Verdana, Tahoma.

Известно, что зрение человека при чтении текста с экрана монитора, лучше воспринимает шрифты без засечек.
А вот для печатного варианта материалов вашего сайта лучше подойдет шрифт с засечками, например Times, Georgia, Garamond, потому что с бумажного носителя легче читаются шрифты с засечками, такие уж особенности у человеческого зрения.

5. Старайтесь сделать фон сайта светлым (лучше белым), а цвет текста темным (черным или темно-серым).

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

6. Верстайте сайт в несколько колонок.

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

7. Используйте метки, теги, рубрики и прочие элементы объединяющие и категоризирующие материалы вашего сайта.

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