Компьютерная Академия IT Step - полноценное IT-образование‎ для взрослых и детей. Мы обучаем с 1999 года. Авторские методики, преподаватели-практики, 100% практических занятий.

Ваш браузер устарел!

Вы пользуетесь устаревшим браузером Internet Explorer. Данная версия браузера не поддерживает многие современные технологии, из-за чего многие страницы сайта отображаются некорректно, и могут работать не все функции. Рекомендуем просматривать сайт с помощью актуальных версий браузеров Google Chrome, Safari, Mozilla Firefox, Opera, Microsoft Edge

ШАГ логотип

Веб-дизайн: распространенные ошибки

27.03.2019

151 просмотр

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

 

Приведенные перечень самых распространенных ошибок поможет дизайнерам понять суть каждой из них и не допускать такие промахи в своей работе.

 

Макет

Известно правило, когда пользователь не может найти информацию на сайте или совершить целевое действие, то он покидает сайт.

 

Это правило работает в 98% случаев. Скорей всего, пользователь перейдет на другой сайт, возможно, это окажется сайт конкурента. У пользователя есть потребности и он будет пользоваться тем сайтом, который поможет закрыть эти потребности. А чей это будет сайт, ему совсем безразлично.

 

Продуманный до мелочей макет сайта позволяет пользователю понять с первого взгляда, где он находится  и куда ему нужно перейти.

 

Используйте модульную сетку, которая поможет построить содержимое веб-страницы. Всегда применяйте «Правило третей» в работе и принцип «Золотого сечения», что позволит гармонично использовать площадь и выделять важные объекты.

 

Навигация

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

 

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

 

Дизайн страниц сайта

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

 

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

 

Неудачные цвета

Одна из самых распространенных ошибок в веб-дизайне – это неудачно подобранные цвета для сайта.

 

Цвета могут абсолютно не соответствовать тематике сайта, что вызовет резонанс у пользователя и он не воспримет информацию. Цветовая палитра сайта должна, соответствовать корпоративным цветам, если они есть или отвечать тематике сайта. Использование нескольких цветов не способствует созданию гармоничного восприятия сайта. Рекомендуют использовать три разных цвета, один из которых должен быть основным.

 

Форма регистрации

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

 

Воздух

Использовать на сайте свободное пространство необходимо для лучшего восприятия информации.

 

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

 

Картинки

Чрезмерное использование изображений и иллюстративного материала может оказать негативное влияние на общее оформления сайта и восприятие его пользователем.

 

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

 

Выбрав направление обучения «Компьютерная графика и дизайн» в Академии ШАГ студенты научатся не только создавать красивые макеты сайтов, но и будут знать о том, как ведут себя посетители сайта.

 

Академия дарит курс «UI\UX design» своим лучшим студентам, а курс английского получает в подарок каждый студент. За время обучения в Академии ШАГ можно не только получить новые знания и навыки по компьютерной графике и дизайну, но и подучить английский.

 

Хочешь научиться дизайну? Поступай к нам → https://itstep.dp.ua/graphic_designer



Авторские обучающие технологии:

Редакция Компьютерной Академиии ШАГ

Программирование

Что такое CSS и для чего нужен веб-разработчику

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

Написать HTML-разметку документа — это лишь малая часть ежедневных задач веб-разработчика в конкретном проекте. Если вы знаете, что такое HTML, какие теги используются в разметке и как правильно писать документ — переходите к следующему этапу.  Расскажем, что такое CSS с нуля: как устроен его код и как прописать стили в духе гуру-разработчика, а не новичка после бесплатных интенсивов. Что такое CSS Каждый HTML-документ имеет базовые параметры для тегов. Например, расположение параграфов для тега [p], точки для ненумерованных списков и линии разме

ШАГ логотип

Как найти мотивацию учиться, если она пропала при обучении

Часто люди загораются идеями: научиться программированию, взять ещё клиента на фрилансе или перейти из офиса на удалёнку. Это отличное и оправданное желание: хочется побольше денег, признания и самоуважения.

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

ШАГ логотип

Дизайн

Кто такой моушн-дизайнер и чем он занимается

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

Видеоконтент увеличивает продажи: исследование показывает, что два из трех пользователей посмотрели рекламу и купили продукт. Помогает волшебная палочка — моушн-дизайн. Рассказываем на примерах: кто такой моушн-дизайнер и почему его работы востребованы везде — от ТВ до презентаций Apple. Кто такой моушн-дизайнер Перенесёмся в детство. В это время некоторые детишки делали первый моушн-дизайн. Хотя об этом не догадывались. Кроме футбола, классиков и плевания из ручек, было забавным рисовать всякие каракули. Например, взять тетрадь, и на

ШАГ логотип

Что такое CMS и как её правильно выбрать

Главное из статьи: задача CMS — упростить жизнь всем, кто хочет сделать сайт. Можно сделать блог, визитку, корпоративный журнал или газету без знания кода. А с программированием проект выглядит ещё солиднее.

Главное из статьи: задача CMS — упростить жизнь всем, кто хочет сделать сайт. Можно сделать блог, визитку, корпоративный журнал или газету без знания кода. А с программированием проект выглядит ещё солиднее.  Управлять CMS проще, чем уникальной разработкой: просто добавлять картинки, статьи. Если возможностей сайта не хватает – скачивайте плагины, платные и бесплатные темы с магазина. Пирогов к чаю не напечет, уют в доме не создаст и от одиночества не спасет А теперь подробнее. Кому понадобятся знания о CMS Если вы никогда не слышали о CMS, н

ШАГ логотип