Не знаете, какую кнопку нарисовать для вашего сайта? Какую придумать анимацию и как объяснить ее верстальщику?

Делюсь отличным сервисом для вдохновения по кнопкам. Множество хороших кнопок с готовыми эффектами:

https://tympanus.net/Development/CreativeButtons/

Новое видео на канале!
Продолжаем тему кнопок.
Что такое CTA? Как нарисовать кнопку и где ее правильно расположить? Какой текст писать?
Ответы на эти и многие другие вопросы смотрите по ссылке. И принимайте участие в новом конкурсе 🙂

https://www.youtube.com/watch?v=eIEOB1Me9A4

Хочешь получить бесплатный фидбек на твой дизайн? Если упёрся в потолок и не знаешь, как сделать свою работу лучше, у тебя есть ещё неделя, чтобы отправить работу мне на БЕСПЛАТНЫЙ разбор. Напомню условия:

1. Подписаться на мой dribbble https://dribbble.com/valeria_redhead
2. Поставить лайк 👍последним трём работам в нем
3. Отправить мне на Фейсбук (https://facebook.com/valerjiamarus) твой макет сайта или до 5 экранов приложения одним файлом png (можно ссылкой на облачное хранилище).

В разбор попадут до 7 работ. Я взгляну на твой дизайн свежим взглядом и укажу на недочеты, которые можно исправить, чтобы улучшить макет. Побуду недолго твоим ментором :) Жду твою работу. Удачи!

#marus_resources

Я давно думала о том, что стоит сделать UI Kit для создания UX. Чтобы было множество стандартных элементов, которые есть в любом интерфейсе, и просто собирать из них каркас, не тратя времени на прорисовку. Но вот нашла отличный кит уже готовый, и думаю - зачем рисовать самой? 🙂 Сейчас займусь адаптацией его под свои нужды, для начала поменяю цвета, т.к. отдаю UX в более приглушенных, чем в нем. И буду тестить. Ловите, может и вам он пригодится и ускорит работу.

P.S. собран для Sketch, но вы можете открыть его в Figma

https://www.uistore.design/items/flex-ui-kit-for-sketch/

#marus_resources
#marus_fonts

Сегодня прокачиваем шрифтовую насмотреность! Шлю вам четыре любимых ресурса, где можно подсмотреть хорошие шрифтовые пары 👀 К тому же, подновляющее большинство из них будет бесплатным 👌

http://femmebot.github.io/google-type/

https://www.canva.com/font-combinations/

https://typespiration.com/

https://www.typewolf.com/

Прямо сейчас ведущий дизайнер из Tubik Studio и преподаватель Tubik Academy Сергей Кучеренко ведет трансляцию о старте в профессии UI/UX дизайнера. Присоединяйтесь!

https://youtu.be/cLPmkDd9vxs

Ловите свежий разбор ваших работ

https://youtu.be/sGWnkLBnVP0

Знаю, что вы любите, когда я делюсь своими инструментами. Сегодня тот самый случай 🙂

#marusdesign_tools

Помощники, которые всегда под рукой в моей работе:

⏱ Toggl
Трекер времени, с которым вы легко сможете ответить на вопрос, сколько занимает та или иная задача. Удобная организация проектов и задач. Десктопная версия напоминает о том, что вы не включили трекинг или выключает его, когда вы ушли из-за компа и не сделали этого сами.

🔲 Window resizer
Плагин для Google Chrome, который выставит вам нужный размер вью порта. Доступны все популярные размеры, начиная с iPhone 5 до десктопа 1920x1080. Можете выставить свое значение.

✅ Grammarly
Незаменимый помощник, если вы общаетесь с западными заказчиками. Проверяет правописание на английском и определяет тон сообщения. К примеру, выглядит ваше сообщение деловым или дружеским.

📷 Full Page Sceen Capture
Еще один плагин для Chrome. Делает скриншот полного сайта со скроллом. Хорошо, если вы хотите сверить размеры со своим макетом, или подглядывать на рефренс.

Как сделать кейс на Behance, который привлечет заказчика?

Очень хороший мастер-класс от Ольги Шевченко, креативного директора Vintage Web Production, на котором она рассказала, как хорошо собранный кейс поможет вам получать предложения о работе со всего мира и поражать клиентов с первой презентации.

Вы научитесь преподнасить не просто картинку, а передать смысл и раскрыть решение проблемы проекта, а также получите четкую структуру оформления своего кейса.

Советую посмотреть всем дизайнерам, особенно если вы задаетесь вопросом “как мне оформить свое портфолио?”

https://youtu.be/283-LtQVtwU

#marusdesign_lessons

Классные мокапы 17 разных девайсов для презентации вашего дизайна. И еще 86 мокапов для шотов! Это бомба 😍 Качайте скорее!

#marusdesign_resources

https://mockups.kkuistore.com/

Ребята, это нечто!
UI кит более чем из 250 блоков.
Главные экраны, описание продукта, галерея, СТА, контакты, отзывы и еще просто куча всего! И совершенно бесплатно 😍

Вы можете делать с ними все что угодно - вставлять в свои проекты, переделывать в уникальный шот для Dribbble, вдохновляться, брать оттуда фотки… В общем, если у вас закончились идеи, как еще круто сделать стандартные блоки, то быстренько качайте.

https://www.brizy.io/download-brizy-kit/

#marusdesign_resources

Как у вас с английским?

Уже видели последний ролик на канале о том, как прокачать английский дизайнеру?

Я там поделилась своими фишечкам и любимыми плагинами. Рассказала, как с удовольствием учила инглиш еще в школе (нет, не по учебникам).

Если не видели - вперёд смотреть 😉 Если видели - поставьте лайк 👍

https://youtu.be/5Aa6vfTHsPc

#marusdesign_newvideo

Очень качественный сет линейных иконок.

К тому же, им невероятно удобно пользоваться. Выставляете нужные параметры (размер, толщина, цвет), нажимаете на нужную иконку - и она уже в буфере обмена Осталось просто вставить в макет, никаких скачиваний и мусора в папке загрузок 🥳

https://tablericons.com/

#marusdesign_resources

В своем последнем проекте мне нужно было разбавить дизайн иллюстрациями, создав тем самым дружелюбный и немного игривый интерфейс.

Что делать, если бюджет проекта не предусматривает оклад для иллюстратора? Использовать бесплатные иллюстрации, конечно же!

Новый пак от Drawkit, где я и нашла качественные бесплатные иллюстрации, подходящие для приложения, 24 иллюстрации с работающими людьми совершенно бесплатно.

https://www.drawkit.io/product/people-working-collaborating-illustrations

#marusdesign_resources

Свежачок!

У многих из нас до сих пор нет стоящего портфолио, которое с гордостью можно показывать заказчикам мечты или работодателям. В ролике поговорим о том, как это исправить и сделать, наконец, кейс для своего портфеля. Буду работать над ошибками вместе с вами) Гоу смотреть!

#marusdesign_newVideo

https://youtu.be/-hraSGe8fw4

Новое видео!

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

#marusdesign_newVideo
https://youtu.be/7XjADmq49EA

Тренды возвращаются, и на смену флет дизайну постепенно приходит объемная графика. Особенно популярными становятся 3D объекты, которыми сегодня с вами и поделюсь.

Бесплатный 3d мокап с рукой и айфоном:
https://dribbble.com/shots/14392648-Free-3D-iPhone-Mockup

Коллекция 3d цифр, букв, фигур:
https://www.shapefest.com/

А для тех, кому стандартные коллекции не подходят - редактор 3D фигур:
https://spline.design/

Всем Дизайн!

#marusdesign_resources
#marusdesign_3dgraph

Список из табу для веб-дизайнера: 10 вещей, которые бесят пользователей сайтов 👿 и практические советы, как их избежать:

https://telegra.ph/Top-10-veshchej-razdrazhayushchih-polzovatelej-v-Internete-03-01

#marusdesign_learn

Не одним Freepic’ом едины!

Огромное количество качественной графики для Photoshop: паттерны, иллюстрации, стикеры, фоны, сцены, мокапы - и все это бесплатно 🔥

https://free-psd-templates.com/category/graphics/

#marusdesign_resources

Очень емкий информативный эфир от Vitebsk Miniq об оптимизации работы в Figma:

- Как ускорять работу за счет полезных HotKeys
- Лайфхаки при работе с объектами в Фигме
- Плагины: ТОП- подборка

Основной упор, научить не тратить время на элементарные вещи.

https://youtu.be/7Cg9GbGfHu8

#marusdesign_learn
#marusdesign_lessons
#marusdesign_figma