Сделал макет сайта DTF в Figma, чтобы сообщество могло легко предлагать свои идеи по дизайну и его цветовой гамме

Сделал макет сайта DTF в Figma, чтобы сообщество могло легко предлагать свои идеи по дизайну и его цветовой гамме

Предисловие

Всем доброго времени суток. На тему отношений DTF и тёмной темы уже можно, пожалуй, написать действительно неплохую объёмную мангу о белом куне, который безнадёжно влюблён в тёмнокожую тян, но никак не осмелится признаться ей в чувствах, и из-за этого страдает не только он, но и всё его окружение (а особенно их глаза), не в силах вынести вида одинокого скитальца.

Но вернёмся к теме поста. Я часто видел предложения по тёмной теме ДТФ, но почти всегда это переделанный HTML/CSS страницы, а для того, чтобы в коде страницы что-то делать, нужно иметь определённый уровень вовлечённости в Frontend разработку, который есть не у всех. Поэтому я решил скопировать сайт в Figma и поместить все цвета в стили, благодаря чему теперь можно быстро менять цветовую гамму. Ниже покажу как.

Как это работает

1) Сначала перейдите по ссылке ниже (она направит вас на файл с макетом) и скопируйте файл (кнопка duplicate). Если попросит регистрацию, то войдите через аккаунт Гугла, это быстро.

2) Перед вами откроется следующая картинка. Красная стрелочка указывает на место, в котором собраны все цвета макета в стилях

Сделал макет сайта DTF в Figma, чтобы сообщество могло легко предлагать свои идеи по дизайну и его цветовой гамме

3) Увидели список стилей? щёлкните по значку справа от нужного стиля, и вуаля, перед вами цвет, заданный стилю. Изменяйте его на любой по вашему желанию :)

Сделал макет сайта DTF в Figma, чтобы сообщество могло легко предлагать свои идеи по дизайну и его цветовой гамме

Послесловие

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

Если хотите, подписывайтесь на ныне санкционный инстик:

@project_or_design

11 показ
5.1K5.1K открытий
66 репостов