5 пошаговых инструкций по созданию эффектов в Figma
В рубрике «Рецепты» Бюро Горбунова есть актуальные туториалы по созданию интересных эффектов в Figma. К тому же с их помощью вы на практике сможете освоить новую функцию Figma — переменные. Уроки можно смотреть в видеоформате — их длительность не превышает 15 минут, или читать текстовые инструкции с картинками
Темы туториалов:
— Тёмная тема с помощью переменных
— Закрученный текст
— Анимированный переключатель
— Векторная иконка
— Генерация паттерна
#awd_edu #awd_figma
В рубрике «Рецепты» Бюро Горбунова есть актуальные туториалы по созданию интересных эффектов в Figma. К тому же с их помощью вы на практике сможете освоить новую функцию Figma — переменные. Уроки можно смотреть в видеоформате — их длительность не превышает 15 минут, или читать текстовые инструкции с картинками
Темы туториалов:
— Тёмная тема с помощью переменных
— Закрученный текст
— Анимированный переключатель
— Векторная иконка
— Генерация паттерна
#awd_edu #awd_figma
🔥15👍3❤2
Студийные работы Алексея Бархана на дорожных знаках
Мы уже публиковали городскую фасадную роспись этого питерского художника. А теперь хотим показать концептуальные дорожные знаки, на которых он изображает героев в масках из разных исторических эпох и культур
Больше работ: awdee.ru/alexey-barkhans-studio-works-on-road-signs
#awd_art via instagram.com/alexeybarhan
Мы уже публиковали городскую фасадную роспись этого питерского художника. А теперь хотим показать концептуальные дорожные знаки, на которых он изображает героев в масках из разных исторических эпох и культур
Больше работ: awdee.ru/alexey-barkhans-studio-works-on-road-signs
#awd_art via instagram.com/alexeybarhan
👍25❤11🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
Трейлер вымышленного 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
Автор проекта Николас Нойберт создал ролик, который мало чем отличается от трейлера, собранного из реальных сцен фильма. При работе над ним он использовал Midjourney и Runaway, а на его полную реализацию потратил всего 7 часов
Более того, он написал обстоятельный тред обо всех этапах работы над трейлером: рассказал, как прописывал сюжетную линию, указал готовые промты для генерации изображений и сцен, объяснил, как собирал из них сюжет. Дальше Николас описал процесс анимации в Runway и указал функции нейростилизатора видео, которые позволили ему добиться реалистичных движений
В итоге чтобы создать трейлер, ему потребовалось придумать 316 промтов для Midjourney, а в Runway сделать 310 видеороликов, из которых 44 он использовал в проекте
🇬🇧 Полное описание процесса создания трейлера: twitter.com/iamneubert/status/1684989102213476359
#awd_techno #awd_midjourney #awd_video #awd_3D
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22🔥17❤6💩3🤡1
Сюрреалистичные иллюстрации Гариса Эдельвейса из Индонезии
Больше иллюстраций: awdee.ru/surrealistic-illustrations-by-garis-edelweiss-from-indonesia
#awd_illustration #awd_art via instagram.com/garisedelweiss
Больше иллюстраций: awdee.ru/surrealistic-illustrations-by-garis-edelweiss-from-indonesia
#awd_illustration #awd_art via instagram.com/garisedelweiss
👍17❤10🔥6
Стиль лондонской финансовой компании Kikin
Нетипичная для отрасли айдентика, в основе которой лежит тема походов и японского языка. Kikin в переводе с японского означает «фонд». Сокращённый логотип в перевёрнутом виде напоминает иероглиф, а «人» в нём — человек, который символизирует клиентов компании
Слоган Kikin — «Движение вместе». Он отражает деятельность компании — поддержку бизнеса и создание будущего для людей и планеты. А стиль построен на натуральных цветах, иллюстрациях, стилизованных под вышивку для рюкзаков, и походных брошюрах
Больше картинок и видео: awdee.ru/identity-of-london-based-financial-services-company-kikin
#awd_identity via koto.studio/work/kikin
Нетипичная для отрасли айдентика, в основе которой лежит тема походов и японского языка. Kikin в переводе с японского означает «фонд». Сокращённый логотип в перевёрнутом виде напоминает иероглиф, а «人» в нём — человек, который символизирует клиентов компании
Слоган Kikin — «Движение вместе». Он отражает деятельность компании — поддержку бизнеса и создание будущего для людей и планеты. А стиль построен на натуральных цветах, иллюстрациях, стилизованных под вышивку для рюкзаков, и походных брошюрах
Больше картинок и видео: awdee.ru/identity-of-london-based-financial-services-company-kikin
#awd_identity via koto.studio/work/kikin
💘16👍9🔥4❤3
OddContrast — наглядный онлайн-сервис для проверки доступности цветовых сочетаний
Моментально показывает, соответствуют ли комбинации цветов минимальным требованиям контрастности WCAG 2.0
Можно указывать цвета в HSL, Hex, LCH, sRGB, Lab, OKLCH и других форматах.
oddcontrast.com
#awd_webtool #awd_tool
Моментально показывает, соответствуют ли комбинации цветов минимальным требованиям контрастности WCAG 2.0
Можно указывать цвета в HSL, Hex, LCH, sRGB, Lab, OKLCH и других форматах.
oddcontrast.com
#awd_webtool #awd_tool
👍28🤔8❤3🔥3
Forwarded from Design Prosmotr
Открыта регистрация на форумы Design Prosmotr 2023/2
На сайте designprosmotr.ru уже открыта регистрация на осенние события: 23-24 сентября — в Москве, 7-8 октября – в Питере. Традиционно — предзаказы сильно сократили число свободных мест, сотни дизайнеров уже планирую самые креативные выходные. Но если заветного билета еще нет в твоём кармане, шанс попасть на крупнейшее дизайн-событие не по максимальному ценнику еще есть. На размышления времени все меньше: с каждым днем свободные стулья в зале сокращаются, а цены увеличиваются.
24 спикера, 1000+ гостей и 4 дня — Design Prosmotr вновь притянет околодизайнерскую тусовку со всего русскоговорящего пространства. На сцене — лучшие профессионалы с выводами из многолетних практик, в зале — тысячи неравнодушных дизайнеров. Максимум инсайтов индустрии, ответы на актуальные вопросы, обмен опытом и идеями с единомышленниками.
🚀 Билеты разлетаются быстрее, чем ты вычисляешь, сколько они будут стоить завтра: designprosmotr.ru
На сайте designprosmotr.ru уже открыта регистрация на осенние события: 23-24 сентября — в Москве, 7-8 октября – в Питере. Традиционно — предзаказы сильно сократили число свободных мест, сотни дизайнеров уже планирую самые креативные выходные. Но если заветного билета еще нет в твоём кармане, шанс попасть на крупнейшее дизайн-событие не по максимальному ценнику еще есть. На размышления времени все меньше: с каждым днем свободные стулья в зале сокращаются, а цены увеличиваются.
24 спикера, 1000+ гостей и 4 дня — Design Prosmotr вновь притянет околодизайнерскую тусовку со всего русскоговорящего пространства. На сцене — лучшие профессионалы с выводами из многолетних практик, в зале — тысячи неравнодушных дизайнеров. Максимум инсайтов индустрии, ответы на актуальные вопросы, обмен опытом и идеями с единомышленниками.
🚀 Билеты разлетаются быстрее, чем ты вычисляешь, сколько они будут стоить завтра: designprosmotr.ru
💩8🔥6❤4⚡3
Media is too big
VIEW IN TELEGRAM
Сайт блокчейна Evmos
Футуристичный сайт на тему космоса с акцидентной «технологической» типографикой, изящными линиями, которые придают ему геометричности, а также оригинальными анимациями и глитч-эффектами
Больше скриншотов: awdee.ru/evmos-blockchain-website
evmos.org
#awd_web #awd_site
Футуристичный сайт на тему космоса с акцидентной «технологической» типографикой, изящными линиями, которые придают ему геометричности, а также оригинальными анимациями и глитч-эффектами
Больше скриншотов: awdee.ru/evmos-blockchain-website
evmos.org
#awd_web #awd_site
🔥12👍7❤3🥴1
Перевод статьи Матана Розена о том, как атомарный дизайн помогает сэкономить время, избежать рутинных действий и ошибок в дизайн-проектах. Автор показывает, как создавать и использовать стартовые наборы компонентов (атомов), из которых можно собирать более сложные элементы: таблицы, карточки, модальные окна
awdee.ru/make-time-to-focus-on-ux-by-designing-starter-kits-templates-in-figma
#awd_article #awd_figma
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как стартовые наборы Figma помогают сосредоточиться на UX — Оди. О дизайне
Перевод статьи Матана Розена о том, как атомарный дизайн помогает сэкономить время, избежать рутинных действий и ошибок в дизайн-проектах. Автор показывает, как создавать и использовать стартовые наборы компонентов (атомов), из которых можно собирать более…
❤7👍3🔥2
Миниатюры Лорейн Лутс из Кейптауна
C 2012 года художница регулярно рисует и выкладывает свои работы, которые сама называет «открытки для муравьёв»
Больше миниатюр: awdee.ru/miniatures-by-lorraine-loots-from-cape-town
#awd_illustration #awd_art via instagram.com/lorraineloots
C 2012 года художница регулярно рисует и выкладывает свои работы, которые сама называет «открытки для муравьёв»
Больше миниатюр: awdee.ru/miniatures-by-lorraine-loots-from-cape-town
#awd_illustration #awd_art via instagram.com/lorraineloots
👍27❤🔥5❤3🤩1
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
На странице каждого бренда есть дата его основания, интересные исторические факты, первые слоганы, фотографии первых продуктов, дизайн первых упаковок, рекламные ролики и то, что позволит узнать больше о его истории. На сайте можно найти информацию о таких известных компаниях, как 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
👍7🔥7❤2
Alpaca v3 — продвинутый ИИ-генератор изображений
Доступен в виде плагина для Photoshop. Создаёт изображения по наброску, сделанному на бумаге от руки, и текстовому промту. Генерирует различные варианты артов с одной и той же эталонной композицией. Умеет менять отдельные фрагменты изображений. Дорисовывает сцены, делает реалистичные текстуры, увеличивает разрешение картинок. Бесконечно генерирует различные варианты изображений в разных стилях
Вы можете обучить Alpaca на собственном сете изображений, чтобы в дальнейшем генерировать арты в своём стиле
Находится в бете, пока полностью бесплатный
Больше видео: awdee.ru/alpaca-v3-an-advanced-ai-image-generator
alpacaml.com
#awd_tool #awd_webtool
Доступен в виде плагина для Photoshop. Создаёт изображения по наброску, сделанному на бумаге от руки, и текстовому промту. Генерирует различные варианты артов с одной и той же эталонной композицией. Умеет менять отдельные фрагменты изображений. Дорисовывает сцены, делает реалистичные текстуры, увеличивает разрешение картинок. Бесконечно генерирует различные варианты изображений в разных стилях
Вы можете обучить Alpaca на собственном сете изображений, чтобы в дальнейшем генерировать арты в своём стиле
Находится в бете, пока полностью бесплатный
Больше видео: awdee.ru/alpaca-v3-an-advanced-ai-image-generator
alpacaml.com
#awd_tool #awd_webtool
❤12🔥7
О чём книга «Сложный дизайнер»
Женя Арутюнов выложил отдельные цитаты из своей книги, чтобы читатель мог понять, что внутри, и оценить, стоит ли тратить время на знакомство с ней
Коротко перечислим ключевые мысли из каждой главы:
1. Генератор идей. Что нужно, чтобы «генератор идей», который есть у каждого, исправно работал и помогал находить оригинальные решения
2. Как не бояться. Чего мы боимся — что внезапно что-то случится, оценок, неопределённости, ошибиться в выборе — и что со всем этим делать
3. Прочный дизайн. Что нужно делать дизайнеру, чтобы создать прочный дизайн, и какими абстрактными свойствами он обладает
4. Трудный клиент. Портрет клиента, с которым сложно работать, и стратегии общения с ним
5. Прояснитель. Что нужно, чтобы достигать взаимопонимания
6. Больше денег. Как больше зарабатывать в дизайне, а также про скидки, предоплату, бесплатный режим и многое другое
7. Дедлайн и свобода. Зачем нужен план, если он постоянно ломается
8. Чего я хочу. Насколько важно всё успевать и как найти баланс между быстрым результатом и состоянием потока
Цитаты: intuition.news/ru/complex-designer-summary
#awd_book #awd_edu
Женя Арутюнов выложил отдельные цитаты из своей книги, чтобы читатель мог понять, что внутри, и оценить, стоит ли тратить время на знакомство с ней
Коротко перечислим ключевые мысли из каждой главы:
1. Генератор идей. Что нужно, чтобы «генератор идей», который есть у каждого, исправно работал и помогал находить оригинальные решения
2. Как не бояться. Чего мы боимся — что внезапно что-то случится, оценок, неопределённости, ошибиться в выборе — и что со всем этим делать
3. Прочный дизайн. Что нужно делать дизайнеру, чтобы создать прочный дизайн, и какими абстрактными свойствами он обладает
4. Трудный клиент. Портрет клиента, с которым сложно работать, и стратегии общения с ним
5. Прояснитель. Что нужно, чтобы достигать взаимопонимания
6. Больше денег. Как больше зарабатывать в дизайне, а также про скидки, предоплату, бесплатный режим и многое другое
7. Дедлайн и свобода. Зачем нужен план, если он постоянно ломается
8. Чего я хочу. Насколько важно всё успевать и как найти баланс между быстрым результатом и состоянием потока
Цитаты: intuition.news/ru/complex-designer-summary
#awd_book #awd_edu
❤28👍9🔥4❤🔥1
Стиль Brilliant — шведской платформы для проведении клиентских опросов
В основу логотипа легла метафора гистограммы, которая получается из игры с высотой букв «illi» в названии бренда. А поскольку компания придерживается позиции «серьёзной игривости», в её графическом стиле есть как гротеск, который символизирует точность и надёжность, так и красочная цветовая палитра
Больше картинок: awdee.ru/style-brilliant-a-swedish-customer-survey-platform
#awd_identity via bpando.org/2018/12/04/branding-brilliant
В основу логотипа легла метафора гистограммы, которая получается из игры с высотой букв «illi» в названии бренда. А поскольку компания придерживается позиции «серьёзной игривости», в её графическом стиле есть как гротеск, который символизирует точность и надёжность, так и красочная цветовая палитра
Больше картинок: awdee.ru/style-brilliant-a-swedish-customer-survey-platform
#awd_identity via bpando.org/2018/12/04/branding-brilliant
🔥53❤11
Детализированная инфографика на тему теории цвета
#awd_dataviz #awd_infographic #awd_color via reddit.com/r/CourtingWonder/comments/137168t/detailed_color_theory_infographic
#awd_dataviz #awd_infographic #awd_color via reddit.com/r/CourtingWonder/comments/137168t/detailed_color_theory_infographic
❤🔥24❤4🔥2👍1
Vectorizer.AI — браузерный инструмент для преобразования растра в вектор
Работает на нейросетях, с векторизацией справляется очень даже хорошо
vectorizer.ai
#awd_tool #awd_webtool
Работает на нейросетях, с векторизацией справляется очень даже хорошо
vectorizer.ai
#awd_tool #awd_webtool
❤39🔥18👎2👍1
Media is too big
VIEW IN TELEGRAM
Сайт нью-йоркской студии видеопродакшена Cyclops Club
Классный проект в брутальной стилистике. Отличное сочетание крупной типографики и видеоконтента
На каждой странице есть много интересных деталей и анимаций, поэтому рекомендуем посмотреть их все
Больше скриншотов: awdee.ru/website-of-new-york-based-video-production-studio-cyclops-club
cyclopsclub.com
#awd_web #awd_site
Классный проект в брутальной стилистике. Отличное сочетание крупной типографики и видеоконтента
На каждой странице есть много интересных деталей и анимаций, поэтому рекомендуем посмотреть их все
Больше скриншотов: awdee.ru/website-of-new-york-based-video-production-studio-cyclops-club
cyclopsclub.com
#awd_web #awd_site
❤13🔥5❤🔥1👍1
Пола Шер — американская художница, графический дизайнер и педагог по дизайну. Она стала первой женщиной-директором в студии Pentagram и обладательницей сотен наград в области дизайна
Мы перевели статью, в которой она делится 10 приёмами, погружающими её в «состояние игры». Именно в таком творческом вайбе ей удаётся создавать новый и оригинальный дизайн на протяжении 50 лет
awdee.ru/paula-schers-10-rules-for-play
#awd_article #awd_career
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
10 правил игры Полы Шер — Оди. О дизайне
Пола Шер — американская художница, графический дизайнер и педагог по дизайну. Она стала первой женщиной-директором в студии Pentagram и обладательницей сотен наград в области дизайна. Мы перевели статью, в которой она делится 10 приёмами, погружающими её…
🔥21❤6👍4❤🔥1
Станислав Хрусталёв посмотрел порядка 150 приложений и показал лучшие практики дизайна взаимодействия с фото в карточках товара
Для удобства статью он разбил на несколько разделов:
— Открытие карточки товара
— Фото товара
— Видео товара
— Прокрутка слайдера
— Page control и альтернативы
— Появление галереи
— Формат галереи
— Прокрутка галереи
— Миниатюры
— Зум фото в галерее
— Закрытие галереи
— Прочие интересные фичи
Практически все гайдлайны автор сопроводил примерами
awdee.ru/designing-a-picture-in-product-cards-140-guidelines
#awd_article #awd_ux #awd_cx
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Проектируем фото в карточке товара: 140 гайдлайнов — Оди. О дизайне
Как прокачать насмотренность, набраться лучших практик в проектировании фото в карточках товаров и не наступить на грабли, на которые кто-то уже наступал? — Скачать и отсмотреть пару сотен приложений. Или прочитать эту статью, в которой эта работа сделана…
❤🔥16🔥4👍1
Дизайн упаковки колумбийского крафтового пива Beyer Brü
Как-то основатель марки Федерико Байер, разбирая старые семейные архивы, обнаружил, что его дед владел пивоварней в небольшом польском городке. Но из-за войны пивоварня исчезла. Эта история подтолкнула Федерико создать собственный бренд пива
Она же легла в основу айдентики, которая построена на ретро-типографике, псевдовинтажной палитре и эпичном логотипе с дедушкой на крылатой бутылке пива
В результате получилась отличная графическая интерпретация истории происхождения пива Beyer Brü
Больше картинок: awdee.ru/packaging-design-of-colombian-craft-beer-beyer-bru
#awd_pack via behance.net/gallery/173981251/BEYER-BRUE-CERVECERIA
Как-то основатель марки Федерико Байер, разбирая старые семейные архивы, обнаружил, что его дед владел пивоварней в небольшом польском городке. Но из-за войны пивоварня исчезла. Эта история подтолкнула Федерико создать собственный бренд пива
Она же легла в основу айдентики, которая построена на ретро-типографике, псевдовинтажной палитре и эпичном логотипе с дедушкой на крылатой бутылке пива
В результате получилась отличная графическая интерпретация истории происхождения пива Beyer Brü
Больше картинок: awdee.ru/packaging-design-of-colombian-craft-beer-beyer-bru
#awd_pack via behance.net/gallery/173981251/BEYER-BRUE-CERVECERIA
🔥12