Разработка сайтов,Красноярск.Оптимизация,seo,joomla.Настройка cms.

Ссылки Пожелания Новости Работы
 
Главная arrow Новости
Новости web2.0 Web 2.0

Руководство по дизайну Веб 2.0
На дизайнерском сайте Web Design From Scratch опубликовано подробное руководство по дизайну Веб 2.0. Это руководство представляет собой список из 15 дизайнерских приемов, которые чаще всего используются на сайтах нового поколения, с конкретными примерами и скриншотами.

Простота

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

В результате «очистки» страниц взгляд посетителя фокусируется на контенте. Упрощается навигация. Легче привлечь внимание пользователя к чему-то важному.

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

Центрированная разметка

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

Меньше колонок

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

Отдельная верхняя секция

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

Цветные блоки

Кроме верхней секции, другие элементы страницы тоже могут быть явно выделены цветом. Это может быть зона навигации, зона основного контента или иные области. Проблема с яркими цветами в том, что они слишком отвлекают внимание от других элементов страницы. Так что в некоторых случаях лучше не отходить от обычного белого цвета.

Простая навигация

Меню навигации, которое отображается на каждой странице сайта, должно быть большим, понятным и простым. Что касается гиперссылок, то они должны четко отличаться от всего остального контента на странице.

Увеличенный кегль

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

Вставки большого текста

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

Четкий логотип

Ясный, мощный и сильный бренд создается с помощью заметного и запоминающегося логотипа.

Кроме всех вышеперечисленных, упоминаются еще шесть дизайнерских приемов, которые встречаются не так часто: использование насыщенных цветов; гламурные поверхности (rich surfaces); градиенты; отражения; изящные пиктограммы и даже многоугольные звездочки.

Комментарии (0)add
Написать комментарий

busy
 
Шаблоны для Joomla

Внешний вид сайтов, выполненных на базе системы администрирования Joomla! определяется предустановленным шаблоном.

На сайте rozens.info Вы можете скачать и установить авторские разработки шаблонов. Шаблоны для Joomla CMS, представленные на rozens.info, распространяются по лицензии GNU/GPL.

 
SEO сервисы / SEO tools - Добавление сайта в поисковые системы, анализ запросов, Определение позиций в поисковиках,  Анализ сайта, Анализ плотности слов,  Определение PR, Ключевые слова ,  Оценка ресурса. Покупка и продажа ссылок, SEO-форумы...

Библиотека сайтостроения!

Библиотека сайтостроенияЗдесь собраны материалы о сайтостроении и все те мелочи, с которыми Вам, вполне вероятно, прийдется столкнуться при создании сайта, верстке html страничек и просто могут быть использованы для ознакомления. Сохранность данных
Хотите узнать как настраивать CMS Joomla! и оптимизировать ее для поисковых машин? Как организовать заголовки материалов (title), описание страниц (description) и  поднять PageRank ? Все что требуется для правильного SEO (Search Engine Optimisation).
 Перейти в раздел "Библиотека сайтостроения" дружественные сайты