Агентство
интернет-маркетинга
Дизайн и UX/UI
-
Figma: 20 полезных плагинов
Плагин для Фигмы создан, чтобы улучшить функционал сервиса и сделать разработку шаблона более быстрым. Именно отсутствие расширения для системы было недостатком сервиса, которое неоднократно подвергалось критике дизайнеров. Но сейчас времена изменились. Разработчики прислушались к мнению аудитории и в 2019 году показали новое обновление редактора в режиме бета-тестирования. Улучшенная версия имеет поддержку плагинов, а это значит,…
читать далееНет комментариев -
Этап дизайн: кнопки
Сегодня вас ждет необычный формат статьи. Сначала теория, поговорим о типах кнопок, цветах, шрифтах, почему они так важны и что нужно учитывать при их разработке. Потом вас ждет настоящая практика. Есть 2 рисунка, с разными кнопками, вам нужно выбрать тот вариант, который, по вашему мнению, оформлен лучше. После того как вы сделаете свой выбор я…
-
Адаптивный дизайн в Figma
Адаптивный дизайн – это способность проекта подстраиваться под все современные цифровые устройства. При разработке макета обязательно нужно предусмотреть возможность адаптива, чтобы пользователь смог комфортно просматривать страницы через телефон или планшет. Сегодня расскажем, как сделать адаптивный дизайн в графическом редакторе Figma. В него включен ряд инструментов, способных подогнать фреймы по ширине и высоте. Этот вариант адаптива…
-
Дизайн проекта: иллюстрации
Изображения — неотъемлемая часть веб-пространства. Сегодня поговорим про такой тип как иллюстрации. Они помогают донести идею и упростить процесс взаимодействия пользователя с ресурсом. Это не декоративный, а функциональный элемент.
-
Figma: дизайн и графика
В Фигме присутствует ряд инструментов позволяющий создавать красивые дизайны. Если вы умеете использовать встроенные возможности системы, то можете создать прототипы вебсайтов и приложений, нарисовать иллюстрацию и векторную графику. Сначала потребуется освоить базовое устройство сервиса figma. С чего начать?
-
Дизайн проекта: как согласовать логотип, айдентику и референсы с заказчиком и с самим собой
Итак, этап знакомства с проектом пройден, тексты подготовлены, бриф составлен, и настало время самого интересного и сложного этапа — дизайна и подготовки айдентики. Главная трудность этого шага заключается в различной насмотренности, визуальных предпочтениях и вкусах участников проекта. Давайте разберемся, как пройти этап дизайна с минимальными потерями — для себя и своего заказчика.
-
Figma: ТОП-18 вопросов, как сохранить, вставить, вырезать и многое другое
При работе с figma у пользователей могут появиться трудности, разбирая инструменты сервиса. Чтобы изучение проходило проще, мы подготовили список часто задаваемых вопросов и пояснения к ним. В этой статье вы узнаете, как скачать, установить и настроить фигму, а также как сделать в веб-ресурсе картинки, кнопки, линии и многое другое.
К нашему списку можно обращаться в любой момент, когда при разработке дизайна возникнут проблемы.
-
08 апреля 2021Просмотров: 698Сложность: средняя20 мин.
Figma: самостоятельное создание кликабельного прототипа [Часть 2]
После трудоемкой работы дизайнеру важно грамотно презентовать макет внутреннему или внешнему заказчику. Наиболее наглядной демонстрацией послужит кликабельный прототип. Это вполне реально сделать, если добавить ссылки в Figma. В этой статье будет подробно описано, какие именно кнопки и опции понадобятся для создания кликабельного прототипа. Приведенная в статье информация поможет понять, как в Фигме прописать ссылки, а…
-
01 апреля 2021Просмотров: 1 060Сложность: средняя25 мин.
Figma: самостоятельное создание кликабельного прототипа [Часть 1]
Когда дело доходит до разработки проекта, то дизайнеру требуется продемонстрировать рабочую модель. Для этих целей подходит прототип сайта в фигме, с кнопками и панелью управления, чтобы заказчик увидел дизайн будущего проекта. В сервисе встроены нужные инструменты, способные разрабатывать красивые макеты. Тут можно добавить кликабельное меню, делать различные эффекты переходов и так далее. В этой статье мы разработаем с нуля прототип в фигма. Существуют так же плагин фигма прототип, способный расширить стандартный функционал сервиса. Здесь мы воспользуемся плагином для генерации иллюстраций, чтобы украсить наш дизайн. Для начала создадим Frame и Grid.
-
Figma: обзор интерфейса
Разработка дизайна сайта требует специального программного обеспечения. И чтобы его установить, вам потребуется достаточно мощный компьютер. Сервис Figma умеет работать с графикой, с ним можно работать в онлайн-режиме. Для использования Figma в проектах, нужно будет пройти регистрацию, затем вам откроется набор рабочих инструментов. При первом знакомстве у многих могут возникнуть трудности, но, прочитав эту статью,…
![Figma: самостоятельное создание кликабельного прототипа [Часть 2]](https://convertmonster.ru/wp-content/uploads/2021/04/08-aprelya.png)
![Figma: самостоятельное создание кликабельного прототипа [Часть 1]](https://convertmonster.ru/wp-content/uploads/2021/04/figma-prototip.png)
