Как составить техническое задание на создание UI-иконок
Проектирование системной графики требует соблюдения строгих инженерных стандартов. Чтобы готовые иконки идеально вписались в код вашего сайта или приложения, используйте этот чек-лист параметров при публикации заказа.
Если вы заказываете UI-иконки впервые — воспринимайте этот чек-лист как удобную шпаргалку. Просто опишите вашу задачу исполнителю своими словами, а подобрать точные технические параметры по этим пунктам попросите самого специалиста в чате.
Что указать в задании на иконки для сайтов и приложений
-
Контекст использования иконок
Укажите платформу: веб-сайт, мобильное приложение (iOS/Android), панель администрирования или интерфейс смарт-часов. Опишите, где именно они будут располагаться: в нижней панели навигации (таб-баре), карточках товаров, системных уведомлениях или на кнопках действий.
-
Палитра и темная тема
Укажите HEX-коды вашей палитры для точного попадания в цвета бренда. Если в интерфейсе планируется темная тема (Dark Mode), попросите исполнителя подготовить альтернативный, контрастный вариант графики.
-
Состояния иконок (интерактивность)
Если иконки будут реагировать на действия пользователя, укажите необходимость отрисовки разных состояний для каждой пиктограммы: стандартное, при наведении, активное/выбранное и заблокированное.
-
Стиль, толщина линий и скругления
Выберите стилистическое направление: легкий контур, плоскую заливку или аккуратные двухцветные элементы. Попросите дизайнера использовать единую толщину линий и одинаковый характер скругления углов, чтобы вся графика смотрелась гармонично.
-
Размерная сетка и контейнер
Задайте размер иконки в пикселях (например, 24x24, 32x32 или 48x48 px). Попросите исполнителя аккуратно вписать и центрировать каждый рисунок внутри охватывающего невидимого квадрата (контейнера) — это позволит верстальщикам внедрить иконки в код без ручного выравнивания.
-
Форматы файлов с иконками
Уточните требования к передаче готовых исходников. Рекомендуемый стандарт для разработки интерфейсов: проектный файл в Figma (сгруппированные компоненты с настроенными сетками) и экспортированные векторные файлы в формате SVG.
-
Конфиденциальность
Ссылки на неопубликованные макеты и прототипы передавайте исполнителю в личном чате, не публикуя их в общем доступе.
Пример задания: Создание набора из 20 интерфейсных векторных иконок для мобильного приложения доставки еды
Описание задачи:Требуется создать уникальный комплект из 20 интерфейсных векторных иконок (UI-Kit) для мобильного приложения службы доставки здоровой еды «GreenGo» (iOS и Android).
Список элементов для отрисовки: главная, профиль пользователя, корзина, поиск, избранное, мои заказы, настройки, уведомления, карта/адрес, способы оплаты и другие. Полный список элементов предоставлю выбранному исполнителю в личных сообщениях.
Технические требования:
Стиль: лаконичный контурный вектор (минимализм).
Единая толщина линий во всех иконках, размер 24x24 пикселя, перевод обводок в кривые перед экспортом.
Цветовая палитра: основной цвет глубокий синий (HEX: #2C3E50), дополнительный цвет акцентов — зеленый (HEX: #27AE60).
Форматы на выходе: векторные SVG + растровые PNG без фона в высоком разрешении.
Пожалуйста, прикладывайте к откликам примеры разработанных вами системных или мобильных интерфейсных пиктограмм в Figma.
Срок выполнения: 5 дней.
Бюджет: 8 000 рублей.
Вы можете скопировать этот пример, адаптировать его под особенности вашего интерфейса и опубликовать на бирже прямо сейчас. Если вам нужна помощь, вы всегда можете заказать консультацию у профильных специалистов eTXT.
English
Регистрация
(472 отзыва)
