Переверстываю сайт по советам Нозика

В среду сходил на Живые советы. Михаил Нозик отвечал на вопросы о вёрстке изданий, сайтов и приложений.

Максим Ильяхов — Три закона критики.

Илья Бирман — Критика — это комплимент.

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

Сейчас сайт выглядит слабенько: вроде аккуратно все, ритм, чередование, от большого к меньшему, но как-то размазано. Неплохо для второй итерации, но надо прибираться. Михаил нашел 21 проблемное место. Рассказываю по порядку по блокам.

  1. Эмодзи создают шум. В целом, в тексте их можно использовать как прием управления внимание. Но использование и эмодзи и ссылок, в сочетании с центральным выравниванием перегружает и мешает восприятию.
  2. Слишком большой межстрочный пробел. Можно легко поджимать.
  3. Не очень приятные болотные цвета на всей странице.
  4. Жирные палки под ссылками подбешивают. Подчеркивать надо аккуратнее.
  5. Не понятно, как связаны иконки с предыдущим текстом. Решение с мультиховером — адовое.
  1. Текст по форме глаголов похож на предыдущий блок. Непонятно «ты все-таки кто». Нужно навести порядок.
  2. Подпись хорошо бы поставить под фото и добавить ссылку.
  1. Заголовок не согласован с другими заголовками на странице.
  2. Фото влазят в интерлиньяж подписей.
  3. Горизонтальный скролл — бее.
  4. Многоуровневая ссылка — бее. Можно убрать ссылку или с автора или с названия.
  5. Подбешивает, что книги разного формата.
  1. Заголовок и пункты списка не согласованы. Типа «сфотографировал проекты» — бред же.
  2. Галерея слева не работает. Не считывается, что она связана с фотографией справа. Люди так не привыкли. Лучше поставить снизу. Еще связи мешает здоровенный разрыв.
  1. Заголовок и подзаголовки не согласованы. Получается «Написал книги», но я их не написал.
  2. Точки используются не последовательно. Где-то пропущено. (вот тут вообще стыдно)
  1. Одинаковое межстрочное между заголовком и подзаголовком, и между подзаголовком и текстом. Не надо так.
  2. Расстояния между пунктами очень большое. Можно поджимать.
  3. Не хватает фотографий. Сейчас это унылое перечисление ссылок. Хочется усилить желание зайти посмотреть.
  4. Месяца оттягивают внимание от городов. Можно попробовать их убрать.
  5. Вот эта штука привлекает слишком много внимания к себе. (на Советах никто так и не понял что это такое).

Постепенно буду делать сайт лучше. Если у вас есть, что добавить, пишите. Буду рад любой критике.

Поделиться
Отправить
Запинить
 3   2017  
1 комментарий
Ната 2017

Увидела как ты сайт переделал. Стало гораздо лучше!

На живых советах я тебе говорила про этот сайт Людвига: http://ludwigbistronovsky.ru/
Твоя верстка немного мне напоминает эту.

А раздел с фотографиями ты не стал менять?

Дмитрий Кучев 2017

У Людвига круто сделано, в его стиле. Он умеет ломать систему. Бюрошники бы так не сделали :)

Но идею я спер у Павла Моисеенко http://pavelmoiseenko.ru/blog/

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

Популярное