platform Изменяет дизайн хедера

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

Предлагаю обсудить градиенты, которые мы в итоге убрали... Стоит ли к ним возвращаться?

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

Было задумано так:

Сделал так на обсуждение:

Jul 09 '22 15:07 igsekor

В дизайне не рассмотрели вопрос, как выглядят заголовки на страницах-оглавлениях.

Сейчас так: Screenshot 2022-07-11 at 09 40 43

Предлагаю: Screenshot 2022-07-11 at 09 43 05

Уменьшить размер шрифта для самого заголовка с 1.2 до 1
Добавить отступ слева, чтобы текст не прилипал к кнопке.

Jul 11 '22 07:07 furtivite

В дизайне не рассмотрели вопрос, как выглядят заголовки на страницах-оглавлениях.

Уменьшить размер шрифта для самого заголовка с 1.2 до 1

Добавить отступ слева, чтобы текст не прилипал к кнопке.

Мне нравится, но ещё слэша не хватает... Сделаю)

Jul 11 '22 07:07 igsekor

Не предложения:

При прокрутке главной страницы, блок заголовка должен фиксироваться.
На страницах «Редакция», «Участники», «Лицензия» отступ сверху визуально больше, чем на главной страницы.

Jul 11 '22 07:07 furtivite

Булочка выглядит чудесно! <3

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

В текущей версии заходишь и сразу видишь, как на главной гугла, куда вбивать свой запрос и из каких категорий фронтенда могут выпасть результаты.

В версии этого ПР, когда меню закрыто, новому пользователю догадаться, что поиск открывается по нажатию на эти символы, очень трудно:

Честно признаюсь, сама я даже не догадалась, что поиск открывается по нажатию на /, и стала пользоваться этим хоткеем только когда мне про него рассказали в чате ':D Т.е. даже в поле со словом "Поиск" этот символ воспринимается скорее как декоративный, чем как подсказка о клавише :)

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

Можно нажать на крестик или на Esc , меню оно скроется, и шапка будет выглядеть вот так:

(или немного иначе, смотря как сделаем)

Jul 11 '22 08:07 skorobaeus

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

Предлагаю это обсудить. Я написал же об этом. Сделать-то не долго, но правильно ли это будет?

На страницах «Редакция», «Участники», «Лицензия» отступ сверху визуально больше, чем на главной странице.

Надо посмотреть... Спасибо 👌

Jul 11 '22 09:07 igsekor

Нашёл небольшой «залип» в анимации.

YouTube

Jul 15 '22 08:07 furtivite

Сафари как всегда, подпортил малину. Или так и должно быть? 🧐

Материалисты говорили по поводу прошлой шапки, что там неверно реализована их задумка. Скрытая и раскрытая шапки должны быть одним элементом, растущим или сужающимся при действиях с ним. У нас прошлый вариант был в два элемента просто потому что надо было быстро. Может попробуем в этой версии реализовать правильно?
С главной надо будет убрать кликабельные ссылки в шапке на лого и надписи.
Я за то, чтобы на главной шапка была открытой. Круто сразу показывать все разделы, не заставляя скроллить или делать дополнительное действие.

Jul 18 '22 12:07 solarrust

Не могу избавиться от ощущения, что в полноэкранном виде на разрешении 1920х1080 (16:9) на главной странице (и на страницах с белым хэдером) элемент логотипа и шрифт на кнопке "Дока" больше, чем на страницах разделов. При этом, если страницу сузить до (примерно) 1363 px по ширине, эта разница пропадает.

Это не блокер, а комментарий, возможно, стоит исправить в следующих итерациях. Screenshot from 2022-08-07 11-23-09

Aug 07 '22 08:08 furtivite

На главной при прокручивании вниз я бы закрывала шапку, а при поднятии вверх — открывала. А то сейчас она загораживает добрую часть контента, а пользователь не сразу может разобраться, что её можно закрыть. Кмк, это надо сделать в рамках этого пиара, потому что это сильно влияет на взаимодействие с сайтом.
Булочка с глазами >< шире чем Булочка с глазами-точками.
Может вернём старые глазки? Я к ним привыкла =( Может и читатели тоже. Сейчас глаза кажуться очень большими.
На странице участников всё ещё есть чёрная линия в светлой теме, а в тёмной — белая.
На 404 вообще нет Булки в левом углу. Так и надо?
В светлой теме нет подложки у поля поиска, только нижнее подчёркивание. В тёмной — поле поиска выделено другим цветом.
Возможно мне кажется, но ощущение, что ножка у Д прилипает к левому ободку.

Aug 08 '22 10:08 solarrust

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

Исправил 😇

Булочка с глазами >< шире чем Булочка с глазами-точками.

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

Может вернём старые глазки? Я к ним привыкла =( Может и читатели тоже. Сейчас глаза кажуться очень большими.

Сначала было непривычно совсем, а потом я втянулся)

На странице участников всё ещё есть чёрная линия в светлой теме, а в тёмной — белая.

Не могу отловить....

На 404 вообще нет Булки в левом углу. Так и надо?

Там так и было, я это не менял. Это сделано в соответствии с дизайном.

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

Сделал! 😇

Возможно мне кажется, но ощущение, что ножка у Д прилипает к левому ободку.

У меня этого эффекта нет...

Aug 11 '22 16:08 igsekor

Пруф чёрточки под шапкой

https://share.cleanshot.com/clu7Bh

Пруф что ножка у Д сильно ближе к ободку, чем правая часть лого

Проговаривала голосом, что в случае изменения глазок у Булочки нам придётся очень много побочных материалов менять. Было бы круто вернуть старые-добрые глазки 👀

P.S. На посмеяться — косенькая Булочка =)

Aug 17 '22 08:08 solarrust

Пруф чёрточки под шапкой

Я не понял, про какие страницы ты говорила. Убрал на них подчёркивание.

Пруф что ножка у Д сильно ближе к ободку, чем правая часть лого

Сделал чуть ближе к оригиналу в дизайне, но в дизайне расстояние тоже не равное от чёрточек

Проговаривала голосом, что в случае изменения глазок у Булочки нам придётся очень много побочных материалов менять. Было бы круто вернуть старые-добрые глазки 👀

Мне пока нравится больше новая, но нужны ещё мнения... @skorobaeus, ты же поможешь?

Aug 24 '22 15:08 igsekor

может чуть отступ добавить между лого и строкой?

Aug 26 '22 09:08 pa7lux

Заметил, что разрядка между буквами отличается:

Aug 26 '22 09:08 nlopin

@skorobaeus нашла вот такое

Aug 26 '22 09:08 nlopin

Проговаривала голосом, что в случае изменения глазок у Булочки нам придётся очень много побочных материалов менять. Было бы круто вернуть старые-добрые глазки 👀

Мне пока нравится больше новая, но нужны ещё мнения... @skorobaeus, ты же поможешь?

Заранее прошу прощения, но то, что я сейчас напишу, прозвучит как "а давайте добавим Игорю работы!" 😅

Но разве булочка не должна быть доброй U・ᴥ・U всегда, кроме того момента, когда активно поле поиска? Я вижу в фигме именно это, что зажмуривание U > ᴥ < U это реакция на активацию поля: