Любопытный подход к оформлению сайта. С одной стороны, он позволяет создать общий концепт и отобразить варианты цвета товара. С другой стороны, чтение страницы сбивается из-за этого приема. Так, например, на экране 2 и 3 "глаза разбегаются". Жаль на данном этапе нет возможности взглянуть на сайт в полном размере. Возможно, это что-то изменило бы в восприятии.

Бизнес VS юзеры

Я, как исследователь, работаю с болями пользователей. Я, как аналитик, работаю с ожиданиями бизнеса. Я, как юиксер, пытаюсь мэтчить то, и другое. Душевой ад В пафосном открытом бассе в Лужниках, где у спуска в воду стоят исключительно брендовые шлёпки, душ работает по таймеру. Нажимаешь на кнопку, вода льётся 15 секунд и вырубается. Чтобы помыть мою кудрявую голову, нужно сделать примерно 30 нажатий с мылом в глазах. Нахрена Понятно, что чтобы экономить воду и не лить зря. Вероятно, есть какие-то ограничения по доставке воды в эту автономную постройку. Есть идеи Как бы вы отработали боль пользака, который хочет чистую бошку без проблем с водой, и одновременно учли ожидания бизнеса, что воду нужно экономить? #ux_вещей
Изображение поста

☂️ Сегодня понедельник, а значит время для рубрики #анимационныеновости

Свежий инфоповод: у «Любовь, смерть и роботы» 15 мая вышел 4 сезон, и уже ходят слухи про 5-й в 2027 году. Пока без официального анонса, но фанаты (и мы вместе с ними) в ожидании 🥳 Этот сериал - просто золотая находка для аниматоров и тех, кто учится. Потому что: 🟣 Каждая серия - это отдельная визуальная картина. Реалистичный 3D, графичный 2D, ручная анимация, стилизация под комиксы - всё это собрали в одном проекте 🟣 И с точки зрения насмотренности - это идеальный тренажёр. Смотри, анализируй, делай стоп-кадры, ищи решения - так тренируются глаз и вкус.

😳Как меня пыталась подставить типография

Утро понедельника. Клиентка в панике шлет фото: «Что с листовкой?! Градиенты поплыли, фото упаковок расплылись до неузнаваемости, всё блекло и в низком качестве». Типография, не моргнув глазом, присылает мне скриншот моего же макета... только увеличенного в 20 раз! И уверяет: «Проблема в макете»🔥 Что делаю я? Печатаю тот же макет на обычном домашнем принтере — и о чудо, всё идеально, ни одного артефакта. ❔Догадываетесь, в чем тут подвох? Пишите свои версии в комментариях, Мой ответ уже есть)
Изображение поста
Аудит сайта: моё мнение
В этом видео решил честно высказаться по поводу аудитов (меня бомбит). [0:05] Почему делать аудит сайта, чтобы потом предложить потенциальному клиенту свои услуги – бессмысленно? ❣️потому что это пустой слив времени; ❣️вообще не факт, что кому-то упёрся непрошенный аудит; ❣️это похоже на пускание пыли в глаза и вид бурной деятельности. [3:57] Когда и кому аудит всё-таки нужен? 🩵когда у клиента есть конкретный запрос; 🩵когда есть понимание, для чего это нужно. Короче, меня прям бесит эта тема😁 Но если у вас другое мнение – я очень хочу его послушать, так что делитесь в комментариях👇 Вдруг я изменю свою позицию и буду записывать извинительное видео в свитере))
Вредные мелочи, которые портят текст
Вы верстаете макет. Всё чётко: текст выровнен, сетка на отлично, композиция дышит🔥 Смотришь — вроде идеально и тут вылезают они, мелочи, которые сложно заметить, если глаз уже «замылен» 👀 Где-то предлог «в» повис в конце строки Где-то вместо тире — короткий дефис Кавычки не те: "лапки" вместо «ёлочки» А в слове «ёлка» — снова закралась «е» И всё это будто бы не важно, только глаз цепляется. Опять нужно перечитывать весь текст, выискивая типографические ошибки. Мы знаем, как это решить в два клика. Скорее ставьте нам ❤️ за очередную полезность SBOL Typograph — плагин для Figma, который: 🟠Меняет "прямые кавычки" на «ёлочки» 🟠Ставит длинные тире, где нужно 🟠Убирает висячие предлоги 🟠Подставляет неразрывные пробелы 🟠Исправляет «е» на «ё», если нужно 🟠И просто избавляет вас от типографической рутины Всё просто: Открыли макет → Plugins → SBOL Typograph → Готово. Мелочи перестают быть вредными. А вы — дизайнер, у которого всё всегда на высшем уровне. Потому что именно мелочи определяют профи😎 Давайте честно: «е» или «ё» — вы оставляете как есть? Пишите в комменты 👇 #быстрая_польза
⭐ Хочу рассказать историю, открывшую мне глаза на творческую свободу (с вами Вера Шерстобитова ☺️)
Однажды я увидела огромный портрет девушки: метров 5 высотой (в зале современного искусства одного музея). У неё были настолько живые глаза, что я не могла оторваться. И нарисован он был... на простой бумаге! Несколько обычных ватманов, приклеенных друг на друга прямо в процессе 🤩 Художник не остановился, когда закончился лист: он просто добавил следующий. Не ограничил себя форматом, а пошёл дальше. И его работа теперь висит в музее! Это и есть свобода: не останавливаться там, где «положено», не бояться выйти "за край". Не думать, что материал слишком «несерьёзный», а результат — недостаточно «завершённый». Настоящее творчество рождается не из ограничений, а из свободы двигаться дальше — шаг за шагом, слой за слоем, честно и по-настоящему. В творчестве (и в жизни 😁) важно позволять себе: • продолжать, даже если закончился «лист»; • использовать то, что под рукой; • не ждать идеального момента и материала; • быть гибким, открытым, живым. До конца выходных — лучшие условия на новый курс Творческий чулан художника. Присоединяйтесь: будем учиться выходить за рамки и творить свободно вместе с Верой Шерстобитовой 🤩 ссылка на курс👉 здесь
Изображение поста
Синий цвет в логотипах
Этот холодный цвет и все его оттенки в большинстве случаев ассоциируются с цветом неба и воды. Он успокаивает и помогает сосредоточиться. Синий особенно любят IT-компании, производители продуктов питания. Один из самых выигрышных цветов, потому что символизирует спокойствие, безопасность, логичность, иногда — консервативность и замкнутость. Его часто используют в приложениях и на сайтах технологических брендов, чтобы вызывать у пользователя доверие и расслабить его глаза. Также, синий цвет встречается в рекламе воды, косметики, товаров для здоровья, туроператоров, платёжных систем и банков. 🎨 Coolors
Изображение поста
Программа грантов BBE действует до завтра
Успейте подать заявку и рассказать о своей мотивации, чтобы получить скидку на курсы. А для вдохновения делимся историей Валерии Орловой, которая получила грант на обучение моушн-дизайну. О решении податься на грант По образованию я дважды дипломированный дизайнер — промышленный и предметный. Поработав в этих сферах, я поняла, что мне чего-то не хватает для профессионального удовлетворения. Захотелось расширить спектр задач и собственный кругозор, и я начала думать о преобразовании своей квалификации. Моушн очень вписался в мои мысли: он бы дополнил текущую профессию, где нужна 3D-анимация спроектированных предметов, и позволил бы параллельно развиваться в смежном направлении. Выбор пал на BBE из-за рекомендаций друзей, которые на моих глазах успешно реализовались после курсов школы. Я очень вдохновилась их успехами и историями других студентов, поэтому захотела так же. Ожидания и реальность Я была уверена, что буду работать только с 3D-анимацией. Плоскость меня совершенно не интересовала, а сами работы выходили однообразными. Курс заново открыл мне мир плоскости: оказывается, количество подходов к работе с 2D так огромно, что вообще не уступает объему. Заинтересовавшись, я на скорую руку повторяла референсы, что помогло мне быстро погрузиться в 2D, переоткрыть его и полюбить. Стимул для учебы Я вдохновлена дизайном как индустрией: мне интересно изучать визуальный язык и погружаться в его философию. Я умираю по радикальному дизайну, моя главная мечта — делать проекты для Lego! → Получить грант на учебу.
Digital Illustration: Realistic Female Portraits Masterclass [ENG]
🛡 Описание: Digital Illustration: Realistic Female Portraits Masterclass, Инфо: Курс… Научитесь рисовать реалистичные женские лица от наброска до финальной отделки с помощью цифровых инструментов. ✅ ЧЕМУ ВЫ НАУЧИТЕСЬ • Как рисовать реалистичные женские портреты в цифровом формате с нуля • Основная анатомия и пропорции женского лица • Основная анатомия и пропорции женского лица • Методы передачи реалистичных тонов кожи, освещения и теней • Создание выразительных глаз, губ, носов и волос с глубиной и текстурой • Использование слоев, кистей и инструментов смешивания в программном обеспечении для цифровой иллюстрации (Procreate/Photoshop и т. д.) • Добавление индивидуальности, эмоций и характера к цифровым портретам • Как завершить, отшлифовать и экспортировать портретные иллюстрации профессионального качества 💾  ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #курсы #Photoshop #Procreate #free #бесплатно Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс
Изображение поста
Как улучшить читаемость данных в таблице? 🤔
Словарик дизайнера (50) 📎 Глаз строки – это оптимальная длина строки, при которой взгляд спокойно скользит по тексту и не теряется. 👉 Зачем это нужно? Оптимальная длина строки – залог читаемости: если текст слишком длинный – читать тяжело, а если слишком короткий – возникает «дерганое» чтение. 💡 Как подобрать длину строки? Рекомендуем ориентироваться на 40-60 символов в строке. Это особенно важно, если создаёте таблицу, в которой много текста: лучше разбить на абзацы или переформулировать лаконично. #словарикдизайнера
Изображение поста
🎮 Прокачай скиллы через игры
Нашли отличную подборку дизайнерских мини-игр — и это не только фан, но и реальная тренировка навыков ⚡️ 🔹 boolean.method.ac — собираем сложные формы из базовых 🔹 type.method.ac — прокачиваем кернинг 🔹 bezier.method.ac — осваиваем "Перо" и точность рисования Играем и развиваем глазомер ✍️ #полезное
Когда клиент просит «чуть-чуть поправить»
Оригинал: Кот лежит на подоконнике с недовольным лицом, затем медленно подмигивает одним глазом Вариант адаптации: Подходит для мемов о пассивной агрессии, фриланс-усталости, «я всё вижу, но молчу», и ситуаций, когда ты уже не споришь с клиентом — ты просто подмигиваешь судьбе. #мем #видео #фриланс
Хотели бы убрать морщинки? Вот вам лайфхак.
1. Выделяем инструментом лассо морщинки, правой кнопкой мыши нажимаем на растушевку (13px) 2. Дублируем сразу 2 слоя (CTRL+J), Создаем обтравочную маску с 1 и 2 новым слоем (CTRL+ALT+G) 3. Растягиваем морщинки с помощью CTRL+T. 4. Проделываем то же самое со вторым глазом. Не благодарите😊 Автор: @itx_skgraphic #photoshop Intelligent Design
👁 Настройка видимости в адаптивах
Теперь в нулевом блоке можно настраивать видимость элементов на всех разрешениях. Например, скрыть пункты меню на мобильных устройствах и вместо них показать иконку «гамбургер». Чтобы скрыть элемент на определённом разрешении, откройте его настройки и выберите пункт Visibility → Hide. Также эту опцию можно найти в контекстном меню, которое открывается по клику на правую кнопку мыши. 🟠Элементы, скрытые или отображаемые только на определённых разрешениях, отмечаются в панели слоёв значком глаза с оранжевой точкой. А клик по иконке глаза в панели слоёв скрывает элемент на всех разрешениях. #tildaupdates
Изображение поста
Еду на дизайн-выходные ☀️
Очень хочется совместить приятное с полезным: вдохновиться, перезагрузиться и заодно погулять по городу ❤️‍🔥 Слушай, а ты случайно не из Казани? Или, может, бывал там? Поделись, пожалуйста: 🔸где вкусно поесть (люблю простую, но атмосферную еду) 🔸куда точно стоит заглянуть, будет свободное время для прогулок (архитектура, парки, уютные улицы — всё, что может порадовать глаз дизайнера) Планирую немного поработать, немного побродить, а главное — впитать местную эстетику и дух. Так что буду благодарна за любые советы 🐾 P.S. Если будешь в тех же краях — дай знать, может пересечёмся!
Изображение поста
🎉Сегодня второй день Челленджа “В ритме линий”!
Второй урок уже вышел! Сегодня рисуем волнистые линии — тренируем гибкость руки, внимательность и, конечно, глазомер! Волнистая линия — это и движение воды, и изгиб лепестка, и контур ткани… Все это обязательно пригодиться вам. 📌 Урок №2 уже доступен по ссылке 👉 https://education.dreamanddrawonline.ru/ Этот урок также доступен и в бесплатном демо доступе для всех и будет открыт всего 24 часа! Успейте пройти! Всего в бесплатном пробном доступе будут доступны первые 3 урока челленджа. 🧠 А если в голове появляется мысль: «А вдруг я испорчу? А вдруг не получится?» — это как раз то, что мы тренируем — не бояться несовершенства. Каждая линия важна. И она точно не должна быть идеальной! Доверьтесь движению, отпустите стремление к идеалу, и просто наблюдайте, как линия ведёт вас. Рисование — это не соревнование, а практика внимания и свободы. 👩‍🎨А если вы уже точно решили идти до конца, рисовать уверенно и не пропускать ни одного урока — присоединяйтесь к полной версии челленджа здесь 👉 https://dreamanddraw.ru/sketching_challenge 🔥⏰Осталось всего 3 дня до окончания максимальной скидки! Наш челлендж “В ритме линий” - это самый простой способ начать рисовать каждый день и почувствовать, как линия становится продолжением вас. До встречи в уроке!
Ищем графического дизайнера на создание игры-настолки 21+
🟢 Вакансия открыта Зарплата: Не указана Тэги: #designer, #design, #дизайнер, #ищудизайнера, #удаленка Город: Москва Грейд: Middle Кто ищет: Владелец компании Кого ищем: Проект: Мы создаём взрослую настольную игру с акцентами на абсурд. В ней 250+ карточек-ситуаций, персонажей и событий, от которых люди хохочут, краснеют и иногда закрывают глаза (но продо...
Изображение поста
💬 Визуализация ≠ просто график
Ваш график — это интерфейс. Его задача — не просто отображать данные, а делать их ПОНЯТНЫМИ. Причесать график — значит превратить сухие цифры в понятный, эстетичный и юзабельный сторителлинг. Давайте разберёмся, как. 📌 Чеклист "идеального графика" 1. Задача → Вид графика Проверь: решает ли график свою задачу? 🔘Сравнение → Bar chart 🔘Динамика → Line chart 🔘Частотность → Histogram 🔘Корреляция → Scatterplot ❗️Закон Теслера (Law of Conservation of Complexity): уберите лишние детали, оставьте только нужный тип визуализации. 2. Оси и масштаб 🔘Всегда начинайте ось Y с нуля, если это не противоречит задаче. 🔘Убедитесь, что шаги по осям читаемы и равномерны. 🔘Подписи: лаконично, без научной фантастики вроде "1.2E4". Закон Миллера (Miller’s Law): 👁‍🗨 Пользователь может удержать в уме ~7 единиц информации. Ограничьте количество точек или групп. 3. Цвет 🔘Используйте цвет по смыслу, а не по вкусу. 🔘Максимум 4–5 цветов в одном графике. 🔘Цвета должны быть различимы для людей с дальтонизмом (проверяйте в симуляторах). Закон Якоба (Jakob’s Law): 🎨 Пользователи ожидают знакомое. Используйте общепринятые цвета: красный — плохо, зелёный — хорошо. 4. Типографика и подписи 🔘Не перегружайте график текстом. 🔘Шрифт — читаемый (не меньше 12px). 🔘Все подписи должны быть понятны без сноски. Закон Фиттса (Fitts’s Law): 📌 Чем ближе и понятнее информация, тем быстрее её "считают". 5. Легенда 🔘Она должна быть однозначна, компактна, расположена рядом. 🔘Если можно обойтись без легенды (вписав значения прямо в график), сделайте это. 6. Интерактивность (если релевантно) 🔘Подсказки при наведении. 🔘Фильтрация / сортировка. 🔘Возможность "отключить шум" (например, скрыть ненужные серии). Закон Хика (Hick’s Law): ⏱️ Чем больше выбор, тем дольше решение. Давайте пользователю контроль, но дозировано. 7. Общий визуальный стиль 🔘Линии и столбцы одной толщины. 🔘Отступы = воздух = читаемость. 🔘Используйте сетку, но мягкую, ненавязчивую. ✨ Бонус: "Волосатые" графики — признак боли Если ваш график напоминает ежика из Excel: 🟣12 метрик на одной оси 🟣8 цветов радуги 🟣3 линии тренда и прогноз до 2050 — это не график, это инфошум. Упростите. Разбейте на серию визуализаций. ✔️ Итог: идеальный график... 🔵Решает одну задачу. 🔵Визуально ясен. 🔵Приятен глазу. 🔵Учит и направляет, а не сбивает с толку. 🤪 Графики, как и волосы, любят уход: Раз в неделю — расчесать. Раз в месяц — подстричь. Раз в квартал — перекрасить. Пишите в комменты ваши самые криповые трустори про графиковую малярию =)👇❤️
Изображение поста
🏆 We are the champions
Вышел первый в 2025 году рейтинг Brand Hub top100 Depot снова расположилось на первой строчке рейтинга брендинговых агентств «глазами клиента» 👀 Ликуем! #depot_этоваще
Изображение поста