Сделал макет сайта DTF в Figma, чтобы сообщество могло легко предлагать свои идеи по дизайну и его цветовой гамме
Предисловие
Всем доброго времени суток. На тему отношений DTF и тёмной темы уже можно, пожалуй, написать действительно неплохую объёмную мангу о белом куне, который безнадёжно влюблён в тёмнокожую тян, но никак не осмелится признаться ей в чувствах, и из-за этого страдает не только он, но и всё его окружение (а особенно их глаза), не в силах вынести вида одинокого скитальца.
Но вернёмся к теме поста. Я часто видел предложения по тёмной теме ДТФ, но почти всегда это переделанный HTML/CSS страницы, а для того, чтобы в коде страницы что-то делать, нужно иметь определённый уровень вовлечённости в Frontend разработку, который есть не у всех. Поэтому я решил скопировать сайт в Figma и поместить все цвета в стили, благодаря чему теперь можно быстро менять цветовую гамму. Ниже покажу как.
Как это работает
1) Сначала перейдите по ссылке ниже (она направит вас на файл с макетом) и скопируйте файл (кнопка duplicate). Если попросит регистрацию, то войдите через аккаунт Гугла, это быстро.
2) Перед вами откроется следующая картинка. Красная стрелочка указывает на место, в котором собраны все цвета макета в стилях
3) Увидели список стилей? щёлкните по значку справа от нужного стиля, и вуаля, перед вами цвет, заданный стилю. Изменяйте его на любой по вашему желанию :)
Послесловие
Сам макет в Figma почти полностью повторяет главную страницу сайта, за исключением некоторых иконок, которые я под конец задолбался вытягивать из сайта.
Если хотите, подписывайтесь на ныне санкционный инстик:
@project_or_design
Предлагай не предлагай все равно получишь хуй.
гуй
Элистратов перелогинься
Нужно вместо дтф поставить в макете это,многие и разницы не заметят
Фигму какую-то
Плагин для хрома Dark reader решает очень быстро проблему темной темы. А то ждать будете вечность.
База, к тому же работает на все сайты.
ты йобаный гений, спасибо чувак!
В сравнении с Mid.Lizard, Dark Reader сосямба.
Болотный зеленый цвет в темной теме это прям такая выблядантская херня.
Можно же так сделать:
И вообще зачем это? Никто их комитета не будет переделыать сайт все равно.
А можно, чтобы не только цвет, но и новости/события какие я хочу, чтоб были?
Суть такова..
Артемий Лебедев залогинься
темные штуки все портят
О, рыбак!
Самое хуевое что можно сделать в дизайне интерфейсов - использоваеть ебучий лорем импсум
Просто в какой то момент автор заибался пятый час рисовать макет, посмотрел что осталась только панель комментов, и закончил это дело за 2 минуты))
Ой
@Улучшаем DTF во
Дневная тема - дженерик трендовый светлый ака "че за хабрахабр". И ночная - в теплых тонах(так комфортнее в темноте), с неуместной голубизной на логотипе и иконках для сохранения аутентичного цветового кода.
медуза какаято
Чувство удовлетворения
Бля че разрабы сделали с комментариями на телефоне, как теперь отвечать с быстрым копированием и цитированием, почему я теперь должен копировать полностью комментарий другого человека.
Критиковать - много ума не надо, вот сами бы, что то сделали...
Не вижу чето шапки на пол старницы с рекламой!
А ее и нет.
Но ведь инструменты разработчика в браузере удобнее и быстрее, только не совсем удобное сохранение.
Инструменты идеальны для создания (даже несмотря на наличие крайне прекрасного "Live editor for CSS..." расширения) css. Ещё лучше, когда открепляешь окно инструментов, и закрепляешь его поверх окон (так оно не режет часть места на экране, и глаза не мозолит если надо временно скрыть).
Для встраивания уже созданного css, уже можно брать всякие Styler и т.п.
Сохранять изменения, сделанные в инструментах как по мне не надо, достаточно просто выделить код, и скопипастить в файлик/Styler/и т.п.
Ого, у тебя на 19 пальцев больше, чем у работников ОАО ДТП и ты можешь что-то делать похожее на вменяемый проект.
Тут так не принято
"Как это работает"
Это не работает /close
Ну, самую легкую вступительную часть сделал. Теперь можно и к самой работе приступить - для начала давай поиграем шрифтами.
Иконки вытягиваются через inspect > network > обновить страницу > отсортировать загруженное по формату и будут все загруженные .svg и все, что угодно
И?
Комментарий недоступен
Надеюсь темная тема будет именно в таких цветах а не богомерзком контрасном черном
Это щас бесплатно работать надо?
Проверь проект на контрастность и доступность. Сейчас у тебя цвета сливаются в кашу. Это можно сделать плагином или любым сайтом "Contrast Checker". В добавок, у тебя отсутствуют акцентные цвета из-за чего все смотрится монотонно и глазу не за что зацепиться.
Для текста и комментов рыбу лучше писать на кириллице, вместо стандартного Lorem ipsum. Тут даже не надо уметь в копирайтинг, можно заюзать "Балабоба".
Ну и где ты раньше был когда я все в соляново делал
Жаль смысла в этом ноль. И я, и другие уже и макеты рисовали, и цвета предлагали, и всё на свете. Не делают и всё тут.
Цветовая гамма замечательная и так.
@Дмитрий Пан делал тёмную тему для DTF
Идет четвертый месяц 2022 года. Илья Брегман пытается объяснить, как работают цветовые стили в Figma.
попробовал замутить покрас (мой дизайн закончился на Windows Forms)