Привет!
Это первая часть серии роликов про компоненты в Фигме — простые компоненты. Принцип достаточно простой: если что-то повторяется два и более раза — делай через компонент и больше не агрись на правки от заказчиков на фрилансе.
Продолжаем изучать компоненты Фигмы. Когда лучше разломать компонент, а когда закостылить или сделать «строго по учебнику» — все это в новой серии :)
Начал замечать довольно внушительные зарплаты у UI\UX дизайнеров и дизайнеров интерфейсов и никогда не мог понять - почему, думал просто модно сейчас так, сам работал просто граф.дизайнером... вообщем не углубляясь в историю... начал изучать фигму, взял для набивания руки проект по созданию личного кабинета...
после выстраивания структуры(см рис. 1), когда пришел домой - положил пакет с продуктами в ящик с одеждой вместо холодильника, когда сообразил, что сделал - пронеслась мысль "а не зря вы едите свой хлеб".
Привет Пикабу. Решил для себя придумать вызов, который поможет мне прокачаться в веб дизайне. 30 дней подряд рисовать по макету сайта, хотя бы концепта. Делать всё буду в Figma.
Так как в веб дизайне я 0, то стараюсь хотя бы копировать похоже, но со своими идеями.
Пост создаю что бы дополнительно мотивировать себя этим заниматься. Пока только 3й день, поэтому только 3 работы за эти дни.
Если у кого то будут замечания или рекомендации, то с радостью приму их. Возможно благодаря вам я стану чуть лучше ^_^
День 1-й. Раздел мужской одежды магазина Muli.
День 2й. Мне понравилась идея магазина и я решил продолжить. Теперь это магазин Milo. Главный экран.
Раздел Женской одежды магазина Milo.
День 3й. Главный экран. Компания Swift, занимается организацией фитнес занятий.
Пока что всё.
В дальнейшем буду так же выкладывать по 3-4 работы за один пост.
Спасибо за внимание :)
Привет, коллеги! Пост, в котором я бы хотел поделиться диджитал инструментом, которым сам пользуюсь в работе. Планирую делиться и рассказывать о всяких фишках, которые помогут Вам в Вашем дизайне.
Немного обо мне. Мне 23 года, работаю веб-дизайнером в крупной компании. Всё. А теперь давайте перейдем к теме данного поста. Artboard.Studio — бесплатный (скорее всего временно) сервис для подготовки крутых презентаций вашего продукта: будь то фирменный стиль, мокапы сайта, приложения и многое другое, в принципе ограничений лишь две: ваша фантазия и набор инструментов сервиса.
Разработчики сервиса это наши Турецкие друзья, которые сами и являются дизайнерами, которым, как я понимаю, часто требовались быстрые мокапы. Кстати говоря, очень годно, ведь мы, дизайнеры, постоянно ищем во чтобы упаковать наш дизайн. Для того чтобы зарегистрироваться в сервисе, вам необходимо получить инвайт (просто на главной странице пройдите регистрацию и ждите). Как правило инвайт приходит на следующий день.
Разберем интерфейс
После входа на сайт вы попадаете на странице всех проектов, которые вы когда-либо создавали или которые у Вас есть на данный момент. Интерфейс состоит по факту из двух блоков: левого сайдбара и центральной контент-области. Есть быстрый поиск среди ваших проектов
Создание проекта
При создании проекта все выглядит очень круто. Хотите запилить проект сами? Не вопрос. Используйте десятки готовых элементов(мокапов). Хотите просто вставить ваш файл в красивую обёртку? Не вопрос. Для вас подготовлены десятки готовых шаблонов на различную тематику (они кстати пополняются чуть ли не каждую неделю). Сейчас перед вам страница создания проекта, по умолчанию нам предлагают готовые шаблоны.
В сайдбаре как вы успели заметить есть разные сайзы под различные сервисы, с помощью которых можно без труда подготовить необходимый мокап. В этом сервисе даже можно запилить баннеры! Это для особо ленивых!
Готовые мокапы и всякие элементы делятся на категории и по тематикам. В целом сервис предлагает большой инструментарий для работы с мокапами, которые очень качественные.
Интерфейс и рабочая область
Прошу сразу обратить внимание на «консультанта». Т.е в любое время можно задать вопрос в чат и получить ответ или на почту! Интерфейс в целом похож на любой другой UI графической программы. Всё знакомое. Всё понятно. Справа слои, слева панель инструментов, в центре рабочая зона. В панели есть возможность добавлять стоковые фото(! Бесплатно), добавить или выбрать готовый бекграунд, добавить разные предметы, мокапы, кусты, цветочки, листья, помидоры и тп. Очень огромная библиотека медиаданных. Куча различных фигур, типографически грамотно составленных текстов и многое другое и это всё только то, что предоставляют artboard studio. А теперь представьте симбиоз вашей фантазии и их инструментов. Будет бомба!
Интеграция со сторонними сервисами
Одна из очень важных отличий этого сервиса является его интеграционная часть и потенциал, который разработчики обещают раскрывать. Сейчас в данный момент очень круто работает интеграция с Фигмой, в процессе работа над интеграцией с фотошопом, которая, к слову, месяц назад не было, что говорит нам о быстротекущем развитии сервиса, правда это будет какой-то определенный плагин. А вот что ждать от плагина для вордпресса, это большой вопрос.
Artboard.Studio мало известен в данный момент и это печально, нету ни гайдов, ни уроков, хотя по большому счету они и не нужны, ввиду простого сервиса, но все же есть ряд вещей, которые могут быть полезны. Возможно это будет цикл статей или видео.
Вообще очень рекомендую воспользоваться сервисом, а то пост получится очень длинным. Для дизайнеров самое то.
п.с Кстати, если у кого возникает проблема с входом, используйте анонимайзер, почему то IP ребят банятся.
Как и писал в предыдущем посте, иногда буду показывать свои работы. Вот одна одна из них. Проект "не боевой", чисто концептуальный, но в банк уже написал - может заинтересуются.
Ну и что бы вы могли оценить весь масштаб, посмотрите сегодняшний их дизайн:
http://www.nico-bank.ru (не реклама)
Меня можно по-прежнему найти в ВК (id: bogomol391).
Другие работы можно посмотреть в профиле на Behance (ссыль в вк).
Если будут какие-либо проекты от пикабушников, пишите, сделаю скидку.
Не так давно делал пост, в котором написал, что сделаю веб-дизайн для пикабушников бесплатно https://pikabu.ru/story/vebdizayn_ili_pikabushnikam_besplatn.... Взялся за 3 работы, поскольку на большее количество бесплатностей просто не хватило бы времени.
Для каждого из взятого сайта сделал по одной странице с расчетом, что продолжу после обратной связи. Но, к сожалению, никто из пикабушников так и не вышел на связь. Оставлю свои наработки здесь.
Для себя на будущее решил, что пока просто буду выкладывать свои работы.
Свободного времени сейчас все меньше и меньше, поэтому понять и простить.
Всем привет!
Уже как-то делал пост со своими работами в сфере веб-дизайна. Так вот, решил я сделать что-нибудь бесплатное для пикабушников.
Условия просты: у вас уже должен быть рабочий проект, который нужно освежить. Есть своя мастерская? Скидываем ссылку! Ты фотограф или мастер по бурению марсианских скважин? Скидывай ссылку! Кафе или доставка? Думаю, схема уже понятна.
Возможно у вас есть свой интересный вариант, о котором хотите рассказать. Пишем об этом в комментах.
И да, если вдруг: найти меня можно в ВК, bogomol391
Сегодня расскажу, что такое Компоненты в figma и чем они будут полезны для тебя. Будет интересно тем, кто только осваивает данную программу.
