Telegram Web Link
Дизайн-печь 🔥 Ваня Емелюшкин
Как сделать в iOS такое же расстояние между букв, как и в Фигме Передавать в px Если вы указываете расстояние в px, то оно будет соответствовать расстоянию в коде. Если у вас в системе проценты, то пусть разработчики умножают это значение на размер шрифта.…
Если вы Скетч-дизайнер или работаете в Фотошопе, то вам поможет статья от Редмадроботов. Ребята рассказывают как подружить значения из графических редакторов с кодом. Причём не только про трекинг, но и про интерлиньяж

Работать в фотошопе над интерфейсами — не стыдно. Например, игровые интерфейсы часто делают в фотошопе просто потому, что Фигма не умеет в нормальную работу с текстурами.

https://habr.com/ru/company/redmadrobot/blog/280029/
Разбираемся в нативе, понимаем разработку
Лучший способ ускорить дизайн и разработку под мобилки — разбираться что можно сделать стандартными средствами, а что нет.

Почитать что такое нативные компоненты
https://designpub.ru/натив-и-кастом-318d83675553

Сейчас будет пачка годноты
Для iOS

Ui Kit Lab
Самое кайфовое приложение со сборкой всех нативных компонентов. Можно тестировать их на прочность, добавлять свои тексты и стандартные иконки. Рекомендую всем там поиграться.
https://apps.apple.com/ru/app/uikit-lab/id1572751890?l=en

Interactful
Более сложное, но более подробное приложение. Однозначная годнота. Для каждого компонента есть описание кодом и ссылка на документацию. Можно даже выбрать на какую документацию ссылаться: для дизайнеров или разработчиков. Отдельно загляните на вкладку Foundations. Там шикарно показаны возможности настройки анимации, смешивания цветов и Если разберётесь с ними, сможете общаться с разработчиками на одном языке. Кроме того, есть версия на Mac OS
https://apps.apple.com/ru/app/interactful/id1528095640?l=en

Гайды Эппл
Они сильно обновились за последний год, стали куда подробнее и интереснее
https://developer.apple.com/design/human-interface-guidelines/foundations/overview
Для Андроид
К сожалению, таких же годных приложений я там не знаю. Если есть что на примете — пишите в комментарии

Material Design Components
Неплохой сборник компонентов, но подглючивает
https://play.google.com/store/apps/details?id=io.materialdesign.catalog

Гайды Материал
Material 2. Старые гайды, актуально будет ещё лет 5, люди медленно переходят на новые андроиды https://material.io/design
Material 3. новые компоненты, новый дизайн, другая философия. Гугл добавляет персонализации и выглядит современнее
https://m3.material.io/
Сначала к психотерапевту, потом к работодателю

Бывает дизайнер, когда выгоряет, первым делом идёт просить совета у работодателя. Что ему делать? Другие задачи? Уходить? Работать на 2 часа меньше? Работодатель не психотерапевт, он не знает что в голове у дизайнера. Может, дизайнер перфекционист или взял слишком много, а может закончился запал или не хватвет похвалы. Работодатель может помочь, предложить творческий отпуск или сменить род деятельности. Но, даже если это поможет, он уже не сможет относиться непредвзято. Дизайнеру уже могут не доверить важную задачу: вдруг не справится, хандра на катит, а задача важная. Работодатель может даже не отдавать отчёта в том, что в голове появитля ярлык ненадёжности. Но это хороший исход, а если не поможет?

Прежде, всего — идём к психотерапевту и разбираемся в себе. Узнаём почему выгораем или почему депрессия. Что делать? Какой план? Вот когда вы с психотерапевтом договорились, что нужно что-то менять в работе — идти и договариваться о новых условиях с работодателем.
Как быть увереннее в тексте

Раньше я постоянно разбавлял текст своей неуверенностью, когда обсуждал свою работу. Постоянно вставлял слова «думаю, что», «мне кажется», «по моему мнению», «возможно», «может быть стоит». Будто пытался спрятать свои идеи под словестный мусор, чтобы сильно не били. Оно и логично: идеи лишь гипотезы. Нет уверенности, что они на 100% сработают. Но фишка в том, что в продукте ни у кого нет такой уверености. Даже если 300 раз протестировать прототип, решение всё равно может не залететь, потому, что изначально ошиблись с целевой аудиторией. Тестирование лишь повышает шансы на успех.

Все люди высказывают гипотезы с точки зрения своего опыта и фактов, которыми владеют. А раз так, то зачем все эти лишние слова? Итак ясно, что это мнение конкретного человека. Есть лайфхак:

Пиши текст как привык, а потом удаляй неуверенный мусор.

Так текст станет яснее, короче, а я человек будет звучать как уверенный профессионал. Ведь он и правда всё продумал, зачем эта мишура?

Может быть стоит оставить только кнопку входа через Эппл? Мне кажется, что так мы быстрее запустимся и соберём обратную связь.

Давайте оставим только кнопку входа через Эппл. Так мы быстрее запустимся и соберём обратную связь
Яндекс выложил в открытый доступ свой фреймворк для мобильных приложений.
Фреймворк работает по технологии бэкенд драйвен юая

Если вы сейчас дизайнер в стартапе на этапе выбора технологии, то это может быть интересно.

Что это такое:
Грубо говоря, интерфейс приходит с сервера.

Обычно это работает так:
Дизайнеры придумывают компоненты: кнопки, свитчи, графики и т.д.
Мобильные фронтендеры эти компоненты реализуют
А теперь магия: дизайнеры отдают дизайн страницы бекенду. На беке делают разметку где какой элемент должен стоять и как работать и отсылают на фронт. А на фронте элементы встают на свои места. Волшебно

Зачем это надо

Чтобы менять интерфейс без обновления приложения. Победила в А/Б зелёная кнопка или нужный текст? Ура, оставляем её, релиз ждать не надо. Релизы на маркете будут нужны только для новых компонентов и правки багов
Чтобы делать бесконечное число дешевых а/б тестов
Возможность включать/отключать функции удалённо

В чём минусы
Такое приложение не использует нативные компоненты. Т.е. вам придётся создавать с нуля все эти таббары и поля поиска. Это дольше на старте

https://divkit.tech/en/
😵Адоб планирует Фигму

Исторически всё, к чему прикасался Адоб скатывалось в говно. Корпоративные менеджеры убили Macromedia Flash, а Фотошоп перестал развиваться, как только перешел на подписочную модель. Переживаю, как бы Фигма не утонула в багах и странных решениях.

https://www.bloomberg.com/news/articles/2022-09-15/adobe-is-said-to-near-deal-to-buy-online-design-startup-figma

UPD: уже купили
Пресс релиз Adobe: https://news.adobe.com/news/news-details/2022/Adobe-to-Acquire-Figma/default.aspx
Twitter тред от CEO Figma: https://twitter.com/zoink/status/1570385551517437952
Подписочная модель — тормоз для монопольных продуктов
Раньше ты мог купить Фотошоп за кучу денег и пользоваться им бессрочно. Адобу приходилось сильно стараться в каждом обновлении, чтобы люди захотели его покупать. Как только они перешли на подписку, продукт почти перестал развиваться. А зачем стараться? Люди итак платят каждый месяц, чтобы им пользоваться.

Если раньше Фотошоп конкурировал сам с собой, то теперь он вне реальной конкуренции.
2025/07/07 08:54:31
Back to Top
HTML Embed Code: