Нарисовал новый DTF, вот

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

Нарисовал новый DTF, вот

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

Хедер, он же шапка

Нарисовал новый DTF, вот
Нарисовал новый DTF, вот

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

Навигация

Нарисовал новый DTF, вот
Нарисовал новый DTF, вот

Так как никаких исследований не было, то всё строилось на моих догадках и фантазиях, поэтому:

Предположу, что “Темы” из-за которых навигация сейчас занимает так много места, на самом деле не имеют такой сильной важности для пользователей, чтобы они постоянно были на виду и в быстром доступе, поэтому я убрал их

Теперь “Темы”, я назвал их “Категории”, выглядят вот так

Нарисовал новый DTF, вот

Главные публикации

Нарисовал новый DTF, вот
Нарисовал новый DTF, вот

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

Исправил это, предположу, что так на него будут чаще кликать

Карточка публикации

Нарисовал новый DTF, вот
Нарисовал новый DTF, вот

Думаю, что публикация важнее, чем её автор, поэтому теперь она сверху

Теперь через карточку нельзя оставить реакцию, так как я думаю, что это нелогично: сейчас ты можешь дать оценку публикации даже не заходя в неё, не зная о чём вообще речь, что за говно?“

А если это просто картинка мем?” - тогда зайди в публикацию, убедись в этом, поставь реакцию, случайно заметь комментарии, возможно заинтересуйся и возможно прими в них участие

Ещё нельзя сразу попасть в комментарии, причина та же - иди читать публикацию, а потом сри в комментарии (но на странице публикации есть кнопка, чтобы сразу спуститься в конец статьи)

Дальше идём на страницу статьи

Начало публикации

Нарисовал новый DTF, вот
Нарисовал новый DTF, вот

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

Сейчас там есть кнопка “Подписаться” - непонятно, что она означает, на кого предлагает мне подписаться

В новой версии подписаться на что-то можно только находясь на нужной странице, то есть на странице автора или категории

Реакции, иконки и аватарки

Они все стали больше

Очень обидно, что люди рисуют красивые иконки, а на сайтах и в приложениях их потом уменьшают до размеров 20x20 (иногда и меньше), и они превращаются в месиво из пикселей, где уже и не видно всей красоты

С аватарками то же самое, их ужимают до максимума, очень грустно

Нарисовал новый DTF, вот
Нарисовал новый DTF, вот

Ну красотища невероятная, прям вот балдёж

Я в ахуе

Поменял местами иконки и текст в некоторых местах. Почему?

Нарисовал новый DTF, вот
Нарисовал новый DTF, вот

Как это вообще работает: мы считываем информацию слева направо, поэтому сначала идет объект - иконка, потом пояснение, что этот объект значит - текст

Например

Иконка карандаша - надпись “Написать”

Нарисовал новый DTF, вот

То есть схема считывания информации такая

  • “Карандаш” -> Что за карандаш? -> “Написать” -> Карандаш - это написать
  • “Ведро попкорна” -> Что за ведро попкорна? -> “Кино и сериалы” -> Ведро попкорна - это кино и сериалы

Чётко

А теперь применяем эту схему к нашей ситуации

  • “Сердечко” -> Что за сердечко? -> “100” -> Сердечко - это сто?
  • “Палец вверх” -> Что за палец вверх? -> “1000” -> Палец вверх - это тысяча?

Получается говно. А почему? А потому что эта схема здесь вообще не применима

Нужно просто записывать информацию слева направо, как и всегда, будто там нет иконки, а написано слово

  • 100 сердечков
  • 4 пикачу
  • 1000 пальцев вверх
  • 15 рублей

И вот я в шоке, получается, что все ошибаются и делают хуйню, просто потому что привыкли (ну или я ёбнулся, но я так не думаю)

Картиночки нового DTF

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

Кликать никуда нельзя, есть только несколько эффектов при наведении курсором

Через стрелочки можно переключаться между слайдами

Дальше будут картинки, если не хотите смотреть в презентации (но рекомендую смотреть в ней)

Главная
Главная
Категории
Категории
Статья
Статья
Статья
Статья
Нарисовал новый DTF, вот

Статья

Статья, которую вы читаете прямо сейчас
Статья, которую вы читаете прямо сейчас
Как вам картинки нового DTF?
Ахуй
Ахуй + красотища
Насрал
99
22 комментария

хуйня

2
Ответить

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

4
Ответить

Вроде прикольно, можно ещё ебануть прототип в фигме что бы тупеньким(мне) сразу видно было как будет

2
Ответить

Плохо читал, там оно есть

Ответить

А там же не черная тема)

1
Ответить

Сделайте тему в стиле Windows Vista. Градиенты, стёклышко, тени. Просто посмотреть )

1
Ответить

Ярко

Ответить