PRO фриланс. Блог Амира Исламова

2021-04-01 17:45:14 Привет. Решил создать плейлист по приложениям на ютуб. В этом видео подведем итоги по гайдлайнам. Расскажу о том, что такое гайдлайны ios и android и почему их важно знать. Думаю все станет гораздо понятнее.)

Смотреть видео


Спасибо за лайки и комменты под видео) Открыть/Комментировать

2021-03-30 19:47:34 Какие размеры экранов выбрать в мобильных приложениях? Вопрос, который интересовал и меня) Мобилок много, разрешений тоже. Что же выбрать.

Я бы ориентировался на самые распространенные. Один из вариантов проверить топовые разрешения – это плагин для фигмы: Viewports. Через него же можно сделать быструю адаптацию под другие экраны.

ANDROID
Для Android выбор однозначен: 360х640.

IOS.
У яблока судя по плагину, самое частое это 414х896.
На втором 375х667. Третье место 375х812. Отрыв между ними небольшой. Я выбираю разрешение между первым и вторым. Плюсом, просматривая десятки UI китов и исходников, понял, что и большинство других дизайнеров остановились именно на этом размере.

ИТОГО:
Андроид: 360х640
Яблоко: 375х812.

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

Размеры в приложениях задаются в Pt,(пойнтах) а не пикселях. Если делаешь дизайн в фигме, скетче или adobe XD, то не парься и используй разрешения, что написал. Все остальное уже при экспорте.

Что на счет фотошопа? Как-бы я его не любил, но создавать дизайн мобильного приложения в фотошопе все равно, что забивать гвоздь старым тапочком. В целом возможно, но на*й оно надо. Знаю, что кто-то до сих пор боится фигмы и прочих страшных слов. Прекращай. Все там просто) Открыть/Комментировать

2021-03-30 16:46:11 Супер полезная библиотека логотипов и иконок брендов. Все в векторе. Удобнее чем ковыряться в поисковиках.

В закладки worldvectorlogo.com Открыть/Комментировать

2021-03-29 19:26:32 А вот еще полезность

Я отобрал гайдлайны для ios и google material. Первый немного дополнил страницами, постепенно буду дорабатывать их:

1) Human Interface Guidelines для Ios https://vk.cc/c0htyU
2) Google material design https://vk.cc/c0hu9a

Но сначала прочитай предыдущую статейку) Открыть/Комментировать

2021-03-29 19:23:13 Привет) Написал статейку, про гайдланы. Это первое, что стоит изучать в дизайн моб. приложений. Рассказал, что это такое и поделился полезными ссылками.

Не забудь похлопать в ладошки в левой стороне статьи) В прошлый раз аж 72 хлопка) Спасибо.

https://freelanceblog.medium.com/про-гайды-guidlines-с-чего-начать-изучать-мобильные-приложения-9a964f2b20e6 Открыть/Комментировать

2021-03-24 10:17:10 Figma обновила расположение поиска. Давно ждал эту штуку.
Особенно удобно искать последние команды или плагины. (Чтобы заработало, нужно перезапустить программу)

Комбинация для запуска: Command(CTRL) + / Открыть/Комментировать

2021-03-18 19:04:08 Отдельный респект, тем кто комментит на ютубе) это здорово помогает в развитии канала. Скоро поделюсь скринами, что там по монетизации выходит Открыть/Комментировать

2021-03-18 19:03:05

Открыть/Комментировать

2021-03-18 19:02:58 Привет!) Новая фишка фигмы. Интерактивные компонены.
Фигма не перестает удивлять и выкатила функцию интерактивных компонентов. Позволяет более гибко работать с прототипа и показывать вашу анимацию.

Сейчас находится в бета-тестировании. Но в целом уже отлично работающая. О том, что это за зверь и как создавать расскажу в видео) Открыть/Комментировать