Vol. 3 Что поменять в дизайне?

Question

[Рафик Бох]

Уже задавал этот вопрос и мне дали много полезных советов и посоветовали книгу, которую уже начал изучать.
Vol. 2 Что поменять в дизайне? - прошлый пост
Виден ли прогресс? Правильно ли учел замечания, которые мне написали в комментариях в прошлом посте? Какие еще моменты вы сможете выделить, чтобы улучшить визуализацию сайта?

Comments

[Ankhena]

Перебор цветов.
Лого на белом фоне "как прибили так и держится".
Рамки у кнопок.
Толстые полоски в характеристиках. (Может, дефекты скрина)
Отступы в кнопках, особенно в скругленных.
Текст вываливающийся из своего фона уже прямо в дизайне.
Расстояния между строками и блоками.
Опечатки, звезды.
У шрифтов кроме 400 и 700 есть и более интересные сочетания жирности.

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

[posters]

Прошлый вариант был намного лучше. Выглядело современней.
Книга вас испортила(

[Евгений]

каждый vol всё хуже и хуже ))))

[Иван В]

Задний фон не нужен.

Answer 1

[Евгений Голубев]

Батюшки, столько советов и никак)))
Убери ты этот фон вообще. Не желтый, не красный, не зеленый. Оставь просто белый. Не надо туда картинки вина пихать.
Зачем границы контейнера тут нужны - тоже непонятно.
Все иконки должны быть одинаковые по ширине линий. Нельзя сделать что-то одно жирным, а второй элемент этого же поля тонким. У тебя сердечко одной толщины, воскл.знак другой - так не делают. Должен быть единый стиль.
Если не умеешь делать иконки сам, ну или хотя бы скачивать похожие по стилю, используй готовые сеты

Используй только 2 начертания шрифта, и максимум 3й для чего-то нестандартного.
Заголовки - 1
Подзаголовки/переключалки - 2й
Типовой текст - 3й

Все. Забудь про italica + bold + light + regular + super bold + light italica в одном макете.

Все кнопки у тебя одинаковые. Кнопка заказать далеко не такой же важности как например "в избранное". Почему она прозначная? Заказать явно важнее. Почему они одинаковых размеров/цветов?

Ты учишься, но сразу видно что пытаешься делать просто наобум.
Сделай себе прототип страницы, накидай расположение элементов по важности от большего к меньшему.
Открой бехайнс и найди minimalism web design или ui/ux kit

В идеале, скачай какой-нибудь Minimalist site ui/ux kit и по нему слепи сайт

https://www.behance.net/gallery/44035703/ANTIDESIG...

Ты пытаешься скрестить несколько стилей, не умея работать ни в одном из них. Так не делают.
Практика - это хорошо. Но практика должна на чем-то базироваться. По работе видно что ты не знаешь даже основ.
Композиция - что это/как работает/как правильно и тд. Что такое цвета/как с ними работать и тд. Психология поведения на сайте. Что важно/что нет. Что можно делать/чего нельзя и почему. Типографика - критически важная основа для всего визуального. Без понимания ее хотя бы на 70% ты так и будешь лепить говно.
Ты не научишься этому не зная таких основ. В теории да, конечно можно, но это будет ооочень долго до тебя доходить.

Я тоже учился на практике, года 3 делал лютое говно. Потом в итоге таки понял что надо бы знать основы и понимать че к чему, начал изучать. И только потоооом, спустя теория+практика=говно, но уже получше. Я научился что-то делать.

Долбя тостер вопросами ты не получишь шедевра + сам заманаешься читать недопрофи. Один скажет удали, другой скажем верни, вечные качели. Начни с базы.
Ведь так во всем. В зале ты не наберешь массы не делая базовых упражнений. Машину водить ты не сможешь, не понимая базовых вещей. Жoпa пocpaть не сможет не зная базовой вещи открывания сфинктepa. Смекаешь?

Answer 2

[Денис Инешин]

1. Фон грязный
2. Описание - черное на темно сером - отвратительно грязно и не читабельно
3. Шрифты по прежнему мелкие в сравнении с остальными элементами
4. Иконки и контролы (вроде лайка и т.п.) просто как будто даже не работали над этим
5. Скидки и баллы - ужасно
6. Станции метро как будто вообще не отсюда
7. Кнопку "Добавить в корзину" вообще никогда не найти среди этого месива.
8. Нафига значки платежных сетей здесь? Пусть будут в корзине.