Оди
34.7K subscribers
27.5K photos
1.34K videos
147 files
5.82K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Сайт с полным архивом: https://awdee.ru

По рекламе: @kgreenmedia
В реестре: vk.cc/cKf8V5

Автор проекта: @kirillgreen
Download Telegram
Серия сюрреалистичных иллюстраций Криса Сильвермана из США

С конца 2021 года Крис ежедневно создаёт иллюстрации в приложении для заметок на iPhone. Он рисует пальцем на экране смартфона, используя инструменты, которые предназначены для аннотирования документов, а не для рисования

Свои работы Крис публикует в соцсетях под хэштегом #notesArt

Больше иллюстраций: notes.art

#awd_illustration #awd_art
👍3511🔥10
Всё — сообщение

В статье UX-дизайнер Александр Овчаренко рассказывает о том, что пользователь воспринимает любой элемент на сайте как сообщение. Он рассматривает все виды таких сообщений и их особенности

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

Виды сообщений:
— Вербальные — то, что написано на сайте: текст, метки, тултипы, содержимое выпадающих списков и другое. Это явные, объясняющие сообщения
— Почти вербальные сообщения: иконки, условные обозначения и прочие символы. Например, крестик предлагает закрыть окно, а иконка дома — вернуться на главную страницу
— Образы как сообщения: фотографии, иллюстрации, диаграммы и другое. Все они несут информацию, например как выглядит отель, как устроен самолёт, как меняются объёмы инвестиций во времени и другое
— Форма и наполнение сообщают о функциональном характере элемента. Залитый цветом прямоугольник с коротким текстом говорит, что это кнопка, а такой же прямоугольник, но с обводкой и текстом с выключкой по левому краю, сообщает, что это поле ввода
— Порядок элементов: разделители, отступы, свободное пространство. Они сообщают о связи между элементами и формируют визуальную иерархию
— Иррациональные сообщения — всё, что вызывает у пользователя эмоциональную реакцию: стиль повествования (со сленгом / без сленга, «на ты» / «на вы»), шрифт (строгий гротеск/декоративная антиква), способ обработки изображений (монохромное/цветное)

Статья полностью: 9dots.ru/2020/09/09/damn-messages

#awd_article #awd_summary #awd_ui
🔥11👍93
Портфолио чилийского графического дизайнера Себастьяна Родригеса Беса

Себастьян — мультидисциплинарный дизайнер. Он разрабатывает дизайн упаковки, айдентику, оформляет выставки, делает дизайн книг и музыкальных альбомов

Среди его клиентов — Лондонская биеннале дизайна, правительство Чили, Центр исполнительских искусств Кеннеди, Институт Ван Алена и такие бренды, как Adidas, lululemon, Levi's и Converse

#awd_identity #awd_pack #awd_print #awd_cover via sebastianrodriguez.ch
22🔥7
Wonder Studio — инструмент для замены людей в видео на CG-персонажей простым перетаскиванием

Выглядит, как магия. Вы загружаете ролик с человеком в кадре, выбираете персонажа из библиотеки сервиса или берёте своего, и перемещаете его на место человека. И всё. Сервис сам настроит свет, обрежет всё лишнее и анимирует выбранного героя

Можно добавить несколько персонажей, сервис будет заменять людей на привязанных к ним CG-героев

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

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

wonderdynamics.com

#awd_tool #awd_webtool #awd_ml
🔥18👍72🤯1
Как дизайнеру устроиться на работу в международную компанию

Константин Горский — в прошлом дизайн-менеджер в Intercom, недавно стал сооснователем бутикового рекрутингового агентства для дизайнеров hirehire. Он провёл несколько сотен собеседований с продуктовыми дизайнерами и нанял несколько десятков дизайнеров со всего мира

С позиции нанимающего менеджера он рассказал, как происходит найм в международной компании и чем он отличается от процесса найма в российской организации

Вебинар длится примерно час с четвертью и состоит из 7 частей:
— Рассказ Кости о собственном карьерном пути
— Философия соискателя: что необходимо тому, кто ищет работу за границей?
— Подготовка портфолио
— Процесс найма
— Необходимый уровень английского и наличие международного сертификата
— Подготовка к жизни в другой стране
— Ответы на вопросы участников вебинара о необходимых хард-скиллах, проектах NDA в портфолио, порталах для поиска работы за границей и культурных различиях найма в разных странах

📼 youtube.com/live/WpTUCKaCcu4

#awd_career #awd_edu
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥104
👨‍🎨 Kernel — Figma-плагин для автоматизации загрузки данных в макеты

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

Если у вас есть библиотека с данными в формате Google Sheets, CSV, Airtable, Notion или JSON, то с помощью Kernel вы подключаете их к компонентам в Figma и автоматически заполняете компоненты актуальной информацией

Чтобы понять, как это сделать, посмотрите обзор алгоритма работы Kernel на примере проектирования с данными Spotify: youtube.com/watch?v=ZcaikiwfrDs

Помимо этого, Kernel генерирует рыбный контент: тексты, даты, номера, адреса электронной почты, изображения и многое другое

У плагина понятный интерфейс, а его использование оптимизирует рабочий процесс в несколько раз

figma.com/community/plugin/1133729773197702197/Kernel

#awd_figma #awd_tool #awd_plugin
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21😁1
🙂 OK, OKLCH: колорпикер, помогающий вдумчиво подходить к выбору цвета

Мы перевели статью «Злых Марсиан» о том, как они создавали собственный колорпикер и конвертер цветов OKLCH. В ней они рассказали, как работает колорпикер и как им правильно пользоваться

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

https://awdee.ru/ok-oklch-a-color-picker-made-to-help-think-perceptively/

Онлайн-версия OKLCH Color Picker: oklch.com

#awd_article #awd_color #awd_webtool #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9