7 советов как разработать дизайн сайта в стиле web 2.0
опубликовано 01.05.2009
1. Разрабатывая дизайн сайта, выбирайте в качестве основных цветов пастельные оттенки.
Пастельные оттенки (приглушенные, осветленные, неяркие) благоприятно влияют как на психологическое состояние читающего, так и на его глаза. Глазам не полезно смотреть на светящиеся объекты, каковыми являются экран монитора или планшет, а чрезмерная контрастность заставляет глаза сильно напрягаться. Если мы хотим обратить внимание посетителя сайта на контент, заставить его прочесть текст, нужно создать благоприятные условия, что его глаза не перенапрягались.
2. При создании отдельных элементов используйте округлые формы.
Очень красиво смотрятся прямоугольные кнопки со скругленными углами, также этим эффектом можно воспользоваться при оформлении отдельных блоков на сайте. Это вопрос чисто эстетический, округлые формы вызывают больше положительных эмоций, чем наличие острых углов.
3. При цветовой заливке отдельных элементов сайта используйте градиенты, тени, придающие объем, эффекты стекла и глянца.
Но не переусердствуйте, все хорошо в меру. «Вебдванольный» дизайн отличается от предыдущего своего собрата именно возможностью использовать всевозможные графические эффекты, но это вовсе не означает, что их нужно лепить на каждый сантиметр сайта. Поэкспериментируйте, некоторые элементы выглядят лучше, когда остаются плоскими и без дополнительных украшательств.
4. Основным шрифтом сайта сделайте шрифт без засечек, например Arial, Verdana, Tahoma.
Известно, что зрение человека при чтении теста с экрана монитора, лучше воспринимает шрифты без засечек. А а вот для печатного варианта материалов вашего сайта лучше подойдет шрифт с засечками, например Times, Georgia, Garamond, потому что с бумажного носителя легче читаются шрифты с засечками, такие уж особенности у человеческого зрения.
5. Старайтесь сделать фон сайта светлым (лучше белым), а цвет текста темным (черным или темно-серым).
Во-первых это, в некоторых случаях, помогает увеличить производительность сайта, потому как не требует прописывания отдельных настроек и атрибутов, так как по-умолчанию фон веб-страниц белый. Во-вторых мы привыкли читать черный текст на белом фоне. Не заставляйте пользователей ломать глаза, не используйте цвета при которых текст сливается с фоном страницы.
6. Верстайте сайт в несколько колонок.
Очень удобно, когда основной текст графически отделен от элементов оформления и навигации. Выносите навигацию и другие элементы сайта в боковые колонки обрамляющие основной контент. Оптимальный вариант сайт в две-три колонки, места хватит и основному тексту и дополнительной информации, размещенной по бокам. Вашим главным девизом должны стать фразы «интуитивно понятно» и «удобная навигация».
7. Используйте метки, теги, рубрики и прочие элементы объединяющие и категоризирующие материалы вашего сайта.
Если пользователь зашел на ваш сайт в поиске полезной информации дайте ему возможность выбрать материалы на интересующую его тему. Сделайте список рубрик или облако тегов, эти элементы замечательно вписываются в дизайн и отлично дополняют функционал сайта.