This media is not supported in your browser
VIEW IN TELEGRAM
Качественная упаковка привлекает к себе внимание не только на прилавке магазина, но и в вебе. Сайт крафтовой газировки The Carbonation доказывает это на деле: производитель оживил фирменную айдентику бренда при помощи плавных анимаций, гармонии простых форм, выверенной сетки и ярких контрастов 🖤
This media is not supported in your browser
VIEW IN TELEGRAM
Чтобы общаться с покупателем на одной волне, бренды действуют подобно человеку: развивают уникальный характер, внешний вид и стиль общения — идентичность. Чтобы понять, как это делать и причём тут упаковка, мы приберегли ссылку на крутую статью по теме. В ней рассматриваются 5 причин, почему важен бренд и описываются 8 шагов к его созданию.
И как мы знаем, пятница без вдохновения — это понедельник 🤖 Поэтому держите ссылку на аккаунт Димы Бертолучи — талантливого графического дизайнера из Санкт-Петербурга. Его работы выполнены с уклоном в брендинг и типографику, поэтому в них можно не только лампово залипать, но и изучать что-нибудь полезное.
Хороших выходных!
И как мы знаем, пятница без вдохновения — это понедельник 🤖 Поэтому держите ссылку на аккаунт Димы Бертолучи — талантливого графического дизайнера из Санкт-Петербурга. Его работы выполнены с уклоном в брендинг и типографику, поэтому в них можно не только лампово залипать, но и изучать что-нибудь полезное.
Хороших выходных!
Привет 🤖
Чтобы понять, как устроен дизайн продукта, нужно разложить всё по полочкам. В этом помогает дизайн-система — библиотека из сеток, шрифтов и разных UI-элементов.
К сожалению, такой «брендбук» по проектированию интерфейса есть не у всех компаний — чтобы его создать, нужно систематизировать большое количество информации. К счастью, многие компании и сервисы, у которых он уже есть, щедро выкладывают его в открытый доступ.
Например, на сайте Design Systems For Figma опубликованы дизайн-системы мировых компаний и сервисов: Uber, Atlassian, Apple, Slack, Figma и других. А ещё, их можно загрузить сразу в Figma, чтобы изучить все компоненты. Тот случай, когда можно подробно узнать, откуда растут ноги у любимого продукта 🤓
Чтобы понять, как устроен дизайн продукта, нужно разложить всё по полочкам. В этом помогает дизайн-система — библиотека из сеток, шрифтов и разных UI-элементов.
К сожалению, такой «брендбук» по проектированию интерфейса есть не у всех компаний — чтобы его создать, нужно систематизировать большое количество информации. К счастью, многие компании и сервисы, у которых он уже есть, щедро выкладывают его в открытый доступ.
Например, на сайте Design Systems For Figma опубликованы дизайн-системы мировых компаний и сервисов: Uber, Atlassian, Apple, Slack, Figma и других. А ещё, их можно загрузить сразу в Figma, чтобы изучить все компоненты. Тот случай, когда можно подробно узнать, откуда растут ноги у любимого продукта 🤓
This media is not supported in your browser
VIEW IN TELEGRAM
Дизайн-системы есть не только у частных сервисов, но и у государственных систем США. На сайте U.S. Web Design System подробно описаны все визуальные компоненты, которые используются при их проектировании, а для практического изучения есть скетч-файл с библиотекой элементов. Если хочется больше экспериментов, то сравните её с дизайн-системой Microsoft. Скорее всего вы найдёте больше десяти отличий 🤖
This media is not supported in your browser
VIEW IN TELEGRAM
Неделя изучения дизайн-систем в самом разгаре, и чтобы у вас не закончилось топливо для экспериментов, мы подкинем парочку ресурсов в костёр творчества 🤖
Первым делом загляните на сайт проекта Set Product на котором более 1000 компонентов и около 120-ти шаблонов для создания дизайн-систем, а после изучите Tesla Ui Kit. Все элементы можно пощупать в Figma.
Фоном почитайте блог про новые шаблоны UI-китов, дизайн-систем и UX-инструментов. И зацените статью про лучшие плагины, на которые точно стоит обратить внимание в конце 2020 года.
До завтра огонька вам хватит точно 🤓
Первым делом загляните на сайт проекта Set Product на котором более 1000 компонентов и около 120-ти шаблонов для создания дизайн-систем, а после изучите Tesla Ui Kit. Все элементы можно пощупать в Figma.
Фоном почитайте блог про новые шаблоны UI-китов, дизайн-систем и UX-инструментов. И зацените статью про лучшие плагины, на которые точно стоит обратить внимание в конце 2020 года.
До завтра огонька вам хватит точно 🤓
This media is not supported in your browser
VIEW IN TELEGRAM
Мы уже изучили дизайн-системы Apple, Uber, Microsoft и даже правительственных сервисов США, а ещё успели пощупать шаблоны и элементы в Figma, и поговорили про лучшие плагины для этого сервиса. Но это ещё не всё 🤖
Если вы хотите уже сейчас начать создание дизайн-системы, то это можно сделать с помощью Eva Design System. Сервис предоставляет гибкие инструменты, например, автоматический подбор цветовых оттенков для интерфейса. А на сайте сursorOS можно создать курсор своей мечты.
Если же свою дизайн-систему создавать вы ещё не готовы, но нейросеть требует пищи для размышлений, то можно проверить свои знания по теме с помощью чек-листа или подписаться на рассылку, которая посвящена отечественным дизайн-системам.
Если вы хотите уже сейчас начать создание дизайн-системы, то это можно сделать с помощью Eva Design System. Сервис предоставляет гибкие инструменты, например, автоматический подбор цветовых оттенков для интерфейса. А на сайте сursorOS можно создать курсор своей мечты.
Если же свою дизайн-систему создавать вы ещё не готовы, но нейросеть требует пищи для размышлений, то можно проверить свои знания по теме с помощью чек-листа или подписаться на рассылку, которая посвящена отечественным дизайн-системам.
Завершаем неделю полезными книгами по дизайн-системам. За подборку спасибо старшему рободизайнеру Кате Соседовой 🤖
⚙️ Начнём с книги “Atomic Design” от веб-дизайнера Брэда Фроста о проектировании надёжных дизайн-систем. Он изучает эффективность дизайн-библиотек и показывает, как можно оптимизировать разработку дизайн-систем внутри команды. Например, автор описывает методологию, которая представляет дизайн-элементы в виде продуманных иерархий, что упрощает проектирование.
⚙️ У книги “Design Systems” целых пять авторов и все они делятся личным опытом из области планирования, проектирования, создания и внедрения дизайн-систем.
⚙️ А книга от компании Adobe “Hack the Design System” рассказывает, как спроектировать и масштабировать дизайн-систему внутри крупной организации. Авторы делятся опытом Airbnb, IBM, Microsoft и других компаний.
И чтобы закрепить всё то, что мы узнали за неделю, почитайте подробную статью про дизайн-системы от основателя Tilda Publishing Никиты Обухова.
Хороших выходных 🤓
⚙️ Начнём с книги “Atomic Design” от веб-дизайнера Брэда Фроста о проектировании надёжных дизайн-систем. Он изучает эффективность дизайн-библиотек и показывает, как можно оптимизировать разработку дизайн-систем внутри команды. Например, автор описывает методологию, которая представляет дизайн-элементы в виде продуманных иерархий, что упрощает проектирование.
⚙️ У книги “Design Systems” целых пять авторов и все они делятся личным опытом из области планирования, проектирования, создания и внедрения дизайн-систем.
⚙️ А книга от компании Adobe “Hack the Design System” рассказывает, как спроектировать и масштабировать дизайн-систему внутри крупной организации. Авторы делятся опытом Airbnb, IBM, Microsoft и других компаний.
И чтобы закрепить всё то, что мы узнали за неделю, почитайте подробную статью про дизайн-системы от основателя Tilda Publishing Никиты Обухова.
Хороших выходных 🤓
Салют!
На этой неделе прокачиваем насмотренность и помогают нам в этом комиксы — от сюрреализма до фэнтази-нуара. А начнём с ветеранов комикс-арта — Роя Лихтенштейна и Жан Жиро 🤖
⚙️ Рой Лихтенштейн — икона американского поп-арта. Он создавал картины, походившие на фрагменты из комиксов. Вы наверняка знакомы с эмоциональными изображениями девушек, которые плачут или ждут телефонного звонка? Если нет, то можете изучить работы художника на сайте Wikiart (и не забудьте носовой платок) 🤓
⚙️ Жан Жиро, известный как Мебиус, — французский художник, кроме комиксов работал над концепт-артами для фильмов «Пятый элемент», «Трон» и «Бегущий по лезвию». Режиссёр Джордж Лукас использовал его наработки для «Звёздных войн». Мебиус видел мир будущего ярким и жизнерадостным, полным эмоций, впечатлений и юмора. Теперь можно убрать носовой платок и улыбнуться 🙂
На этой неделе прокачиваем насмотренность и помогают нам в этом комиксы — от сюрреализма до фэнтази-нуара. А начнём с ветеранов комикс-арта — Роя Лихтенштейна и Жан Жиро 🤖
⚙️ Рой Лихтенштейн — икона американского поп-арта. Он создавал картины, походившие на фрагменты из комиксов. Вы наверняка знакомы с эмоциональными изображениями девушек, которые плачут или ждут телефонного звонка? Если нет, то можете изучить работы художника на сайте Wikiart (и не забудьте носовой платок) 🤓
⚙️ Жан Жиро, известный как Мебиус, — французский художник, кроме комиксов работал над концепт-артами для фильмов «Пятый элемент», «Трон» и «Бегущий по лезвию». Режиссёр Джордж Лукас использовал его наработки для «Звёздных войн». Мебиус видел мир будущего ярким и жизнерадостным, полным эмоций, впечатлений и юмора. Теперь можно убрать носовой платок и улыбнуться 🙂
Нашему миру нужен свет и супергерои, но иногда душа требует мрачных историй, и тогда на помощь приходят Джон Бланше и Майк Миньола.
⚙️ Майк Миньола — автор популярной во всём мире серии комиксов про Хеллбоя. Когда другие художники рисовали изящных девушек и мускулистых супергероев, Майк создавал мрачных персонажей с грубыми чертами лица.
В своих работах автор не жалеет густых теней, а его стиль — это фэнтази-нуар, который отсылает нас к pulp-культуре 20-30-х годов, когда журналы печатали на дешёвой бумаге из древесной пульпы.
⚙️ Джон Бланше — британский иллюстратор, автор визуального стиля игр Warhammer и Warhammer 40,000. Его творчество узнаваемо благодаря сюрреализму, эклектике и причудливой готике.
Временами работы Джона кивают в сторону нидерландского художника Иеронима Босха, а иногда проявляют в себе творчество Ганса Гигера — автора дизайнерской работы для фильма «Чужой».
⚙️ Майк Миньола — автор популярной во всём мире серии комиксов про Хеллбоя. Когда другие художники рисовали изящных девушек и мускулистых супергероев, Майк создавал мрачных персонажей с грубыми чертами лица.
В своих работах автор не жалеет густых теней, а его стиль — это фэнтази-нуар, который отсылает нас к pulp-культуре 20-30-х годов, когда журналы печатали на дешёвой бумаге из древесной пульпы.
⚙️ Джон Бланше — британский иллюстратор, автор визуального стиля игр Warhammer и Warhammer 40,000. Его творчество узнаваемо благодаря сюрреализму, эклектике и причудливой готике.
Временами работы Джона кивают в сторону нидерландского художника Иеронима Босха, а иногда проявляют в себе творчество Ганса Гигера — автора дизайнерской работы для фильма «Чужой».