Изменить дизайн превью постов

[abnormalize0]

Реализовать полноценный внешний вид для превью постов. Они должны иметь следующий внешний вид:

[abnormalize0]

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

[serynabatov]

Я сюда закину, поскольку страничка главная, где находятся посты) https://www.figma.com/proto/acdt3ap6zOY7tlrRP3P4AW/Work--TeleFrog?type=design&node-id=747-20&t=fuViIjuk6JfvPt35-1&scaling=min-zoom&page-id=745%3A18&mode=design

[serynabatov]

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

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

https://www.figma.com/proto/acdt3ap6zOY7tlrRP3P4AW/Work--TeleFrog?page-id=745%3A18&type=design&node-id=747-20&viewport=178%2C271%2C0.93&t=uoS4IZO93vI0dqWt-1&scaling=min-zoom&mode=design

[abnormalize0]

@serynabatov примеры того как фильтры могут быть интегрированы в систему контента.

[Roffor]

1. Картинка по идее должна быть выше текста. Т.е заголовок, картинка, текста (сверху вниз).
2. Не указано место по иконку подсайта (есть в сайтмапе)
3. Пространство слева выглядит пустым. Что там должно быть?
4. Линия над первым постом нужна? Мне не нравится, там по идее отделение от шапки сайта должно осуществляться за счет окантовки шапки.
5. Боковой окантовки нет? Когда будет бекграунд у превью постов, то окантовка должна быть. У нас же цвет фона превью не будет совпадать с фоном ленты и сайта?

[serynabatov]

@Roffor

1. Лады
2. Что такое иконка подсайта?) Если это про лого, я заглушку поставил
3. Пока да, ща миша скинул референсы, я еще подберу и доделаю
4. Ну обычно они разделяются сверху, но пока дизайна нет это прототип можно обговорить
5. Пока нет, поскольку это прототип, я предполагаю что мы сделаем это elevated

Но ты ток один экран откомментил, прототип кликабельный и там еще 4 экрана

[abnormalize0]

1. Картинка по идее должна быть выше текста. Т.е заголовок, картинка, текста (сверху вниз).
2. Не указано место по иконку подсайта (есть в сайтмапе)
3. Пространство слева выглядит пустым. Что там должно быть?
4. Линия над первым постом нужна? Мне не нравится, там по идее отделение от шапки сайта должно осуществляться за счет окантовки шапки.
5. Боковой окантовки нет? Когда будет бекграунд у превью постов, то окантовка должна быть. У нас же цвет фона превью не будет совпадать с фоном ленты и сайта?

1. В превью текст должен быть выше картинки, потому что это не подпись комментирует картинку а картинка дополняет текст.
2. Где у тебя заглушка там должно быть два лого, одно пользователя и одно подсайта, одно над другом, у меня в примере это видно. Вот более явный пример двух лого. Остальные пункты я думаю на уровне наброска нет смысла обсуждать

[serynabatov]

https://www.figma.com/proto/acdt3ap6zOY7tlrRP3P4AW/Work--TeleFrog?page-id=745%3A18&type=design&node-id=747-20&viewport=384%2C242%2C0.23&t=U15ATdnwtbboVH6H-1&scaling=min-zoom&starting-point-node-id=747%3A20&mode=design

[serynabatov]

https://www.figma.com/proto/acdt3ap6zOY7tlrRP3P4AW/Work--TeleFrog?page-id=745%3A18&type=design&node-id=747-20&viewport=2028%2C195%2C1.42&t=EcvAs4DUlsmurRI4-1&scaling=min-zoom&starting-point-node-id=747%3A20&mode=design @abnormalize0 Первая раскраска

[serynabatov]

https://www.figma.com/proto/N0u8ZJrNIHutYr75CZHdPh/Work--TeleFrog-2?page-id=745%3A18&type=design&node-id=747-20&viewport=438%2C316%2C0.19&t=0sSLQTzwlthSfb46-1&scaling=min-zoom&starting-point-node-id=747%3A20&mode=design

Вторая раскраска

[serynabatov]

https://www.figma.com/proto/nG60LCbpjwOnYtuvab4SjB/Work--TeleFrog-3?page-id=745%3A18&type=design&node-id=747-20&viewport=438%2C336%2C0.19&t=w71HaAC0u896Bx35-1&scaling=min-zoom&starting-point-node-id=747%3A20&mode=design Третья раскраска

[serynabatov]

https://www.figma.com/proto/ZYIe2q4xpwcgavKQKqTqZn/Work--TeleFrog-4?page-id=745%3A18&type=design&node-id=747-20&viewport=438%2C336%2C0.19&t=vYwYOLIgXl4k0qcX-1&scaling=min-zoom&starting-point-node-id=747%3A20&mode=design Четвертая раскраска

[serynabatov]

https://www.figma.com/proto/ZYIe2q4xpwcgavKQKqTqZn/Work--TeleFrog-4?page-id=745%3A18&type=design&node-id=747-20&viewport=1044%2C237%2C0.52&t=qzn0DmSYdZZvs3uc-1&scaling=min-zoom&starting-point-node-id=747%3A20&mode=design

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