Блог

84 лучших Figma плагинов для UI/UX дизайна 2023

Игорь

11 мая 2023 г.

40 мин

Как опытные диджитал-дизайнеры мы понимаем, насколько важно эффективно и быстро работать, чтобы достичь лучших результатов для своих проектов. Мы постоянно исследуем Figma Community и отбираем лучшие инструменты для нашей работы. Сегодня мы хотим рассказать о плагинах.Плагины Figma - это необходимый инструмент для любого дизайнера, который хочет оптимизировать свою работу. Они обеспечивают автоматизацию процессов, позволяющую сократить время, а также доступ к расширенным функциям, таким как работа с цветом и типографикой, быстрый доступ к графическим материалам и многому другому. Они позволяют решать разнообразные задачи: от настройки типографики и экспорта верстки до создания анимации и организации рабочего пространства в файле. Использование этих плагинов улучшило наш процесс работы, сократило время итераций и помогло достичь лучших результатов для наших клиентов.Эти плагины могут помочь любому дизайнеру персонализировать проекты, ускорить работу и создать уникальные и трендовые дизайны. В этой статье мы поделимся нашими 84 лучшими плагинами, которые помогут дизайнерам любого грейда работать эффективнее и достигать нового уровня качества в своих проектах.

7 лучших способов как установить плагины для Figma

Игорь

11 мая 2023 г.

4 мин

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

Топ-29 трендов в веб-дизайне на 2023 год, часть первая

Игорь

26 мая 2023 г.

27 мин

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

Топ-31 лучших сайтов с красивым дизайном

Игорь

9 июня 2023 г.

14 мин

В этой статье мы проанализировали и составили подборку из 35 лучших сайтов с потрясающей идеей и ее реализацией. Наша команда учитывала множество критериев, включая визуальную привлекательность, качественный UX/UI.Помимо демонстрации лучших образцов веб-дизайна, мы рассмотрим приемы и стратегии, использованные на этих сайтах. От инновационной типографики до интерактивных пользовательских интерфейсов - мы раскроем секреты, лежащие в основе их потрясающего дизайна.Будучи дизайнерами, мы понимаем силу вдохновения. Именно поэтому мы приложили максимум усилий, чтобы представить вам этот полный список сайтов, которые являются примером отличного дизайна. Мы также хотим поделиться с вами своими соображениями и рекомендациями.Так что, если вы дизайнер, ищущий свежие идеи, или любопытный энтузиаст, ищущий вдохновения, вы пришли по адресу. Приготовьтесь к тому, что вас покорят завораживающие цветовые палитры, навигация и захватывающие дух визуальные композиции.

15 примеров сайтов с адаптивным дизайном и версткой

Игорь

9 июня 2023 г.

20 мин

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

40 лучших шрифтов Google в 2023 году

Игорь

26 мая 2023 г.

18 мин

Выбор шрифта — это не просто эстетическое решение. Это инструмент коммуникации, который может усилить или ослабить ваше сообщение. В команде Affarts мы глубоко погрузились в мир типографики, анализируя и тестируя шрифты Google на протяжении многих проектов в том числе и зарубежных. Наши критерии были строгими:Гармония и контраст. Как шрифт взаимодействует с контентом и другими элементами дизайна.Адаптивность. Отображение шрифта на различных устройствах и разрешениях.Эмоциональное воздействие. Шрифты, которые вызывают нужные ассоциации и чувства у аудитории.Мы стараемся выдерживать работу в рамках data-driven подхода, по этому свой рейтинг формировали на основе статистики использования Google Fonts и дополнили практическим опытом. В результате отобрали шрифты, которые действительно работают.Наш анализ не был ограничен только техническими аспектами — мы учитывали визуальное восприятие, контекст применения и эмоциональный отклик. В этом рейтинге вы найдете не только список шрифтов, но и практические рекомендации по их использованию. Мы предоставляем вам факты, на основе которых вы сможете принять обоснованное решение для своих проектов.

Как и где скачать красивые шрифты - Топ 10 лучших ресурсов для дизайнеров

Игорь

30 мая 2023 г.

17 мин

В этой статье мы познакомим вас с подробным руководством о том, как и где скачать лучшие шрифты. Эти ресурсы помогают нам выводить проекты на новый уровень и дают волю нашему творчеству.Как опытные дизайнеры, мы понимаем важность наличия у вас под рукой разнообразной библиотеки шрифтов. Шрифты играют важную роль в любом проекте. Объединив наши знания и богатый опыт, мы проанализировали многочисленные ресурсы, чтобы предложить вам лучшие платформы.Мы проделали большую работу, изучая разные ресурсы. Наша команда тщательно изучила сайты, принимая во внимание такие факторы, как качество, разнообразие, простота использования и лицензирование. В этой подробной статье мы поделимся нашими Топ-10 любимыми ресурсами.

Топ-15 спортивных шрифтов: выберите идеальный для вашего проекта

Игорь

31 августа 2023 г.

0 мин

Выбор правильного шрифта — важный шаг в разработке любого проекта, а в сфере спорта он становится еще более значимым. Наша команда дизайнеров собрала топ-15 спортивных шрифтов, чтобы вы смогли выбрать идеальный для своего проекта.В сфере спортивного дизайна выбранный шрифт может как создать, так и разрушить визуальное впечатление от проекта. Тщательно подобранный шрифт задает нужный тон. Будь то разработка сайта фитнес-центра, материалов для персональных тренировок, логотипов команд, баннеров для турниров.В дизайне сайта фитнес-центра шрифт должен быть привлекательным и легко читаемым. Для материалов, посвященных персональным тренировкам, нужны шрифты, которые вызывают мотивацию и ясность. Логотипы и баннеры команд требуют шрифтов, воплощающих командный дух и соревновательность, передающих суть игры.Смелый, энергичный шрифт может отражать интенсивность тренировок, а аккуратный и современный — профессионализм материалов для персональных тренировок. А шрифт для спортивных команд должен показывать единство и силу команды. Правильно подобранные шрифты побуждают записаться на занятия, купить продукт или к другим нужным действиям.

Путь от начинающего до мастера: Ваше стартовое руководство по UI/UX дизайну

Игорь

11 июля 2023 г.

14 мин

Первые трудности возникают, когда не знаешь, с чего начать. Считайте, эта проблема решена. Потому что мы написали это руководство как раз для такого случая, чтобы вам было легче погрузиться в сферу дизайна. Здесь вы найдёте инсайты, практические советы от опытных дизайнеров AffArts, которые помогут новичкам начать свой путь. Неважно, хотите ли вы просто попробовать заняться новой деятельностью или планируете сменить профессию, это руководство – классный старт для погружения в мир UX/UI дизайна.Мы понимаем, что начать заниматься UX/UI дизайном может быть непросто. Сейчас в доступе огромное количество информации, в которой легко потеряться. Вот почему мы разработали это руководство, опираясь на наш опыт. Прочитав эту статью, вы закроете базовые вопросы, касающиеся профессии. Далее у вас появится понимание в какую двигаться сторону, чтобы прийти к работе мечты и достигать крутых результатов в дизайне. В руководстве разберем, что же такое UI и UX, чем они различаются, какие основные принципы у UI и UX-интерфейса и что требуется от UX/UI дизайнеров. Ещё немного порассуждаем о том, стоит ли посещать курсы UX/UI дизайна, и предложим альтернативы для тех, у кого ограниченный бюджет на обучение. Если вы ищите список ресурсов для начинающих в области UX/UI дизайна, он здесь тоже есть и реально полезный.

Продуктовый и UX дизайнеры: сравнение ролей и руководство по выбору

Игорь

11 июля 2023 г.

36 мин

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

Адаптивная верстка: улучшение пользовательского опыта (UX)

Игорь

11 июля 2023 г.

13 мин

Сегодня мы хотим поделиться нашим опытом и знаниями о мире адаптивного дизайна. За годы работы нам пришлось столкнуться с многочисленными проблемами и победами на нашем пути к созданию качественных веб-сайтов для различных устройств.Представьте, что вы просматриваете веб-страницы на своем мобильном устройстве, пытаясь зайти на сайт, который, кажется, просто не помещается на экране, шрифт и изображения плывут, кнопки работают криво. Сразу хочется закрыть сайт, верно? Именно здесь на помощь приходит адаптивный дизайн. Он позволяет сайтам легко адаптироваться под разные размеры экрана и обеспечивать оптимизированный опыт для пользователей.Прошли те времена, когда десктопный дизайн был главенствующим. С быстрым ростом числа мобильных устройств веб-сайты должны быть на должном уровне. Мобильный дизайн постепенно выходит на первый план. Варианты дизайна, доступные для небольших устройств, теперь расширяют границы креативности и функциональности.Но давайте не будем забывать, с чего все начиналось. Большинство веб-сайтов изначально создавались для настольных компьютеров, а мобильные версии оставались на втором плане. Именно поэтому мы здесь, чтобы пролить свет на силу адаптивного дизайна. Речь идет не только о том, чтобы сайт хорошо смотрелся на маленьком экране, но и о том, чтобы он работал безупречно. Кнопки, которые легко нажимаются, читаемый контент и клиентоориентированность — вот к чему мы стремимся.Можно заметить, что все веб-сайты выглядят разными и создаются по-разному. На мобильном устройстве пользователи могут столкнуться с несколькими типами сайтов.Мобильные — сайты предназначены для мобильных устройств.Веб-приложения — это вид мобильно-ориентированных сайтов, предназначенных для мобильных устройств, которые выглядят как приложение.Сайты с адаптивным дизайном — это сайты, предназначенные для множества устройств с разными размерами экрана. Макет автоматически адаптируется под доступный размер экрана.Десктопные — это сайты разработанные для компьютеров и не оптимизированы для мобильных устройств.

Где найти лучшие бесплатные иконки? Топ 15 сайтов для дизайнеров

Игорь

17 июля 2023 г.

11 мин

Мы понимаем, насколько важны качественные иконки для создания привлекательных и удобных в использовании дизайнов. В этой статье мы познакомимся с миром иконок, обсудим их значение в дизайне и преимущества, которые они приносят в различные проекты. Мы также рассмотрим споры между векторными и растровыми форматами иконок, что поможет вам принять обоснованное решение, исходя из ваших конкретных требований к дизайну Одним из важных аспектов использования иконок является понимание лицензионных требований, особенно при использовании бесплатных ресурсов. Мы объясним то, как работают лицензии при использовании пиктограмм с бесплатных платформ и поделимся топом-15 лучших сайтов с бесплатными иконками для дизайнеров.От маленькой лупы, показывающей функцию поиска, до знакомого символа сердца, означающего, что нам что-то нравится, — иконки стали неотъемлемой частью нашего повседневного взаимодействия. Они понятны для всех языков, преодолевают культурные барьеры и делают интерфейсы интуитивно понятными и удобными. Опытные дизайнеры тщательно продумывают каждую линию, изгиб и пиксель, чтобы иконки были визуально приятными, легко узнаваемыми и мгновенно передающими информацию.

UX/UI для мобильных приложений: Как улучшить пользовательский опыт?

Игорь

24 июля 2023 г.

38 мин

Мобильные приложения стали частью нашей повседневной жизни. Однако не все приложения удобны в использовании. За годы работы, мы извлекли опыт и собрали эту статью, чтобы рассказать как улучшить пользовательский опыт мобильных приложений с помощью UX/UI дизайна.Поделимся советами, обсудим типичные ошибки, которые часто встречаются в дизайне мобильных приложений, и способы решения. Важно понимать различия между дизайном мобильного приложения и мобильного сайта. Несмотря на то, что некоторые принципы совпадают, уникальные характеристики мобильных приложений требуют специальных подходов к достижению вовлеченности и удовлетворенности пользователей.

Успешные примеры дизайн-систем: лучшие практики и вдохновение

Игорь

31 августа 2023 г.

9 мин

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

Преимущества использования Customer Journey Map в разработке продукта

Игорь

31 августа 2023 г.

12 мин

В чем преимущества использования Customer Journey Map в разработке продукта и зачем вообще они нужны? Давайте признаем, что современные клиенты очень избирательны, и их ожидания высоки как никогда. Чтобы создать продукт, который найдет у них отклик, нужна не просто хорошая идея, а глубокая связь с потребностями и желаниями.Используя эти знания можно создавать продукты, которые органично впишутся в жизнь, решая болевые точки клиентов.Представьте себе ситуацию, в которой у вас есть классная идея продукта. Вы вложили силы в разработку. Но, к удивлению, реакция на продукт оказалась не такой, как хотелось. Возможно, недостающим звеном является глубокое понимание пути, который проходят клиенты.Карты путешествия клиента (Customer Journey Maps, CJM) помогут продумать ваш продукт. Они создают путь клиентов от осознания до лояльности. Визуализируя этот путь, вы получаете представление о мыслях, эмоциях и болевых точках клиентов. В этой статье мы раскроем преимущества использования Customer Journey Map в разработке продукта.

Полное руководство по UI-тестированию: лучшие практики и инструменты

Игорь

31 августа 2023 г.

10 мин

Мы собрали наш опыт и самую главную информацию, чтобы составить полное руководство по UI-тестированию с лучшими практики и инструменты. UI-тестирование помогает добиться того, чтобы кнопки, меню и все остальное на экране работала как надо. От тестирования зависит исправная работа сайта и выявление ошибок на ранних этапах.В этой статье разберем тестирование пользовательского интерфейса на простые термины. Мы рассмотрим, почему оно крайне важно для приложений и веб-сайтов. Расскажем о видах тестирования, сценариях и предоставим чек-лист, чтобы вы могли проверить как работает ваш сайт или приложение. Также поделимся лучшими практиками и инструментами, которые используем в своей работе

Как определить соответствие стоимости и качества разработки логотипа

Игорь

1 сентября 2023 г.

11 мин

В этой статье мы рассмотрим все тонкости разработки логотипов, а главное, почему логотипы иногда стоят дорого и как определить соответствие стоимости и качества. Есть распространенное заблуждение, что создание логотипа — это простая задача. На самом деле это процесс, который требует тщательного продумывания и творческого подхода. Логотип — это не просто красивая картинка, это лицо бренда и индивидуальность. Как дизайнеры, мы вкладываем силы и креатив в создание логотипа, который отражает суть бизнеса.Рассмотрим факторы, которые влияют на стоимость разработки логотипа. Дело не только в часах, потраченных на разработку. Это и большие исследования, и понимание бренда, и изучение концепций, прежде чем выбрать идеальный вариант. Кроме того, на стоимость влияют такие факторы, как сложность логотипа, опыт дизайнера и степень индивидуальности.В статье также сравним стоимость и результаты дизайна логотипа. Иногда, если вложить больше средств в услуги профессионального дизайнера, можно получить логотип, который будет выделяться на фоне других и произведет впечатление на аудиторию. Также рассмотрим экономичные варианты, которые, тем не менее, дадут отличные результаты.Поэтому мы составили чек-лист, чтобы понять, что вы заплатили справедливые деньги за логотип. От технического задания до цветовой палитры — этот список поможет принять взвешенное решение и в итоге получить классный логотип.

Что такое YMYL и E-E-A-T и 10 способов улучшить сайт согласно этим факторам

Игорь

1 сентября 2023 г.

11 мин

В этой статье мы хотим поделиться опытом и знаниями, которые способствуют успеху наших сайтов и делают их еще лучше.Представьте себе ситуацию: вы потратили бесчисленное количество часов на создание визуально привлекательного веб-сайта с интересным контентом, но, похоже, чего-то не хватает. Недостающий элемент — это понимание YMYL (Ваши деньги или ваша жизнь) и E-E-A-T(опыт, экспертиза, авторитетность и достоверность) и их влияния на сайт.Как опытные дизайнеры, мы на своем опыте знаем о важности YMYL и E-E-A-T. Мы были свидетелями того, как они могут превратить веб-сайт из простой страницы в надежный ресурс, на который полагаются пользователи. Мы видели, какую разницу они могут внести с точки зрения доверия пользователей, конверсий и общего успеха.В этой статье мы рассмотрим десять эффективных способов улучшить ваш веб-сайт в соответствии с YMYL и E-A-T. Начиная с оптимизации вашего контента и заканчивая повышением вашей компетентности, мы рассмотрим действенные стратегии, которые повысят авторитет вашего сайта и улучшат его позиции в рейтинге поисковых систем.