FigmaExport: как автоматизировать экспорт UI-Kit из Figma в Xcode и Android Studio проекты

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

#FigmaLesson

​​Мастер-компоненты для ускорения соединений прототипа

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

Решение. В самом начале вашего процесса, превратите ваше меню гамбургера в компонент. Как только вы это сделаете, свяжите каждый пункт меню этого мастер-компонента с соответствующим фреймом. Далее, каждый раз, когда вы создаете экземпляр компонента гамбургера, все соединения будут автоматически распространяться! Больше не надо биться головой о стену, по-поводу этой утомительной работы.

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

Вместо этого создайте новый мастер-компонент с экземпляром из вашей библиотеки внутри него. Figma позволяет вам выбирать глубоко вложенные слои внутри каждого компонента, так что вы все равно можете связать несколько пунктов меню из экземпляра, не отрывая его от мастера. Я часто размещаю некоторые из этих повторяющихся компонентов в стороне, за пределами моих макетов, в качестве удобного места для доступа к ним и поддержания связанных соединений с различными экранами.

#FigmaLessons

Лид-магнит как один из инструментов продаж: практика от маркетолога

Контент-маркетинг прочно обосновался в реальности современного бизнеса. Крупные компании понимают, что для долгосрочных отношений с клиентами мало быстрых продаж. Нужен сильный бренд, доверие, регулярные касания, современная упаковка бизнеса.

Коммерческие предложения, маркетинг-киты, инструкции, чек-листы – чем больше у компании прогревающих материалов, тем проще ей взаимодействовать со своей целевой аудиторией.

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

Все чаще можно услышать «Лид-магниты уже не работают, устаревшая фишка! Люди не ведутся на эту шляпу!»

На это я обычно отвечаю: «Люди не должны вестись на шляпу, людям надо помочь, подсказать, дать им именно то,что им нужно, хотя бы часть...»
Согласен, что проработать лид-магнит сейчас намного сложнее нежели лет 5 назад, когда аудиторию еще не закидывали со всех сторон PDFками о том как сэкономить на установке окон/дверей/стиральных машинок...
Поэтому я считаю, что сейчас проработать лид-магнит, который будет действительно цеплять, прогревать и заставлять людей оставлять свои данные взамен на информацию - своеобразное искусство.
Как сделать лид-магнит, где использовать и как адаптировать под клиента?
Читать статью

#Marketing

Сравнение Apple и Google в 10 картинках

Apple и Google – технологические гиганты, которые гордятся своим дизайном и пользовательским опытом, но почему их продукты так сильно отличаются (кроме тех случаев, когда они фактически копируют друг друга)? Хотя я не работаю в этих компаниях, я активно пользуюсь продукцией Apple и Google. Кроме того, я работаю в индустрии дизайна, поэтому решил проиллюстрировать различия в их подходе к дизайну.
Читать далее

#Google #Apple

Как создать логотип: полное руководство

Хороший логотип - это эффективный способ, который поможет не только узнать о вашем бизнесе, но и вызвать интерес для дальнейшего взаимодействия с вашим брендом.

Настало время закрепить визуальный бренд вашего бизнеса. Вам нужно сделать так, что бы потенциальные клиенты начинали свой путь с вашего визуала. Пришёл момент, когда нужно научиться делать логотип.

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

#Logo #Design

​​Уже через 3 дня начнется онлайн-стажировка Design Line Boost.

С 8 по 14 ноября пройдёт главное дизайн-событие этой осени Design Line Boost.

💫 7 дней онлайн-стажировки
💼 5 заданий от реальных компаний
🚀 ∞ идей, знаний, знакомств.

О чём будет речь?
1. Как попасть на работу мечты
2. Дизайн-процессы, как главная сила дизайнера
3. Делать крутой дизайн — недостаточно
4. Тестирование дизайн-решений
5. Как развиваться дизайнеру, если дедлайн завтра
6. Как отстаивать свой дизайн
7. Кто ты в индустрии и как развиваться дальше.

Это не темы лекций. Это то, чему вы сами или под руководством кураторов будете учиться и сразу же отрабатывать на практике.
Будь готов много работать и много думать, просто слушать не получится. Кураторам нужно твоё включение, а не просто присутствие. В прошлый раз 11 лучших участников попали на работу в CreativePeople.

Принять участие: https://clc.to/dessignlessons

10 ошибок при работе с цветом в UI

Самые распространенные ошибки дизайнеров при работе с цветом в интерфейсе. От неочевидных до банальных. С примерами, объяснением и рекомендациями, как исправить.

Цвет — один из сильнейших инструментов в руках дизайнера, поэтому важно уметь правильно с ним обращаться.
Читать статью

#color #UI

Стартовала регистрация на Russian Design Cup – ежегодный чемпионат для начинающих и опытных и дизайнеров. Участие бесплатное, с 15 ноября начинается отборочный этап.

Конкурс, организованный Mail ru Group и Design Line пройдёт в три этапа, призовой фонд 650 тысяч рублей. Оценивать работы участников будут лучшие представители индустрии: креативные директора и сильнейшие дизайнеры. Кроме денег, RDC даст возможность дизайнерам со всех концов страны заявить о себе, прокачать скиллы, влиться в коммьюнити и откроет перед ними новые перспективы. 

Также, 5 ноября на платформе Design Line пройдет вебинар, посвященный старту турнира, с подробной информацией о задачах и регламенте. Чтобы не забыть, подпишитесь на бота @dsgnline_bot, и за 15 минут до начала придет ссылка на вебинар.

Альтернативы RGB

Люди знают о цветовом кодировании RGB, где через смесь красного (Red), зелёного (Green) и синего (Blue), смешивается нужный цвет и отображается на экране. Печатники и дизайнеры знают о CMYK (Cyan, Magenta, Yellow, Key color), который применяется для печати на белом, а последний из цветов отвечает за чёрный.
Читать далее

#color #RGB

8 cоветов, как сделать классные Instagram Stories

Истории (сториз, stories) – один из самых популярных форматов социальных сетей. Вертикальный формат позволяет создателям обмениваться видео, фотографиями и другим медиа-контентом. Для дизайна это означает одно: новый макет для разработки.

Но сложнее всего создавать приятные истории, которые помогают людям взаимодействовать с брендом. В этой статье вы найдете восемь способов создания историй в Instagram, которые помогут вам достичь целей и выделиться.
Читать статью

#Instagram #Stories

Используйте красные предупреждающие сигналы правильно

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

Не используйте красный предупреждающий сигнал о деструктивном действии, если на экране нет окна подтверждения. Например, меню настроек может иметь кнопку «Удалить учетную запись», но она не должна выглядеть как кнопка призыва к действию.

Лучше сделать деструктивное действие отдельной кнопкой с красной текстовой меткой. А использование красной кнопки как в первом варианте, может привести к тому, что пользователи примут ее за основную кнопку призыва к действию.

#UX #Design

​​Как проектировать сложные приложения. 8 полезных советов

Какое приложение считается сложным?
Согласно определению NN Group, сложное приложение – это то, которое поддерживает большой набор неструктурированных целей. Отличается нелинейными рабочими процессами, требует высокой квалификации пользователей в специализированных областях. Чтобы было понятнее, «Кухня на районе» – это не сложное приложение, а «1С» – сложное.

Как понять, что приложение сложное:
-есть специфические знания (термины, справочники, логика), которые поймут только квалифицированные пользователи;
-есть наборы больших данных, аналитика;
-поддерживается достижение целей с неизвестными или переменными базовыми задачами (например, когда ученый ищет лекарство от новой болезни и не знает заранее, какие пакеты данных придется обработать);
-нужна возможность совместного использования между сотрудниками или платформами. Например, чтобы можно было подгружать данные из Excel.

При разработке таких приложений нужно учитывать много деталей, составлять огромные дорожные карты, уметь в специфические термины отрасли. NN Group собрали 8 полезных советов, которые могут помочь.
Читать статью

#Design #App

Рекомендации по проектированию интерфейса смарт-часов

Если мы сопоставим жизнь до и после пандемии, то увидим, что сейчас люди с большей вероятностью будут уделять внимание личному здоровью, фитнесу и гигиене. «Носимые устройства» (wearables) – это одна из категорий девайсов, помогающих людям поддерживать себя в форме. В последние годы появились фитнес-браслеты, смарт-часы, виртуальная реальность, умная одежда, наушники и многие другие устройства. Но давайте сегодня сосредоточимся на смарт-часах.
Читать статью

#Watch #Design #UX