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

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

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

Автор проекта: @kirillgreen
Download Telegram
🙂️️️️️️ Тезисы из лекции «Как убедительно презентовать дизайн, продукт, идею, что угодно»

Недавно CX-дизайнер Адам Григорян выступал с лекцией на мероприятии, которое организовали ребята из Dprofie. Там он делился собственным опытом презентации дизайна крупным клиентам, в том числе Внуково, Internorm, ХК «Спартак» и Ростелеком

Ключевые тезисы из лекции:
— На презентации всё пойдёт не так, как задумано, и надо быть к этому готовым
— Называйте презентацию обсуждением, чтобы быть с клиентом на одном уровне
— Объясните клиенту, что вы от него хотите по итогу, чтобы вовлечь его в презентацию
— Просите перебивать вас, чтобы сделать клиента активным слушателем
— Улыбайтесь, чтобы вас хотели слушать
— Находите и сразу же исправляйте ошибки в макетах во время презентации. Так вы покажете клиенту, что это не презентация, а процесс, над которым вы совместно работаете
— Не задавайте вопросы в первой половине звонка, они раздражают
— Научитесь работать с позитивным фидбеком, чтобы не мямлить, когда вас хвалят
— Не пытайтесь понравиться клиенту, лучше сосредоточьтесь на решении его задачи
— Не будьте слишком вежливы и не соглашайтесь со всем, что говорит клиент
— Правки — это хорошо, ведь это путь к сдаче проекта
— Учитывайте абсолютно все замечания клиента, так вы проявите себя профессионалом

📼️️️️️️ Лекция полностью: youtube.com/watch?v=yH3Ggd5HcBs&t=22s

Эта заметка на сайте: awdee.ru/abstracts-from-the-lecture-how-to-convincingly-present-a-design-product-idea-whatever

#awd_lecture #awd_career #awd_summary #awd_edu
Please open Telegram to view this post
VIEW IN TELEGRAM
136🔥5❤‍🔥1👍1
VeriXam — визуальное исследование несуществующих биоструктур

В ближайшем будущем человечество достигнет глубокого понимания биотехнологий и биоматериалов. Ребята из испанской студии Nastplas считают, что это позволит создавать биоструктуры, которые не поддаются воображению. Они появятся в городах и будут адаптироваться к изменениям окружающей среды

Авторы проекта смоделировали и визуализировали целую коллекцию футуристичных биоструктур с реалистичным шейдингом и атмосферным освещением

Больше визуализаций: awdee.ru/verixam-visual-inspection-of-non-existent-biostructures

#awd_3D #awd_CG via behance.net/gallery/182743805/VeriXam
👍16🔥91
Видеоуроки по созданию анимаций в After Effects с реальными примерами

Туториалы от канала MotionXP, с помощью которых вы научитесь делать продвинутые анимации. Эти эффекты дизайн-студии создавали и использовали в реальных проектах. Ссылки на примеры вы найдёте ниже. Длительность роликов не превышает 12 минут

Темы:
1. Градиентные шарики. Примеры: Ordinary Folk — Solimar, The Furrow — Welcome to Synth
2. Анимация тоннеля. Примеры: The Furrow — Node, Ordinary FolkThe Sequence
3. Техника плавных переходов match cuts. Match cut — склейка между двумя кадрами, в которых объекты визуально похожи или совпадают друг с другом. Примеры: Ordinary Folk — Webflow: Ecommerce, Tendril — Microsoft Yammer, Craftsmanship, Not Real — Microsoft Office Hub 2.0
4. Три анимации 3D-вращения. Пример: The Furrow — Welcome to Synth

#awd_edu #awd_ae #awd_video
20🔥3👍1
🙂️️️️️️ Шпаргалка по типам визуализации данных

«Визуальный словарь» от Financial Times — плакат с вариантами визуализации данных в зависимости от типа взаимных отношений между элементами этих данных. Плакат векторный, при желании можно распечатать и повесить на стену

#awd_infographic #awd_free_download via ft.com/vocabulary
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥101👾1
Midlibrary — коллекция из 4400+ стилей Midjourney

Библиотека содержит стили определённых художников, архитекторов, дизайнеров, иллюстраторов и фотографов

Чтобы сгенерировать картинку в выбранном стиле, к промту достаточно добавить имя автора. Оно указано на странице стиля в разделе Optimal prompt. Там же есть галерея работ, описание стиля и его характеристики

Для удобного поиска на сайте есть рубрикатор по категориям, стилям и отдельным характеристикам

midlibrary.io/styles

#awd_tool #awd_webtool
❤‍🔥17🔥42👍1
🙂️ Как отличать сгенерированные ИИ изображения

Перевод статьи Кристины Коротенко, в которой она рассказывает, как отличить реальное изображение от созданного ИИ. Она рекомендует обращать внимание на слияние элементов, странные волосы и руки, искажённый текст на картинке, пустые глаза, чрезмерно гладкие текстуры и другое

awdee.ru/how-to-spot-ai-generated-images

#awd_article #awd_ml #awd_neuralart
Please open Telegram to view this post
VIEW IN TELEGRAM
👍17👎2🔥2
Cтиль британского форума о телевидении и развлечениях Too Much To Watch

Ежегодное мероприятие Королевского телевизионного общества проходило в Кембриджском университете и длилось два дня. Форум собрал лидеров индустрии для обсуждения будущего СМИ и влияния на него нейросетей

В айдентике прослеживается явная аллегория между бесконечным контентом, который заполняет всё наше свободное время (Too Much To Watch — Слишком Много Всего Смотреть), и кинетическими «надутыми» буквами, заполняющими всё свободное пространство

Больше картинок и видео: awdee.ru/styled-by-the-british-forum-on-television-and-entertainment-too-much-to-watch

#awd_identity via studio-kiln.com/project/rts-cambridge-convention-2023
30🔥15👏2👾1
Типографская раскладка Бирмана

Что такое раскладка. Когда вы печатаете на клавиатуре, разным кнопкам на ней соответствуют разные символы. Если вы пишете по-русски, то скорее всего у вас установлены две раскладки — русская и английская. И если вы используете русскую раскладку, но вам нужно ввести слово на английском языке, то вы переключаетесь между раскладками

Что такое типографская раскладка Бирмана. Она включает много полезных символов, которые не поддерживает обычная раскладка. Например, правильные кавычки («»), тире (—), знак евро (€), фунта (£), умножения (×), минус (−), знак зарегистрированной торговой марки (®), копирайта (©), параграфа (§), градуса (°), стрелочки (←→↑↓), неразрывный пробел и другие

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

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

Как вводить символы. На плакате типографской раскладки символы, которые расположены на клавише снизу, вводят с зажатым Alt. Символы, которые расположены на клавише сверху, вводят с Alt+Shift

Комбинирующиеся символы. На плакате типографской раскладки комбинирующиеся символы находятся на плашках. Они позволяют печатать диакритические знаки, которые есть во французском, немецком, испанском, белорусском и других языках. Например, писать на французском символы «é», «è», «î», «ç», не переключаясь на французскую раскладку

Как вводить комбинирующиеся символы. Их вводят с Alt+Shift, и после появления символа нажимают букву, которая в результате образует символ с диакритическим знаком

Раскладка бесплатная. Доступна для Windows и macOS. В остальных системах её можно включить в настройках клавиатуры в пункте «Включить дополнительные типографские символы»

Скачать: ilyabirman.ru/typography-layout

40-минутная видеоинструкция Илья Бирмана о том, как пользоваться типографской раскладкой: ilyabirman.ru/meanwhile/all/typography-layout-video

Плакат типографской раскладки, который помогает запомнить расположение символов: ilyabirman.ru/typography-layout/poster

#awd_tool
33👍10🔥4👎3😁1
Стартовало ежегодное исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные

Такой рейтинг полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно улучшить

Пожалуйста, примите участие: bit.ly/dsgnteam-2023

Ваше мнение поможет сделать исследование лучше. Результаты исследования появятся в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях, включая Оди

Результаты за прошлые годы:
dmpatterns.com/teams-2021
dmpatterns.com/teams-2020
dmpatterns.com/teams-2019
dmpatterns.com/teams-2018
👍4🤡2🔥1
🙂️ Как сократить объём текста в интерфейсе без потери смысла

Перевод статьи Тейлора Дайкса из Nielsen Norman Group о том, как укорачивать и улучшать интерфейсные тексты

Автор рекомендует следующие действия:
— Уберите словесный мусор
— Уберите лишние слова
— Избавьтесь от избыточности
— Обращайте внимание на зависимые предложения
— Обращайте внимание на содержание
— Ищите лишнюю информацию
— Переставляйте слова

Для лучшего понимания он приводит примеры UX-текстов с разбором ошибок

awdee.ru/rewriting-digital-content-for-brevity

#awd_article #awd_ux
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Сайт ежегодной конференции для разработчиков GitHub Universe

Удобная система карточек хорошо структурирует контент. А разнообразие градиентных 3D-иллюстраций визуально воплощает множество интересных событий, которые обещает GitHub Universe своим гостям

Больше скриншотов: awdee.ru/github-universe-annual-developer-conference-website

githubuniverse.com

#awd_web #awd_site
9🕊7💩2🔥1
Цифровой архив американского центра графического дизайна и типографики Letterform

Основатель архива — коллекционер Роб Сондерс. На протяжении 40 лет он собирал предметы, связанные с типографикой, каллиграфией и графическим дизайном. В 2015 году в Сан-Франциско Сондерс открыл центр Letterform для посетителей, где представил более 100 000 печатных артефактов

Представители центра оцифровали и опубликовали коллекцию на сайте. Чего только нет в этом архиве — и граффити, и панковские афиши из семидесятых-восьмидесятых, и раритетные брендбуки мировых компаний, и флаеры, и зины, и книги о шрифтах, и многое другое

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

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

Больше картинок: awdee.ru/digital-archive-of-letterform-an-american-center-for-graphic-design-and-typography

oa.letterformarchive.org

#awd_retro #awd_print #awd_collection
❤‍🔥18👍9🔥52
Новая айдентика Максима Ильяхова

Ильяхов решил добавить в свои каналы больше собственного мнения и самого себя. Так родилась идея добавить к существующему оформлению его голову с текстовой кареткой, которая меняет выражение лица в зависимости от контекста

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

Тот случай, когда нейросети заменили иллюстратора :–)

Стиль разработали дизайнеры Бюро

Больше картинок и видео: awdee.ru/maxim-ilyakhovs-new-identity

#awd_identity via bureau.ru/projects/maximilyahov-identity
🥴27🤮10👍8🥱8💩6
🙂️ Тренд: сайты с эффектом свечения в стиле Linear

Мы решили делиться с вами своими наблюдениями в отношении последних тенденций в веб-дизайне. Один из трендов, который слегка outdated, но тем не менее заслуживает внимания — тёмная тема с фиолетовым отливом, эффектами свечения, светящимися обводками. Первый раз такая эстетика появилась на лендинге сервиса Linear

В статье мы собрали шесть примеров таких сайтов: awdee.ru/trend-sites-with-glow-effect-in-linear-style

👨‍🎨 А если вы захотите реализовать похожий эффект в своём проекте, вот ссылка на пошаговый Figma-туториал по созданию таких светящихся градиентов: figma.com/community/file/1197134505417110601

Если вы встречали примеры такого тренда, присылайте в комментарии

#awd_web #awd_site #awd_trend
Please open Telegram to view this post
VIEW IN TELEGRAM
10👍4🔥3❤‍🔥2
10 принципов Артёма Горбунова

Саммари выступления основателя Бюро Артёма Горбунова в Яндексе. В лекции он рассказал о принципах, которые помогают ему жить, работать и управлять

Коротко перескажем эти принципы:
1. Прямо сейчас. Если перед вами стоит сложная задача и вы не знаете, как к ней подступиться, задайте себе вопрос: Что мне мешает достичь цели прямо сейчас? При таком подходе вы начинаете думать о главной проблеме, которая мешает добиться результата
2. Не авось. Если сделать что-то на авось, есть два варианта развития событий. Старший товарищ заметит вашу ошибку и наругает вас. Или, что ещё хуже, вы сделаете проект, запустите его, он начнёт работать и что-то в нём пойдёт не так. Поэтому не полагайтесь на авось
3. Я виноват. Когда что-то идёт не так, хочется обвинять других. Но в этом случае вы перекладываете ответственность на обстоятельства. Если вы признаёте вину, то можете влиять на происходящее
4. Не ной. Нытьё дискредитирует вас в глазах окружающих, и они будут считать, что на вас нельзя положиться
5. Не бери деньги у мудаков. Деньги всегда связаны с доверием и создают ожидания. Поэтому не берите деньги у клиентов, которым вы не доверяете
6. Учись
7. Не ссы. Меняйте профессию, открывайте собственный бизнес и заводите детей даже тогда, когда кажется, что уже слишком поздно
8. Путешествуй
9. Помни. Человеческая память ограничена, поэтому чтобы сохранить воспоминания, используйте подручные приспособления. Например, ведите записи, сохраняйте важную переписку, переносите данные из старого компьютера на новый
10. Мечтай. Делите свои мечты с другими людьми: путешествуйте с ними, делайте совместные проекты. Тогда ваша мечта станет мечтой тех, с кем вы ею поделились

📼️️️️️️Лекция полностью: youtube.com/watch?v=ZMeWeU1Y6PI&t=2s

#awd_lecture #awd_summary
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥40👍164👀2🔥1