А ещё, сегодня я хочу поделиться с вами опытом робокоманды в создании тёмной темы для приложения «Ростелеком Ключ». Почитайте, как мы создавали крутой UI/UX, с какими проблемами столкнулись и какой использовали UI Kit в Figma. В статье много практической пользы и советов 🤖
А с вами была @rokityan. Надеюсь, было интересно, всем хороших выходных! 🖤
А с вами была @rokityan. Надеюсь, было интересно, всем хороших выходных! 🖤
Салют! Третью неделю лета объявляем неделей промышленного дизайна. Практически все окружающие предметы — плод труда промышленных дизайнеров, включая телефон, с которого читаешь этот пост. Промдизайн — это про функциональность, эргономику и простоту. Начнем с тех, для кого каждый предмет — это еще и искусство:
> Концептуальный, функциональный и неприлично красивый дизайн мебели Muuto.
> Безупречной формы посуда ручной работы от студии Redneckware.
> Простота, гибкость и повседневное удобство в испанской обуви Camper.
> Хрустальные изделия компании Moser завораживают игрой света, градиентами и смелой огранкой.
> Геометрические формы, яркие цвета и древесина бука в чешской мастерской игрушек.
> Концептуальный, функциональный и неприлично красивый дизайн мебели Muuto.
> Безупречной формы посуда ручной работы от студии Redneckware.
> Простота, гибкость и повседневное удобство в испанской обуви Camper.
> Хрустальные изделия компании Moser завораживают игрой света, градиентами и смелой огранкой.
> Геометрические формы, яркие цвета и древесина бука в чешской мастерской игрушек.
This media is not supported in your browser
VIEW IN TELEGRAM
Почувствовать себя студентом одной из старейших американских школ дизайна Rhode Island можно не выходя из дома. Мэтью Берд больше 12 лет преподает в ней промышленный дизайн и по совместительству ведет youtube-канал об истории промдизайна (на нем уже 30+ роликов).
Из последнего: раз, два, три видео про то, как изменился дизайн с появлением пластика и какие вызовы бросил материал, который может принять любую форму.
А выпуск про компьютеризацию, он поделил на 2 части: первая посвящена дизайну компьютеров, а вторая - дизайну вещей, с помощью компьютеров, и как последнее изменило всю индустрию промышленного дизайна. Enjoy!
Из последнего: раз, два, три видео про то, как изменился дизайн с появлением пластика и какие вызовы бросил материал, который может принять любую форму.
А выпуск про компьютеризацию, он поделил на 2 части: первая посвящена дизайну компьютеров, а вторая - дизайну вещей, с помощью компьютеров, и как последнее изменило всю индустрию промышленного дизайна. Enjoy!
Изучили историю промдизайна, а кто сейчас задает тренды в индустрии? Ловите пятерку востребованных мировых дизайнеров:
#1 Лотта Джансдоттер черпает вдохновение из скандинавских корней. Ее фирменные “природные” паттерны можно увидеть на коврах, постельном белье, текстиле, посуде и др.
#2 Александр Туге работал у Филиппа Старка 5 лет и создавал проекты от интерьера отеля до дизайна смартфонов. Специализируется на 3D-моделировании, компьютерной графике, сторонник экодизайна.
#3 Карим Рашид – самый молодой в этом списке, создал 3000 проектов и получил 300+ наград. Работает в сфере предметов роскоши, архитектуры, освещения, фир. стиля и упаковки.
#4 Том Диксон выставляется в музеях V&A и MoMA, а недавно вместе с IKEA создал кровать-трансформер: в нее легко встроить лампу и журнальный столик, превратив в рабочее пространство.
#5 Рина Ахлувалия - дизайнер ювелирных украшений. Ее работа изображена на бельгийской почтовой марке, она создала оправу для исторического жезла Онтарио и получила приз на SLA.
#1 Лотта Джансдоттер черпает вдохновение из скандинавских корней. Ее фирменные “природные” паттерны можно увидеть на коврах, постельном белье, текстиле, посуде и др.
#2 Александр Туге работал у Филиппа Старка 5 лет и создавал проекты от интерьера отеля до дизайна смартфонов. Специализируется на 3D-моделировании, компьютерной графике, сторонник экодизайна.
#3 Карим Рашид – самый молодой в этом списке, создал 3000 проектов и получил 300+ наград. Работает в сфере предметов роскоши, архитектуры, освещения, фир. стиля и упаковки.
#4 Том Диксон выставляется в музеях V&A и MoMA, а недавно вместе с IKEA создал кровать-трансформер: в нее легко встроить лампу и журнальный столик, превратив в рабочее пространство.
#5 Рина Ахлувалия - дизайнер ювелирных украшений. Ее работа изображена на бельгийской почтовой марке, она создала оправу для исторического жезла Онтарио и получила приз на SLA.
Для тех, кто хочет погрузиться глубже в эволюцию промдизайна и научиться скетчингу продуктов, советуем почитать:
Индустриальный дизайн от А до Z
Прослеживая эволюцию дизайна от промышленной революции до наших дней, книга сочетает в себе взаимодействие форм и функций, которые преобразуют наш повседневный опыт. От камер до кухонных принадлежностей, от Lego до Lamborghini, авторы общаются с культовыми дизайнерами и создателями гениальных продуктов, которые интегрируются в мельчайшие детали нашей жизни.
Дизайн скетчинг
Двадцать четыре студента из Umea Institute of Design, написали гайд по технике рисования, охватив весь процесс проектирования, и почти сразу попали в бестселлеры. Книга состоит из базовой теории и 6 пошаговых блоков по скетчингу с многочисленными примерами: начиная от первых эскизов с пояснениями по смыслам и форме, заканчивая финальной прорисовкой для реализации продукта.
Индустриальный дизайн от А до Z
Прослеживая эволюцию дизайна от промышленной революции до наших дней, книга сочетает в себе взаимодействие форм и функций, которые преобразуют наш повседневный опыт. От камер до кухонных принадлежностей, от Lego до Lamborghini, авторы общаются с культовыми дизайнерами и создателями гениальных продуктов, которые интегрируются в мельчайшие детали нашей жизни.
Дизайн скетчинг
Двадцать четыре студента из Umea Institute of Design, написали гайд по технике рисования, охватив весь процесс проектирования, и почти сразу попали в бестселлеры. Книга состоит из базовой теории и 6 пошаговых блоков по скетчингу с многочисленными примерами: начиная от первых эскизов с пояснениями по смыслам и форме, заканчивая финальной прорисовкой для реализации продукта.
EAMES-The-Architect-and-The-Painter-Trailer (1).gif
18.9 MB
Завершаем неделю парой фильмов на жаркий пятничный вечер:
«Objectified» — независимый документальный фильм режиссёра Гари Хаствита о наших сложных отношениях с объектами массового производства и, как следствие, с людьми, их спроектировавшими. Фильм — взгляд на творческую составляющую проектирования вещей: от зубных щеток до электронных устройств.
«Имз: Архитектор и художник».
Супруги Чарльз и Рэй сыграли большую роль в промышленном дизайне и перевернули повседневную жизнь американцев. Знамениты своей инновационной мебелью из стекловолокна и фанеры. Самые значимые работы творческой пары: мягкое кресло Lounge Chair из кожи и фанеры, линия офисной мебели Aluminium Series, эргономичный стул LCW, вешалка Hang-It-All, ткань Dot Pattern.
«Objectified» — независимый документальный фильм режиссёра Гари Хаствита о наших сложных отношениях с объектами массового производства и, как следствие, с людьми, их спроектировавшими. Фильм — взгляд на творческую составляющую проектирования вещей: от зубных щеток до электронных устройств.
«Имз: Архитектор и художник».
Супруги Чарльз и Рэй сыграли большую роль в промышленном дизайне и перевернули повседневную жизнь американцев. Знамениты своей инновационной мебелью из стекловолокна и фанеры. Самые значимые работы творческой пары: мягкое кресло Lounge Chair из кожи и фанеры, линия офисной мебели Aluminium Series, эргономичный стул LCW, вешалка Hang-It-All, ткань Dot Pattern.
Алоха! Короткую неделю стартуем с сеток и рассказывать нам об этом будет железный арт-директор Серёжа Кутьков:
Полезно почитать часть 1:
Модульные системы в вёрстке — Йозеф Мюллер-Брокманн.
Пособие для графиков, типографов и оформителей выставок. Классика от одного из самых известных и ярких представителей швейцарской школы дизайна. Много теории и примеров.
Сетки. Креативные решения для графических дизайнеров — Люсьен Робертс. Книга про использование сеток на заре появления цифровых инструментов.
⚙️ ⚙️ ⚙️
Сетки формируют структуру — каркас композиции. Это невидимые оси, к которым привязаны все элементы дизайн-макета. Без сеток невозможно обойтись в многостраничных изданиях (только если отсутствие сетки — это не специальный провокационный приём). Не профессионал, как правило, не видит по каким принципам построен тот или иной пример дизайна, но сразу подсознательно чувствует, когда эта невидимая структура нарушена. Умение работать с сеткой — одно из главных секретных оружий опытного дизайнера. Полезно почитать часть 1:
Модульные системы в вёрстке — Йозеф Мюллер-Брокманн.
Пособие для графиков, типографов и оформителей выставок. Классика от одного из самых известных и ярких представителей швейцарской школы дизайна. Много теории и примеров.
Сетки. Креативные решения для графических дизайнеров — Люсьен Робертс. Книга про использование сеток на заре появления цифровых инструментов.
Модульная сетка — универсальный инструмент организации визуального пространства, проектирования, создания композиции и управления вниманием пользователя. Она выступает в качестве основополагающего принципа дизайн-системы и помогает поддерживать ее целостность.
Полезно почитать часть 2:
Сетка — Аллен Хёрлберт. В книге рассматриваются преимущества и недостатки модульного проектирования. Хоть всё и показано на довольно старых примерах, основные идеи этой книги остаются актуальными и сейчас.
Модульные сетки. Проектирование многополосных изданий — Владимир Лаптев. Не очень старая книга (2009 г.) довольно узкой направленности. Много теории, которая повторяется в других книгах по сеткам, при этом так же много более-менее свежих примеров. Но главная особенность этой книги — это более глубокое рассмотрение именно многостраничных изданий.
Полезно почитать часть 2:
Сетка — Аллен Хёрлберт. В книге рассматриваются преимущества и недостатки модульного проектирования. Хоть всё и показано на довольно старых примерах, основные идеи этой книги остаются актуальными и сейчас.
Модульные сетки. Проектирование многополосных изданий — Владимир Лаптев. Не очень старая книга (2009 г.) довольно узкой направленности. Много теории, которая повторяется в других книгах по сеткам, при этом так же много более-менее свежих примеров. Но главная особенность этой книги — это более глубокое рассмотрение именно многостраничных изданий.
This media is not supported in your browser
VIEW IN TELEGRAM
Книги по сеткам знакомят нас с историей и общей теорией композиции. Дают базу для понимания принципов работы. Для более детального изучения доступно большое количество материалов в интернете. Это статьи, лекции, курсы и мастер-классы. Ниже несколько ссылок для новичков и не только:
[Раздел про сетки] в дизайн-альманахе Readymag. Разбор визуальной структуры нескольких онлайн-магазинов, сайтов медиа, книг и журналов.
[Модульная сетка макета с нуля: анализ, расчет и построение] — не новая, но всё ещё актуальная статья про использование сеток в веб-дизайне.
[Официальный гайд по сеткам в Материал-дизайне] андройда.
[Композиция и сетки в веб-дизайне] — лекция Евгения Кузьмина, СЕО & Арт-директора студии UPROCK.
[Grid Based Web Design Resources] на сайте Awwwards — ссылки на инструменты и генераторы, плагины, шаблоны для графических редакторов, фреймворки, книги, статьи по сеткам.
[Раздел про сетки] в дизайн-альманахе Readymag. Разбор визуальной структуры нескольких онлайн-магазинов, сайтов медиа, книг и журналов.
[Модульная сетка макета с нуля: анализ, расчет и построение] — не новая, но всё ещё актуальная статья про использование сеток в веб-дизайне.
[Официальный гайд по сеткам в Материал-дизайне] андройда.
[Композиция и сетки в веб-дизайне] — лекция Евгения Кузьмина, СЕО & Арт-директора студии UPROCK.
[Grid Based Web Design Resources] на сайте Awwwards — ссылки на инструменты и генераторы, плагины, шаблоны для графических редакторов, фреймворки, книги, статьи по сеткам.