Начало новой работы может быть непосильной задачей, особенно в начале карьеры, когда высок синдром самозванца, новая терминология, а ресурсы наводняют ваш путь, направо и налево! Работая младшим дизайнером продуктов в Viget, я составил краткое руководство с полезными ресурсами для молодых дизайнеров, которым необходимо обновить свой рабочий процесс. * Заявление об отказе от ответственности, эти ресурсы также работают для не юниоров;)
Плагины Figma
Контраст
Хотя для контраста существует несколько плагинов доступности Figma, мой любимый — Contrast . Этот плагин проверяет коэффициент цветового контраста дизайна на соответствие требованиям. Контрастность работает с несколькими элементами, включая текст и фон, и обновляет их коэффициент контрастности в реальном времени по мере внесения изменений.
Redlines
Когда процесс проектирования подходит к концу, составление необходимых аннотаций для разработчиков может занять много времени. Redlines — удобный плагин, который помогает подготовить вашу работу к передаче разработчика. Группы плагинов добавляют единицы измерения к элементам, создавая простой и оптимизированный рабочий процесс.
Генератор случайных имен
Придумывание вымышленных, приемлемых имен для высокоточного дизайна звучит как быстрая задача, но, как ни странно, на это может уйти довольно много времени. С помощью Random теперь вы можете пропустить этот шаг! Этот плагин генерирует случайные имена на основе набора фильтров по полу и длине имени.
Бесплатные ресурсы для иллюстраций
Humaaans
Комбинируйте и сопоставляйте иллюстрации и делайте людей более разнообразными, изменяя цвет кожи, одежду и волосы векторов с помощью Humaaans. Эта платформа обеспечивает надежную настройку, чтобы иллюстрации работали в вашем проекте. Вы можете не только менять элементы по своему вкусу, но и вращать их части тела, чтобы ваши люди выглядели более активными и заинтересованными.
Отрисовать
Просмотрите большую библиотеку людей, мест и вещей, чтобы найти то, что вам нужно для своего проекта. Undraw позволяет искать по ключевым словам и изменять шестнадцатеричные коды изображений, чтобы помочь вам найти то, что вам нужно. Вы можете скачать PNG или скопировать код!
Комплект для рисования
Draw Kit включает рисованные векторные иллюстрации. Этот ресурс позволяет легко сделать рисунок и настроить цвета и тему для вашего проекта. Draw Kit также поставляется в различных пакетах, таких как «праздник» и «здоровье», которые могут быть полезны дизайнерам агентств, которые работают с большим количеством клиентов.
Font Awesome
Font Awesome похож на взрослую версию The Noun Project. Font Awesome предлагает сотни простых SVG и строк кода, которые идеально подходят для кнопок. В их библиотеке есть простые изображения, такие как деревья, а также более сложные и фирменные изображения, такие как логотип Amazon.
Мокапы
Вектор
Этот плагин Figma позволяет загружать телефоны, планшеты и другие 3D-объекты в Figma, чтобы легко экспортировать макеты экрана на устройство. С помощью Vectary, вы можете перемещать устройство на 360 градусов в любую перспективу. К моему удивлению, в их библиотеке также есть несколько нецифровых элементов, таких как банки с содовой и рубашки!
Facebook Разнообразные руки для устройств
Facebook привлекла свою разнообразную группу сотрудников и создала обширную библиотеку загружаемых изображений людей всех рас, держащих телефоны. В отличие от других сервисов создания макетов, которые показывают только устройство, вид руки, взаимодействующей с вашим приложением или веб-сайтом, делает его более реальным и фактически позволяет вам представить свое творение в физическом мире.
Угол
Угол позволяет вам изменять угол вашей композиции в Sketch, XD и Figma. Этот сайт не только показывает новейшие устройства в динамических позициях, но также позволяет вам изменять их фон и настраивать настройку! Некоторые аспекты Angle необходимо приобрести, но вы также можете найти бесплатные элементы на сайте.
С этими инструментами все конструкторы должны иметь возможность работать эффективно!
Загрузка...
