Минутка веб-дизайна

Открой для себя легкость и гениальность Figma с этим каналом: плагины, туториалы, иконки, ui киты и референсы! Переходи по ссылке и забирай сотни готовых материалов совершенно бесплатно. Канал: @figmaker

Опять тратят часы на поиск нужных материалов… Figmaker - твой личный проводник в мир Figma. Публикуем уроки, статьи, лайфхаки и советы гуру со всего мира Макеты Figma - от лендингов до реальных сайтов. Более 2000 готовых материалов ждут тебя!

Figma сама по себе мощный инструмент, но плагины делают её ещё лучше. Вот пять плагинов, которые экономят время и силы: 1. Content Reel — для быстрого добавления текстов и аватаров. 2. Unsplash — бесплатные изображения прямо в макет. 3. Autoflow — создание стрелок для отображения потоков UX. 4. Iconify — огромная библиотека иконок. 5. Contrast — проверка доступности цветов. Попробуйте их в деле и напишите, какие из них уже используете! #Figma #Плагины

Работа в Figma с десятками слоёв — привычная история. Но хаос в слоях может затормозить процесс и вызвать головную боль. Вот три простых совета, чтобы держать порядок: — Переименовывайте слои. Вместо «Rectangle 54» — «Кнопка: Регистрация». — Используйте группы и фреймы. Логично структурированные элементы экономят время. — Применяйте цветные метки. Отмечайте важные слои цветами, чтобы быстро их находить. Чем чище структура, тем проще внести изменения и меньше ошибок. А как вы организуете слои? Делитесь своими хитростями #Figma #СоветыДизайнерам

Выбор шрифта — одна из тех задач, которые могут затянуться на часы. Но есть несколько простых правил, которые помогут быстрее находить подходящий вариант: 1. Чёткая цель. Подумайте, что должен передавать шрифт: строгость, лёгкость, динамику? Это сразу сузит выбор. 2. Меньше экзотики. Экспериментальные шрифты хороши для заголовков, но для основного текста лучше выбрать что-то читабельное и универсальное, например, Inter или Roboto. 3. Семейства шрифтов. Используйте одну гарнитуру с разными начертаниями (например, Light, Bold, Italic) вместо микса из разных шрифтов. Это сохранит стиль. 4. Тестируйте в контексте. Вставьте шрифт в макет и проверьте, как он смотрится в реальном размере и с текстом клиента. Запомните: шрифт не просто украшение, он делает дизайн читаемым и удобным. Какие шрифты вы используете чаще всего? Делитесь любимыми вариантами в комментариях. #Типографика #СоветыДизайнерам

Каждый дизайнер хотя бы раз сталкивался с запросами, которые хочется записывать в книгу рекордов странностей. Вот несколько классических примеров: • «Сделайте логотип побольше, чтобы он был виден с Марса». • «Можно сделать сайт минималистичным, но с яркими цветами и крупными элементами?» • «А можно, чтобы дизайн выглядел молодёжно, но не слишком, чтобы понравилось бабушке?» Пишите в комментариях, что было самым необычным или абсурдным в ваших проектах. Уверен, есть что вспомнить. Давайте поделимся и посмеёмся. #Дизайн #РаботаСКлиентами

В @uha_dsgn подаём горячие компоненты, ui-kit’ы, шаблоны страниц и анимации для Figma. Бесплатно, без лишней воды, но с хорошей приправой. Подписывайся и сделай свой дизайн таким, чтобы даже шеф-дизайнер аппетитно причмокнул.

Все видели анимацию загрузки в виде крутящихся спиннеров. Да, это удобно, но не даёт никакой информации пользователю. Вот почему скелетоны (заглушки в виде макета контента) лучше: 1. Показывают структуру страницы. Пользователь сразу видит, что загружается. 2. Снижают ощущение ожидания. Кажется, что контент вот-вот появится, даже если загрузка идёт дольше. 3. Создают ощущение завершённости. Пустой экран раздражает, а скелетоны делают процесс более гладким. В следующий раз подумай, что важнее: крутить спиннер или дать пользователю понять, что происходит. #UX #ДизайнСоветы

Работа дизайнера требует концентрации, а постоянные отвлечения убивают продуктивность. Решение — техника тайм-блоков: разбивай день на чёткие интервалы для разных задач. Как это сделать: 1. Определи ключевые задачи. Например: поиск референсов, работа в Figma, правки по проекту. 2. Установи таймер. 25–50 минут на задачу, а потом 5–10 минут на отдых (популярный метод «Помидоро»). 3. Отключи отвлечения. Закрой почту, мессенджеры и соцсети на время блока. Преимущества: – Помогает сосредоточиться на одной задаче. – Уменьшает стресс от «незакрытых вопросов». – Даёт чувство контроля над временем. Тайм-блоки — это простой способ выжать максимум из рабочего дня, не чувствуя себя перегруженным. #Продуктивность #РабочиеСоветы

Сейф-Дизайнера, где собрали около 3 тысяч материалов: 3D-элементов, текстур, иконок, фонов, иллюстраций. Всё в НD. Шрифтовик, куда слили тысячу шрифтов под любой дизайн. Теперь нужно меньше 5 минут, чтобы подобрать пару. design teacher — база туториалов, гайдов и кейсов. Учись у лучших, пока это бесплатно. Мокапы для дизайнера, чтобы презентовать проект на день раньше и срубить высокий чек. Здесь про Figma — научишься делать в фигме всё от а до я. Здесь про Photoshop — самый популярный редактор прямо в твоём телеграме! Гайды, макеты, шаблоны и многое другое ждут тебя здесь. Обычно эти каналы закрыты, но на 24 часа открыт доступ для каждого. Поспеши ⏰

Иногда дизайнеры забывают, что делают проект не для себя, а для аудитории. Красивый, сложный интерфейс, который вызывает у вас гордость, может стать головной болью для пользователя. Спросите себя: — Легко ли найти ключевую информацию? — Удобно ли взаимодействовать с элементами? — Понятно ли, что делать дальше? Если хотя бы на один вопрос ответ «нет», то ваш дизайн нужно пересмотреть. Ведь лучший интерфейс — это тот, который не заставляет думать. #UX #ПользовательскийОпыт

Автолэйаут — это функция, которая делает магию в интерфейсах. Она позволяет автоматически распределять элементы внутри фрейма, экономя кучу времени на правки. Как это использовать: — Создавай адаптивные кнопки. Добавь текст в кнопку и задай автолэйаут. Теперь кнопка будет растягиваться вместе с текстом. — Списки и карточки. Настрой отступы между элементами, чтобы при добавлении нового карточки или пункта всё обновлялось автоматически. — Быстрая работа с таблицами. Расположи строки и столбцы в автолэйауте — забудешь про ручные правки выравнивания. Главное: автолэйаут упрощает жизнь, если привыкнуть к нему. Да, на первых порах кажется сложным, но потом поймёшь, что это незаменимый инструмент для адаптивного дизайна. #Figma #Лайфхак

1. Людочка, референсы — новый канал с лучшими работами по веб-дизайну, чтобы тренировать насмотренность. 2. Людочка, дизайн — бесплатные 3D, иллюстрации, шрифты, нейросети, иконки, мокапы, видео. 3. Людочка, плагины — только отборные плагины, с наглядными гифками и навигацией по хэштегам. Залетай, используй ❤️

Заметили, что ваши работы иногда выглядят «плоскими», даже если всё по правилам? Часто причина в том, что не хватает глубины и акцентов. Вот три способа это исправить: 1. Добавьте текстуры. Лёгкий шум или мягкий градиент могут сделать фон интереснее. 2. Работайте с тенями. Едва заметные тени создают объём и глубину, если использовать их правильно. 3. Контраст. Усильте разницу между ключевыми элементами и второстепенными. Контраст формирует фокус. Глубина — это не про 3D-эффекты, а про то, как пользователь воспринимает дизайн. Ваши работы должны цеплять внимание, а не теряться в потоке. #Совет #ДеталиДизайна

Плюсы: — Современный минимализм: сайт выглядит аккуратно и не перегружен деталями. — Чёткая иерархия контента: крупные заголовки и лаконичные описания привлекают внимание. — Стильные иллюстрации и анимации, которые добавляют живости без перегруза. Минусы: — Много пустого пространства, что визуально растягивает блоки и заставляет лишний раз скроллить. — Некоторые элементы интерактива (например, меню) выглядят слишком утончённо — не сразу понятно, где кликать. Что бы изменил: — Сократить пустое пространство, чтобы ключевые блоки были ближе друг к другу. — Усилить акцент на интерактивных элементах: добавить визуальные подсказки для удобства пользователей.

Мы обновили наш интенсив-игру по-веб дизайну! 3 сильных работы в портфолио и сопровождение персонального наставка 👀 Что тебя ждет в нашей игре? - делаем футуристичный дизайн сайта - рисуем проект для зарубежной недвижимости - создаем уникальный самостоятельный проект - вау-теория, за которую платят большие деньги А также: ◽️персональный наставник ◽️первые деньги от клиентов и свободное время БОНУС: ⚡️4 секретных материала ⚡️именной сертификат о прохождении курса Хватит сливать деньги на скучные курсы, возьми бесплатно то, что УЖЕ приносит деньги нашим ученикам 🔝 👉ПРОЙТИ ИНТЕНСИВ-ИГРУ БЕСПЛАТНО

https://t.me/+LINCDZ1SZR1iZDQy На данный момент загружено 942 ГБ контента. Канал обновляется каждый день.

Интенсив — это отличная возможность подробнее узнать о профессии. Проверить свои силы на реальной практике. А главное, получить четкий план дальнейшего развития, с выходом на коммерческий уровень. За 5 дней вы познакомитесь с Figma, Photoshop, Illustrator и Adobe Animate. Соберете 4 работы. По итогу получите сертификат от Yodiz School, школы с образовательной лицензией. Бесплатная регистрация по ссылке — https://t.me/YodizEducationBot

Учитесь, практикуйтесь, пополняйте свое портфолио настоящими работами вместе с @build_html