Как стать веб-дизайнером | unid

Продолжим про подвалы. 🦄🍒

Если вы делаете, креативный дизайн для сайта. То здесь немного другие требования к подвалу.
Он должен быть непросто заметным, а сверх заметным, самодостаточным, в стиле всего сайта и конечно очень важно, чтобы там были вы.

1. Обязательно добавьте свое фото крупным планом.
2. Расскажите о том кто вы.
3. Добавьте ссылки на ваши соцсети и портфолио.

Тогда Вас запомнят, и будут говорить: "А это же тот дизайнер, который сделал сайт про Короля Артура".

P.S.: Кстати скрин с того самого сайта про Короля Артура, который готовится выйти свет и покорить ваши сердечки 💔. Но в новогодние суматохе так лень найти время для того, чтобы доделать адаптив. Поставьте реакции, чтобы придать мне сил доделать его 🥲

Я случайно удалила пост - возвращаю

Есть у нас такое развлечение на курсе, студенты дают темы, а я в прямом эфире делаю дизайн концепт без подготовки. Конечно не просто так, а чтобы отработать технику креативного мышления (сегодня были прямые ассоциации).

С помощью нейросетей сгенерили контент и сделали предновогодний концепт для службы по вызову Деда Мороза и Снегурочки.

Чувствуется атмосфера праздника? 🎄😉

Что разместить в подвале сайта?

Состав элементов в футере может отличаться в зависимости от целей сайта и его аудитории. Но я собрала универсальный список, который подойдёт для большинства проектов:

1. Базовые элементы и юридическая информация.
2. Контакты и взаимодействие с пользователем.
3. Навигация по сайту и помощь пользователю
4. Полезные функции и маркетинговые блоки.

Подробнее читайте в карусели.

Совет: группируйте элементы в футере для удобства пользователя и повышения лояльности. Если вам полезно — ставьте реакцию! ❤️‍🔥💖

Эффектные минималистичные референсы для Футера с адаптаций мобайл.

1. PortPort Inc.
2. Rvysion Studio
3. Retool
4. Med Genius
5. Clay

Пишите какой вам понравился больше в комментариях. И присылайте свои подвалы. 🚀🌶️

Каждому специалисту нужен сайт портфолио.

Немногословно делюсь новым кейсом, полностью можно посмотреть на Behance.

Будем рады вашей поддержке. ❤️‍🔥🔥

Как тебе такое Илон Маск?

Figma выкатила Ai Beta удаление фона. Кто так же рад как и я?

Проверяйте появилась ли функция уже у вас:
- выбираем image
- выбираем его заливку
- справа от фил должен появится значок: картинка с плюсиком Remove background

Чем больше футер, тем важнее компания.

Заметили такой тренд? Футер (подвал) стали занимать весь экран, или даже несколько. Я уже давно наблюдаю эту тенденцию и с каждым годом, футер становился все больше и больше. Но новички часто оставляют его без внимания.

Мне очень отзывается этот тренд, потому что:

1. Во первых футер важен с точки зрения ux, ведь он является одним из основных блоков для навигации, именно здесь вы можете рассказать все то, что не вошло бы в хедер (шапку), структурировать навигацию и поделить. А мы помним, что навигация на сайте очень важна, так как это сильно увеличивает удовлетворенность и доверие к сайту.

2. Во вторых SEO-оптимизация: Правильно структурированные ссылки в подвале могут помочь в индексации сайта поисковыми системами и сайт поднимется в позициях.

Мы в агентстве тоже пересобрали свой подвал. 😍

Если тема футера интересна, ставьте реакции, я сделаю еще два поста на эту тему: поберу классные дизайн решения и напишу перечень, того что должно быть в футере. 🔥🥰

Классные кейсы и хорошие новости

💜 Продолжаю делиться с вами вдохновляющими подборками работ с курса по веб-дизайну.

Вообще хочу отметить, что каждый из вас — талантливый. Обожаю рассматривать ваши проекты и видеть в каждом свою изюминку, которая так или иначе отражает свое собственное, уникальное видение автора.

▫️Один из моих любимых кейсов — сайт студентки Галины для благотворительного фонда, который занимается пристройством собак. Дизайн был выполнен в Figma, а затем Галина сверстала проект в Tilda.

Сайт получился супер-теплый и дружелюбный. Считаю, что эта работа заслуживает сотни лайков, потому что помогает хвостикам найти дом. 😍

Классно, что через дизайн мы можем делать этот мир лучше и помогать другим! Это именно то, что я обожаю в профессии!

▫️В проекте для студии йоги студентка Екатерина проделала глубокую работу с ассоциациями. Катя вдохновлялась 4 стихиями: огонь, вода, земля и воздух. Оцените цветовые решения и общую атмосферу сайта.

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

Самое главное: в процессе обучения, хоть студенты и получают развернутую обратную связь (иногда по 10 минут видеокомментариев), я бережно храню все ваши задумки.

Мы исправляем ошибки, но ваше дизайнерское видение, ваши необычные идеи и решения остаются. Поэтому все ваши проекты такие разные и такие крутые❗️

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

Вы еще успеваете в текущий поток! Переходите по ссылке, выбирайте тариф и до встречи на курсе.

➡️ Успеть записаться на курс

Делилась с вами недавно красивыми розово-фиолетовыми промтами, а сейчас хочу поделиться ссылкой на проект, для которого это все генерилось. HR агентство Rich Withes для которых я создавала фирменный стиль и уже не первый лендинг под мероприятия или новый продукт. 🪻🦄🎆🔮

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

Верстать кейс на Тильду мне помогала моя студентка Лена, спасибо ей за это ❤️‍🔥🔥

Я очень довольно результатом. Ставьте огоньки поддержки, если вам тоже нравится.
Весь кейс можно посмотреть на моём Behance (и конечно полайкать 💜)

20 полезных плагинов Figma, которые я постоянно использую в работе

💜 Подборочка полезностей, чтобы вы не скучали на выходных. Обязательно сохраняйте подборку и смотрите видео. Там подробно рассказываю и показываю, как всё работает и какие есть нюансы при использовании каждого плагина.

Сетки

▫️Grid for Tilda Publishing — плагин с готовыми сетками для Тильды под каждый размер устройств.

Работа с текстом

▫️SBOL Tipograph — плагин, который “чистит” текстовые фреймы. Автоматом убирает двойные пробелы, ставит правильные кавычки, меняет “е” на “ё” и короткое тире — на длинное.
▫️Translations for Figma — плагин для перевода текстов.

Плагины для работы с цветом

▫️Image Pallete — плагин, который собирает все оттенки с выбранной фотографии и автоматически формирует палитру.
▫️Spectrum — создает монохромную палитру на основе выбранного цвета, раскладывая основной цвет на различные оттенки. Также с помощью плагина можно экспериментировать с цветом, настраивая кастомные палитры.

Лайфхак от меня — используйте веб-версию сервиса colorspectrum.design, чтобы сразу увидеть примеры, как выбранная палитра смотрится в интерфейсе.

▫️Mesh Gradient — плагин, который генерирует различные интересные и сложные градиенты.

Плагины для работы с фото

▫️Unsplash — большой фотосток, интегрированный прямо в Figma.
▫️Freepik — еще один классный фотосток, где есть бесплатные иллюстрации и фото.
▫️Icons8 — иконки, фото и иллюстрации в разных стилях.
▫️Artvee — бесплатная подборка крутых иллюстраций в стиле картинных галерей.

Аватары пользователей

▫️Avatars — аватарки в рисованном и 3D стиле.
▫️User | Profile Avatars — помогает подобрать рандомные фото пользователей со стоков. Есть гибкие настройки: можно выбирать пол, цвет волос, возраст и даже эмоции.

Текстуры
▫️Noice — плагин, который добавляет эффект шума в ваш дизайн.
▫️Noise & Texture — еще один плагин с эффектом шума, который можно настраивать с учетом ваших потребностей.

Визуальные эффекты

▫️Blobs — плагин, который генерирует шейпы различной формы. Отлично подойдет для создания необычного фона в ваших дизайнах.
▫️Isometric — плагин, которые позволяет размещать объекты в разных плоскостях.

Разное полезное

▫️Pixel Cleaner — находка для тех, кто хочет делать pixel-perfect дизайны. Плагин позволяет избавиться от дробных значений в выбранном фрейме. Но будьте аккуратны — при работе с иконками и иллюстрациями пропорции могут “поехать”, такие элементы советую чистить ручками.

▫️Jony Eye: Figma Design Assistant — плагин, который подсвечивает ошибки в верстке. Доверять на 100% ему не стоит, но при работе с типографикой меня очень выручает. Например, плагин хорошо проверяет идентичность заголовков.

▫️Mockup Plugin — стильные мокапы для ваших проектов.

▫️Trace Image — плагин для тех, кто любит рисовать по-старинке, то есть в блокноте. Переводит ваш отсканированный эскиз в векторную иллюстрацию.

Каждый плагин подробно разбираю в видео.⚡️

⬆️Смотрите, экспериментируйте и пишите в комментариях — какие плагины упрощают вам жизнь?

5 критериев качественного обучения веб-дизайну

💜 Как проверить, что курс по веб-дизайну — реально качественный, а не сплошная вода и набор банальных упражнений с YouTube?

🔖 Сохраняйте эту памятку, рассказываю

1. Качественная теория

В идеале, лекции не должны быть длиннее 40 минут, чтобы вам было проще усваивать материал. Обязательно — в записи, потому что некоторые моменты вам наверняка захочется пересмотреть.

2. Объемная программа

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

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

3. Ментор-практик

Если автор курса — успешный дизайнер, а не только теоретик, это уже много говорит о качестве курса.

Дизайн — ниша, которая постоянно меняется. Если ваш ментор сам в последний раз обучался 10 лет назад и не работает с коммерческими проектами — это ред флаг. 🚩 Велика вероятность, что вас научат приемам, которые давно устарели.

4. Упор на практику

Можно сколько угодно смотреть уроки и слушать про эффектные шрифтовые пары. Но пока вы своими руками не начнете делать дизайн и не набьете свои шишки — вы не станете профи.

На хороших курсах практика занимает максимум учебного времени. А обратная связь обязательно должна быть развернутой и подробной.

5. Поддерживающее окружение

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

Когда я работала над программой курса по веб-дизайну, я вложила туда максимум своих знаний. Поэтому критериев хорошего курса здесь наберется сильно больше, чем 5. ⚡️

Мы не только осваиваем дизайнерскую базу, но и верстаем сайты на Tilda. В том числе — собственный сайт-портфолио, с классными кейсами, которые делаем на курсе.

А еще — проходим все этапы реальной работы с клиентами. Чтобы после выхода с обучения вы могли брать крупные заказы без страха.

Больше подробностей про курс и программу — по ссылке.
А если вы уже решились, записывайтесь скорее, пока сохраняются скидки

🚀 Записаться на курс

Про обратную связь на курсе

💜 С одним моим студентом сегодня обсуждали, что на разборе домашки вы можете получить от меня много рекомендаций по корректировке сайта. И это может вас расстроить.

Это нормально, что мы расстраиваемся, если что-то не выходит с первого раза. Особенно если это касается творческой части работы. Но я хочу чтобы вы поняли, что так и происходит обучение.

Где-то недостаточно навыков или практики, поэтому вы совершаете ошибки.

❗️Но каждая ошибка усиливает ваши навыки. Потому что я стараюсь объяснить, почему это ошибка. А еще даю идею, как бы это могло быть. Вы отработаете эту ошибку и в следующий раз ее не допустите.

Все работы, которые вы сдаете, очень классные. У кого-то сильнее база, у кого-то чуть больше ошибок, но это не страшно.

У вас у всех классные идеи и это место где вы можете их реализовать, пробовать, экспериментировать. А я буду рядом и направлю вас.💜

Обучение — это время ошибаться. Когда, если не сейчас?

Я сама постоянно прохожу различные обучения: по смежным профессиям, по углублению в своей сфере. И даже у меня, с моим огромным бэкграундом, есть ошибки, которые я допускаю и потом корректирую. И это нормально!

Постарайтесь быть открытым обратной связи. Я не злодей, который хочет пошатнуть вашу уверенность в себе. Я та, кто корректирует ваш путь, давая рекомендации.

Не на всех обучениях дают такую развернутую обратную связь по 2 часа, но в этом и есть преимущество курса. К каждому из вас я отношусь индивидуально, а не просто пишу: «Все хорошо, принимаю».

Мне важно, чтобы вы вышли с обучения с классным портфолио и сразу нашли заказчиков.

Поэтому да, я могу докопаться к межстрочному и даже к пикселю. Но это вам во благо. ❤️

⁉️Скажите честно, расстраиваетесь на просьбы переделать? Или вас это наоборот мотивирует?

Новый поток курса Путь Web-designer

💜 14 октября стартует долгожданный поток курса по веб-дизайну. Программа рассчитана на всех, кто хочет овладеть профессией с нуля или вывести свои навыки на новый уровень.

Вам точно нужно на курс, если вы

▪️ хотите освоить творческую профессию и больше ни дня не скучать на работе;

▪️ устали от офиса и хотите зарабатывать от 100 тысяч рублей в месяц из дома или из любой точки мира;

▪️ хотите заниматься любимым делом и сами влиять на свой доход;

▪️ ищете быстрый способ научиться новому, совмещая обучение с декретом или основной работой, чтобы начать зарабатывать уже через 2-3 месяца;

▪️ работаете в смежной нише дизайна и хотите расширить спектр услуг, чтобы увеличить средний чек;

▪️ студент и хотите попробовать себя в творческой профессии, чтобы совмещать интересную подработку с учебой в ВУЗе.

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

Уже через 5 месяцев вы станете на 100% уверенным профессионалом и сможете создавать классные сайты под ключ — от дизайна в Figma до верстки на Tilda.

⬆️ Листайте карточки, там еще больше подробностей о программе и ее преимуществах!

⚡️Записаться на курс