"Что не так с фанатскими темными темами" или "Разбор DTF Dark 3.0"

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

Автор говорил, что он — не UI дизайнер. Вкратце: заметно. Обо всем по порядку и без воды.

Мы — не профессионалы. У каждого — своё мнение. В дизайне неправых не бывает. Все, что написано далее — лишь моя консервативная позиция как дизайнера, так и пользователя, призванная добавить опыта кому-либо.

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

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

​Изменений — минимум, эффекта — максимум (но я бы поменял третий цвет на такой же, как и у второго, для целостности) Сайт не мой

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

1) Цвет кнопки не в тему. Во-первых, плохое и бледное сочетание с фоном. Во-вторых, он конфликтует с другими акцентирующими цветами: амарантом (красным) и мятным (зеленым). К слову, цвет кнопки "повысить рейтинг поста" и показателя рейтинга отличаются.

Так вот, как решить проблему? Либо поменять зеленый на более приемлемый оттенок голубого, либо сделать акцентными цветами красный и зеленый.

2) Пожалуйста. Человеки! Не используйте шрифты семьи Futura. В дизайне это что-то сродни классическим голливудским клише.

Его в большом количестве неудобно читать. Они выглядят красиво, но когда речь идет о быстром прочтении максимального количества информации, лучше обойтись стандартным гротеском или шрифтом с засечками.

Если очень хочется гротеска, то попробуйте, например, Ubuntu.

Если засечек, то попробуйте Kurale. Волшебный шрифт.

3) Я не знаю, что за гениальная идея пришла автору, но то, что счетчик болтается справа по центру от поста — не есть хорошо. Справа и вправду будет удобнее менять рейтинг, но лучше счетчик прикрепить к верхушке поста. Иначе он будет попросту игнорироваться: нет никаких оснований запускать кнопку в это потаённое место (кроме желания автора сделать что-то уникальное). Но раз мы говорим про интерфейс для ПОЛЬЗОВАТЕЛЯ, а не для, простите, сисадминов, то нужно это делать удобным и привычным. Извольте.

На этом моменте мне стало лень делать картиночки...

4) Шестеренки возле подписок маленькие — хрен попадешь.

5) Логотипу DTF тесно и он чувствует себя чужим на этом празднике.

6) Разный фон для текста новости и её хедера и футера — деструктивное решение, которое ухудшает целостность стиля.

7) Очень тесно имени подсайта, автора и дате. Расстояние между ними стоит увеличить.

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

8) У комментариев и закладок слишком яркий цвет, из-за чего смещаются акценты новости. Когда читаешь заголовок и текст, то слева внизу глаза режут кнопки.

9) Ад клаустрофобика. Недостаточно свободного места. Воздуха, воздуха!

10) Профиль и кнопки "Пульса" и уведомлений желательно поменять местами. Это что-то из разряда "Вау, а теперь реально лучше стало".

Почему? Просто потому что удобнее.

11) Хэштеги выглядят не в тему. На оригинальном они выравнены по блоку с именем подсайта, а тут они выравнены по... левой стороне новости? Зачем? Почему?

12) По мелочи: стоит потрудиться с изменением размеров некоторых элементов. Одни — большие, другие — мелкие.
На этом моменте все. Я, конечно, все попробовал бы переделать на свежую голову, но это исключительно по желанию автора.

А теперь рубрика "Если бы, да кабы, да во рту росли грибы". Совпадения с реальными людьми — случайны.

Модно. Модно называть себя тем, чего де-факто не существует. Помните, дети, если в команде есть UX-писатель, то в ней есть еще и Adobe Illustrator - UI Master, Adobe Illustrator - UX Master, Photoshop Assistant, Icon UI/UX Designer, Font Alignment Designer, Photo Description Writer... Ну вы поняли. Термин для повышения значимости. Любой человек, который ведет определённый успешный проект, уже имеет достаточное количество серого вещества, чтобы писать нормальные тексты для юзеров.
Но это так, пассивно-агрессивная ремарочка.

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

Ну и какой-то условный блитц, который было уже просто лень в час ночи расписывать.

Мы в конце. Если ты ждешь темную тему... Зачем? Существуют Dark Mode и f.lux.

Если тебе не понравилась моя статья:

Если тебе понравилась моя статья, то иди поддержи автора оригинала лайком.

Был лишь негатив, потому что пытался максимально слабые стороны выявить. Автор молодец, с нулевым опытом уже дизайнерит лучше некоторых людей, заявляющих о себе, как о профессиональных работниках выдуманной профессии UX/UI PS/AI Lead Designer.

Прощайте. Неправильных дизайнов не бывает, бывает неудобное говнище.

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

Написать
{ "author_name": "Понтус Фриктер", "author_type": "self", "tags": [], "comments": 69, "likes": 43, "favorites": 37, "is_advertisement": false, "subsite_label": "flood", "id": 80425, "is_wide": false, "is_ugc": true, "date": "Sat, 09 Nov 2019 01:58:15 +0300", "is_special": false }
(function(d, w) { var wrapper = d.getElementById('apost-tsr'), isMobile = w.matchMedia('(max-width: 400px)').matches, isArticle = wrapper.classList.contains('in-article'), gif = d.createElement('img'); gif.onload = function() { wrapper.classList.add('is-loaded'); }; gif.src = (isArticle) ? 'https://leonardo.osnova.io/b2b69d93-806a-d2f2-4697-577683765baa/' : (isMobile) ? 'https://leonardo.osnova.io/82f3c702-be47-2c95-ed12-15741ca2f2e9/' : 'https://leonardo.osnova.io/5121d3f7-d8f5-4cf1-7b61-a184c726c32f/'; }(document, window));
0
{ "id": 80425, "author_id": 96768, "diff_limit": 1000, "urls": {"diff":"\/comments\/80425\/get","add":"\/comments\/80425\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/80425"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 64955, "last_count_and_date": null }
69 комментариев
Популярные
По порядку
Написать комментарий...
70

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

Ответить
7

Как говорится, настолько правда, что рыдать хочется.

Ответить
2

Этого всего все равно на сайте не будет

Хоть что то хорошее )

Ответить
25

Неправильный дизайн бывает, и отрицать это может только трепло без навыка и опыта. Автору лень собирать картинки при этом не лень критиковать поиски чьи-то на которые потрачено сильно больше времени . Да в предложенных работах не проводилось нормального цветового подбора но для бесплатных вариантов там сделано все более чем с запасом. Если кто-то знает автора то увольте или лишите доступа к Ui так как уровень подготовки как у 23 летней девицы с дрибла т.е. пиздец вашим проектам.

Ответить
0

справедливости ради на дрибле бывают ой какие крутышки 23-летние))

Ответить
–3

Только те которых я натаскивал, и то фигнёй страдают. 

Ответить
10

Так много проблем. Но мне похуй, дайте уже темную тему, или хотя бы синюю. Глаза дохнут в 3 ночи.

Ответить
1

┐( ̄~ ̄)┌

Ответить
12

бот ебучий, за секунду реагирует.

Ответить
1

На ПК есть DarkTF через Stylus
В мобильном приложении уже есть ТТ (если у тебя нету, дай свою телегу, скину)

Ответить
0

Что такое TT?

Ответить
0

Темная Тема

Ответить
–1

(¬‿¬)

Ответить
0

Не произносит волшебное слово, придёт бот.

Ответить
11

нихуя не понял, но на всякий случай держи минус

Ответить
7

Кому интересно, для хрома есть расширение Dark Reader

Ответить
5

Не знаю. Очень часто не нравится результат дарк ридера и настраивать его под каждый такой сайт ­— себе дороже.
+ нагрузка дополнительная — на моём древнем ноуте заметно.

Можно разве что со stylish поиграться, но у меня параноидальная мысль, что сегодня я найду тему, а через неделю будет РЕДИЗИГН с последующей поломкой кастомного css. А потом либо обратно на светлую перелезай, либо жди пока тему обновят, либо сам себе подпиливай до удобного варианта.

Поэтому да, даёшь тёмную тему, ёпта!

Ответить
0

Еще бы он не конфликтовал с темной темой Ютуба, Вк, Реддита и.т.д, цены бы ему не было.

Ответить
3

Любой сайт можно добавить в исключения двумя кликами или Alt+Shift+A

Ответить
–1

В комбинации со флюксом будет eyegasm

Ответить
6

Претенциозненько

Ответить
5

Раз ты дизайнер, так бери и делай свою тему по всем правилам дизайна. Не понимаю этой бессмысленной критики.

Ответить
5

Молодец. Все расписал. А теперь верни мне старый дизайн ЛастФМ БЫСТРА!

Ответить
2

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

(Зелененький и красненький цвет приятные в рейтинге, наверно все)

Ответить
1

Не знаю, мне всё нравится, за исключением кнопок и шрифтов 

Ответить
3

Олег, где макет??

Ответить
2

Добавлю свою каплю масла в огонь: Шрифт Kurale контрастирует на фоне остального оформления сайта

Ответить
–1

Любой шрифт с засечками будет контрастировать, а Kurale очень приятно читать

Ответить
1

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

Ответить
–5

Хорошие стереотипы, а лучше глянь на практике.

Ответить
2

Хорошая позиция, дружище, все, кто не согласен с твоим мнением — просто думают стереотипами.
Удобно, моё почтение

Ответить
–2

*Дружище", у тебя стереотипы.

Ответить
0

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

Ответить
0

Я тебе кинул фото, на котором прекрасно видно преимущества шрифта. Вопросы?

Ответить
7

Вы уж меня извините но использовать не системные шрифты в 2к19 остаётся зашкваром.

Ответить
0

Увы, в системных кириллица - говно :(

Ответить
0

Ой не туда.

Ответить
–5

А кинь-ка свои работы с Ubuntu.

Ответить
0

Чувак, с 2017 прошло уже 2 года, так что если они где-то и сохранились, то на каких-нибудь облаках.
Уже можешь писать, что без пруфов я пиздабол

Ответить

Комментарий удален

4

пруфов не будет, пошел нахуй

Боже, ты такой предсказуемый 

Ответить
–14

Тогда найди мне эти облака и высри то, что найдешь на них, если вообще есть.

Ответить
5

Тебе огнетушитель принести? Может ты тогда перестанешь изливать свой баттхёрд в комментариях?

Ответить
–4

Тему не переводи

Ответить
5

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

Ответить
2

А это разве не Фрай? Тот же срач на ровном месте, та же статья хер пойми о чем и для чего. По-моему - он самый.

Ответить
–3

О каком мнении мы говорим? "Шрифт говно РЯЯЯ"?

Ответить
2

Блять, я не согласен, что этот шрифт красивый, и он мне не нравится, ты реально сейчас будешь убеждать меня, что МОЁ мнение неправильное?

Ответить
–6

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

Ответить
2

Я ни в чем не буду никого убеждать

Эм, да, чувак, я по этой длинной ветке уже понял

Ответить
–5

Выучи времена русского языка, пожалуйста.

Ответить
0

Я уже работал с ним в 2017, знаю какой он на практике.

Ответить
2

ляяя еще один эксперт... как вас земля носит

Ответить
1

Что не так с темами.

С тем что они не в приложении, в котором действительно нужны

Ответить
0

Говорят, что на ведроиде уже есть, но я регулярно обновляю приложение и ничего подобного там нет.

Ответить
0

И все-таки она существует)

Ответить
0

Я, видимо, очень сильно долблюсь в глаза, но не вижу её.

Ответить
0

Как включить?
Update: нашел :))

Ответить
1

Теперь жду разбор на разбор редизайна чёрной темы dtf.

Ответить
1

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

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

Ответить
1

Если бы ты хоть капельку уважал профессию дизайнера, то не позорился бы такими постами. Хочешь конструктивно покритиковать тему — пиши в личку автору. Ещё лучше — предложи, как что исправить. Ещё лучше — сделай свой вариант и представь всем для использования.

То что делаешь ты, иначе как мудачеством не назвать. Показушничество и лайкодрочерство.

Ответить
0

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

Ответить
0

Неудобное говнище это и есть неправильный дизайн. Следствие  причина. Хотя больше тавтология.

Ответить
0

Дизайн... Не должен... Быть...  Удобным...

Он должен решать поставленные перед ним задачи ))

Ответить
0

Когда уже на телефонах можно будет менять цвета ;(

Ответить
–2

Отличная конструктивная критика. Вот бы всегда все совещания за верстку так проходили. Но увы и ах.
Спасибо, короче.

Ответить

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovz", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-250597-0", "render_to": "inpage_VI-250597-0-1134314964", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=clmf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudo", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "chvjx", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fzvc" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "chfbl", "p2": "gnwc" } } } ]