← Разработка

Меняем дизайн (упрощаем)

2 минуты, 17 секунд
Меняем дизайн (упрощаем)

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

Обычно советуют:

  • Замените сложный текст изображениями
  • Упрощайте шрифт для дизайна
  • Ограничьте количество цветов в дизайне
  • Не используйте слишком много элементов
  • Используйте эффекты для создания контраста

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

Я сам не дизайнер, что делаю, мне просто нравится. Мне нравятся открытые, простые макеты, где много света и мало деталей.

Сегодня мы работаем над одним проектом, где используется модель Reddit. Сама модель сложная, функций много. Мой дивиз там — упрощай.

Но глядя на GitHub, мне не нравится то, что я сделал: добавил 3000 строк кода, а убрал 200. Куда лучше, иногда, убрать 3000, чем их добавить. )

Часто незначительные изменения (в удалении «лишнего») сразу все меняют.

До / после

Объем css сократился с 150кб, до 34.995, но при сборке, общий объем увеличился. Почему? Там подключилось опять «что-то нужно». Нам все нужно. Иногда смотришь на объем кода и думаешь:

там что, полет на Луну и назад описан? Возможно нет, ещё и проживание там. Почему так много? Почему не убрать?

В общем, наша задача сегодня, сохраняя функционал (а он огромен), сделать простой дизайн на Agouti.

До изменений:

После:

https://agouti.ru/

Занятная задача. Много работы.

Совсем просто что-то добавлять, мы постоянно что-то добавляем, усложняем, а если начать убирать, упрощать? Эта задача иногда сложнее для реализации: сделать простой, функциональный макет, который интуитивно понятен всем.

+4
11:23
138
Evg Evg
11:25
+3

Хорошо получается! 

09:00
+2

Нам предстоит еще много работы.

Дядя
12:06
+1

Здравствуйте, как с вами связаться? Хотим заказать сайт такойже как сугата. 

14:41
+1

Здравствуйте. 

sugata.ru/info/about.html

Загрузка...