Иван Гузюк:

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

2273327


Ребята, перестаньте мне вы-кать) Я себя неловко чувствую каким-то околопенсионером что ли.

Масштаб

Ты погорячился немного:

size

Контент лучше делать в районе 1100 — 1400 по ширине, но не на все 1920. У тебя же инфопортал, а не портфолио или галерея интернет-магазина. Казалось бы, большой монитор — помещается много инфы: удобно же! Но нет, все как раз наоборот. Широкие колонки текста читаются намного хуже. Даже современные книги если сравнить с тем, что были раньше, то в них стали делать большие поля, на которых располагают доп. инфу, какие-то сноски, врезки и пр. А не наоборот, текста побольше, а поля поменьше.


Разрядка текста

Так сильно разряженный текст сложно читать. Особенно длинные предложения. Разрядку хорошо делать в логотипах, кнопках, коротких заголовках. Можно просто полазить по информационным сайта и посмотреть на типографику. Ни на одном из сайтов, которые дорожат своей аудиторией подобного нет.


Сетка

Есть подозрение, что ты не правильно пользуешься сеткой. Колонки должны быть одинаковой ширины, а не разной, иначе в сетке почти нет смысла. Глянь, что с правой стороны у тебя:

grid

6 + 6 (но не 6,1 + 5,9)
3 + 3 + 3 + 3 (но не 3 + 3 + 2,9 + 3,1)
4 + 4 + 4 (но не 4 + 3,5 + 4,5)
и тд.

Либо колонки должны сильно отличаться. Например, широкий сайд-бар, а потом одинаковые колонки.

guides3


Цвет

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

grey


Кликабельность

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

titles

Заголовки лучше делать отличным от контента цветом либо добавлять подчеркивание. В макете так же нет ни одного длинного заголовка. Что делать верстальщику, когда текст упрется в конец строки? Звонить тебе?)

Футер:

footer

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


Акценты

В тебя дополнительные ссылки получились с большим акцентом, чем основное меню (размер такой же, шрифт толще = акцент больше):

header

Даты и комментарии — дополнительная инфа, и акцент на них должен быть в разы меньше. А у тебя они лезут на передний план:

dates

Сравни:

blog


Элементы

Фотографии лучше всего делать одинаковых пропорций. Если выбрал прямоугольный формат, то и маленькие фотографии в сайд-барах лучше делать тех же пропорций. Меньше будет танцев с бубнами у верстальщиков и тебя икота не замучает)

Казалось бы такая мелочь:

comments

Но из твоего макета не понятно, что делать верстальщику с плашкой, если комментов, скажем, 7. А если их вообще нет: убирать плашку или нет? Вот даты ты показал, молодец, но так как это инфопортал, значит в день будет много статей и новостей, а числовой вариант 07.05.2016 хреново воспринимается, то лучше всего вообще заменять на «вчера» и «2 дня назад» на главной странице. И то я сомневаюсь, что «N дней назад» на главной будет, максимум «вчера». А на внутренних лучше менять числовой вариант на текстовый: 7 мая 2016.


Совет

Перед началом работы хорошо полазить по аналогам. Посмотреть цвета, типографику. И сделать лучше. Но не хуже)


Возможно, тебе будет интересно посмотреть другие фидбеки.
Хочешь получить совет? Пиши 🙂

Метки:
Оставить комментарий

Такая эл. почта уже зарегистрирована. Воспользуйтесь формой входа или введите другую.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.
5 комментариев

«Ребята, перестаньте мне вы-кать) » — только не «окей гугл» а, окей Алексей, ты как гугл все знаешь))
Буду миксовать если можно) Я вы-каю, к вам как к человеку не из-за возрастного показателя, а как к профессионалу своего дела.

Годная статейка, как раз разрабатываю инфо портал, тоже думаю по поводу даты публикации, по шрифтам делал небольшой анализ и вывел для себя такую пару Raleway (заголовки), Museo Sans (основной), акцидентный (PT Serif italic).

окей Алексей, ты как гугл все знаешь))

Многое мб, но точно не все)

Спасибо, буду изучать свои ошибки и работать над ними)

Фотографии лучше всего делать одинаковых пропорций.

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

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

Я стараюсь сделать так, чтобы по высоте было кратно 50 или 30, или 20 пх. По ширине — по сетке. А иногда это 600 х 308 =)