🧩Продолжаем отрисовывать мобильную версию сайта «Думайте».
Поделимся свежими картинками. На них показано: 1. Меню профиля пользователя (картинки 1-4). Оно открывается по клику на иконку пользователя в верхнем правом углу, выезжает снизу. На картинках также показаны информационные окна, открывающиеся при клике на верхние пункты со статистикой профиля и счётчиком просмотренных записей. 2. Навигационное меню по сайту (картинки 5-6). Оно открывается при клике на иконку «меню» в левом верхнем углу, выезжает слева. На первой картинке меню в «нулевом состоянии», когда пользователь ещё не зашёл на сайт или не имеет подписок. Список категорий в нём показан в развёрнутом виде. На второй картинке это же меню в формате для авторизованного пользователя, у которого уже есть подписки, всё внимание закономерно на них. 3. На крайних двух картинках можно увидеть Быстрое меню по главным лентам сайта (картинки 7-8). Оно будет всегда закреплено в нижней части экрана. Раздел с «Рекомендациями» имеет всплывающее подменю с выбором источника рекомендаций. Остальные кнопки сразу переводят на выбранную ленту записей. Таким образом основные меню в мобильной версии будут скомпонованы практически также как и в версии сайта для компьютера. Это удобно в том плане, что не придётся привыкать к новому формате при использовании ресурса на разных устройствах. Желающие могут сравнить показанные изображения с тем, как они выглядят в оригинале на ПК-версии. Фотоальбом с прототипами главной страницы сайта здесь: https://vk.com/album-222137447_294588085
Научи хорошему
🧩Продолжаем отрисовывать мобильную версию сайта «Думайте».
Поделимся свежими картинками. На них показано:
1. Меню профиля пользователя (картинки 1-4). Оно открывается по клику на иконку пользователя в верхнем правом углу, выезжает снизу. На картинках также показаны информационные окна, открывающиеся при клике на верхние пункты со статистикой профиля и счётчиком просмотренных записей.
2. Навигационное меню по сайту (картинки 5-6). Оно открывается при клике на иконку «меню» в левом верхнем углу, выезжает слева. На первой картинке меню в «нулевом состоянии», когда пользователь ещё не зашёл на сайт или не имеет подписок. Список категорий в нём показан в развёрнутом виде. На второй картинке это же меню в формате для авторизованного пользователя, у которого уже есть подписки, всё внимание закономерно на них.
3. На крайних двух картинках можно увидеть Быстрое меню по главным лентам сайта (картинки 7-8). Оно будет всегда закреплено в нижней части экрана. Раздел с «Рекомендациями» имеет всплывающее подменю с выбором источника рекомендаций. Остальные кнопки сразу переводят на выбранную ленту записей.
Таким образом основные меню в мобильной версии будут скомпонованы практически также как и в версии сайта для компьютера. Это удобно в том плане, что не придётся привыкать к новому формате при использовании ресурса на разных устройствах.
Желающие могут сравнить показанные изображения с тем, как они выглядят в оригинале на ПК-версии. Фотоальбом с прототипами главной страницы сайта здесь: https://vk.com/album-222137447_294588085