Если вы еще по какой-то причине не видели, то посмотрите по пути на работу – http://andrebergs.com/protanopia/
Обычный комикс, но совсем с другой стороны. Вернее даже с разных сторон. Отличный пример совмещения привычного формата с актуальными технологиями.
Обычный комикс, но совсем с другой стороны. Вернее даже с разных сторон. Отличный пример совмещения привычного формата с актуальными технологиями.
Интересный подход к браузеру. И классно, что это не концепт на Dribbble, а продукт, хорошо засветившийся на Product Hunt, и который можно потестировать. Браузер, заточенный для работы, который позволит чуть меньше отвлекаться на фейсбук, youtube и прочие развлекательные сервисы, тратящие рабочее время – https://www.youtube.com/watch?v=QMXx5bDbxK8
YouTube
Introducing Station 🚀
One app to rule them all. Available on Mac, Windows & Linux.
👉Free download here: www.getstation.com
👉Free download here: www.getstation.com
Ребята из Google A.I. Experiments продолжают забавляться с машинным обучением, создавая свои фреймворки и распространяя AI среди обычных людей, далеких от программирования.
https://www.youtube.com/watch?v=3BhkeY974Rg – простой эксперимент, который позволяет обучить скрипт, используя вашу камеру на компьютере или мобильном телефоне. Вы можете «запрограммировать» сервис на соврешение простых действий как вывод гифок и озвучку. Понятно, что вряд ли его получится сходу использовать для решения каких-то сложных практических задач, но вы можете взять открытый код и доработать его под свои нужды. Ну и плюс, можете с детьми поизучать и поиграться, им должно понравиться! 😉
https://teachablemachine.withgoogle.com/
https://www.youtube.com/watch?v=3BhkeY974Rg – простой эксперимент, который позволяет обучить скрипт, используя вашу камеру на компьютере или мобильном телефоне. Вы можете «запрограммировать» сервис на соврешение простых действий как вывод гифок и озвучку. Понятно, что вряд ли его получится сходу использовать для решения каких-то сложных практических задач, но вы можете взять открытый код и доработать его под свои нужды. Ну и плюс, можете с детьми поизучать и поиграться, им должно понравиться! 😉
https://teachablemachine.withgoogle.com/
YouTube
A.I. Experiments: Teachable Machine
Teachable Machine is an experiment that makes it easier for anyone to start exploring how machine learning works. It lets you teach a machine using your camera – live in the browser, no coding required. It’s built with a library called deeplearn.js, which…
🎉🎉🎉
Решил отметить свой сегодняшний день рождения ответом на самый часто задаваемый вопрос: «Что должен уметь делать хороший арт-директор» =))
И мне кажется, что для ответа на этот вопрос нужно просто рассмотреть направления работы человека, возглавляющего дизайн-команду.
На мой взгляд работа такого руководителя состоит из 4 направлений:
1. Организация внешней коммуникации между дизайнерами и представителями команд других отделов и направлений.
Здесь задача арт-директора (дизайн-директора, design lead'a, head of design department, CDO и любого руководителя группы дизайнеров) заключается в том, чтобы закрепить правила, которые будут регламентировать порядок работы между дизайнером и менеджером, дизайнером и разработчиком, дизайнером и клиентом.
Большая часть проблемных ситуаций на проекте, на мой взгляд, возникает именно из-за отсутствия четкой регламентации действий с обеих сторон. Если вас, как арт-директора, не устраивает порядок действий представителей других отделов, например менеджеров, то самостоятельно выступайте с инициативой, составляйте правила и конкретные чек-листы, которые будут вносить коррективы в действия менеджеров в той части, которая влияет на работу вашей команды, и идите согласовывать эти правила с руководителем смежного подразделения на своем уровне.
Как показывает практика, если этим не заниматься, то дизайнеры будут ругаться на менеджеров, менеджеры на дизайнеров, и продуктивность будет не на самом высоком уровне.
2. Организация внутренней коммуникации.
Основная задача на этом направлении – создать порядок внутренней работы, который включает в себя порядок комментирования проделанной работы, систему хранения материалов, верхнеуровневые принципы, которыми должен руководствоваться каждый дизайнер в команде для создания продукта, консистентного общему уровню компании.
3. Создание системы развития дизайнеров.
Важно заниматься развитием команды через проведение внутренних лекций, создание простых заданий для дизайнеров, передачей опыта, полученного на глобальных конференциях и воркшопах, приглашение гостей из смежных областей. В Looi мы периодически устраиваем внутренние забеги, в течение которых каждый день выкладываем во внутренние каналы картинки в формате dribbble-шотов с отражением проделанной за день работы. Допускается использование «украшательства», так даже у ребят, которые работают над чисто техническими сложными проектами появляется возможность подтянуть эстетику. Плюс все в студии знают, кто чем занимался в течение дня. А это весьма важно, когда команды работают над разными проектами для разных клиентов, зачастую сидя в разных офисах (кто-то в студии, кто-то на аутстаффе у клиента).
4. Контроль уровня внешней визуальной коммуникации представляемой компании, студии, агентства, продукта и т.д.
Арт-директор, как человек, отвечающий за внешний облик компании, направления, департамента должен заниматься поддержанием и развитием целостной системы визуальной коммуникации, которая будет доносить до людей из вне правильное сообщение и создавать правильное настроение. Если говорить совсем примитивно, то для обычного агентства это будет поддержание консистентности и развитие сайта, материалов в социальных сетях, маркетинговых промо-материалов и так далее. То есть всего того, что видят людя, еще до того, как успели познакомиться с вашей компанией.
И мне кажется, что эти 4 направления можно представить в виде спиц колеса. Если все спицы одинаковой длины, то колесо крутится быстро, плавно и легко. Если 2 спицы длинны, третья короткая, а четвертая вообще отломалась, то колесо явно не позволит вам ехать быстро. Ну и можно легко представить, что если 4 спицы одинаковой длины, но очень короткие, то колесо будет вас перемещать гораздо медленнее, чем колесо с 4 одинаково длинными спицами.
Так что не забывайте про эти 4 направления, занимайтесь постоянным их развитием и следите за тем, чтобы они были равной длины.
P.S. Ну а всякие «деньрожденьческие» поздравления и пожелания по каналу принимаются в https://www.facebook.com/andronovsergey или @sergeyandronov 😄 🎉🎉🎉
Решил отметить свой сегодняшний день рождения ответом на самый часто задаваемый вопрос: «Что должен уметь делать хороший арт-директор» =))
И мне кажется, что для ответа на этот вопрос нужно просто рассмотреть направления работы человека, возглавляющего дизайн-команду.
На мой взгляд работа такого руководителя состоит из 4 направлений:
1. Организация внешней коммуникации между дизайнерами и представителями команд других отделов и направлений.
Здесь задача арт-директора (дизайн-директора, design lead'a, head of design department, CDO и любого руководителя группы дизайнеров) заключается в том, чтобы закрепить правила, которые будут регламентировать порядок работы между дизайнером и менеджером, дизайнером и разработчиком, дизайнером и клиентом.
Большая часть проблемных ситуаций на проекте, на мой взгляд, возникает именно из-за отсутствия четкой регламентации действий с обеих сторон. Если вас, как арт-директора, не устраивает порядок действий представителей других отделов, например менеджеров, то самостоятельно выступайте с инициативой, составляйте правила и конкретные чек-листы, которые будут вносить коррективы в действия менеджеров в той части, которая влияет на работу вашей команды, и идите согласовывать эти правила с руководителем смежного подразделения на своем уровне.
Как показывает практика, если этим не заниматься, то дизайнеры будут ругаться на менеджеров, менеджеры на дизайнеров, и продуктивность будет не на самом высоком уровне.
2. Организация внутренней коммуникации.
Основная задача на этом направлении – создать порядок внутренней работы, который включает в себя порядок комментирования проделанной работы, систему хранения материалов, верхнеуровневые принципы, которыми должен руководствоваться каждый дизайнер в команде для создания продукта, консистентного общему уровню компании.
3. Создание системы развития дизайнеров.
Важно заниматься развитием команды через проведение внутренних лекций, создание простых заданий для дизайнеров, передачей опыта, полученного на глобальных конференциях и воркшопах, приглашение гостей из смежных областей. В Looi мы периодически устраиваем внутренние забеги, в течение которых каждый день выкладываем во внутренние каналы картинки в формате dribbble-шотов с отражением проделанной за день работы. Допускается использование «украшательства», так даже у ребят, которые работают над чисто техническими сложными проектами появляется возможность подтянуть эстетику. Плюс все в студии знают, кто чем занимался в течение дня. А это весьма важно, когда команды работают над разными проектами для разных клиентов, зачастую сидя в разных офисах (кто-то в студии, кто-то на аутстаффе у клиента).
4. Контроль уровня внешней визуальной коммуникации представляемой компании, студии, агентства, продукта и т.д.
Арт-директор, как человек, отвечающий за внешний облик компании, направления, департамента должен заниматься поддержанием и развитием целостной системы визуальной коммуникации, которая будет доносить до людей из вне правильное сообщение и создавать правильное настроение. Если говорить совсем примитивно, то для обычного агентства это будет поддержание консистентности и развитие сайта, материалов в социальных сетях, маркетинговых промо-материалов и так далее. То есть всего того, что видят людя, еще до того, как успели познакомиться с вашей компанией.
И мне кажется, что эти 4 направления можно представить в виде спиц колеса. Если все спицы одинаковой длины, то колесо крутится быстро, плавно и легко. Если 2 спицы длинны, третья короткая, а четвертая вообще отломалась, то колесо явно не позволит вам ехать быстро. Ну и можно легко представить, что если 4 спицы одинаковой длины, но очень короткие, то колесо будет вас перемещать гораздо медленнее, чем колесо с 4 одинаково длинными спицами.
Так что не забывайте про эти 4 направления, занимайтесь постоянным их развитием и следите за тем, чтобы они были равной длины.
P.S. Ну а всякие «деньрожденьческие» поздравления и пожелания по каналу принимаются в https://www.facebook.com/andronovsergey или @sergeyandronov 😄 🎉🎉🎉
Только мы пообсуждали редизайн Dropbox, обсудили новую коммуникацию Яндекс.Такси, а тут оказывается у Ebay уже почти 2 месяца как используется новый стиль, на который никто не обратил внимания – http://form-and.com/work/ebay!
Видимо, зря они не сделали нормальный ebay.design для промо =))
Так что делитесь с коллегами, а то никто ни слухом ни духом!
Видимо, зря они не сделали нормальный ebay.design для промо =))
Так что делитесь с коллегами, а то никто ни слухом ни духом!
Сегодня мы рассмотрим свежую лекцию Питера Смарта Head of Product Design компании Fantasy.
Свое выступление Питер начал с необычного эксперимента. Он попросил людей, присутствующих в зале, достать свой мобильный телефон и передать его другому человеку. Реакция зала показала, что такое действие сходу доставляет дискомфорт.
Мы имеем тактильный контакт с нашим телефоном больше, чем с любимым человеком за всю жизнь! Для 80% людей смартфон это первая вещь, к которой вы обращаетесь утром и последняя вещь, с которой вы взаимодействуете перед сном.
Если обращаться к истории, то сначала мы были охотниками, затем земледельцами, затем вошли в индустриальную эпоху и наконец пришли к информационной эре. И на каждой из этих стадий менялись наши отношения и способ взаимодействия с инструментами.
Сейчас сильно размыта граница между нами персонально и технологиями. Часть вещей из своей памяти мы делегировали поиску в Гугле. Мы можем помнить номер телефона близкого человека, примерно помнить, как добрать до какого-нибудь места, можем вообще не помнить, как выглядит саламандра, но при этом мы знаем, что мы всегда можем получить доступ к этой информации с помощью своего телефона и интернета. Таким образом технологии становятся продолжением нас самих.
И Питер говорит о том, что в ближайшие 10 лет изменения будут гораздо более сильными, чем за прошедшие 200 лет.
Здесь он раскрывает тему эры «Дополненности» («The Age of Augmentation»). Но речь пойдет не про AR в обыденном ее понимании.
Предлагается разделить рассмотрение этой темы на 3 части:
1) разум
2) чувства
3) язык
Но в рамках текущего выступления Питер останавливается только на первом пункте.
РАЗУМ
Питер предлагает решить задачку – переместиться из Лос-Анджелеса в Нью-Йорк ровно за 30 дней, потратив менее $500. Как вы собиратесь решить эту задачу? Скорее всего вы сразу захотите воспользоваться чем-то типа Google Maps или Aviasales, или Booking, Airbnb и так далее. Сейчас наша зависимость от сервисов и инструментов все больше.
Но все равно наш разум активен, а инструмент пассивен. Любой инструмент делает то, что ему скажут, на что он запрограммирован. Даже скальпель, как инструмент, принесет пользу только в руках опытного хирурга.
То есть между проблемой и решением сервис вам сильно поможет, но вам самим нужно будет задавать параметры решения проблемы.
Но все меняется. Искусственный интеллект все больше мелких задач может взять на себя и со временем сложность решаемых задач будет только увеличиваться.
И перед дизайнером стоит важная задача решить проблему с доверием. Доверием человека по отношению к сервису, который в скором времени сможет решать за пользователя довольно сложные и важные задачи. Например сейчас, при запросе какому-нибудь помощнику типа Siri «закази мне все необходимое, чтобы построить лодку» вы скорее всего 10 раз перепроверите составленный список.
Как же можно построить доверие. Здесь Питер приводит 3 пункта:
1) коммуникация
Сейчас существует огромная разница между тем, как мы коммуницируем с нашими голосовыми помощниками и тем, как мы общаемся друг с другом. Для голосовых систем мы часто будто специально заготавливаем фразу-программу, которая еще и невсегда дает нужный результат.
2) понятная обратная связь в рамках процесса
Человек должен иметь возможность понимать на каком статусе сейчас находится процесс, чтобы понимать, что все под контролем. Например может быть психологически сложно доверить автомобилю на управлении искусственного интеллекта ваше перемещение по шоссе, заполненному другими автомобилями. Но дисплей, показывающий каким образом автомобиль сканирует и видит автомобили вокруг, видит знаки об ограничении скорости, прокладывает маршрут, может сильно помочь в создании спокойствия.
3) совместное творчество
Здесь Питер приводит в пример задачу, которая была поставлена компьютеру – разработать дрона. И в результате получен результат, построенный на принципах генеративного дизайна, с учетом аэродинамических свойств, расхода материалов и так далее. То есть инструмент интегрируется в процесс творчества.
Свое выступление Питер начал с необычного эксперимента. Он попросил людей, присутствующих в зале, достать свой мобильный телефон и передать его другому человеку. Реакция зала показала, что такое действие сходу доставляет дискомфорт.
Мы имеем тактильный контакт с нашим телефоном больше, чем с любимым человеком за всю жизнь! Для 80% людей смартфон это первая вещь, к которой вы обращаетесь утром и последняя вещь, с которой вы взаимодействуете перед сном.
Если обращаться к истории, то сначала мы были охотниками, затем земледельцами, затем вошли в индустриальную эпоху и наконец пришли к информационной эре. И на каждой из этих стадий менялись наши отношения и способ взаимодействия с инструментами.
Сейчас сильно размыта граница между нами персонально и технологиями. Часть вещей из своей памяти мы делегировали поиску в Гугле. Мы можем помнить номер телефона близкого человека, примерно помнить, как добрать до какого-нибудь места, можем вообще не помнить, как выглядит саламандра, но при этом мы знаем, что мы всегда можем получить доступ к этой информации с помощью своего телефона и интернета. Таким образом технологии становятся продолжением нас самих.
И Питер говорит о том, что в ближайшие 10 лет изменения будут гораздо более сильными, чем за прошедшие 200 лет.
Здесь он раскрывает тему эры «Дополненности» («The Age of Augmentation»). Но речь пойдет не про AR в обыденном ее понимании.
Предлагается разделить рассмотрение этой темы на 3 части:
1) разум
2) чувства
3) язык
Но в рамках текущего выступления Питер останавливается только на первом пункте.
РАЗУМ
Питер предлагает решить задачку – переместиться из Лос-Анджелеса в Нью-Йорк ровно за 30 дней, потратив менее $500. Как вы собиратесь решить эту задачу? Скорее всего вы сразу захотите воспользоваться чем-то типа Google Maps или Aviasales, или Booking, Airbnb и так далее. Сейчас наша зависимость от сервисов и инструментов все больше.
Но все равно наш разум активен, а инструмент пассивен. Любой инструмент делает то, что ему скажут, на что он запрограммирован. Даже скальпель, как инструмент, принесет пользу только в руках опытного хирурга.
То есть между проблемой и решением сервис вам сильно поможет, но вам самим нужно будет задавать параметры решения проблемы.
Но все меняется. Искусственный интеллект все больше мелких задач может взять на себя и со временем сложность решаемых задач будет только увеличиваться.
И перед дизайнером стоит важная задача решить проблему с доверием. Доверием человека по отношению к сервису, который в скором времени сможет решать за пользователя довольно сложные и важные задачи. Например сейчас, при запросе какому-нибудь помощнику типа Siri «закази мне все необходимое, чтобы построить лодку» вы скорее всего 10 раз перепроверите составленный список.
Как же можно построить доверие. Здесь Питер приводит 3 пункта:
1) коммуникация
Сейчас существует огромная разница между тем, как мы коммуницируем с нашими голосовыми помощниками и тем, как мы общаемся друг с другом. Для голосовых систем мы часто будто специально заготавливаем фразу-программу, которая еще и невсегда дает нужный результат.
2) понятная обратная связь в рамках процесса
Человек должен иметь возможность понимать на каком статусе сейчас находится процесс, чтобы понимать, что все под контролем. Например может быть психологически сложно доверить автомобилю на управлении искусственного интеллекта ваше перемещение по шоссе, заполненному другими автомобилями. Но дисплей, показывающий каким образом автомобиль сканирует и видит автомобили вокруг, видит знаки об ограничении скорости, прокладывает маршрут, может сильно помочь в создании спокойствия.
3) совместное творчество
Здесь Питер приводит в пример задачу, которая была поставлена компьютеру – разработать дрона. И в результате получен результат, построенный на принципах генеративного дизайна, с учетом аэродинамических свойств, расхода материалов и так далее. То есть инструмент интегрируется в процесс творчества.
Меня сейчас очень интересует тема системности в дизайне. Но нет, речь пойдет не о дизайн-системах, которые сейчас делают и обсуждают практически все (что хорошо), а о понятии системности в более широком смысле.
Если рассмотреть понятие системы, то можно увидеть, что на самом деле любой дизайн безотносительно к направлению (интерактивный, графический, индустриальный дизайн...) является системой.
Итак, система – множество элементов, находящихся в отношениях и связях друг с другом, которое образует определённую целостность, единство.
Давайте теперь попробуем разобрать определение на части и соотнести с составляющими дизайна:
1) множество элементов = изображения, текстовые блоки, кнопки, инпуты и т.д.
2) отношения и связи = взаиморасположение, отступы, динамичность поведения элементов относительно друг друга и т.д.
3) целостность, единство = работающий продукт или его часть (мобильное приложение, сайт, форма на сайте, плакат и т.д.).
Получается, что любой дизайн можно рассматривать как систему. И для нас это очень хорошо, потому что системный подход уже содержит в себе большое количество свойств, характеристик, принципов и правил, которые довольно четко показывают насколько система (дизайн) являются эффективными.
И сегодня предлагаю начать с самой базы – понять, из чего состоит любая система, а получается, что и любой дизайн.
ЭЛЕМЕНТ
Элемент – предел членения системы с точки зрения решения конкретной задачи. То есть это самая мелкая часть, которую имеет смысл рассматривать на данном уровне.
Важно понимать, что при рассмотрении систем можно передвигаться по уровням абстракции вверх и вниз. Например, если мы говорим о сайте целиком, но на верхнем уровне имеет смысл в качестве элемента рассматривать страницы – этим мы занимаемся, когда разрабатываем структуру сайта. На данном этапе мы обычно не вдаемся в детальное описание того, какие отступы будут у текста кнопки до ее краев, потому что нам нужна общая картина по структуре.
Спустившись на уровень ниже, в качестве элемента системы уже можно рассматривать текстовые блоки, поля формы, кнопки. Спустившись еще ниже, каждую кнопку на странице можно разложить на такие элементы как форма подложки, цвет, текстовая надпись в кнопке и ее стиль, тень под кнопкой и так далее.
КОМПОНЕНТ
Компонент – относительно независимая часть системы, обладающая свойствами системы, и в частности, имеющая подцель.
То есть компонент по сути это группа элементов, которую можно рассматривать как самостотяльную подсистему.
Например меню на сайте может являться компонентом. Меню выполняет четкую функцию и имеет конкретную цель. При этом оно состоит из более мелких элементов, которые внутри компонента обладают своими связями.
СВЯЗЬ И ОТНОШЕНИЕ
Связь – ограничение степени свободы элементов, при котором сама система приобретает новые свойства.
Рассмотрим в качестве примера небольшую форму обратной связи на сайте, состоящую из одного поля для ввода сообщения и кнопки «отправить». Понятно, что эти элементы формы находятся во взаимосвязи друг с другом. Если мы разнесем 2 этих элемента на разные экраны или страницы, то система отправки обратной связи снизит свою эффективность или станет полностью неработоспособной.
Каждый из элементов в отдельности обладает свободой быть расположенным где угодно, но мы умышленно ограничиваем эту свободу, при этом объединяя их в систему, которая приобретает новые функции.
СТРУКТУРА
Структура – наиболее существенные компоненты и связи системы. Многие системы являются динамическими (об этом мы поговорим позже), то есть часть из компонентов может изменяться, добавляться или удаляться. Но структура системы в виде ее постоянных компонентов обеспечивает жизнеспособность системы.
ЦЕЛЬ
Цель – идеальный конечный результат. Любая, даже такая мелкая система, как кнопка, имеет вполне ясную цель, ради которой система существует.
Сегодня было много философских категорий, и может быть сходу непросто въехать в это, но мы будем с этим разбираться постепенно.
Если рассмотреть понятие системы, то можно увидеть, что на самом деле любой дизайн безотносительно к направлению (интерактивный, графический, индустриальный дизайн...) является системой.
Итак, система – множество элементов, находящихся в отношениях и связях друг с другом, которое образует определённую целостность, единство.
Давайте теперь попробуем разобрать определение на части и соотнести с составляющими дизайна:
1) множество элементов = изображения, текстовые блоки, кнопки, инпуты и т.д.
2) отношения и связи = взаиморасположение, отступы, динамичность поведения элементов относительно друг друга и т.д.
3) целостность, единство = работающий продукт или его часть (мобильное приложение, сайт, форма на сайте, плакат и т.д.).
Получается, что любой дизайн можно рассматривать как систему. И для нас это очень хорошо, потому что системный подход уже содержит в себе большое количество свойств, характеристик, принципов и правил, которые довольно четко показывают насколько система (дизайн) являются эффективными.
И сегодня предлагаю начать с самой базы – понять, из чего состоит любая система, а получается, что и любой дизайн.
ЭЛЕМЕНТ
Элемент – предел членения системы с точки зрения решения конкретной задачи. То есть это самая мелкая часть, которую имеет смысл рассматривать на данном уровне.
Важно понимать, что при рассмотрении систем можно передвигаться по уровням абстракции вверх и вниз. Например, если мы говорим о сайте целиком, но на верхнем уровне имеет смысл в качестве элемента рассматривать страницы – этим мы занимаемся, когда разрабатываем структуру сайта. На данном этапе мы обычно не вдаемся в детальное описание того, какие отступы будут у текста кнопки до ее краев, потому что нам нужна общая картина по структуре.
Спустившись на уровень ниже, в качестве элемента системы уже можно рассматривать текстовые блоки, поля формы, кнопки. Спустившись еще ниже, каждую кнопку на странице можно разложить на такие элементы как форма подложки, цвет, текстовая надпись в кнопке и ее стиль, тень под кнопкой и так далее.
КОМПОНЕНТ
Компонент – относительно независимая часть системы, обладающая свойствами системы, и в частности, имеющая подцель.
То есть компонент по сути это группа элементов, которую можно рассматривать как самостотяльную подсистему.
Например меню на сайте может являться компонентом. Меню выполняет четкую функцию и имеет конкретную цель. При этом оно состоит из более мелких элементов, которые внутри компонента обладают своими связями.
СВЯЗЬ И ОТНОШЕНИЕ
Связь – ограничение степени свободы элементов, при котором сама система приобретает новые свойства.
Рассмотрим в качестве примера небольшую форму обратной связи на сайте, состоящую из одного поля для ввода сообщения и кнопки «отправить». Понятно, что эти элементы формы находятся во взаимосвязи друг с другом. Если мы разнесем 2 этих элемента на разные экраны или страницы, то система отправки обратной связи снизит свою эффективность или станет полностью неработоспособной.
Каждый из элементов в отдельности обладает свободой быть расположенным где угодно, но мы умышленно ограничиваем эту свободу, при этом объединяя их в систему, которая приобретает новые функции.
СТРУКТУРА
Структура – наиболее существенные компоненты и связи системы. Многие системы являются динамическими (об этом мы поговорим позже), то есть часть из компонентов может изменяться, добавляться или удаляться. Но структура системы в виде ее постоянных компонентов обеспечивает жизнеспособность системы.
ЦЕЛЬ
Цель – идеальный конечный результат. Любая, даже такая мелкая система, как кнопка, имеет вполне ясную цель, ради которой система существует.
Сегодня было много философских категорий, и может быть сходу непросто въехать в это, но мы будем с этим разбираться постепенно.
И да, 8 декабря (пятница) в 16:00 я буду рассказывать подробнее про системный подход на онлайн-лекции в Skillbox, которая будет доступна вот здесь – https://skillbox.ru/revolution/, так что там многие вещи, надеюсь, станут гораздо более прозрачными.
Ну а завтра мы продолжим тему, попытаемся разобраться в характеристиках систем, которые применимы к дизайну, и посмотрим на основные типы систем.
Ну а завтра мы продолжим тему, попытаемся разобраться в характеристиках систем, которые применимы к дизайну, и посмотрим на основные типы систем.
events.skillbox.ru
«Я вам покажу востребованные IT-профессии!» образовательный вебинар Сергея Бурунова
«Я вам покажу востребованные IT-профессии!» образовательное расследование Сергея Бурунова. Узнаем, чем занимаются программисты, маркетологи и дизайнеры. Выясним, можно ли при помощи онлайн-образования изменить карьеру и реально ли освоить IT-профессию на…
У любой системы есть несколько характеристик, которые отличают ее от простого набора элементов. И эти характеристики очень хорошо применимы для оценки качества сделанного дизайна. Будет много сложных определений, но попытаемся их упростить.
ИНТЕГРАТИВНОСТЬ
Интегративность – «сила» или «ценность» связей элементов внутри системы выше, чем сила или ценность связей элементов системы с элементами внешней среды.
Например, начинающий дизайнер, приступая к новому проекту, собрал себе борд на Pinterest, включив в него самые трендовые работы с Dribbble, Behance, FWA, Awwwards. Все они очень сочные и яркие. Дизайнер не может выбрать какой-то один референс, ему хочется замешать все и сразу, чтобы уж точно медальку получить. И он начинает собирать страницу из блоков, в каждом из которых использует стилистику из разных классных работ. В результате связь этих блоков между собой в рамках страницы гораздо слабее, чем связь каждого из них со своим внешним референсом. Ну и на выходе в таких ситуациях кажется, что дизайн «разваливается» и «сшыт, как ласкутное одеяло».
Ну а еще более явно эта характеристика проявляется во всем известной теории близости, о которой можно почитать вот здесь – https://www.artlebedev.ru/kovodstvo/sections/136/.
СИНЕРГИЧНОСТЬ
Синергичность – возможности системы превосходят сумму возможностей составляющих её частей.
Если мы берем какой-нибудь бесплатный UI-kit, то у интерфейсных элементов, входящих в его набор, есть определенная ценность, но она не высока. Если же мы из этих разрозненных элементов собрали готовую страницу, то ее ценность в разы выше ценности UI-kit'а, потому что с помощью нее мы уже можем передать информацию посетителю или даже получить что-то от него, при наличии простого фронтенда.
ИЕРАРХИЧНОСТЬ
Иерархичность – каждый элемент системы может рассматриваться как система; сама система также может рассматриваться как элемент некоторой надсистемы.
В общем любой «дизайн», который вы делаете, как правило сам по себе состоит из разных подсистем. Но при этом и сам является частью какой-то большей системы.
Например, страница сайта состоит из подсистем типа меню, формы, таблицы, футтер и так далее. Но при этом сама страница, наряду с другими страницами, является частью сайта, который является их надсистемой.
И дизайнеру важно научиться ходить вверх и вниз по этим уровням абстракции, чтобы понимать, какое место та система, которую он создает, занимает в общей картине, из каких подсистем состоит, и на что он в них может повлиять.
В общем вся эта каша в вашей голове, если варить ее на медленном огне, через какое-то время становится вполне съедобной, а в некоторых случаях даже вкусной. Так что вы сейчас пока закройте ее крышечкой и потомите ;)
Ну и на всякий случай напоминаю, что сегодня в 16:00 буду рассказывать про свой взгляд на системный подход вот здесь – https://skillbox.ru/revolution/ . Приходите, мне будет приятна ваша поддержка и вопросы.
ИНТЕГРАТИВНОСТЬ
Интегративность – «сила» или «ценность» связей элементов внутри системы выше, чем сила или ценность связей элементов системы с элементами внешней среды.
Например, начинающий дизайнер, приступая к новому проекту, собрал себе борд на Pinterest, включив в него самые трендовые работы с Dribbble, Behance, FWA, Awwwards. Все они очень сочные и яркие. Дизайнер не может выбрать какой-то один референс, ему хочется замешать все и сразу, чтобы уж точно медальку получить. И он начинает собирать страницу из блоков, в каждом из которых использует стилистику из разных классных работ. В результате связь этих блоков между собой в рамках страницы гораздо слабее, чем связь каждого из них со своим внешним референсом. Ну и на выходе в таких ситуациях кажется, что дизайн «разваливается» и «сшыт, как ласкутное одеяло».
Ну а еще более явно эта характеристика проявляется во всем известной теории близости, о которой можно почитать вот здесь – https://www.artlebedev.ru/kovodstvo/sections/136/.
СИНЕРГИЧНОСТЬ
Синергичность – возможности системы превосходят сумму возможностей составляющих её частей.
Если мы берем какой-нибудь бесплатный UI-kit, то у интерфейсных элементов, входящих в его набор, есть определенная ценность, но она не высока. Если же мы из этих разрозненных элементов собрали готовую страницу, то ее ценность в разы выше ценности UI-kit'а, потому что с помощью нее мы уже можем передать информацию посетителю или даже получить что-то от него, при наличии простого фронтенда.
ИЕРАРХИЧНОСТЬ
Иерархичность – каждый элемент системы может рассматриваться как система; сама система также может рассматриваться как элемент некоторой надсистемы.
В общем любой «дизайн», который вы делаете, как правило сам по себе состоит из разных подсистем. Но при этом и сам является частью какой-то большей системы.
Например, страница сайта состоит из подсистем типа меню, формы, таблицы, футтер и так далее. Но при этом сама страница, наряду с другими страницами, является частью сайта, который является их надсистемой.
И дизайнеру важно научиться ходить вверх и вниз по этим уровням абстракции, чтобы понимать, какое место та система, которую он создает, занимает в общей картине, из каких подсистем состоит, и на что он в них может повлиять.
В общем вся эта каша в вашей голове, если варить ее на медленном огне, через какое-то время становится вполне съедобной, а в некоторых случаях даже вкусной. Так что вы сейчас пока закройте ее крышечкой и потомите ;)
Ну и на всякий случай напоминаю, что сегодня в 16:00 буду рассказывать про свой взгляд на системный подход вот здесь – https://skillbox.ru/revolution/ . Приходите, мне будет приятна ваша поддержка и вопросы.
events.skillbox.ru
«Я вам покажу востребованные IT-профессии!» образовательный вебинар Сергея Бурунова
«Я вам покажу востребованные IT-профессии!» образовательное расследование Сергея Бурунова. Узнаем, чем занимаются программисты, маркетологи и дизайнеры. Выясним, можно ли при помощи онлайн-образования изменить карьеру и реально ли освоить IT-профессию на…
В прошлую пятницу поговорили с ребятами из Skillbox на тему системности в дизайне, про которую я сейчас пишу в канале.
Тема непростая, поэтому, возможно вам немного упростят восприятие мои пояснения в формате видео-лекции - https://youtu.be/DzNz58sIQBI.
Посмотрите!
Ну и конечно мне очень приятны будут ваши лайк 😝
Тема непростая, поэтому, возможно вам немного упростят восприятие мои пояснения в формате видео-лекции - https://youtu.be/DzNz58sIQBI.
Посмотрите!
Ну и конечно мне очень приятны будут ваши лайк 😝
YouTube
Что такое дизайн-система
Положи начало профессии мечты с курсом ⇒ http://bit.ly/0PROДизайн-директор Looi Сергей Андронов расскажет, что такое дизайн-система.Также будет рассмотрено:-...
На лекциях, выступлениях или просто на фейсбуке часто просят дать список ресурсов, на которых можно искать вдохновение. И я уже писал про TheFWA, Awwwards, Muz.li и многие другие. Но если у вас нет желания или времени каждый день заходить на десяток разных сайтов, то можете для начала просто подписаться на канал хороших ребят https://news.1rj.ru/str/nowhow, которые на ежедневной основе отыскивают интересные проекты и сопровождают их описанием, чтобы вы сразу понимали, чем ценен проект, даже еще не заходя на него. Думаю, что начинающим дизайнерам, будет особенно полезно!
https://news.1rj.ru/str/nowhow
https://news.1rj.ru/str/nowhow
Telegram
Now How Channel
Сайты с хорошим дизайном со всего света 🤟 Since 2016
Сотрудничество: @design_manager_bot
Регистрация в РКН: https://www.gosuslugi.ru/snet/679bcf1cb34cfc6080d9a142
Сотрудничество: @design_manager_bot
Регистрация в РКН: https://www.gosuslugi.ru/snet/679bcf1cb34cfc6080d9a142
Наверное многие, кто посмотрел мою лекцию на Skillbox, поняли, что для построения любой системы важно основание, на котором она строится. Важно сформировать для себя проверочные условия, от которых можно отталкиваться. И самым верхнеуровневым проверочным условием является принцип.
Принцип – это самое базовое правило, распространяющееся на широкий спектр ситуаций. И принципы очень сильно помогают выдерживать фокус в одном направлении.
Крупнейшие дизайн-команды по всему миру уже определили принципы, на которых базируются их процессы, и закрепили их в статьях, дизайн-системах, манифестах. И ранее для того, чтобы найти принципы, которыми руководствуется та или иная команда, нужно было потратить какое-то количества времени на поиск, покопаться в блогах компаний и так далее.
Буквально на днях открылся отличный ресурс https://principles.design/, на котором на момент публикации в одном месте собраны принципы от 134 разных команд и авторов. Карточка принципов каждого автора содержит их описание и, что важно, ссылку на первоисточник, где вы можете ознакомиться с еще более полным описанием, примерами и так далее.
Даже просто чтение принципов, которыми руководствуются крупнейшие компании, сильно помогает в осознании того, что можно улучшить в процессе своей работы.
Поэтому переходите по ссылке, добавляйте в закладки и читайте!
https://principles.design/
Принцип – это самое базовое правило, распространяющееся на широкий спектр ситуаций. И принципы очень сильно помогают выдерживать фокус в одном направлении.
Крупнейшие дизайн-команды по всему миру уже определили принципы, на которых базируются их процессы, и закрепили их в статьях, дизайн-системах, манифестах. И ранее для того, чтобы найти принципы, которыми руководствуется та или иная команда, нужно было потратить какое-то количества времени на поиск, покопаться в блогах компаний и так далее.
Буквально на днях открылся отличный ресурс https://principles.design/, на котором на момент публикации в одном месте собраны принципы от 134 разных команд и авторов. Карточка принципов каждого автора содержит их описание и, что важно, ссылку на первоисточник, где вы можете ознакомиться с еще более полным описанием, примерами и так далее.
Даже просто чтение принципов, которыми руководствуются крупнейшие компании, сильно помогает в осознании того, что можно улучшить в процессе своей работы.
Поэтому переходите по ссылке, добавляйте в закладки и читайте!
https://principles.design/
Design Principles
An Open Source collection of Design Principles and methods
Примерно неделю назад у Кости Горского (дизайн-лида компании Intercom) вышло интервью на Bang Bang Education. И мне казалось, что это интервью уже должны были посмотреть абсолютно все, но к моему удивлению, на счетчике под видео всего 368 просмотров. А это значит, что многие подписчики канала не видели этой отличной беседы – https://youtu.be/8zBOrahFBAU.
Если кто-то не знает Костю, то ранее он был дизайн-директором всего Яндекса, в котором начинал работать еще дизайнером. А сейчас он руководит дизайн-командой крутой компании Intercom в Дублине.
Ну и, я думаю, вы и так все подписаны, но на всякий случай напомню, что у Кости есть отличный канал про дизайн и продуктивность в телеграме – https://news.1rj.ru/str/desprod
Видео-интервью – https://youtu.be/8zBOrahFBAU
Если кто-то не знает Костю, то ранее он был дизайн-директором всего Яндекса, в котором начинал работать еще дизайнером. А сейчас он руководит дизайн-командой крутой компании Intercom в Дублине.
Ну и, я думаю, вы и так все подписаны, но на всякий случай напомню, что у Кости есть отличный канал про дизайн и продуктивность в телеграме – https://news.1rj.ru/str/desprod
Видео-интервью – https://youtu.be/8zBOrahFBAU
YouTube
Беседа с Костей Горским о том, как стать продуктовым дизайнером и фокусироваться на силе
Про то, как стать продуктовым дизайнером, про работу в команде, где каждый на равных высказывает мнение, и про ситуации, в которых важен почерк одного человека, про плюсы и минусы соцсетей, про то, что важно быть частью мирового сообщества, о том, как стать…