x
 
Артём
11 апреля 2016
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Что такое динамизация?

(Часть первая: распилить и связать)


Постоянство и неподвижность — это застой. Изменение и движение — прогресс. Всё, что когда-то было жёстким и застывшим, становится гибким и подвижным. Этот неизбежный процесс называется «динамизацией».

Распилить и связать

Формула любой системы состоит из элементов и их взаимодействия. Сначала посмотрим, как динамизируются элементы.

Простейшая динамизация связана с дроблением целого объекта на части с подвижным соединением:

  • На рыбалке

    Как улучшить трёхметровую удочку? Сделать её складной, телескопической.

На корпусе мобильных телефонов располагался экран и кнопки. Довольно быстро дизайнерам пришла в голову идея «распилить» корпус на две части — с экраном и клавиатурой — и соединить их шарниром, чтобы получился складной телефон. Поэтому в 2000-м году Моторола в сложенном виде была почти в полтора раза меньше Нокии:

Нокия 3310 — высота 113 мм
Моторола Ви-50 — высота в сложенном виде 83 мм

Шарнир необязательно соединял экран и клавиатуру. Появлялись самые разные вариации телефонов-раскладушек:

Эриксон Т28
Моторола Ви-70
Нокия 6800
Нокия 9500

Приём «распилить и связать» известен людям давно. Дубинка превращается в нунчаки:

Бо — боевой шест
Нунчаки. Магазин кинореквизита «Спешиалистс лимитед»

Компактность — самое очевидное преимущество «шарнирных» предметов. Но вовсе не единственное. Вращательные удары нунчаками не ограничены скоростью конечностей, а благодаря гибкой связи в руку не передаётся отдача от удара.

Как ещё динамизировать нунчаки? Сделать карманную телескопическую версию:

Складные нунчаки. Каратемарт

В технике дробят и связывают элементы всевозможными шарнирами, гибкими и подвижными соединениями.

  • В авиации

    Часть крыла самолёта сделали подвижной — так появились элероны для поворотов и закрылки для взлёта и посадки. А в хвостовом оперении могут быть подвижны не только рули высоты, но и весь горизонтальный стабилизатор.

Если пойти дальше — на самолётах с изменяемой геометрией меняется форма крыла.

Дизайн классического книжного разворота — две отдельные страницы, связанные у корешка:

Галилео Галилей. Звёздный вестник. Венеция, 1610. Рейр-букс

Но дробление и связка не обязательно должны быть механическими. Модульная вёрстка предполагает не физическое, а логическое деление формата на форматы меньшего размера — модули, при этом макет остаётся цельной системой:

Плакат Энтони Нейла Дарта с цитатами Массимо Виньелли

Разделение книги на страницы сделало её компактной и долговечной, а модульный дизайн привнёс новое качество — инструмент организации разнородного материала.

На экране соединение модулей может быть подвижным. Разделитель фреймов перетаскивается мышью:

«Резиновая» панель закладок браузера Сафари

«Шарнир» необязательно должен связывать намертво две части системы. Вспомните о круговом контакте подставки электрочайника, который позволяет ставить его под любым углом, особо не прицеливаясь в паз. А когда-то дизайн подставок подразумевал строго определённое положение электрочайников.

Некоторые дизайнерские задачи решаются введением гибкого соединения без дробления — между элементом и внешней средой:

  • В Студии Лебедева

    В 2005-м году на кухне студии стояла 19-литровая бутыль с водой. Вода поступала через ручной насос в горлышке. Тяжёлая бутыль стояла на столе, и доставляла неудобства, когда надо было повернуть бутыль то к чайнику, то к себе. Решил проблему арт-директор Тимур Бурбаев — он подложил под бутыль советский тренажёр-блин из двух плоских дисков, вращающихся друг относительно друга.

Обыкновенное колесо — по сути шарнир между телегой и дорогой. Колесо не на шутку динамизировало прогресс.

Соединение частей не обязательно должно быть вращательным — оно может обеспечивать смещение и скольжение элементов параллельно друг другу. Вспомните: кроме телефонов-раскладушек были и «слайдеры».

Пример мощной динамизации в графическом интерфейсе — прокрутка списков в Айфоне. Воображаемая поверхность между прокручиваемым списком и телефоном стала «скользящей», и элементы свободно листаются пальцем без лишнего трения.

Об эволюции книги

P. S. Это был понедельничный совет о решении дизайнерских задач. Хотите знать всё о полезном действии, разрешении противоречий, работоспособных системах, законах, приёмах и формулах? Присылайте вопросы.

Дизайн продуктов — дисциплина Школы руководителей. Набор открыт. Чем раньше поступите, тем ниже стоимость и выше шанс на бесплатное место.
 

Поделиться
Отправить

Комментарии

Соломон Шаич
11 апреля 2016

Шест бо — не дубинка, а нунчаки, по самой распространенной версии, происходят от цепа для обмолота риса.


11 апреля 2016

Соломон, ясное дело, что никто не распиливал бо. Как и телефоны никто не пилил в жизни. Предлагаемое мной видение эволюции дизайна в том, что нужно смотреть на суть изменений — она важнее пинбол-эффекта. Закон помогает предсказывать будущее, а пинбол-эффект — нет.

А бо — ого-го какая дубина.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Что там дальше с решением задач? 7 Что такое динамизация? Часть шестая 1 Что такое динамизация? Часть пятая 4 Что такое динамизация? Часть четвёртая




Недавно всплыло

Как сделать нагляднее таблицу перфорированных лотков? Часть вторая 5 Поделитесь соображениями, как работать, путешествуя 8 Расскажите о клише и устойчивых выражениях 13 Защититься от случайного нажатия «Сдаться» 1