Ирина Никулина – Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов (страница 61)

4. Призывы к действию

Первая страница содержит в обязательном порядке: социальные доказательства (отзывы) и призывы к действию. «Закажи услугу», «купи товар», «узнай о скидках», «задай вопрос», «получи подарок», «воспользуйся бесплатной консультацией», «закажи бесплатный звонок» и т.д.

5. Дизайн в тренде

Главная страница всегда имеет современный стильный дизайн и следует последним трендам. Сейчас в моде минималистический плоский (флет) дизайн, направленный на то, чтобы не мешать человеку сделать заказ или купить товар на сайте.

6. Простые шрифты

Первая страница сайта должна иметь понятные и легко читаемые шрифты, заголовки подзаголовки должны быть оформлены в едином цвете на всей странице и на всём сайте. Шрифт не должен быть мелким, иначе его хочется просто промотать, не читая.

7. Хорошие картинки

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

8. Использование эффектов

Сейчас в тренде применение на первой странице анимации и Parallax-эффектов, когда сайт реагирует на каждое действие пользователя, например: отзываясь на движение мышки, реагируя на скролл, привлекая внимания к ключевым моментам подсветками, бликами и т.д. Некоторые эффекты сложно отобразить на дизайне сайта, поэтому их надо обозначить на презентации. Например, сообщить, что на основной кнопке в шапке сайта предполагается эффект «Блик», что в слайдере будет видео и т.д.

9. Обратная связь

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

10. Дополнительные сервисы

Первая страница может содержать дополнительные сервисы, например онлайн- консультанта, счетчик посетителей (ЯндексМетрика), калькулятор расчетов, мини-квиз, формы обратной связи и т.д.

3. Технические характеристики файла

Файл первой страницы сайта должен быть создан послойно в программе Adobe Photoshop.

Размер файла дизайна сайта – по ширине 1920 пикселей, по высоте от 1080 и больше, в зависимости от количества модулей на первой странице.

Разрешение файла – 72 dpi. Не делайте файл с разрешением 300 пикселей на дюйм. Для фиксированного контента оставляйте поля справа и слева 200-300 пикселей каждое поле.

Форматы файлов:

Формат исходного файла – PSD, слои не склеиваются.

Формат файла для утверждения клиента – JPG.

Модель цвета: только RGB.

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

Отдельно сохраняется и передается программисту логотип сайта в хорошем качестве в формате PDF или PING (с сохранением прозрачности).

При передаче файлов верстальщику или программисту сайта (часто этот специалист в одном лице), к файлу дизайна сайта прикладываются дополнительные материалы:

– Техническое задание.

– Текстовые и фото-материалы, переданные клиентом в оригинальном разрешении.

– Логотип фирмы в формате PDF или PING (или в векторном виде).

– Дизайн первой и остальных типичных страниц в формате PSD.

– Ссылки на соцсети клиента и другие ресурсы.