5 типичных ошибок начинающего веб дизайнера

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

5 типичных ошибок начинающего веб дизайнера:

  • размер макета
  • размер шрифта
  • семейство шрифта
  • пустая стартовая страница
  • некачественные изображения или анимация

1. Размер макета

Обязательные параметры макета:

  • разрешение (resolution): 72 пикселя / дюйм (pixels / inch)
  • цветовая модель: RGB
  • наиболее распространённая ширина макета: 1000 пикселей

Самый простой способ создать корректный файл для будущего дизайна веб сайта — сделать принтскрин (кнопка PrtScr на клавиатуре) любой веб страницы и сразу создать новый документ в Photoshop. Документ будет создан с шириной, соответствующей ширине экрана:

Если вставить в него изображение принтскрина, то можно определить ширину полезной области сайта и убедиться, что на многих сайтах это значение приблизительно равно 1000 пикселям:


Полезная область сайта выделена красным фоном

2. Размер шрифта

Размеры шрифтов на сайте должны быть только в целых числах, например: 12, 14, 26. Минимальный размер – 10 пикселей. Для большей части семейств шрифов размер меньше 10 будет трудно читаться.

3. Семейство шрифта

В наши дни можно внедрить любой шрифт на сайт, но это не значит, что он будет отображаться браузерами так же хорошо как в Photoshop.
Пример “битого” отображения шрифта браузером:

Оптимальным остаётся использование шрифтов Google Fonts или тестирование шрифта в разных браузерах перед использованием его в макете.

4. Пустая стартовая страница

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

5. Некачественные изображения или анимация

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

Акцент на шрифтах, тематические иллюстрации, аккуратные фоны – тенденции современного дизайна.

 

Вывод: Технические требования к созданию дизайна сайта не настолько сложны. Главные ошибки, которые может допустить непрофессиональный дизайнер — это неправильное использование шрифтов и размер макета. Всё это можно исправить.

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

Автор: Морозова Светлана