Продолжаем рисовать мобильную версию сайта "Думайте".

Продолжаем рисовать мобильную версию сайта "Думайте". Не всё идёт гладко, но в целом двигаемся вперёд.

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

Конечно, при этом смотрим, как сделаны мобильные версии других платформ и соцсетей: ВК, Ютуба, Дзена, Телеграма. Используем их опыт, адаптируем под свои задачи, стараемся что-то сделать ещё лучше в плане внешнего вида, навигации или удобства взаимодействия. Интернет во многом так и развивается, что практически всегда можно посмотреть, как сделали другие, и, опираясь на их опыт, сделать ещё один «шаг вперёд».

На практике эта часть работы, конечно, в основном на дизайнере. Картинки, которые вы видите, рисует

Валентин Беликов в программе Фигма. Дмитрий (аналитик) и Сергей (программист) участвуют в продумывании общей структуры, если она отличается от ПК-версии, и дальше в обсуждении уже нарисованных страниц: предлагают отдельные доработки или обращают внимание на спорные моменты.

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

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

Можете перейти по ссылкам и посмотреть, как выглядели предыдущие прототипы мобильной версии, сравнить их с теми, что прикреплены к этой публикации:

httvk.com/...599tvk.com/...615

Те картинки, которые вы видите, вполне возможно, что тоже ещё не финальный вариант, и что-то будет изменено. Но общий стиль и структура уже выстроены.

Из интересного - обратите внимание на разное нижнее меню на странице с лентой записей и на странице с отдельной статьёй.

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

Ознакомиться с прототипами Web-версии сайта можно в фотоальбомах по ссылке: httvk.com/...447

Здесь можно подписаться на рассылку ВК, чтобы мы сообщили вам о запуске сайта: httvk.com/...447