Краткое резюме: в этом чтении представлена ​​краткая история дизайн-систем.

Хронология:

В 1960-е годы компьютерные технологии развивались быстрее, чем программирование. Компьютеры становились быстрее и дешевле, но разработка программного обеспечения оставалась медленной, сложной в обслуживании и подверженной ошибкам. Эта ситуация была названа « программным кризисом » и поставила перед дилеммой, что делать дальше.

На конференции НАТО по разработке программного обеспечения в 1968 году Дуглас Макилрой предложил разработку на основе компонентов в качестве решения проблемы. Этот подход позволяет программистам ускорить свою работу за счет повторного использования кода, что делает его более эффективным и простым в масштабировании.

Дизайн по умолчанию не масштабируется, потому что дизайн уникален для каждого решения для разных проблем.

Однако в 2005 году Дженифер Тидвелл опубликовала получившую широкое признание книгу О’Рейли Designing Interfaces . Тидвелл расширила работу, которую она начала пять лет назад в Массачусетском технологическом институте, работая над языками шаблонов. В своей книге Тидвелл объединила общие дизайнерские решения в ряд повторно используемых шаблонов, от «форм» до «меню» и «навигации». Эти шаблоны, примененные к цифровому дизайну, обеспечили предсказуемый способ создания интерфейсов, которые казались знакомыми и интуитивно понятными людям, которые их использовали. Мышление Тидуэлла легло в основу более продуманного подхода к системам проектирования. Для веб-разработчиков это началось с более эффективной организации и повторного использования кода.

В 2006 году Yahoo! выпустила свою библиотеку пользовательского интерфейса Yahoo (YUI) как программное обеспечение с открытым исходным кодом. YUI — это «набор утилит и элементов управления, написанных на JavaScript, для создания интерактивных веб-приложений». Позже YUI также включал элементы CSS. Он состоял из ряда компонентов, которые можно было смешивать и сопоставлять на страницах. Вместе их можно использовать для создания динамических приложений Web 2.0. Yahoo! команда использовала его для создания пользовательских страниц, таких как My Yahoo!

В течение многих лет YUI служил руководством для разработчиков, предоставляя практичный, основанный на коде подход к принципам дизайна интерфейса, изложенным Дженнифер Тидвелл и другими. YUI взял общие дизайнерские решения и абстрагировал их, чтобы их можно было повторно использовать на разных страницах и веб-сайтах. Результатом стал набор шаблонов интерфейса, которые можно было смешивать и сопоставлять для разных интерфейсов.

В 2014 году Google представила Material Design , который был первым, который компания назвала «языком дизайна». Предыдущая версия называлась «Holo Theme». Вскоре термин «язык дизайна» стали использовать и другие компании.

Это обширная история Design System. Кроме того, я включил несколько полезных ссылок на системы проектирования, которые поддерживаются их организацией:

• Пользовательский интерфейс онсэн
• Система углеродного дизайна
• Полярис

PS/FYI: Создание и поддержка разветвленной системы проектирования может быть сложной задачей для одного человека. Если вы дизайнер, читающий это, рекомендуется сосредоточиться на создании библиотеки компонентов для вашего индивидуального дизайна и оставить разработку и обслуживание системы дизайна корпорациям, у которых есть для этого ресурсы.