Что такое веб и мобильный дизайн: сходства и различия
Если ты думаешь, что дизайн сайта и приложения - это одно и то же, просто картинка перетекает с экрана ноута в телефон - поздравляю, ты живешь в иллюзии. Это как сравнить грузовик и спорткар: оба с колесами, но задачи разные.
Что у них общего (база, которая не обсуждается)
Нормальный дизайн строится на принципах, которые работают везде. Иначе - мимо кассы:
1. Удобство. Если пользователь не понимает, что делать через секунду - ты проиграл. 2. Иерархия. Важное - крупно и жирно, остальное - на подпевках. 3. Доступность. Текст читают, кнопки жмут. 4. Чистота. Никакой грязи и разнобоя. 5. Бренд. Чтобы было сразу ясно - это ты, а не клон.
В чем разница (и она реально жесткая)
Главное - не размер экрана, а башка. Контекст решает всё.
Мобайл (приложения): • Где юзают: В метро, на бегу, лежа в кровати. Везде, где не до жиру. • Чем тыкают: Пальцем. Жирно, точно, без мышки. Забудь про мелкие ссылки. • Задача: Одно действие на экран. Места нет - значит, в кадр лезет только суть. • Меню: Прячут или пихают вниз, чтобы большой палец дотянулся. • Фишки: Доступ к камере, гео и пуш-уведомлениям.
Веб (сайты): • Где юзают: За столом, с большой чашкой кофе и клавиатурой. • Чем тыкают: Мышкой. Можно сделать наведение, ховеры, менюшки-матрешки. • Задача: Вместить инфу. Место есть - гуляй, дизайнер. • Меню: Висит сверху, всё видно сразу. • Фишки: К железу компа доступ ограничен, но и ладно.
Короче: сдвинь мозги
• Веб-дизайнер парится: «Как бы всё впихнуть и не сломать сетку». • Мобильный дизайнер парится: «Какую одну проблему решает чел прямо щас».
Поэтому профи рубят сразу с мобилки (mobile-first). Это вытряхивает всю лишнюю шелуху. А потом уже этот чистый и злой дизайн растягивают на десктоп, добавляя воздуха.
Ну что, кто тут еще думает, что Figma - это просто «квадратики порисовать»?
