Телеграм канал о проектировании и дизайне интерфейсов. Публикую полезные статьи и материалы по данной теме с кратким описанием главных тезисов, и ссылками на них.
Статья, как iOS разработчик написал консольную программу Figma Export, которая может экспортировать цвета, иконки и графику из в Figma в Xcode и Android studio.
Коротко о возможностях утилиты. Она автоматически экспортирует стили цвета из Figma и правильно их именует в соответствии с мобильной платформой. То же самое она делает с названиями иконок и графики с учётом тёмной и светлой темы дизайна.
Даже если вам сейчас это не нужно в рабочем процессе, рекомендую пробежать статью глазами, чтобы понять, как именуются цветовые токены и графические ресурсы в каждой из мобильных платформ.
Статья о работе плагина и его возможностях.Ссылка на GitHub.
Если вы iOS- или Android-разработчик и дизайн вашего проекта разрабатывается в Figma, то скорее всего вы сталкиваетесь с проблемами при экспорте ресурсов: цвет...
👋 Привет! У меня есть предложение для вас, моих дорогих читателей.
Если вы пишите авторские заметки и статьи о продуктовом дизайне, паттернах и исследованиях, то я готов размещать такие статьи с указанием ссылки на источник в канале — бесплатно. Я буду выбирать интересные материалы, которые готов разместить.
Поэтому, присылайте ваши заметки и статьи мне в личку @astract с пометкой в начале сообщения «в канал»
Привет! Ищу к себе в команду опытного продакт дизайнера. Будем вместе делать социальный продукт, который завязан на видео общении и развлечениях.
Мне важно видеть в человеке — нетипичное мышление в работе или, как ещё говорят — «мышление аут оф зе бокс». Помимо этого, важна жизнерадостность, умение общаться, желание делать классный дизайн и не бояться предлагать интересные решения. Небольшая рутина и копирование готовых решений у нас тоже есть, тут всё честно, как и в любом продукте.
Поэтому, если вы интересуетесь новыми социальными и развлекательными приложениями на рынке. Хотите работать в стартапе, влиять на продукт и процессы в команде. Любите сферу развлечений, социальные сети, психологию и обожаете копаться в мелочах дизайна — делать чистые макеты, запариваться над автолейаутами и порядком слоёв в макетах, то пишите и кидайте ваши портфолио и резюме мне — 👋 @astract
Формат работы — удалёнка, но есть офис в Москве.
В идеале — РФ, но можно попробовать договориться работать из других стран.
При изучении xcode и swift обратил внимание, что в iOS, при длинном заголовке экрана, кнопка возврата автоматически переименовывается в «back»
Если же заголовок короткий, то в кнопке возврата отображается полное название предыдущего экрана 🤔
Гугл говорит, что такое было реализовано с iOS 7.0
UIKit Lab — клёвая и полезная утилита для iOS устройств. Можно потыкать различные нативные компоненты из UI Kit и понять, как они себя ведут. Хорошая шпаргалка для мобильного дизайнера— apps.apple.com/ru/app/…72751890
Нашёл апп в канале QostarevBookmarks
UIKit Lab is an interactive guide to UIKit for designers. Browse interface essentials that are thoughtfully organized. Play with interactive demos of UI components. Customize UI components to quickly get a sense of their new look and feel right from UIKit Lab.
Про отклики дизайнеров
Находясь сейчас в должности ведущего дизайнера, я стал лучше замечать, как ведут себя дизайнеры во вне. И понял, что многим начинающим дизайнерам и не только, не хватает понимания, как нужно эффективней откликаться на вакансии и «продавать» себя.
Отсматривая отклики на вакансию, я часто вижу одну и ту же ошибку — дизайнеры не прикладывают портфолио во время первичного отклика, это очень плохо. Заявки без портфолио, моментально снижают конверсию, что вам ответят и обратят на вас внимание.
Портфолио — это не что-то сложное. Если у вас его нет, займитесь его созданием. Сделайте пару концептов на dribbble или behance. Рекомендую сделать, как просто красивые UI шоты, причём необязательно выпендриваться, сделайте просто, чисто и аккуратно для начала. По таким работам можно будет оценить ваш визуальный вкус и стиль.
После, сделайте хотя бы один большой проект в формате презентации, в котором вы расскажите о процессе работы. К примеру, какая задача перед вами стояла и как вы её решали. Будет классно, даже если вы покажите промежуточные варианты решений перед финальным. Не нужно специально делать красивую и модную презентацию, особенно, если вы это не умеете. Лучше сделать аккуратно и в простом формате: описание задачи, экран решения, комментарий к нему и так далее. Помимо визуальной части, тем кто вас выбирает, важно понимать, как человек мыслит и принимает решения в дизайн задачах.
Ещё одно важное наблюдение. Люди не прикладывают портфолио по причине NDA и предлагают показать его на первом звонке. Такие заявки, к сожалению, приходится сразу откладывать на попозже. Особенно, когда у тебя помимо разбора заявок, есть уйма других рабочих задач. Поэтому если это ваш случай, то приложите работы в отклик, это не публичное пространство, так можно. Это повысит конверсию в то, что на вас обратят внимание и вам ответят.
Делать же первичную оценку во время звонка, который предлагают дизайнеры — очень не эффективно, так как может получиться ситуация, что увидев работы разговор может прекратиться по причинам, что вы не подходите.
Недавно отсматривал работы дизайнера и обратил внимание, что в дизайнах неправильно использовался шрифт SF Pro Display.
В связи с этим, простой и быстрый вопрос. В каком случае нужно использовать этот шрифт в паре с SF Pro Text?
Простое правило для системы отступов, которое улучшит верстку формы.
Речь не про размеры, а про разницу отступов. У Бирмана можно почитать про правило близости.
Источник
/@duiux
Про висячие предлоги
Я всегда стараюсь переносить висячие предлоги и частицы в конце текстовой строки на новую, и этому правилу учу начинающих дизайнеров. Считаю, эта простая рекомендация помогает сделать верстку текста читабельней и визуально приятной.
Но вот хорошая статья, где автор рассказал об истории этого рекомендательного правила и вывел три базовых правила в конце.
1. Чаще можно переносить, кроме случаев когда частица имеет связь с предыдущим словом, например «бы»
2. В заголовках и коротких текстах можно оставлять, если это делает визуально композицию текста лучше и не рушит смысл
3. При изменении выключки текста (выравнивания) правило меняется тоже. То есть при центральной и правой выключке можно пренебрегать правилом.
Источник
/@duiux
Это должен был быть короткий пост, но тут такая увлекательная история споров и дискуссий, что захотелось рассказать об этом по подробнее и подвести к конкретному итогу.
Аналогично App Store, в Google Play появится расширенная информация о приложениях, какие данные они собирает и используют — blog.google/product…a-safety@duiux
Вместе с Матвеем, для его дизайн-проекта Disciplina написал большую главу про анимации — oxyberg.notion.site/Discipl…bfce14a9
Если вы изучаете продуктовой дизайн, этот бесплатный учебник будет вам особенно полезен, он охватывает различные темы профессии.
Disciplina (лат. учение) — справочник для начинающих дизайнеров и дизайнерок. Здесь собраны полезные ссылки, материалы и задания для того чтобы попасть в профессию. Справочник бесплатный, потому что знания для новичков должны быть свободными.