Обложка канала

dui. Страница 6

5951 @duiux

Телеграм канал о проектировании и дизайне интерфейсов. Публикую полезные статьи и материалы по данной теме с кратким описанием главных тезисов, и ссылками на них.

  • dui

    Статья, как iOS разработчик написал консольную программу Figma Export, которая может экспортировать цвета, иконки и графику из в Figma в Xcode и Android studio. Коротко о возможностях утилиты. Она автоматически экспортирует стили цвета из Figma и правильно их именует в соответствии с мобильной платформой. То же самое она делает с названиями иконок и графики с учётом тёмной и светлой темы дизайна. Даже если вам сейчас это не нужно в рабочем процессе, рекомендую пробежать статью глазами, чтобы понять, как именуются цветовые токены и графические ресурсы в каждой из мобильных платформ. Статья о работе плагина и его возможностях. Ссылка на GitHub.
    FigmaExport: как автоматизировать экспорт UI-Kit из Figma в Xcode и Android Studio проекты

    Если вы iOS- или Android-разработчик и дизайн вашего проекта разрабатывается в Figma, то скорее всего вы сталкиваетесь с проблемами при экспорте ресурсов: цвет...

    Хабр
  • dui

    👋 Привет! У меня есть предложение для вас, моих дорогих читателей. Если вы пишите авторские заметки и статьи о продуктовом дизайне, паттернах и исследованиях, то я готов размещать такие статьи с указанием ссылки на источник в канале — бесплатно. Я буду выбирать интересные материалы, которые готов разместить. Поэтому, присылайте ваши заметки и статьи мне в личку @astract с пометкой в начале сообщения «в канал»
  • dui

    Twitter добавил звуки в приложение. Напоминает щебетание птицы 🐦
  • Реклама

  • dui

    Привет! Ищу к себе в команду опытного продакт дизайнера. Будем вместе делать социальный продукт, который завязан на видео общении и развлечениях. Мне важно видеть в человеке — нетипичное мышление в работе или, как ещё говорят — «мышление аут оф зе бокс». Помимо этого, важна жизнерадостность, умение общаться, желание делать классный дизайн и не бояться предлагать интересные решения. Небольшая рутина и копирование готовых решений у нас тоже есть, тут всё честно, как и в любом продукте. Поэтому, если вы интересуетесь новыми социальными и развлекательными приложениями на рынке. Хотите работать в стартапе, влиять на продукт и процессы в команде. Любите сферу развлечений, социальные сети, психологию и обожаете копаться в мелочах дизайна — делать чистые макеты, запариваться над автолейаутами и порядком слоёв в макетах, то пишите и кидайте ваши портфолио и резюме мне — 👋 @astract Формат работы — удалёнка, но есть офис в Москве. В идеале — РФ, но можно попробовать договориться работать из других стран.
  • dui

    При изучении xcode и swift обратил внимание, что в iOS, при длинном заголовке экрана, кнопка возврата автоматически переименовывается в «back» Если же заголовок короткий, то в кнопке возврата отображается полное название предыдущего экрана 🤔 Гугл говорит, что такое было реализовано с iOS 7.0
  • dui

    UIKit Lab — клёвая и полезная утилита для iOS устройств. Можно потыкать различные нативные компоненты из UI Kit и понять, как они себя ведут. Хорошая шпаргалка для мобильного дизайнера— apps.apple.com/ru/app/…72751890 Нашёл апп в канале QostarevBookmarks
    ‎UIKit Lab

    ‎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.

    App Store
  • dui

    Про отклики дизайнеров Находясь сейчас в должности ведущего дизайнера, я стал лучше замечать, как ведут себя дизайнеры во вне. И понял, что многим начинающим дизайнерам и не только, не хватает понимания, как нужно эффективней откликаться на вакансии и «продавать» себя. Отсматривая отклики на вакансию, я часто вижу одну и ту же ошибку — дизайнеры не прикладывают портфолио во время первичного отклика, это очень плохо. Заявки без портфолио, моментально снижают конверсию, что вам ответят и обратят на вас внимание. Портфолио — это не что-то сложное. Если у вас его нет, займитесь его созданием. Сделайте пару концептов на dribbble или behance. Рекомендую сделать, как просто красивые UI шоты, причём необязательно выпендриваться, сделайте просто, чисто и аккуратно для начала. По таким работам можно будет оценить ваш визуальный вкус и стиль. После, сделайте хотя бы один большой проект в формате презентации, в котором вы расскажите о процессе работы. К примеру, какая задача перед вами стояла и как вы её решали. Будет классно, даже если вы покажите промежуточные варианты решений перед финальным. Не нужно специально делать красивую и модную презентацию, особенно, если вы это не умеете. Лучше сделать аккуратно и в простом формате: описание задачи, экран решения, комментарий к нему и так далее. Помимо визуальной части, тем кто вас выбирает, важно понимать, как человек мыслит и принимает решения в дизайн задачах. Ещё одно важное наблюдение. Люди не прикладывают портфолио по причине NDA и предлагают показать его на первом звонке. Такие заявки, к сожалению, приходится сразу откладывать на попозже. Особенно, когда у тебя помимо разбора заявок, есть уйма других рабочих задач. Поэтому если это ваш случай, то приложите работы в отклик, это не публичное пространство, так можно. Это повысит конверсию в то, что на вас обратят внимание и вам ответят. Делать же первичную оценку во время звонка, который предлагают дизайнеры — очень не эффективно, так как может получиться ситуация, что увидев работы разговор может прекратиться по причинам, что вы не подходите.
  • dui

    Figma. Если вы так же, как и я задались вопросом: «Как в новом AL указать одно значение для всех паддингов?», то ответ — с зажатым CMD и клик в поле.
  • dui

    Figma. Чтобы удалить элемент в группе со двигом остальных, нужно выбрать его нажатием на точку с помощью Shift и после нажать Delete. @duiux
  • dui

    Figma. Зажмите Shift для изменения расстояния между элементами с учётом заданного шага (big nudge). Источник
  • dui

    Недавно отсматривал работы дизайнера и обратил внимание, что в дизайнах неправильно использовался шрифт SF Pro Display. В связи с этим, простой и быстрый вопрос. В каком случае нужно использовать этот шрифт в паре с SF Pro Text?
  • dui

    Простое правило для системы отступов, которое улучшит верстку формы. Речь не про размеры, а про разницу отступов. У Бирмана можно почитать про правило близости. Источник /@duiux
  • dui

    Про висячие предлоги Я всегда стараюсь переносить висячие предлоги и частицы в конце текстовой строки на новую, и этому правилу учу начинающих дизайнеров. Считаю, эта простая рекомендация помогает сделать верстку текста читабельней и визуально приятной. Но вот хорошая статья, где автор рассказал об истории этого рекомендательного правила и вывел три базовых правила в конце. 1. Чаще можно переносить, кроме случаев когда частица имеет связь с предыдущим словом, например «бы» 2. В заголовках и коротких текстах можно оставлять, если это делает визуально композицию текста лучше и не рушит смысл 3. При изменении выключки текста (выравнивания) правило меняется тоже. То есть при центральной и правой выключке можно пренебрегать правилом. Источник /@duiux
    Бесячие «висячие» — Дизайн на vc.ru

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

    vc.ru
  • dui

    Аналогично App Store, в Google Play появится расширенная информация о приложениях, какие данные они собирает и используют — blog.google/product…a-safety @duiux
    Get more information about your apps in Google Play

    We are launching Google Play’s Data safety section to put users in control, before and after the download.

    Google
  • dui

    Для быстрого выравнивания элемента по горизонтали и вертикали, можно использовать хоткей option + V / option + H. Источник
  • Реклама

  • dui

    Незнал, что в поле ввода padding auto layout, можно вводить кастомные значения через запятую. Источник
  • dui

    Вместе с Матвеем, для его дизайн-проекта Disciplina написал большую главу про анимации — oxyberg.notion.site/Discipl…bfce14a9 Если вы изучаете продуктовой дизайн, этот бесплатный учебник будет вам особенно полезен, он охватывает различные темы профессии.
    Disciplina

    Disciplina (лат. учение) — справочник для начинающих дизайнеров и дизайнерок. Здесь собраны полезные ссылки, материалы и задания для того чтобы попасть в профессию. Справочник бесплатный, потому что знания для новичков должны быть свободными.

    Матвей Правосудов on Notion
  • dui

    Скрипт для создания бэкап файлов Figma. Может пригодиться на случай прекращения работы приложения — mikeozornin.ru/blog/al…ma-files
    Как бекапить фигму

    Сегодня фигма написала, что из-за ***** она прекращает продажи в России. Меня спрашивают и коллеги, и не только, что делать

    mikeozornin.ru