Игорь Штанг (nobelfaik) wrote,
Игорь Штанг
nobelfaik

Переверстка №19. Главная страница сайта «Буквы русского»

Мария пишет:

Это главная страница сайта «Буквы русского» с анонсами последних материалов: колонки Андрея Кудрявцева и интервью со шрифтовиками. Проблемы: у сайта нет своего лица, он выглядит сделанным на коленке, не соответствует теме.



Переверстывать в этот раз не буду, но дам несколько рекомендаций.

1. Избавьтесь от засилия прямоугольников. На странице всё прямоугольное, кроме иконки Телеграма. Уберите плашку, поставьте мелкие фотографии в круг, обтравите то, что можно обтравить. Станет легче и живее:




2. Уделите внимание иллюстрациям. Сейчас они занимают бо́льшую часть макета и все посредственного качества. Если хороших картинок нет и не планируется, сделайте акцент на тексте: наберите его крупно и красивым шрифтом, а фотографии уменьшите до размера марок.

Еще один способ — придумать фильтр, который скроет недостатки и выровнит различия. Иногда достаточно перевести в чб.




3. Подумайте о фирменных элементах — тех, которые будут отличать ваш сайт от остальных. Фирменным может быть что угодно: шрифт, иконки, сочетание цветов, приемы верстки, анимация… Посмотрите, как оформляют блок «картинка + текст» известные интернет-издания. Некоторые сайты можно узнать даже по маленькому кусочку, настолько характерен их стиль:



Начните, например, с оформления рубрики:


4. Придумайте Большую Идею. Если перечисленные приемы не помогают, вернитесь к смыслу. Первое, что пришло мне в голову: раз сайт называется «Буквы русского», пусть каждый из приглашенных шрифтовиков нарисует начальную букву своей фамилии, а вы найдете ей достойное место на макете:




5. И последнее. Оставьте в покое PT Serif и PT Sans.

Как попасть в «Переверстку»

Отправьте письмо с макетом, комментарием или вопросом к нему на эл. адрес conversive@mail.ru. В теме письма укажите «Переверстка». Будьте конкретны. По возможности прикрепите исходники.

Описание и правила рубрики
Tags: веб, знаю как, иллюстрация, переверстка, процесс, сайт
Subscribe

Posts from This Journal “переверстка” Tag

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 6 comments