• Есть ли недочеты в этом макете сайта?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    • Белый по светлому не читается. Белый по пестрому - тем более. Голубой по голубому - ох...
    • Странное смешение шрифтов с засечками и без. Никакой системы в этом не наблюдается. Какую задачу эта разница решает - непонятно.
    • Очень много разных размеров шрифтов и межбуквенных интервалов. Проблема та же - нет системы.
    • Отступы везде разные. Внизу их вобще нет. Проблема та же.
    • Местами намешана информация. Глаза разбегаются. Здесь явно прослеживается идея поэкранного скролла, или чего-то вроде него, но стоит подумать над тем, чтобы каждый экран был о чем-то одном. Первый про то, что это такое (зачем там какие-то характеристики про опыт и духов?), дальше описание сервера (зачем там реклама справа?), магазин вообще спрятался в куче рандомных фактов по краям, я его в первый раз даже не заметил.
    • Не совсем понятно, как это должно адаптироваться под разные размеры экранов.

    В целом докапываться можно много к чему, перечислять нет смысла, но общий посыл такой:

    1. Обращайте внимание на систему в дизайне. Загуглите, что такое дизайн-система и почему простота и последовательность - это хорошо.
    2. Думайте больше о доступности и адаптивности. Вы дизайн делаете для пользователей в первую очередь. Красочная картинка вторична.
    3. Не нужно нагромождать все, как в газете. Это очень редко работает. Управляйте вниманием пользователей, не давайте ему растекаться во все стороны.


    P.S.: Также в таких проектах всегда нужно быть готовым к диалогу с разработчиком и не допускать требований pixel-perfect по согласованным без него макетам. Это не так сложно сверстать, но вот эти штуки по краям с линиями и кубиками будут генерироваться на лету (для адаптивности). Они не будут 100% соответствовать нарисованному. Также тут так и напрашивается все эти картинки анимировать, как на текущем сайте mtg. Не знаю, как этот стиль называется, но WebGL - наше все. Да и эти кубики я бы сделал неспешно плывущими более-менее вниз с покачиваниями и поворотами... Но это уже следующий шаг. Первое - система в дизайне и доступность.
    Ответ написан
    1 комментарий
  • Vol. 2 Что поменять в дизайне?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Замечания
    - Прямо видно насколько мелкий текст в сравнение с остальными элементами
    - Не видно никакого выравнивания блоков текста по сетке
    - Отсупы скачут, выглядит очень не профессионально
    - Мало воздуха (отспупов от краев, между элементами
    - Ужасно жирные тени, прямо делают весь дизайн грязным
    - Жирный шрифт заголовков и рейтинга не в тему, трудно читать в сравнение с остальным текстом

    И самая жесть:
    - Тень у текста! Это вообще просто сразу повод закрыть это все.

    P.S. Прошлый дизайн был получше этого. Лучше бы тот доработали.
    Ответ написан
    1 комментарий
  • Что поменять в дизайне сайта?

    hint000
    @hint000
    у админа три руки
    От алкоголя глаза разбегаются.
    5fbbc2f9bcae4552275995.png
    Ответ написан
    Комментировать
  • Что поменять в дизайне сайта?

    Minuvi
    @Minuvi
    Good UI Designer
    Для визуального восприятия - это надо смотреть на чистовую отрисовку элементов интерфейса. Фон очень тяжелый, и к тому же с ним слился h1. Заголовок очистить от заливки, я б разместил его в правом блоке, над основной инфой.
    Насчет удобства:
    - Показывать только те точки, где есть в наличии
    - Показывать еще и обратную сторону этикетки
    - Убрать обводку вокруг цены, а то кажется, что это кнопка, хотя ниже есть "В корзину"
    - (наверное это есть, но на скрине нет) Добавить ниже рекомендации типа "Еще Испания", "Еще Сухое", "Похожие, но подешевле" и тп.
    - Все три рейтинга сгруппировать в один блок.
    - Если отзывов нет, то обязательно сделать - в этой сфере звездочек недостаточно, описание ощущений намного важнее (см. Вивино и тп)
    Все это субъективно конечно ж !
    Ответ написан
    Комментировать