36843
Пишем просто, понятно и по делу обо всём околодизайнерском 🔥 Сайт: https://dsgners.ru По поводу рекламы и сотрудничества: @design_manager_bot
Бесплатный мини-курс «CJM в UX-дизайне»
CJM (Customer Journey Map) — это один из наиболее популярных и эффективных инструментов UX-дизайна, маркетинга и бизнес-анализа. CJM в своей работе используют как международные корпорации, так и небольшие компании, и знание этого инструмента указывается в вакансиях многих работодетелей.
Если вы хотите не просто рисовать красивые картинки, а создавать действительно продуманные, полезные и удобные для пользователей проекты, приглашаем вас принять участие в бесплатном мини-курсе по CJM.
Когда: 12–19 февраля
Формат: 2 онлайн-трансляции по воскресениям в 12:00 + домашнее задание на неделю.
Участники, выполнившие домашнее задание, получат сертификат.
Для участия необходимо вступить в чат школы дизайна Яна Агеенко /channel/AgeenkoDesign
Регистрация не требуется. Вся необходимая информация будет в чате в закрепленных сообщениях.
У Яндекс Практикума есть курс «Графический дизайнер» для новичков. Это 8 месяцев практического обучения, чтобы начать карьеру на фрилансе, в студии или в компании. Вы сделаете 8 проектов для портфолио, а карьерные специалисты Практикума научат искать заказы и презентовать себя на собеседовании.
Вот что будет на курсе:
— развитие насмотренности и поиск референсов;
— работа с композицией, шрифтами и цветами;
— работа с векторной графикой в Adobe Illustrator;
— лендинги в Figma;
— макеты для печати, диджитала и мерча.
Попробовать курс можно бесплатно. Освойте профессию, которая вам действительно нравится.
Что можно успеть за 60 секунд?
- Сделать крутую объёмную фигуру в Figma!
Для этого нам нужно:
✅Нарисовать эллипс и векторную линию
✅Добавить на эллипс градиент
✅Дочитать продолжение в посте...
@figma_60 - туториалы, обзоры плагинов, лайфхаки и прочая полезная инфа уже ждёт тебя.
10 советов, которые помогут найти вдохновение для создания логотипа
1. Отбросьте очевидные идеи
Классические логотипы – хороши, для начала… но не стоит на них останавливаться
Копайте глубже. Рассматривайте не только топ 10 лучших логотипов за все время (хотя и это неплохо, как для начала). Вам нужно рассмотреть более широкий спектр вариантов, изучить дизайнерские подходы в целом и их разновидности по всему миру.
Каждый раз, когда что-то бросается в глаза или нравится по какой-либо причине, делайте заметки об этом. Дайте этим эмоциям и впечатлениям повлиять на процесс создания дизайна и сделать вклад в развитие нового логотипа.
2. Просто нарисуйте узор
Не зацикливайтесь и не думайте над чем-то слишком долго – начните с узоров
Иногда вы можете слишком долго думать над чем-то и, в итоге, ничего не сделать. Так почему бы не перестать зацикливаться, «ломать» голову и вместо этого дать волю свободному воображению, нарисовав узор случайным образом?
В итоге, вы можете получить страницу бестолковых каракуль, но где-то среди бессвязно нарисованных линий вы заметите что-то, что даст важную искру для вдохновения.
3. Используйте историю вашего клиента
Погрузитесь в историю разработки логотипа вашего клиента
Просмотрите все варианты логотипов, используемых вашим клиентом с момента основания компании. Это может быть особенно интересно, если они создавались в течение десятилетий.
Вы можете обратить свой взор в прошлое, если клиент хочет позиционировать свой бренд, как многолетнее наследие, или же можно радикально переработать оригинальный логотип и создать что-то современное c нуля. У такого подхода есть преимущество в том, что лого может стать долговечным, даже если вы представите новое изображение.
4. Загляните в будущее вашего клиента
Обсудите с вашим клиентом его планы на будущее – что он планирует на следующие 12 месяцев или пять лет? Является ли изменение направления его деятельности неизбежным, или образ его новых товаров можно как-то отобразить в логотипе, который вы создаете? Вам нужно позаботиться о долговечности и актуальности логотипа, потому что время от времени бизнес терпит изменения.
Например, возьмем компанию Carphone Warehouse (сотовые телефоны для автомобилей): никто больше не покупает телефоны для автомобилей. Возможно, стоит сменить название сверх успешного бренда, создание которого заняло годы, на что-то более подходящее?
5. Позвоните другу
Свежий взгляд может дать вам ценные идеи
Получение наибольшего количества информации от клиента является максимально разумным ходом, однако иногда нет ничего полезнее, чем свежий взгляд на вещи. Если вы уже выработали какие-то идеи, покажите их другу, который абсолютно ничего не знает о данном проекте. Часто, чье-то непредвзятое мнение может быть именно тем, что вам нужно для подпитки воображения.
6. Создайте несколько досок с изображениями разных настроений
Платформа Matboard является отличным инструментом для создания досок с изображениями разных настроений
Доски с изображениями разных настроений и мозговой штурм могут помочь вам направить мысли в нужное русло и объединить разные идеи и изображения всех форм, размеров и тем.
Играйте с ключевыми словами и синонимами. Вдохновляйтесь одновременно разными источниками, собранными на единой доске изображений разных настроений, чтобы понять, как их можно объединить.
Попытка нейросети Midjourney нарисовать шуточное ТЗ из мема
Автор просто переписал ТЗ в гугл переводчик. Получил вот такой запрос для Midjourney: A cow flies across the sky, she has wings like an airplane or a seagull, In her teeth she carries a bucket of crayfish, the bucket says "Tasty", followed by 2 crocodiles and an ant with a mouth like a predator, let the ant be purple, above all this rainbow and in the distance you can see Motherland
Конечно, запросы так отправлять в нейросеть нельзя, она не понимает сложные структуры предложений. Формируя запрос, нужно его упрощать.
Это и попытались сделать: Cow, wings, sky, teeth, bucket, crayfish, 2 crocodiles, purple ant, predator, rainbow, motherland
Видимо, пока что, подобные бредовые запросы от заказчика способен отрисовать только человек.
Источник
10 основных навыков современного UI и UX дизайнера
Практические советы по улучшению навыков, необходимых каждому дизайнеру
Дизайнеры часто стремятся сразу перейти к созданию модного интерфейса и добавлению анимации, прежде чем отточить базовые навыки.
Что ж, я постараюсь как можно проще объяснить такие темы, как создание юзабилити теста или идеальной цветовой палитры.
1. Как правильно располагать объекты
2. Как подобрать идеальную цветовую палитру
3. Как создать руководство по системе пропорций шрифтов
4. Как создать идеальное кейс-стади
5. Как написать эффективный UX текст
6. Критика дизайна
7. Как создать немодерируемый план удаленного тестирования юзабилити
8. Как проектировать для разработки
9. Как делать вайрфреймы с низкой детализацией
10. Как каждый день становиться лучше.
Читать статью: https://ux.pub/editorial/10-osnovnykh-navykov-sovriemiennogho-ui-i-ux-dizainiera-35fg
Как избежать копирования при работе с мудбордами и референсами
Создание узнаваемого брендинга, вызывающего яркие эмоции и запрограммированные ассоциации, — процесс длительный и довольно сложный. К сожалению, такой подход часто работает только на бумаге. В основной массе рынок дизайна в России представляет собой переработку западных мудбордов и почти точное копирование чужих референсов.
Как эффективно использовать чужие работы и при этом не скатиться в плагиат в статье:
https://www.sostav.ru/publication/vdokhnovenie-ili-kopirovanie-rabota-s-mudbordami-i-referensami-58677.html
Принцип повторения: почему он важен не только дизайнерам
Основная задача принципа повторения состоит в том, чтобы найти общие элементы дизайна, которые объединяют общий замысел и делают общую картину более целостной. Повторяющиеся формы помогают создать эстетически приятный дизайн-проект, который люди с большей вероятностью изучат целиком.
Суть принципа повторения — использовать в дизайне похожие элементы. Однако важно учесть, что каждая составляющая дизайн-проекта хоть и напоминает другие, но всё же является самостоятельной. Сайты с одинаковыми прямоугольными блоками не зацепят взгляд.
Читать статью: https://vc.ru/design/578770-princip-povtoreniya-pochemu-on-vazhen-ne-tolko-dizayneram
Кейс Antibrandy
https://vc.ru/design/573049-antibrandy-eto-istoriya-kotoraya-perevorachivaet-vse
Часто люди не понимают, зачем компании обновляют дизайн. Смотришь на новый логотип, вроде ничего не поменялось. Ну, цвет немного другой, шрифт чуть тоньше, графические элементы поправили. А в целом — то же самое.
Чтобы разобраться, действительно ли новый дизайн ничего не меняет и зачем его вообще делают, читайте статью: https://vc.ru/design/553309-zachem-kompanii-obnovlyayut-dizayn-esli-nichego-ne-menyaetsya
Abduzeedo.com — подборки по категориям 3d, брендинг, графический дизайн, NFT, иллюстрации, UX\UI и прочим. Концептуальный веб-дизайн, который точно натолкнет на новые идеи.
Mobbin.design — находка для тех, кто специализируется на дизайне мобильных приложений. На сайте представлены скриншоты разных сервисов и сайтов — в библиотеке больше 50 тысяч примеров. Естественно, их можно сортировать.
Hoverstat.es — это платформа с подборкой действительно новаторских сайтов, которые удивят необычными фишками и нестандартным подходом. Тут будут скорее примеры веб-дизайна для конкурсов, а не стандартных продающих ресурсов. Но если ты ищешь вдохновение, то это точно сюда. Много разноплановых идей, краткое описание проектов, масса впечатлений от увиденного.
Источник
Миша Розов, дизайнер с 20+ лет опытом, основатель Pinkman (top3 студия России), уже 2 года щедро делится своими знаниями про дизайн, cinema4d, redshift, иcкуcственный интеллект, портфолио и рост дизайнеров, и опыт построения своей студии
Также на канале проходят лайв-воркшопы, разборы работ и портфолио, карьерные консультации и всякий разный интересный стафф.
Чекнуть и подписаться тут — @wannabelikerozov17feb
15 психологических принципов, которые должен знать каждый дизайнер
Работая с клиентом, можно часто повестись на простой ход: принять все, что он говорит, за чистую монету. Правда, клиент не всегда точно понимает, кто его аудитория, или не может с точностью донести это вам. Если вы, например, веб-дизайнер, то знаете: желание клиента «сделать красиво» обычно тотально расходится с принципами инструментом, которые удерживают пользователя на сайте.
Но как тогда убедиться, что все сделано правильно? Чтобы убрать фактор необъективности клиента, вы должны выяснить мнение потребителя напрямую: как они думают и что хотят. Многое из этого нам уже объясняют принципы психологии.
Мы, люди, думаем определенным образом, и ваш дизайн должен учитывать эти основные мыслительные процессы и естественные реакции. Ниже мы рассмотрим 15 психологических принципов, которые помогут вам привлечь и удержать новых пользователей.
1. Эффект эстетики-юзабилити
Эффект эстетики-юзабилити предполагает, что люди приравнивают более привлекательные интерфейсы к более удобным для использования. Другими словами, хороший, современный, адаптивный дизайн всегда должен быть вашей отправной точкой.
2. Психология цвета
Психология цвета говорит нам о влиянии цвета на восприятие чего-либо. Любой цвет связан с эмоциями, и выбором правильной палитры вы можете управлять тем, как посетители воспринимают ваш дизайн.
3. Психология форм
Как цвет может влиять на восприятие бренда или контента, так и отдельные формы, используемые в интерфейсе. Каждая форма – круги, квадраты, треугольники, шестиугольники и многоугольники – несут уникальную психологическую ассоциацию.
4. Принцип гештальта
Принципы гештальта (образов и шаблонов) позволяют людям разобраться в хаотических данных: вместо того, чтобы видеть кучу текста, изображений и пространства, человеческий мозг распознает шаблоны, упрощающие сложность.
5. Закон Якоба
Принцип знакомства, предполагает, что люди с большей вероятностью будут отдавать предпочтение вещам, которые кажутся знакомыми. Закон Якоба применяет эту психологию конкретно к пользовательскому опыту в интернете. То есть пользователи ожидают, что ваш продукт (например, сайт) будет работать так же, как и другие сайты, на которых они проводят время.
6. Эффект фон Ресторф
Эффект фон Ресторф, или эффект изоляции, звучит очень просто: если человеку показывать одинаковые элементы, а потом предложить уникальный – он выберет именно уникальный элемент.
7. Избирательное пренебрежение
Избирательное пренебрежение – это своего рода «слепота», которая развивается у пользователя ко всему, что не имеет отношения к основной цели. Это часто происходит, когда тенденция дизайна или маркетинга устаревает – например, сайты, использующие один и тот же баннер согласия на использование файлов cookie. Люди на автомате кликают ок, не вчитываясь.
8. Закон Хика
Закон Хика гласит: чем больше у человека вариантов, из которых он может выбирать, тем больше времени уйдет на принятие решения. Это фундаментальный принцип, на который следует обращать внимание в проектах, связанных с коммерцией: вам нужно ускорить процесс принятия решений, а не замедлить его.
9. Неприятие потерь
Выбор человека обусловлен не потенциальной выгодой, а избеганием потерь. Например, как это работает в жизни. Есть два магазина: подороже, но приятный, и дешевый и ужасный. Люди часто покупают в магазине, который им нравится – даже если там дороже, чем у конкурентов. Такой же принцип работает и во всем дизайне.
10. Парадокс выбора
Парадокс выбора – это ответ на проблему, поставленную законом Хика. Парадокс говорит о том, что сокращение выбора заставляет потребителей чувствовать меньше беспокойства, что, в свою очередь, увеличивает уверенность и удовлетворенность покупками.
7. Не добавить сопроводительное письмо с рассказом о себе
Когда ты собираешься долго трудиться с человеком бок о бок, то хочется узнать о нем чуть более подробно, чем просто “Привет”. Это же про отношения, причем долгосрочные.
Я очень хочу близко знать тех людей, с кем работаю и создаю что-то. И не рассказав что-то о себе, сразу говоря о зарплате – сродни не очень удачному свиданию, когда парень старается поцеловать девушку после 10 минут разговора.
8. Кидать только свое CV на почту и все. Больше ничего. Мол, на, сам поди разберешься. Нет времени объяснять, очень занят поиском работы!!!
Говорят, краткость – сестра таланта. В данном случае, это больше про небрежность, лень и безразличие. Я такие CV даже не смотрю. Вполне вероятно, отправляются через сервисы и боты. Аналогичное отношение будет и работодателя.
9. Показывать в портфолио абсолютно все без разбора: визитки, бланки, логотипы, флаеры, попытки в 3д, недоанимацию и сайты на мокапах старых аймаков.
Позиционирование. У каждого дизайнера должно быть позиционирование. Если ты будешь всем сразу, то будешь и никем одновременно. Тебя невозможно будет выделить из толпы аналогичных дизайнеров на рынке.
И выстроить ассоциацию в голове о тебе будет трудно. Как запомнишь человека, который делает все? Никак.
Узкие специалисты ценятся гораздо выше, чем те, кто «и швец, и жнец, и на дуде игрец». Если ты хорошо рисуешь интерфейсы, и тебе это нравится – делай это, качайся в этом и становись лучшим в нише. Но не пытайся распылятся на все подряд.
Рекомендую прочесть такие книги по позиционированию:
“Стратегия голубого океана” – Чан Ким
“Фиолетовая корова” – Сет Годин
“Дифференцируйся или умирай!” – Джек Траут, Стив Ривкин
10. Называть себя Middle UI/UX-Designer после выпуска с курсов
Нельзя так просто взять, и стать middle-дизайнером. Тем более, когда ты только выпустился из курсов. В лучшем случае тебе дадут такой фидбек, где ты сразу осознаешь, что к миддлам тебе еще расти и расти. А в худшем – просто посмеются.
К чему я это, middle-дизайнер – это человек, который уже немного пожил, поработал в профессии, наступил на все грабли, отточил хард-скиллы и работает на высоком уровне. И за пару месяцев,даже очень усердной работы этого не достичь.
Люди любят и ценят честность. Скажите прямо: «я ничего не умею, но очень хочу к вам попасть потому-то, потому-то». Я бы, как минимум, предложил стажировку такому человеку или подсказал, где и как прокачать навыки.
Источник
Бесплатное обучение дизайну с нуля. Вместе сделаете портфолио из 4+ работ с личной поддержкой от наставника.
Что вы получите?
— Фидбэк (мощный разбор всех ДЗ от куратора)
— Тусовка (личный кабинет с уроками + живой чат)
— Портфолио и экзамен (упакуют по урокам и проверят)
— Мастер-класс "как заработать на дизайне" и найти клиента
🔥 Будете изучать: веб-дизайн, графический дизайн, анимацию интерфейсов.
→ Начать обучение бесплатно
Программа бесплатного курса:
— Обучение по Figma с нуля и 4+ дз с личным разбором
— Изучение основ дизайна (контент, сетки, композиция т.д.)
— Создание анимации интерфейса
— Все о профессии и доходе дизайнера (поиск клиентов и реальный доход)
👉 Первый урок уже сегодня, кликайте сюда и забирайте все бонусы
Проектирование адаптивного сайта. Как сделать так чтобы ожидание/реальность совпадали?
Почему так больно смотреть?
Многим знакома ситуация, когда в Figma или Sketch на макетах дизайн сайта смотрится отлично, а реализация вызывает чувство грусти. Вроде что-то похожее на задуманный тобой проект, но не совсем. И в этот момент дизайнер начинает косо смотреть на разработчика, обвиняя в невнимательности, а разработчик в ответ кидает комментарий о том, что макеты были нарисованы плохо. По моему опыту частой причиной такого результата является недостаточное знание особенностей реализации. В материалах, посвященных этому вопросу, часто советуют прикинуть макеты в трех стандартных разрешениях — веб, планшет и мобильный телефон. На самом деле этого достаточно только в двух случаях — если вы очень давно делаете сайты и способны все просчитать или если система адаптации уже продумана до вас (вы используете готовую систему).
Чтобы не утонуть в дизайн-ревью и спорах с разработчиком, нужно хорошо понимать, как работает верстка, поэтому сейчас о ней и поговорим.
Читать: https://medium.com/design-pub/проектирование-адаптивного-сайта-как-сделать-так-чтобы-ожидание-реальность-совпадали-68d4e512dd71
Плагиат VS заимствование в дизайне: где грань и как не нарушать авторские права
«Сделайте красиво, как у...» — популярный запрос на дизайн сегодня. Но где проходит грань между вдохновением от идеи, стиля и визуальных решений другого бренда и плагиатом? И как убедиться, что вы или ваш дизайнер не нарушаете авторские права — разбираемся в статье.
Читать: https://vc.ru/design/587315-plagiat-vs-zaimstvovanie-v-dizayne-gde-gran-i-kak-ne-narushat-avtorskie-prava
7. Тщательно просмотрите собственные дизайнерские архивы
Разумно предположить, что перед окончательным созданием каждого логотипа вы, скорее всего, нарисуете пару десятков скетчей перед тем, как выбрать тот, что вы будете дорабатывать до финальной версии. Никогда не избавляйтесь от таких эскизов, созданных на раннем этапе, поскольку они являются ценным ресурсом. Тот факт, что какой-то из ранних скетчей не подошел предыдущему клиенту – не означает, что он не подойдет никому.
Просмотрите ваши неиспользованные работы и скетчи. Вы можете наткнуться на набросок, минимальные изменения которого превратят его в логотип, который вы как раз искали.
8. Наполните свой мозг случайными картинками
Просмотрите доски креативного блога Pinterest для вдохновения
Полистайте изображения в Google Images и Pinterest по темам, которые могут быть как схожими, так и отличающимися от нужд клиента. Потом добавьте понравившееся в таблицу изображений разных настроений.
Позаимствуйте цвет с одного изображения, форму с другого, слово – с третьего, шрифт – с четвертого. После – подумайте, как эти разные идеи можно совместить.
9. Будьте готовы воспринимать новые идеи
К концу дня вдохновение может прийти откуда угодно, в любое время. Будьте восприимчивы к идеям, которые приходят вам на ум. Нарисуйте набросок чего-либо, что приходит на ум, и вернитесь к нему позже, чтобы понять, как его можно использовать в рамках ваших нужд.
На таких ранних этапах процесса создания логотипа вам нужно позволить креативности взять верх над вами. Соберите гору идей, с которыми можно работать, возьмите лучшее от каждой из них и откиньте все остальное.
10. Займитесь чем-то другим
Дайте голове отдохнуть от работы
Если вы уже все перепробовали, и ничего не приходит на ум, не насилуйте себя. Возьмите перерыв и дайте мозгу остыть. Посмотрите кино, сыграйте в видеоигры, приготовьте вкусное блюдо или сладко вздремните. Удивительно, но отвлечение от насущной проблемы и мысли о чем-то другом могут привести к внезапному появлению необходимого вдохновения.
Нет смысла ждать, когда вдохновение придет само. Чем больше вы ищете его, тем легче будет его найти. Вы можете выявить способы, которые для вас работают и использовать их для создания новых дизайнов.
Источник
Подборка телеграм каналов от Yodiz Studio
Yodiz Life — основной канал. Дима Зубков — руководитель Yodiz, откровенно пишет о студийном бизнесе.
Yodiz School — мощный, а главное бесплатный 5-дневный курс по веб-дизайну для новичков.
Студийные тренажеры. Каждый день прокачивай навык насмотренности на примере свежих работ от лучших студий и дизайнеров мира:
Веб-дизайн
Моушн-дизайн
Графический дизайн
Смотри на веб-дизайн по-новому вместе с Yodiz Studio
Миша Розов, дизайнер с опытом 20+ лет, основатель студии Pinkman (top3 России), уже 2 года делится своими знаниями про дизайн, cinema4d, redshift, иcкуcственный интеллект, портфолио и рост дизайнеров, и про опыт построения своей студии
Также на канале проходят лайв-воркшопы, разборы работ и портфолио, карьерные консультации и всякий разный интересный стафф.
Чекнуть и подписаться тут — @wannabelikerozov17feb
Хочешь чувствовать себя гораздо увереннее в области брендинга и осознанно подходить к выбору визуальных решений?
Гриша Уваров - эксперт в области графического дизайна, экс-хэдлайнер и преподаватель в Geek Brains
Приходи на его авторский курс по Визуальной Айдентике: https://graphcampus.ru
Ты научишься легко находить идеи и выстраивать правильную визуальную коммуникацию продукта с потребителем.
👀 Посмотри подробный видео-обзор курса в телеграм боте школы: @graph_campus_bot
🎁 Там же тебя будет ждать подарок, обновленный гайд «Стили графики и художественные приемы в логотипах»
💙 И давай учиться дизайну!
Арт-директора помогут тебе упаковать портфолио для отбора в топовые компании
7 февраля в 19:00 (МСК) стартует серия бесплатных вебинаров от маркетплейса Edutoria и менторского сервиса Helper. За 3 дня арт-директора и дизайн-лиды Сбера, Яндекса, Газпромбанка и Самоката:
✅Расскажут, как подготовить портфолио, чтобы тебя заметила компания мечты
✅Поделятся лайфхаками, как сами попали на работу
✅Разберут твоё портфолио и сразу поправят его Фигме
А ещё готовь вопросы, ведь ты сможешь задать их арт-дирам в прямом эфире.
Встретимся на первом вебинаре 7 февраля в 19:00 (МСК). Не забудь зарегистрироваться.
Ультимейт курс по FIGMA и веб-дизайну теперь в России
Более 100 часов теории и практики по веб-дизайну от топ-1 автора на Udemy. Микс теории и практики, который оценили уже более 8000 студентов со всех уголков мира.
✅ Основы веб дизайна
✅ Углубленное изучение Figma
✅ Введение в типографику
✅ Прототипирование
✅ Создание Лендинга по ТЗ
✅ Создание Интернет Магазина по ТЗ
✅ Исследование продукта
Посмотреть программу и присоединиться: https://stepik.org/a/129362
До 11 февраля действует скидка 50%.
Как грамотно создать прототипы и не напороться на негатив клиентов
Тестирование прототипов на респондентах – дело сложное, как и любая работа с людьми. Каждая мелочь, каждый «косяк» подсознательно воспринимается как часть уже готового продукта, а скидку на саму условность таких работ никто не делает.
А собирать отзывы об очевидных огрехах работы прототипа не хочется никому, поэтому стоит сосредоточиться на поиске возможных проблем при взаимодействии пользователей с продуктом и заранее создавать их по некоторым правилам.
В статье на Хабре руководитель направления UX-исследований RuStore расписал пошаговый план действий по созданию прототипов, который выглядит примерно так:
- Создание сценария;
- Проверка сценария прототипа;
- Проверка элементов прототипа (кнопки, тексты, контент и др);
- Предпросмотр прототипа.
В конце вас ждет самый важный пункт из всех. А какой – узнаете сами.
Читать статью: https://habr.com/ru/company/vk/blog/711620/
📘 Дизайн-коробка — что за зверь такой?
Это курсы всех известных школ в открытом доступе. Без оплат, регистраций и скачиваний тонны видео себе на жесткий.
Горячее:
➡️ «Школа дизайна» от Яндекс
➡️ Курс «Моушен-дизайна» от Skillbox
➡️ Все интенсивы от Design Line
➡️ Курс по 3D-дизайну от Bang Bang Education
➡️ Создание иллюстраций с 0 от Pixel
➡️ Дизайн-приложений в Figma
➡️ UX аналитика и анализ
Открыть коробку c более чем 1000 курсами, воркшопами и интенсивами: @design_box
18 ресурсов для вдохновения веб-дизайнеру
Siteinspire — много классных сайтов, которые разделены по категориям. Можно найти схожую сферу деятельности или вдохновляться сайтами других направлений — тут их достаточно. Что примечательно — нет никаких условностей и заданной стилистики, подборка пестрит очень разноплановыми работами.
Design made in germany — оригинальный подход к созданию веб-страниц от немецких дизайнеров. Много современных работ, которые создаются по последним трендам или даже диктуют их.
Design shack — ссылка ведет на страницу с критикой сайтов. Демонстрация проекта, разбор экспертов, подробный анализ. Полезно не только для вдохновения, но и для общего понимания, как сделать сайт хорошо, а какие детали лучше не использовать.
Best Website Gallery — здесь можно не только посмотреть крутые сайты, но и участвовать в голосовании за лучшие из них. Есть ветки обсуждения, где веб-страницы обсуждаются пользователями и специалистами. Поделиться мыслью или узнать чужое мнение — бесценно.
CSS Design Awards — подборки с хорошими сайтами. По итогам месяца выбираются лучшие работы. А еще можно сортировать их по темам.
Awwwards — ты уже знаешь об этом ресурсе, но любая подборка сайтов для вдохновения без него будет неполноценной. Все еще это одна из главных площадок для дизайнеров, которые хотят и других посмотреть, и себя показать — можно за €50 участвовать в конкурсе за награду. А можно просто бесплатно смотреть, какие интересные сайты делают мастера своего дела.
FltDsgn — крутые подборки в стиле Flat Lay. Там же описания проектов, которые могут помочь при ступоре с твоими задачами. Ищи подобные кейсы и смотри, как их реализовали.
Behance — этот ресурс тоже явно не станет открытием. Но от этого он не становится хуже, а наоборот — тысячи дизайнеров со всего мира делятся тут своими работами. И кстати, если у тебя еще нет портфолио на Behance, то пора его завести. Это все чаще становится пожеланием, а иногда и требованием работодателя/заказчика при выборе исполнителя.
One Page Love — классные одностраничники. Если ты специализируешься на лендингах, то тут можно найти вдохновения целый мешок. Лаконичные и удобные страницы, которые наглядно показывают, что размер не главное. Есть не только примеры хороших работ, но еще и шаблоны.
Land-book — еще одна подборка отличных лендингов и не только. Там же есть примеры удачных блогов, интернет-магазинов, портфолио.
Pinterest — тут найдется и вдохновение сайтами, и дизайном в целом, и цветовыми палитрами, это универсальный ресурс для вдохновения творческого человека. Здесь просто волшебная настройка рекомендаций — сервис при последующих посещениях будет выдавать действительно релевантные подборки, основываясь на твоих интересах. Ну и плюс удобная функция сохранения интересных идей.
Dribbble — здесь публикуются достойные работы, ведь вход в клуб только по приглашению. Но это касается только публикаций — смотреть можно всем. Так что если ты еще не там, то хотя бы учись у лучших, чтобы в один прекрасный день получить инвайт.
Design Collector — сюда сливается много плодов современного искусства, в том числе цифрового. Есть и фото, и иллюстрации, и видео, и NFT, и музыка. Даже дизайн интерьеров. Не столько о сайтах, сколько о творчестве в целом. Хотя из многих артов можно почерпнуть идеи для расположения блоков и цветовую палитру.
Designspiration — много интересных примеров сайтов, но это еще не все. Тут есть разделы с архитектурой, искусством, фотографиями, типографикой. И интересные функции сортировки. Хочешь найти классные идеи в определенной цветовой гамме? Держи.
Scrnshts.club — превьюшки классных сайтов с деталями навигации. В принципе, ничего лишнего — только общий вид, концепт дизайна и кнопок. И сразу в том виде, как это смотрится на смартфоне. А это немаловажно, ведь mobile-first никто не отменял.
11. Закон Миллера
Закон Миллера, также называемый теорией когнитивной нагрузки, связан с объемом памяти. В среднем в любой момент времени в рабочей памяти человека может храниться не более семи элементов. То есть чтобы улучшить концентрацию внимания и возможность принятия решений, нужно сокращать варианты.
12. Обратная связь
Обратная связь – один из принципов обучения, который играет большую роль в дизайне. Здесь имеется в виду обратная связь от авторов или продукта. Дизайнеры используют фидбэк, чтобы сообщить людям, когда они достигли или продвинулись к цели. Чтобы лучше понять, представьте обучающие программы вроде Duolingo: вам показывают прогресс и хвалят за успехи. Это всегда приятно.
13. Внешняя мотивация
Человеком движут две мотивации – внешняя и внутренняя. Именно мотивация «со стороны» побуждает пользователей выполнять больше задач в интернете. Как дизайнер, вы должны убедиться, что такие «награды» очевидны.
14. Социальное доказательство
Не столько психологический принцип, сколько психологический феномен – социальное доказательство (или влияние) предполагает, что люди будут копировать действия масс. Это также относится к предположению, что правда принадлежит большинству. Люди выбирают те продукты, которые рекомендует социум – ваша задача показать эти рекомендации.
15. Правило пика и конца
Правило гласит, что люди судят об опыте взаимодействия по первым и последним впечатлениям от него. Точно так же люди запоминают первый и последний элементы в группе.
Источник
Бесплатные курсы дизайна — это чат, в котором регулярно проходит качественное и бесплатное обучение веб-дизайну, UX и UI. Работы студентов не уступают по качеству работам выпускников платных курсов. Убедитесь сами: https://docs.google.com/document/d/1JCiY4Ft2kzHsxiD04fDYLapOBiDld75r8ShYNNw9eiA/
Скоро начнется новый бесплатный курс, а уже прошедшие доступны в записи всем желающим.
Присоединяйтесь к нашему уютному чатику и обучайтесь дизайну бесплатно: /channel/AgeenkoDesign
Как дизайнеру никогда не найти работу
1. Не читать описание вакансии
Многие дизайнеры грешат тем, что совсем не читают описание вакансии. Ты ищешь, к примеру, UI-дизайнера, а тебе присылают портфолио графдизайн. Я не имею ничего против графдизайнеров и айдентики, но портфолио должно быть релевантным.
2. Игнорировать все требования, пожелания и инструкции
Также часто описание вакансии является проверкой на внимательность. Я специально прошу писать только на почту с какой-то особенной формулировкой темы, например, «Хороший UI-дизайнер в Cosmos Studio». В этом письме также мне важна структура, которой я прошу следовать. Она позволяет мне понять человека и узнать о нем всю (или почти всю) необходимую информацию для дальнейшего общения.
Если человек присылает все как надо и по форме, у него повышаются шансы на то, чтобы пройти собеседование и попасть к нам в команду. Если же тебе пишут в ЛС с посылом, мол, «слышал, ты дизайнера ищешь? вот моя фигма», то шансы на успех уверенно стремятся к нулю.
Как же нужно:
Нормально представиться. Как зовут, откуда, пара предложений о себе.
Рассказать о своём опыте работы.
Рассказать о достижениях в работе. Выделить свои сильные и слабые стороны.
Выделить суперсилу. В чем ты реально крут? Например, анимация интерфейсов, 3D, иллюстрация или копирайтинг.
Рассказать, почему ты хочешь работать именно у нас. Иначе сложится впечатление, будто ты просто пытаешь удачу. Авось прокатит? Не прокатит.
Показать портфолио в нормальном формате: behance, dribbble, свой сайт или нормально оформленный профиль на Figma.
Указать ожидания по зп или по рейту.
Контакты.
3. Присылать в качестве портфолио ссылки на макеты Figma
Если тебе присылают портфоило в Фигме, скорее всего, перед вами ленивый дизайнер, который не потрудился его нормально оформить. «Все что было – отдал.»
В комментариях к посту коллеги по цеху верно подметили, что Фигма, на самом деле, очень многое говорит о дизайнере: как он работает с документом, сеткой, слоями, стилями, компонентами и автолейаутами. И это абсолютная правда. Если там порядок, то и в голове у дизайнера тоже будет порядок.
Но если ты присылаешь просто ссылки на макеты, то, скорее всего, твою кандидатуру серьезно рассматривать не станут.
4. Присылать в качестве портфолио ссылку на Гугл Диск
«У меня все под NDA!» Ох, уж это пресловутое «NDA»! Сколько же проблем это создает дизайнерам. Это правда, многие клиенты по каким-то причинам не позволяют выкладывать работу в своем портфолио. Совсем, или до какого-то момента. Например, до официального релиза продукта.
Но, по-моему, это проблема дизайнера, что он подписал такой документ. Мы, если и подписываем договоры о неразглашении, то с обязательной возможностью публиковать их в своем портфолио. Ведь это наша работа и наш хлеб. А к дизайнеру приходят по его портфолио. Подписывать кабальные договора – себе дороже.
Однако вернемся к вопросу. Если ты не можешь публиковать и никому показывать свою работу, то почему показываешь ее мне вот так? Из-за того, что не ранжируется гуглом? Так и сайт можно снять с индексации и показывать при встрече. Опять же, вероятнее всего, дизайнер просто-напросто поленился все собрать, сгруппировать и описать. А листать и смотреть джипеги без контекста мало кто хочет.
5. Присылать портфолио ссылкой на Cloud Mail ru (тут я аж расстроился)
Здесь примерно та же история, что и с Гугл Диском. Но смешнее, когда это делают украинские дизайнеры. Вся соль в том, что на cloud.mail.ru без VPN не зайдешь. Что еще один минус для потенциального кандидата.
6. Присылать портфолио в Ворде
Тут без комментариев. И такое случалось.
Отступы в дизайне: системный подход
Как контролировать отступы между блоками на большом проекте
Проблема: отступы в вёрстке не соответствуют дизайну
Дизайнеры нередко ругаются на сверстанные макеты. Для них существенны различия в пять пикселей, чуть больший интерлиньяж, неточные скругления в плашках.
Одно из самых заметных несоответствий макета и верстки — отступы между блоками.
Так происходит по разным причинам. И они не всегда находятся в зоне контроля дизайнера или фронтендера.
Иногда дизайнер задумал чуть сильнее отбить заголовок, потому что сверху оказалась иллюстрация, а не параграф. А фронт не понял задумку. Это, кстати, и не его работа — знать, почему дизайнеры так делают.
Иногда что-то слетает в верстке: блок меняли без макета на боевом, потому что пятница, и заказчику очень нужно выкатить сайт до выходных. Все дизайнеры ушли в бар пить мохито, а остался только стажер из поддержки.
Иногда дизайнерам тяжело за всем уследить, в макетах появляются неточности. Где-то дрогнет рука, и блок съедет пониже. Где-то в уже сверстанную страницу вносят правки, дизайнеры не документируют все изменения, а фронты не замечают новых связей между блоками.
Как бороться с этой проблемой можно почитать тут
