Офтоп
Ян Корвин
4006

Тёмная тема

Привет, DTF. Недавнее бурное обсуждение редизайна послужило отличным таким триггером, чтобы попробовать сделать "как нужно", а извечный мем с тёмной темой задал дополнительное направление. Поэтому встречайте - DTF Redesign 2.0 Enhanced Edition (Remake) - Director's Cut: Dark Version. Сага. Я сделяль.

В закладки
Аудио

Я - рукожоп и ни разу не дизайнер. А не столь давно я обнаружил, что имею некоторую страсть к UI/UX дизайну. Как вы понимаете, ничего хорошего из этого выйти не могло. И вот, в свободное от работы и основного хобби (геймдев) время (то есть примерно раз в никогда) я пытаюсь понемножку что-то делать в этом направлении. Когда Юпитер в нужном знаке зодиака, накатывает вдохновение и я сажусь и что-нибудь ваяю в Figma. Вообще, стараюсь не упускать лишнюю возможность попрактиковаться в этом деле. Скиллы свои оцениваю примерно на зачаточный уровень, поэтому лишь надеюсь, что глаза у вас не вытекут.

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

Ну, как-то так.

Три основных раздела я вернул в шапку - мне, да и многим, судя по комментариям, было намного привычнее переключаться между основными разделами именно сверху. Вообще, пока я писал эту статью (дописываю я её спустя ~2 недели), я уже привык к этим пунктам слева, но не переделывать же всё х)

Тут же можно увидеть, что счётчик нового я убрал, оставив лишь индикатор. Я считаю, что видеть, сколько новых постов в каком-либо разделе - не столь важно, сколько сам факт того, что они есть.

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

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

По нажатию на кнопку (ну, саму надпись/колокольчик) уведомлений, они займут место прямого эфира:

Мне показалось это нетривиальным и интересным решением - так их можно оставить открытыми всегда и следить конкретно за тем, что касается тебя, а не за прямым эфиром, который, судя по возмущениям, мало кого интересует. Собственно, на этой же панели изобразил и прочитанные (без фона), и непрочитанные (со светлым фоном), и развёрнутое уведомление.

С правой панелью всё просто и понятно, я думаю - туда переехал список настроек из дропдаун меню, а также список подписок. Оба можно свернуть по желанию. Если в подсайт что-то публикуют - появляется индикатор нового поста.

Ну и самая главная кнопка никуда не делась и она всё так же самая большая и заметная - это кнопка нового поста.

Ну и, конечно же, обе панели можно свернуть, оставив на виду лишь самое главное - посты.

Вы посмотрите сколько места под рекламу освобождается!

Причём исчезают они не полностью, а именно что сворачиваются, оставляя информацию и важные фичи на виду:

Уведомления об активности в прямом эфире, уведомлениях и новых постах в подсайтах, а также всё, что связано с профилем.

Я понимаю, что тёмная тема - это как Half-Life 3 - не существующий и никогда будущий существовать недостижимый идеал, но, надеюсь, вам понравилось. Ну, хотя бы немного (: Буду рад услышать любой фидбек. Всем спасибо за внимание.

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Ян Корвин", "author_type": "self", "tags": [], "comments": 239, "likes": 337, "favorites": 92, "is_advertisement": false, "subsite_label": "flood", "id": 65387, "is_wide": false, "is_ugc": true, "date": "Tue, 27 Aug 2019 16:27:08 +0300", "is_special": false }
0
{ "id": 65387, "author_id": 11404, "diff_limit": 1000, "urls": {"diff":"\/comments\/65387\/get","add":"\/comments\/65387\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/65387"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 64955, "last_count_and_date": null }
239 комментариев
Популярные
По порядку
Написать комментарий...
120
Ответить
33

ща придёт Ширяев и 6 крепких комитетчиков

Ответить
2

Денис уже одобрил.

Ответить
0

Жаль в комментах не отметился)

Ответить
3

Я прочитал все комментарии :) мне нравится и я люблю когда делятся своими мыслями и виденьем проекта, продолжай 💖 если нравится UI/UX тем более

Ответить
6

Больше напоминает Дискорд

Ответить
3

У дискорда очень удачная тёмная тема, имхо. Но на него не опирался, честно) Да и он серенький, а у меня БАКЛАЖАНОВЫЙ :D

Ответить
–1

Я boku no pico смортрю, давай позже

Ответить
1

Ой да отстань) КЫШ

Ответить
0

Баклажаны топ тема, особенно жареные

Ответить
0

Кстати, да. Тоже сразу об этом подумал.

Ответить
2

Это всё ложь (и клади)!
Думаешь, откуда они цветовую тему стырили? А? То-то же!

Ответить
69

Привет. Для «рукожопа и не дизайнера» очень хороший чистый макет: чувствуете сетку информации, видна любовь к деталям (вроде двойной обводки вокруг точки уведомления, где вторая — полупрозрачная). Так что я бы рекомендовал развивать свою страсть к интерфейсам.

Есть спорные моменты вроде «Теперь первый находится слева, где меньше отвлекает, даже если включён, а меню всегда в шаговой доступности справа» и выбора оттенков/контрастности, широкого шрифта, скобок вокруг рейтинга, но в целом сделано здорово.

Ответить
33

Все лучше, чем современный дизайн дтф.

Ответить
31

Да, всё лучше.

Ответить
14

Нихрена о.о
То есть, привет) Спасибо большое, Владислав! Буду теперь показывать этот коммент как рекомендацию если вдруг куда-то дизайнером пойду х)
Пожалуй, поверю тебе и буду развивать эту страсть дальше, раз всё-таки всё не так плохо, как я думаю.

А насчёт спорных моментов - ну, да... Я руководствовался самым простым - направлением чтения (F/Z), типа, отвлекло слева - сразу взгляд вернулся обратно. Но это такое, я понимаю, диванное. Я, всё-таки, пока как зачаток хобби это делал, без всяческих ресёрчей и юзабилити тестов, и других умных слов, которых я не знаю :D

Попробую в следующей версии что-нибудь пошаманить над оттенками и контрастностью.

Ответить
22

Сливовая тема

Ответить
50

Вообще выглядит неплохо, цвета приятные

Ответить
4

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

Ответить
0

Могу посоветовать ресурс, помогает в этом

Ответить
0

Давай канеш!

Ответить
1

Спасибо! Будем пользоваться

Ответить
0

Не за что)

Ответить
0

Вот этот пробовал. Чёт не сильно меня устраивают эти всякие подборки, если честно. Вроде по правилам всё - комплементарные там и т.д., а смотрится вместе не особо ;(

Мож просто неправильно юзаю)

Ответить
1

Сложноооо >_<

Ответить
0

Очень даже, особенно учитывая что это работа любителя как Вы говорите, единственное мне кажется цвета с рейтингом немного выделяются, особенно красный, но это опять же моё личное мнение)

Ответить
4

Ай мля, ̶м̶а̶с̶л̶и̶н̶у̶ сливу поймал!

Ответить
10

Когда светлая тема?

Ответить
3

А я думал над тем, шоб из этого сделать светлый вариант. Но пока руки не дошли (я эту статью-то щас дописал 2 недели спустя)

Ответить
1

Ну ты уж постарайся,да прибудет с тобой свет Эльрата!

Ответить
1

Окей. Пожалуй, засяду сразу за тёмную тему v 3.0 и с ней же сделаю светлую. Надеюсь, увидимся раньше, чем через полгода х)

Ответить
0

Есть только серая

Ответить
0

Нет, ещё нет. Я ещё не сделал.

Ответить
5
Ответить
1

Да-да, все мы заем про модификации CSS. Но тут смысл-то не столько в цветах, сколько и в разных фичах)

Ответить
2

Кста надо будет тебя запомнить и пригласить возможно UI для меня делать :D

Ответить
0

А щит, хир ви го эген х)
А если серьёзно - что за UI? Я в целом, мож, и не прочь.

Ответить
0

Да я в будущем хотел бы сделать игру, воооот, сам то я наверняка справлюсь, но хотелось бы иметь про запас кого-нибудь кто сможет круто )

Ответить
0

Ну, попробовать всегда можно. Особенно в будущем)

Ответить
5

Привет, Ян! У тебя хороший и интересный концепт, и приятно, когда люди начинают быть неравнодушными к дизайну и тем более к ресурсам, которые им интересны. Если не возражаешь, я немного разобрал твой концепт и описание и добавлю несколько комментариев:

Три основных раздела я вернул в шапку - мне, да и многим, судя по комментариям, было намного привычнее переключаться между основными разделами именно сверху.

На самом деле, такое перемещение разделов довольно ничтожно влияет на пользовательский опыт и привыкнуть к нему можно очень быстро. Зато куда сложнее будет привыкнуть к перемене местами левой и правой колонок, ведь прямой эфир не должен быть в зрительном фокусе, а скорее выполняет функцию сопровождающей информации, в твоём же концепте приоритет «прямого эфира» над сообществами несправедливо возрастает.

Новая тёмная палитра непривычна, но приятна, правда, у неё есть существенный недостаток — такой контраст элементов провалит стандарт WCAG, и на некоторых мониторах текст на кнопке будет неразличим.

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

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

Спасибо большое тебе за проделанную работу и удачи в начинаниях UI-дизайнера!

Ответить
0

Привет, спасибо большое)
По WCAG проверял, какие-то проверки проходит, какие-то - нет, а ярче делать текст не особо хотелось - глаза напрягал. Но, видимо, нужно всё-таки.

В общем, перевариваю пока, попробую сделать ещё одну версию, исправленную :)

Ответить
0

Как опробовать, где скачать?

Ответить
2

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

Ответить
19

Шериф, тут вымогательство. В бан его и заберите темную тему для народа

Ответить
66

Попробуйте перевести мне денег по номеру карты, а я может быть забаню его. Или не забаню, не знаю.

Ответить
1

Беспредел!)

Ответить
9

Беспредел начнётся тогда, когда вскроется, что номера карты с шерифом у нас совпадают. Странное совпадение, однако!

Ответить
8

Делим 50/50, как договаривались. Не пали.

Ответить
3

Авантюристы, вы номер карты кидать будете то???

Ответить
1

Чтобы сделать темную тему - вложи денег, чтобы забанить кого-то - вложи денег. Какие планы дальше? Чтобы зайти на дтф - купи скайрим?)

Ответить
1

Мне нужно спросить у старших богов.

Ответить
0

Доступ к коментариям за 75 рублей, как на tjournal

Ответить
0

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

Ответить
2

Не отвлекай

Ответить
0

Ну, начинается... кидай номер карты

Ответить
3

То чувство, когда фанмейд лучше чем то что сделали п̶р̶о̶ф̶е̶с̶с̶и̶о̶н̶а̶л̶ы̶ индусы нанятые Ширяевым.

Ответить
4

Нормас но я бы переделал всё это потому-что ничего в этом не понимаю.

Ответить
1

Мне кажется нужно созвать срочный совет ничего не понимающих в этом вопросе и поднять вопрос о полной переделке на основе хотелок!

Ответить
4

Я бы использовал. Приятная тема

Ответить
0

Мерси (:

Ответить
3

По UX незачет, извините. Меню не просто так размещают слева или сверху. Вообще с приоритезацией информации "ниочинь". Что важно, что нет? Нипанятна. Шрифты тоже сильно уступают нынешним. Сворачивание боковых панелек тоже дает - ничего. Просто пустое место. Зачем? Ну, просто так двигать блоки, это прикольно, но не лучше ли попытаться разобраться в принципах основных хотябы?

Но в целом смотрится действительно аккуратно. Графическая часть у вас как раз лучше.

Ответить
0

Обязательно подтяну базу по UX. Что-то конкретное посоветовать можешь?
А что именно не так с приоритезацией инфы? Как надо? Шрифты - да, не самые удачные, но брал похожие. Шрифты тож моё слабое место пока что.
И нет, я старался не просто двигать блоки, т.к. пиксель-пушинг - это не то, чем я стараюсь заниматься. Видимо, пока выходит не очень. Буду стараться)

Ответить
1

При должном интересе за 5 сек гуглятся хорошие подборки, например)
1. https://vc.ru/flood/4926-28-ux-resources-to-get-started
2. https://skillbox.ru/media/design/s_chego_nachat_obuchenie_ux/

В целом даже вот тут первых двух книг хватит для понимания принципов (для общего развития остальные тоже ок): https://www.motocms.com/blog/ru/web-dizayn-knigi

Потом побольше смотреть подборок хорошего дизайна. На Бихансе с лучшими оценками или специализированные дайджесты. Пытаться улучшить (но осознанно %).

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

Успехов)

Ответить
2

Неее, это понятно, что гуглятся. Гуглом я пользоваться не умею, прост подборкам "ТОП ДЕСЯТЬ ЛУЧШИХ КНИГ" и подобным я не очень верю, т.к. порой они делаются маркетологами просто потому что, и в списки берутся первые попавшиеся книги. Хотелось узнать именно из личного опыта - так надёжнее.

Спасибо, закину в телефон

Ответить
3

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

Ответить
1

Спасиб, межстрочные скорее всего где-то даже вразнобой, буду внимательнее за ними следить)

Ответить
1

*На заметку: межстрочный интервал должен быть 120-140% от размера шрифта, иначе текст становится сбитым, и тяжело читается.

Ответить
1

Спасибо. Щас по комментам соберу краткую методичку :D

Ответить
0

Раз такая пьянка про отступы и интервалы. Есть советы по матчасти? Что посмотреть/почитать?

Ответить
0

Из попсовых: Круг "Не заставляйте меня думать" и Лауэр "Основы дизайна". Читать хабр, там много хороших статьей, ориентироваться на awwwards и themeforest (в плане чистоты исполнения).

Ответить
0

Сам только погружаюсь во всё это, спасибо!
Сохраню.

Ответить
2

Хоть в чем-то на этом ресурсе я был полезен 🙂

Ответить
3

Eggplant эдишн

Ответить
0

Во, точно! А я думаю, што за цвет такой получился (подбирал на глаз). Круто, так и назову файлик.

Ответить
3

0. Цвет немного ААААААААААААААААААА ЗАЧЕМ? Я представляю себя читающим лонгрид с такого и моим глазкам становится больно.
1. А в чём смысл свапать эфир и меню подсайтов?
2. Увеличенный хедер превью статей - охуенная тема. Только лучше собственно инфу о подсайте загнать в другой угол чтобы акцент был на авторе.
3. Загонять уведомления в прямой эфир не очень, его там почти не видно. Логичней как сейчас рядом с аватаркой или хотя бы в районе личных настроек.
4. В свёрнутом виде годно, только смысл дублировать аватарку в меню подсайтов?

Ответить
0

0. Ну, тут каждому своё, мне показалось сочетание приятным. Попробую сделать ещё следующую версию в более холодных тонах, ближе к серому.
1. Я там выше отвечал - это диванная аналитика. Люди читают по паттерну Z или F, а значит, если эфир даже отвлечёт, глаза потом обратно перескочат на контент. Но это такое))
2. Да, хедер этот переделывать буду, он мне сразу не понравился х)
3. Возможно. Возможно, стоит просто продублировать. Мне сама идея с "личным прямым эфиром" показалось интересной - уведомления чисто о том, что касается тебя.
4. Мне пока так придумалось. В правом меню по аватарке - это переход в профиль. А по клику на ту, что в шапке - смена профилей (она щас в том же дропдауне).

Ответить
2

Неплохо с мелкими недочётами, но всё равно окончится максимум вылезшим Ширяевым с "Ваше мнение очень важно для нас (нет)"

Ответить
1

Спасибо. а что за недочёты? Точнее, я некоторые вещи и сам бы хотел улучшить, но не знаю как (опыта ноу).Хотелось бы услышать мнение со стороны.

А насчёт Ширяева... Не. Я это так, тренировки ради.

Ответить
2

Нравится:
- Всё на видном месте без выпадающих списков
- Крупные аватарки блогов с закруглённым углом (сейчас от них толку нет)
- Уведомления лентой

Не нравится:
- Круглые аватарки. Насмотрелся на них ещё года 2 назад, когда все сайты резко стали на них переходить
- Потеря кнопки промотки наверх, но добавить её легко
- Да, аватарки подсайтов крупные, но и названия стали слишком крупные. Почти размером с заголовок. Да ещё и на отдельном фоне. И автоматически читаешь не заголовок, а название подсайта, так как считаешь его важнее, что не так. Тут либо заголовок увеличивать, либо всю верхнюю плашку делать чуть меньше.
- Текущий вариант подписи комментариев и закладок мне нравится больше, чем писать "Комментарии" текстом. Минималистичнее
- Можно было б где то и аватар автора запихнуть. Да и ник покрупнее сделать. Но это скорее хотелки

Ответить
0

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

Спасибо за развёрнутый фидбек!

Ответить
2

За старания респект, но мне не очень понравилось:
1. Неаккуратность: Иконки разной толщины (комментарии и закладки). Слишком много различных размеров и цветов шрифтов, в таком разнообразии нет необходимости. Слово "Поиск" чересчур мелкое. Текст с именем автора и временем публикации выглядит одинаково, хотя время - вторичная информация. Отсутствие межстрочных интервалов. Толстенные разделители в колонке слева.
2. Нижний левый блок с ссылками на моб. приложения и тд. должен быть самым незаметным в дизайне, а у тебя он на самом ярком фоне и выделяется. Менять местами боковые блоки не следовало, про это уже много кто написал.
3. Много лишнего: Лишнее дублирование кнопок профиля в боковом меню. Кнопка выхода из аккаунта в шапке не нужна, она не так часто используется и на неё можно мискликнуть мимо своей аватарки. Под каждым постом зачем-то текстом дублируются иконки комментариев и закладок. Повсюду используются скобки для обозначения количества - визуальный мусор, баджи лучше обозначать кружочками либо другим цветом. В сворачивании кнопок профиля и подписок, а также самих боковых блоков нет никакого смысла и для рекламы эти места использоваться не будут, так как рекламу хочется показывать всегда, а не только когда кто-то свернёт зачем-то менюшки.
4. Из субъективного: цветовая схема мне не очень приятна, я думаю я не один такой - в данном случае я не стал бы изобретать велосипед и взял бы цветовую палитру из тёмной темы того же ютюба, например. Закругленные края, тени под аватарками и картинки с боковыми отступами в постах тоже выглядят устаревше, как по мне.

Ответить
1

Спасибо за фидбек. Как обычно, фидбек на фидбек:
1) Иконки - увы, я в них не умею, поэтому приходится подыскивать бесплатные. Постараюсь исправить в следующей версии и взять их из какого-нибудь одного пака, условно.
С размерами тоже уже понял.
3) Со скобками - это после пары итераций, вариант, который мне показался адекватным. Попробую с баджиками другого цвета, спасибо
4) Нет, не один. Есть определенное количество комментов, которым не нравится это цветовое решение. Но также есть и количество, которому нравится. Это вопрос личных предпочтений, ага. Цветовая палитра ютуба у меня, лично, не вызывает никаких эмоций, поэтому я продолжу эксперименты)

Ответить
1

На flaticon.com иконки в одном стиле и можно настроить при скачивании.
И может изучи их попробуй в Adobe Illustrator их сделать из простых форм, очень просто на самом деле.

Ответить
0

╮(︶▽︶)╭

Ответить
0

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

Тёмная тема на YouTube это плохой пример. Внезапно, тёмные темы не ограничиваются серым, чёрным и синим цветами. Закруглённые края это material theme, а аккуратные и неизлишне закруглённые края, так и вообще material 2.0, который, имхо, лучший дизайн-принцип в наше время. Ну а всё остальное фиксится буквально в пару кликов и, очевидно, бросается в глаза с первого взгляда и было упомянуто тут уже достаточно раз.

Ответить
0

Где кочатб?

Ответить
6

%APPDATA%/Figma/DTF_Dark_Theme, вроде тут лежит

Ответить
1

А можно инструкцию, как сие чудо себе поставить?

Ответить
1

Если серьёзно - то увы, это просто дизайн. Его никак не поставишь именно в таком виде - потому что многие функции работают и выглядят не так, как прописано в текущей версии дтф.
Максимум, что можно - это создать кастомный юзерстиль, который примерно приблизит по цветам/теням, но не более. Положение элементов останется

Ответить
1

Его никак не поставишь именно в таком виде

Нужно просто много JS и всё )

Ответить
1

Спасибо, друк))

Ответить
1

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

P.S. Если нужна будет какая-нибудь помощь или совет как по UX/UI, так и по карьере в вебе, то буду рад помочь.

Ответить
0

Спасибо)
По недостаткам я уже понял - рад, что в треде нет необоснованного хейта, а в основном только конструктивные (и полезные) отзывы.
Постараюсь в свободное время учесть то, о чём писали люди и сделать ещё один дизайн, с парой вариантов палитр, в том числе и светлую тему.

По отступам что именно косячного? А то писали много всякого, может, ты ещё что-то имеешь в виду.

P.S. Кнопка такая достаточно привлекательная? ;D

Ответить
1

То, что прям бросается в глаза:

1. Чем больше (или меньше) цифр в рейтинге поста, тем шире (уже) должен становится блок. Можешь посмотреть как это реализовано на DTF, вставляя рандомное количество цифр в дев тулс браузера (F12). Это называется адаптивность.

2. Очевидно, что отступы разные, хотя должны быть одинаковые.

3. Тут отступы должны быть гораздо меньше. Информации нужно давать дышать, да, но не настолько. Как минимум, в два раза их можно уменьшить, а дальше смотреть по композиции.

Ну а кнопке "Новая запись" нужно сделать паддинги сверху/снизу побольше, а то она слишком низкая получается и цвет поменять на градиент, да (они сейчас в тренде), правда, не такой радужный, а в цветах твоей цветовой палитры. Должно получиться круто. Есть и другие способы выделить важный элемент интерфейса, но об этом лучше спрашивать Гугл. Что-то типа "how can I make an accent on a button in web design".

Ответить
0

1) Он и становится. В фигме не самый удобный инструмент с текстом, ну или я просто его не до конца ещё освоил. Но вообще щас проверил - там просто накосячил, отступы разные от текста у стрелочек.

2) Ага, тоже недосмотрел, правда.

3) Понял, буду ужимать.

Короче, спасибо за развёрнутый ответ) А с кнопкой я просто маленько поугарал, конечно буду в цветах делать

Ответить
0

Я прикол с кнопкой, конечно же, понял, просто это тоже вариант, на самом деле. На какой-нибудь месяц гордости ;)

Ответить
1

Лучше подскажите пожалуйста, как раз и навсегда скрыть adblock'ом вот это?
Скрываешь, а оно опять появляется...

Ну не интересно мне смотреть лучшее из тех подсайтов, от которых я отписан.

Ответить
0

А как вы скрываете сейчас?

Ответить
0

Через ublock, выбирая элемент на странице, и создавая правило, типа такого
dtf.ru##div.l-pt-20.widget_wrapper--type-blue.widget_wrapper:nth-of-type(16)
Только эти цифры в конце постоянно меняются :/

Я еще закладки в ленте заблочил, но им вроде хватило одного раза.

Ответить
1

nth-of-type(16)

Ну вот потому и видите вы этот блок, что его позиция в ленте не фиксирована, а правило у вас про скрытие 16-ого по счёту дива

Ответить
0

Воу, так это номер по счету...
Я думал, это что-то типа уникального id...

Ответить
1

Вот такое правило скроет все синие блоки в ленте

##div.widget_wrapper--type-blue

Это самое популярное за 3 дня + самое обсуждаемое.

Если надо скрывать только самое популярное за 3 дня тут сложно, но тоже можно что-то придумать.

Ответить
0

Спасибо

Ответить
1

Ух ты. Прикольно.

Ответить
1

Я б поюзал, выглядит интересно

Ответить
0

Спасибо, рад что зашло

Ответить
1

Да Господи, сделайте уже что-нибудь для телефона! Там тема нужна гораздо больше

Ответить
0

Звучит как вызов. Пожалуй, добавлю в список задач, сразу после тёмной темы 3.0 и светлой)

Ответить
0

Да-да, пилю тут тебе замену.

Ответить
1

Предложите человеку работу, выглядит отлично
А, отбой. Я думал это готово и можно уже ставить.
Но выглядит все равно отлично, лойс заслужил.

Ответить
0

Ну блин, так это ж дизайн. Что там ещё готово должно быть? Сверстать им быстренько? :D

Ответить
1

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

Ответить
0

@Ян Корвин, давай другой макет :D

Ответить
0

Конечно вырвиглазно, у тебя ж шрифт явно не того же цвета, что у меня. У тебя он тупо белый, а это 100 brightness. Там такой-то контраст с бэкграундом)
У меня A09FC6 на основной текст, он намного тусклее.

Ответить
0

Каюсь, ловить цвет шрифта было лень, поставил тупо white ^__^

Впрочем, не уверен, что это в корне изменило бы картину.

Ответить
0

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

Ответить
1

Межстрочечное расстояние очень маленькое. Ну и не понятно зачем дублировать имя пользователя.

Ответить
0

Ага, спасибо, учту :)

Ответить
1

Не совсем понял меню и эфир поменялись местами. Чем шаговая доступность справа отличается от шаговой доступности слева и почему левая сторона меньше отвлекает чем правая?

Меню почти всегда как раз таки с левой стороны. А меньше отвлекать будет правая сторона как раз таки. Потому что при чтении слева направо есть "переход" взгляда с конца правой части экрана на начало левой. И тут в область видимости вечно будет попадать эфир.

Ответить
0

Кстати, вы прижимаете «Прямой эфир» и список подсайтов к левому и правым краям. То есть по задумке дизайна на огромных мониторах они будут отлетать по краям — верно?

Ответить
2

Все лучше, чем серая пустота по краям Х)

Ответить
–5

Кто тебя спрашивает?

Ответить
2

Фига) А мне нельзя высказаться теперь?

Ответить
9

Тихо тихо. У Влада до сих пор пригорает немного, что его дизайн почти никому не зашёл и только багов прибавил

Ответить
0

Да не, от редизайна не пригорает. Пригорает от затычек в каждой бочке.

Ответить
0

Тяжеловато тебе в интернете приходится, да?

Ответить
–3

Выскажись, и в этом треде и вообще на DTF полно мест, зачем ты мне срешь в реплаи, когда я не к тебе обращаюсь?

Ответить
10

Сру? Может еще забанишь меня за мнение?

Ответить
0

Я не уполномочен и правил таких нет. Отвечаю мнением на мнение. Ты же своё пихаешь, когда оно его не просят, почему тогда удивляешься ответу?

Ответить
1

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

Ответить
0

Давай, а то у меня давно не было хейтеров, которые умеют с пользой распоряжаться своим временем.

Ответить
0

Пфф "хейтеров". Да кто тебя тут хейтит? Пару слов ему сказал, он уже обиделся Х)

Ответить
0

Ебать тебе плохо, Влад, приложи подорожник к монитору

Ответить
0

Да, это, конечно, косячок-с. И сейчас понимаю, да, на 4к это совсем не так удобно будет, как на 1080р. В любом случае останется пустота, но в текущей версии (в смысле на сайте) весь контент и элементы управления хотя бы по центру.
В общем, не того я уровня, чтоб решать такие проблемы, но я подумаю ещё х)

Ответить
0

Я касательно интерфейсов нереальная привереда, которую совершенно не удовлетворяет, как выглядят современные сайты, но ваш редиз прям конфетка, с огромным удовольствием попробовала бы посидеть на таком ДТФ. Спокойно так выглядит, мягко, нет ощущения, что сайт пытается твоё зрение немного убить.

И хз, есть ли это смысл говорить, но считаю, что в данном случае сравнения с Гогом и Твичом (лично мне ещё и Дискорд напомнило) не должны звучать как обвинения в неоригинальности. Иногда нужно не выделываться и делать то, что и так прекрасно работает.

Ответить
0

Мерси!
Ну, не конфетка, но нормальный такой, свеженький батон хлебушка, я считаю. Есть куда расти. А насчёт сравнений с твитчом или прочими - да ради Ктулху. Ориентировался я не на них совершенно, но звучит как комплимент - там это делала целая команда дизайнеров за большие деньги)

Ответить
0

Эмм... Автор, имхо, пробил дно. То что сейчас на ДТФ - удобнее.

При этом это не редизайн, а переставить кнопочки.

Ответить
0

Всё круто по быстрому обзору, сильно не вникал пока.

Но категории лучше слева, мы же читаем слева направо, а они по иерархии явно важнее "прямого" эфира.

Семитам бы свап зашёл. Но не нам :)

Ответить
1

Да, я в следующей версии наверн свапну их обратно, спасиб)

Ответить
1

Успехов ;)

Ответить
0

Я извиняюсь, но на скрине я это узрел, и ничо не понял.
Тема норм (хотя я и не страдаю без темной).
Сегодняшний редизайн в целом тоже норм (кроме огромных пустых полос по бокам, вот они прямо ранят мою нежную душу)

Ответить
1

А чего тут не понятного?) эт местечковый мем просто

Ответить
0

ну про этот недомем я в курсе, просто удивлен, что это пишет Ширяев

Ответить
2

Ну это... Метамем я сделал.

Ответить
0

Ну офигенный дизайн же! Я абсолютно серьезно, очень понравился.

Ответить
1

Спасибо)

Ответить
0

Единственно сливовый цвет немного... мм... необычен, что ли. Давно в каких-то материалах по эргономике читал, что самая меньшая утомляемость глаз - это когда темно-зеленый цвет и бежевые буквы на нем. Так, просто, к сведению (хотя выглядеть это может писец как). Кстати - из-за этого цвет досок в школах темно-зеленого цвета.

Ответить
1

Не, с зелёным я вряд ли стану экспериментировать, у меня щас воображение уже рисует адские картины х)
Но можт попробую, как время появится, поэкспериментировать

Ответить