36451
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты. Чат канала: @awdeechat Сайт с полным архивом: https://awdee.ru По рекламе: @kgreenmedia Автор проекта: @kirillgreen
Яндекс Практикум продолжает Дизайн-вторники: серию разговоров о дизайне с известными экспертами из отрасли.
→ Следующий Дизайн-вторник — 22 августа в 19:00
На нём поговорим про UX-исследования вместе с Илоной Саркисовой, ведущим продуктовым дизайнером из Яндекс Плюса, в прошлом Principal Experience Designer EPAM.
Исследования — важная часть создания интерфейса. По разным причинам у дизайнера может не быть возможности пообщаться с конечными пользователями. Илона расскажет, что делать в этих случаях.
→ Зарегистрируйтесь на Дизайн-вторник
#промо
Сюрреалистичный рекламный ролик Web3-проекта корпорации Orange
В основе сюжета тема доверия, которую авторы раскрывают через воздушную хореографию британской танцовщицы Кьяры Корбетты и визуальные эффекты
📹 player.vimeo.com/video/840868643
#awd_motion #awd_3D
Айдентика выставки графического дизайна NB9
Всего в выставке принимали участие 18 дизайн-студий. Буква «9» в слове «NB9» означает участие 9 дизайн-студий из китайского города Нинбо и 9 дизайн-команд из других городов Китая
Акцент на типографике и строгое следование сетке делает стиль немного похожим на швейцарский. При этом он выглядит современно, и даже немного дерзко, за счёт ярких цветных вкраплений и жирных линий, стилизованных под упаковочные ленты
Больше картинок: awdee.ru/brand-identity-design-for-nb9
#awd_identity via behance.net/gallery/176007839/Brand-Identity-Design-for-NB9
🙂 Проектируем фото в карточке товара: 140 гайдлайнов
Станислав Хрусталёв посмотрел порядка 150 приложений и показал лучшие практики дизайна взаимодействия с фото в карточках товара
Для удобства статью он разбил на несколько разделов:
— Открытие карточки товара
— Фото товара
— Видео товара
— Прокрутка слайдера
— Page control и альтернативы
— Появление галереи
— Формат галереи
— Прокрутка галереи
— Миниатюры
— Зум фото в галерее
— Закрытие галереи
— Прочие интересные фичи
Практически все гайдлайны автор сопроводил примерами
awdee.ru/designing-a-picture-in-product-cards-140-guidelines
#awd_article #awd_ux #awd_cx
Сайт нью-йоркской студии видеопродакшена Cyclops Club
Классный проект в брутальной стилистике. Отличное сочетание крупной типографики и видеоконтента
На каждой странице есть много интересных деталей и анимаций, поэтому рекомендуем посмотреть их все
Больше скриншотов: awdee.ru/website-of-new-york-based-video-production-studio-cyclops-club
cyclopsclub.com
#awd_web #awd_site
Тинькофф открывает набор на бесплатные образовательные курсы по направлению графический дизайн!
Тинькофф Финтех — это отличная возможность для студентов, выпускников, начинающих специалистов и всех, кто претендует на позиции крепкого junior-специалиста в ИТ-компании.
Учеба длится два-три месяца, теорию сразу применяем на практике, а преподаватели — ведущие сотрудники Тинькофф. И да, после окончания у лучших студентов есть возможность попасть на интервью в штат.
Подробности и регистрация: https://o.tinkoff.ru/fintech_courses-23
#промо
Стиль Brilliant — шведской платформы для проведении клиентских опросов
В основу логотипа легла метафора гистограммы, которая получается из игры с высотой букв «illi» в названии бренда. А поскольку компания придерживается позиции «серьёзной игривости», в её графическом стиле есть как гротеск, который символизирует точность и надёжность, так и красочная цветовая палитра
Больше картинок: awdee.ru/style-brilliant-a-swedish-customer-survey-platform
#awd_identity via bpando.org/2018/12/04/branding-brilliant
Alpaca v3 — продвинутый ИИ-генератор изображений
Доступен в виде веб-приложения и плагина для Photoshop. Создаёт изображения по наброску, сделанному на бумаге от руки, и текстовому промту. Генерирует различные варианты артов с одной и той же эталонной композицией. Умеет менять отдельные фрагменты изображений. Дорисовывает сцены, делает реалистичные текстуры, увеличивает разрешение картинок. Бесконечно генерирует различные варианты изображений в разных стилях
Вы можете обучить Alpaca на собственном сете изображений, чтобы в дальнейшем генерировать арты в своём стиле
Находится в бете, пока полностью бесплатный
Больше видео: awdee.ru/alpaca-v3-an-advanced-ai-image-generator
alpacaml.com
#awd_tool #awd_webtool
Пару месяцев назад дизайн-студия sueta.team решила ежедневно вести свой тг-канал.
Ребята выкладывают посты для насмотренности, ищут интересные подборки и новости, устраивают викторину «угадай, чем занимается компания под таким логотипом».
А ещё авторы замечают забавные и креативные детали, которыми делятся. Вот, например, пост о сюрпризе для пассажиров стокгольмского метро. Тот, кто присмотрелся к решёткам вентиляции, увидит забавные формы в неожиданном месте.
Всем, кто хочет регулярно узнавать о существовании красивого и полезного, не нагружая себя сложным и профильным материалом, точно понравится.
Подписывайтесь: /channel/+W7pBfTUUfQoxYjdi
#промо
🙂 Как стартовые наборы Figma помогают сосредоточиться на UX
Перевод статьи Матана Розена о том, как атомарный дизайн помогает сэкономить время, избежать рутинных действий и ошибок в дизайн-проектах. Автор показывает, как создавать и использовать стартовые наборы компонентов (атомов), из которых можно собирать более сложные элементы: таблицы, карточки, модальные окна
awdee.ru/make-time-to-focus-on-ux-by-designing-starter-kits-templates-in-figma
#awd_article #awd_figma
Открыта регистрация на форумы Design Prosmotr 2023/2
На сайте designprosmotr.ru уже открыта регистрация на осенние события: 23-24 сентября — в Москве, 7-8 октября – в Питере. Традиционно — предзаказы сильно сократили число свободных мест, сотни дизайнеров уже планирую самые креативные выходные. Но если заветного билета еще нет в твоём кармане, шанс попасть на крупнейшее дизайн-событие не по максимальному ценнику еще есть. На размышления времени все меньше: с каждым днем свободные стулья в зале сокращаются, а цены увеличиваются.
24 спикера, 1000+ гостей и 4 дня — Design Prosmotr вновь притянет околодизайнерскую тусовку со всего русскоговорящего пространства. На сцене — лучшие профессионалы с выводами из многолетних практик, в зале — тысячи неравнодушных дизайнеров. Максимум инсайтов индустрии, ответы на актуальные вопросы, обмен опытом и идеями с единомышленниками.
🚀 Билеты разлетаются быстрее, чем ты вычисляешь, сколько они будут стоить завтра: designprosmotr.ru
OddContrast — наглядный онлайн-сервис для проверки доступности цветовых сочетаний
Моментально показывает, соответствуют ли комбинации цветов минимальным требованиям контрастности WCAG 2.0
Можно указывать цвета в HSL, Hex, LCH, sRGB, Lab, OKLCH и других форматах.
oddcontrast.com
#awd_webtool #awd_tool
Сюрреалистичные иллюстрации Гариса Эдельвейса из Индонезии
Больше иллюстраций: awdee.ru/surrealistic-illustrations-by-garis-edelweiss-from-indonesia
#awd_illustration #awd_art via instagram.com/garisedelweiss
Студийные работы Алексея Бархана на дорожных знаках
Мы уже публиковали городскую фасадную роспись этого питерского художника. А теперь хотим показать концептуальные дорожные знаки, на которых он изображает героев в масках из разных исторических эпох и культур
Больше работ: awdee.ru/alexey-barkhans-studio-works-on-road-signs
#awd_art via instagram.com/alexeybarhan
5 пошаговых инструкций по созданию эффектов в Figma
В рубрике «Рецепты» Бюро Горбунова есть актуальные туториалы по созданию интересных эффектов в Figma. К тому же с их помощью вы на практике сможете освоить новую функцию Figma — переменные. Уроки можно смотреть в видеоформате — их длительность не превышает 15 минут, или читать текстовые инструкции с картинками
Темы туториалов:
— Тёмная тема с помощью переменных
— Закрученный текст
— Анимированный переключатель
— Векторная иконка
— Генерация паттерна
#awd_edu #awd_figma
7 пошаговых инструкций по созданию эффектов в Figma от Fons Mans
Дизайнер Fons Mans выкладывает короткие туториалы, в которых поэтапно разбирает, как создавать эффектные графические элементы
Мы выбрали для вас 7 самых интересных:
— Спиральная иллюстрация
— Эффект свернутого листа
— Эффект светящегося стекла
— Сложный градиент
— Глянцевая иконка
— Изометрическая иконка
— Геометрические паттерны
#awd_figma #awd_edu
📖 Как 500 кроликов подражали успеху, но что-то пошло не так — Журналус № 368
Свежая подборка самого калорийного контента для арт-директоров и дизайнеров
Внутри, кроме прочего:
— Цитаты из книги Генри Петроски «Успех через провал: парадокс дизайна»
— Почему для разных продуктов используют стеклянные бутылки разного цвета
— Практический чек-лист для проектирования голосового интерфейса
— Практический гайд по написанию текстов для экранов ошибок и пустых состояний
— Понятие трения в UX-дизайне и его польза в обучении алгоритмов рекомендаций
— Почему изменение скорости скролла дезориентирует пользователей
— Новая нейросеть для написания кода от Stability AI
— Подборка альтернатив продуктам Google для повышения конфиденциальности
— Большая шпаргалка по стилям для Stable Diffusion и SDXL
— Бесплатный фотосток с естественными снимками
— Скрипт для автоматической подстановки неразрывных пробелов
— Практическое руководство по локальному запуску SDXL v1.0 через AUTOMATIC1111
Доступно в телеграм-боте и веб-версии, в Daily-формате, а ещё лежит в почтах у подписчиков
Дизайн упаковки колумбийского крафтового пива Beyer Brü
Как-то основатель марки Федерико Байер, разбирая старые семейные архивы, обнаружил, что его дед владел пивоварней в небольшом польском городке. Но из-за войны пивоварня исчезла. Эта история подтолкнула Федерико создать собственный бренд пива
Она же легла в основу айдентики, которая построена на ретро-типографике, псевдовинтажной палитре и эпичном логотипе с дедушкой на крылатой бутылке пива
В результате получилась отличная графическая интерпретация истории происхождения пива Beyer Brü
Больше картинок: awdee.ru/packaging-design-of-colombian-craft-beer-beyer-bru
#awd_pack via behance.net/gallery/173981251/BEYER-BRUE-CERVECERIA
🙂 10 правил игры Полы Шер
Пола Шер — американская художница, графический дизайнер и педагог по дизайну. Она стала первой женщиной-директором в студии Pentagram и обладательницей сотен наград в области дизайна
Мы перевели статью, в которой она делится 10 приёмами, погружающими её в «состояние игры». Именно в таком творческом вайбе ей удаётся создавать новый и оригинальный дизайн на протяжении 50 лет
awdee.ru/paula-schers-10-rules-for-play
#awd_article #awd_career
Vectorizer.AI — браузерный инструмент для преобразования растра в вектор
Работает на нейросетях, с векторизацией справляется очень даже хорошо
vectorizer.ai
#awd_tool #awd_webtool
Детализированная инфографика на тему теории цвета
#awd_dataviz #awd_infographic #awd_color via reddit.com/r/CourtingWonder/comments/137168t/detailed_color_theory_infographic
О чём книга «Сложный дизайнер»
Женя Арутюнов выложил отдельные цитаты из своей книги, чтобы читатель мог понять, что внутри, и оценить, стоит ли тратить время на знакомство с ней
Коротко перечислим ключевые мысли из каждой главы:
1. Генератор идей. Что нужно, чтобы «генератор идей», который есть у каждого, исправно работал и помогал находить оригинальные решения
2. Как не бояться. Чего мы боимся — что внезапно что-то случится, оценок, неопределённости, ошибиться в выборе — и что со всем этим делать
3. Прочный дизайн. Что нужно делать дизайнеру, чтобы создать прочный дизайн, и какими абстрактными свойствами он обладает
4. Трудный клиент. Портрет клиента, с которым сложно работать, и стратегии общения с ним
5. Прояснитель. Что нужно, чтобы достигать взаимопонимания
6. Больше денег. Как больше зарабатывать в дизайне, а также про скидки, предоплату, бесплатный режим и многое другое
7. Дедлайн и свобода. Зачем нужен план, если он постоянно ломается
8. Чего я хочу. Насколько важно всё успевать и как найти баланс между быстрым результатом и состоянием потока
Цитаты: intuition.news/ru/complex-designer-summary
#awd_book #awd_edu
First Versions — онлайн-архив исторических данных мировых брендов
На странице каждого бренда есть дата его основания, интересные исторические факты, первые слоганы, фотографии первых продуктов, дизайн первых упаковок, рекламные ролики и то, что позволит узнать больше о его истории. На сайте можно найти информацию о таких известных компаниях, как Barbie, Coca-Cola, Motorola, Facebook, Google, Youtube, Nestlé, Nike, Jaguar и многих других
Есть рубрикатор по категориям, сортировка брендов по дате основания и календарь интересных событий. Например, в 2023 году компания Colgate отмечает 150 лет со дня основания
Больше скриншотов: awdee.ru/first-versions-is-an-online-archive-of-historical-data-of-global-brands
firstversions.com/p/timeline.html
#awd_collection #awd_retro
Миниатюры Лорейн Лутс из Кейптауна
C 2012 года художница регулярно рисует и выкладывает свои работы, которые сама называет «открытки для муравьёв»
Больше миниатюр: awdee.ru/miniatures-by-lorraine-loots-from-cape-town
#awd_illustration #awd_art via instagram.com/lorraineloots
Сайт блокчейна Evmos
Футуристичный сайт на тему космоса с акцидентной «технологической» типографикой, изящными линиями, которые придают ему геометричности, а также оригинальными анимациями и глитч-эффектами
Больше скриншотов: awdee.ru/evmos-blockchain-website
evmos.org
#awd_web #awd_site
Додо Пицца в поиске дизайнера упаковки и дизайнеров для усиления команды.
#вакансия
Стиль лондонской финансовой компании Kikin
Нетипичная для отрасли айдентика, в основе которой лежит тема походов и японского языка. Kikin в переводе с японского означает «фонд». Сокращённый логотип в перевёрнутом виде напоминает иероглиф, а «人» в нём — человек, который символизирует клиентов компании
Слоган Kikin — «Движение вместе». Он отражает деятельность компании — поддержку бизнеса и создание будущего для людей и планеты. А стиль построен на натуральных цветах, иллюстрациях, стилизованных под вышивку для рюкзаков, и походных брошюрах
Больше картинок и видео: awdee.ru/identity-of-london-based-financial-services-company-kikin
#awd_identity via koto.studio/work/kikin
Трейлер вымышленного Sci-Fi-фильма Genesis
Автор проекта Николас Нойберт создал ролик, который мало чем отличается от трейлера, собранного из реальных сцен фильма. При работе над ним он использовал Midjourney и Runaway, а на его полную реализацию потратил всего 7 часов
Более того, он написал обстоятельный тред обо всех этапах работы над трейлером: рассказал, как прописывал сюжетную линию, указал готовые промты для генерации изображений и сцен, объяснил, как собирал из них сюжет. Дальше Николас описал процесс анимации в Runway и указал функции нейростилизатора видео, которые позволили ему добиться реалистичных движений
В итоге чтобы создать трейлер, ему потребовалось придумать 316 промтов для Midjourney, а в Runway сделать 310 видеороликов, из которых 44 он использовал в проекте
🇬🇧 Полное описание процесса создания трейлера: twitter.com/iamneubert/status/1684989102213476359
📼 youtube.com/watch?v=LodDJFg_LQk
#awd_techno #awd_midjourney #awd_video #awd_3D
Где найти и сравнить лучшие курсы по дизайну?
Tutortop — образовательный маркетплейс №1, где представлено свыше 5000 курсов от более чем 300 школ и все их можно сравнить по рейтингу, цене и отзывам, а еще купить дешевле, чем напрямую 🔥
Ребята из tutortop собрали для вас подборку из лучших курсов по веб-дизайну по мнению их пользователей:
— Профессия веб-дизайнер от Pentaschool. Рейтинг 4.9 из 5.
Скидка 10% по промокоду TUTORTOP до 17.08🎁
— Профессия Графический дизайнер с нуля + стажировка в подарок от Skypro. Рейтинг 4.9 из 5.
Скидка 15% по промокоду TUTORTOP до 17.08🎁
— Курс "Старт в дизайне" + Английский для дизайнеров в подарок от Contented. Рейтинг 4.8 из 5.
— Курс Веб-дизайнер от Eduson. Рейтинг 4.8 из 5.
Скидка 5% по промокоду TUTORTOP до 17.08🎁
Чтобы подробнее узнать про обучение или купить его, введите промокод TUTORTOP по ссылке на онлайн-курс по дизайну, который вам интересен.
⚡️Учиться выгоднее вместе с tutortop!
#промо
Динамическая айдентика лондонского Музея естествознания
Вариативный логотип в форме круга состоит из первых букв названия музея. Он символизирует нашу планету и связь между всем, что существует в природе. А его движения — это визуализация звуков природы
Яркая цветовая палитра отражает разнообразие природы и приглашает аудиторию погрузиться в мир новых впечатлений, которые предлагает музей
Больше картинок: awdee.ru/natural-history-museum-brand-identity
#awd_identity via pentagram.com/work/natural-history-museum