6 грубейших ошибок веб-дизайна
Один из соавторов бесплатно распространяемой электронной книги Web Design Trends 2015–2016 рассказывает о вопиющих ошибках веб-дизайнеров и демонстрирует, насколько замечательные работы могут получиться, если помнить об этих ошибках и избегать их...
Работа без сетки
Бывает, что дизайнер набрасывает скетч на бумаге, а потом просто переносит его на сайт, не учитывая ни пропорций, ни четкого композиционного плана.
На самом деле отсутствие сетки сделает сайт визуально небрежным, даже если концепт его безупречен.
Делайте это правильно: Обратите внимание на сайт компании James Richardson furniture — он чистый, прекрасно организованный и даже забавный, при этом его сетка и вовсе выведена наружу.
Бывает, что дизайнер набрасывает скетч на бумаге, а потом просто переносит его на сайт, не учитывая ни пропорций, ни четкого композиционного плана.
На самом деле отсутствие сетки сделает сайт визуально небрежным, даже если концепт его безупречен.
Делайте это правильно: Обратите внимание на сайт компании James Richardson furniture — он чистый, прекрасно организованный и даже забавный, при этом его сетка и вовсе выведена наружу.
Использование
«
тем
»
без видимых изменений
Нет ничего плохого в использовании « тем » и готовых элементов различных систем управления, которые позволяют быстро сделать работающий сайт. Однако использовать « тему » и умыть руки недостаточно: вы получите сайт, похожий как две капли воды на сотни других. Меняйте цвета, шрифты, расположение блоков. Экспериментируйте!
Делайте это правильно: La Pierre Que Tourne — вот пример хорошего сайта
на WordPress, использующего достаточно распространеные виджеты и плагины. Но согласитесь, что стоит немало усилий, чтобы вычислить каждый из них.
Нет ничего плохого в использовании « тем » и готовых элементов различных систем управления, которые позволяют быстро сделать работающий сайт. Однако использовать « тему » и умыть руки недостаточно: вы получите сайт, похожий как две капли воды на сотни других. Меняйте цвета, шрифты, расположение блоков. Экспериментируйте!
Делайте это правильно: La Pierre Que Tourne — вот пример хорошего сайта
на WordPress, использующего достаточно распространеные виджеты и плагины. Но согласитесь, что стоит немало усилий, чтобы вычислить каждый из них.
Плохие изображения
Недостаточно четкая, расфокусированная или же просто не соответствующая духу вашего бренда картинка может запросто убить сайт!
Делай это правильно: На сайте Wild Renfrew куча изображений, и все до единого качественные и крутые. Они буквально заставляют вас скроллить страницу вниз.
Недостаточно четкая, расфокусированная или же просто не соответствующая духу вашего бренда картинка может запросто убить сайт!
Делай это правильно: На сайте Wild Renfrew куча изображений, и все до единого качественные и крутые. Они буквально заставляют вас скроллить страницу вниз.
Слишком вольный подход к шрифтам и сочетанию цветов
Часто дизайнеры думают, что могут отделаться цветами и шрифтами, которые будут подобраны ими на глазок. Хотя правила их сочетания — одни
из жизненно важных для дизайна.
Делайте это правильно: Totally Wagged Out — вот замечательный пример использования простых и последовательных цветовых и шрифтовых гамм, которые лишь подчеркивают индивидуальность сайта.
Часто дизайнеры думают, что могут отделаться цветами и шрифтами, которые будут подобраны ими на глазок. Хотя правила их сочетания — одни
из жизненно важных для дизайна.
Делайте это правильно: Totally Wagged Out — вот замечательный пример использования простых и последовательных цветовых и шрифтовых гамм, которые лишь подчеркивают индивидуальность сайта.
Сложная навигация
Самые жаркие споры о веб-навигации сегодня ведутся вокруг иконки-гамбургера — хороша она или отвратительна. Неважно, что вы думаете именно об этом, но в любом случае простая и эффектная навигация — это ключевой элемент веб-дизайна, а с ложное и многоуровневое меню, в свою очередь, неизбежный затык для сегодняшнего пользователя.
Делайте это правильно: Сайт агентства Manifold содержит ссылки
и кликабельные элементы, но вы не найдете их в главном меню, который содержит лишь три пункта. И это нормально.
Самые жаркие споры о веб-навигации сегодня ведутся вокруг иконки-гамбургера — хороша она или отвратительна. Неважно, что вы думаете именно об этом, но в любом случае простая и эффектная навигация — это ключевой элемент веб-дизайна, а с ложное и многоуровневое меню, в свою очередь, неизбежный затык для сегодняшнего пользователя.
Делайте это правильно: Сайт агентства Manifold содержит ссылки
и кликабельные элементы, но вы не найдете их в главном меню, который содержит лишь три пункта. И это нормально.
Слишком медленная загрузка
Медленные сайты — это сплошное разочарование, большинство пользователей будет покидать их, не сделав ни единого клика.
Делайте это правильно: Иногда загрузочная анимация настолько хороша, что вы считаете ее органичной частью сайта. Например, Leap Second уже
во время загрузки начинает рассказывать пользователю историю. Это прекрасный вариант для сайтов, которые в принципе не могут работать быстро из-за более тяжелого контента.
Медленные сайты — это сплошное разочарование, большинство пользователей будет покидать их, не сделав ни единого клика.
Делайте это правильно: Иногда загрузочная анимация настолько хороша, что вы считаете ее органичной частью сайта. Например, Leap Second уже
во время загрузки начинает рассказывать пользователю историю. Это прекрасный вариант для сайтов, которые в принципе не могут работать быстро из-за более тяжелого контента.
Вывод: мы не только познакомили вас с типичными ошибками веб-дизайнеров , но и показали напротив каждой из них верное решение. Изучайте!
Источник: http://blog.sibirix.ru/
Что Вы думаете об этом?