Метод за изометричен дизайн или следобеден чай с MC Escher

Безкрайно изометрично стълбище

Изометричният дизайн е навсякъде, където гледате в момента.

Няколко примера

  1. Във фирмените лога (Airtable, Node.js, старото лого на Rightmove, Neo, RaiBlocks, Gas, Enigma, Neblio).
  2. В Силиконовата долина, телевизионното шоу, последователността на отваряне е изометрична.
  3. Доскоро Слак имаше цяла изометрична офисна сцена, изобразена на маркетинговия им уебсайт.
  4. При дрибъл по всяко време със сигурност има поне един изометричен „изстрел“.

И така, какво точно е изометричен дизайн?

Изометричният дизайн (на гръцки означава „с еднаква мярка“) е, когато описвате обекти от определена 3-D гледна точка, но без никаква перспектива.

Това е гледната точка, която всички знаем от играта на Sims или Theme Hospital или от играта на много по-новата игра Monument Valley от Ustwo Games.

Изометричен куб

Наскоро реших, че искам да науча повече за изометричния дизайн и по-специално как мога сам да създам такъв дизайн в Sketch.

След няколко неуспешни опита, скоро разбрах, че трябва да има някакъв метод за създаването му.

И така, аз се обадих на самия майстор на изометрията, на стария ми приятел MC Ешер, за да ме попита дали мога да дойда за чаша чай и да го поговорим. Той каза, че ще му е удоволствие и ние се уговорихме да се срещнем на следващия следобед.

Къщата на MC Escher

За съжаление работата на MC Escher е под авторско право и затова съм поставил връзки към неговото произведение в следващото.

Когато пристигнах в къщата му за чай, влязох през входната му врата в красиво богато украсена предна зала. Подът беше застлан с мозайка от риба…, или птици… или гущери? Беше невъзможно да се каже.

Вижте отпечатъци от трансформации от MC Escher.

Около стаята имаше каменни колони, но беше трудно да се определи къде започват и свършват и те сякаш се преплитат по начин, който е трудно да се опише.

Имаше много стълбища, всички тръгнаха в различни посоки.

Цялото място ... беше невъзможно да се осмисли всичко в един замах. Гледайки във всяка конкретна посока, изглежда, че има смисъл геометрично, но когато разгледахме цялото пространство, това не стана. Сякаш стените и таванът нарушават законите на измерението и перспективата.

Пред мен се изкачваше огромно стълбище и подобно се слизаше отдясно.

Вижте Convex and Concave от MC Escher.

Забелязах бележка на масата на коридора, която поиска моята компания на четвъртия етаж и затова тръгнах към стълбището пред мен.

Качих се на четири полета, всеки от които надясно завива от предишния полет. Обаче, след като се качих на четвъртия полет, се случи нещо много странно. Изглежда, че се върнах на точно същото място, където бях започнал. Отново стоях до масата на залата с бележката, която ми казваше да се кача на четвъртия етаж.

Вижте Възходящ и низходящ от MC Escher.

Това беше объркващо, но не неочаквано от стария ми приятел MC Escher. Четвъртият етаж ли беше идентичен с приземния или не се бях концентрирал? Обсъждах дали да върна отново или не на четирите полета, когато чух стария си приятел да идва през вратата.

Той се извини, че закъсня (мърморейки нещо за това, колко време беше единственото измерение, което той не можеше да огъне) и се оттеглихме в дневната му за чай.

Най-накрая стигнахме до темата за изометричния дизайн.

Изометричен дизайн

Той призна, че се радва, че дизайнерският свят се наслаждава на странния и интересен свят на изометрията.

След това ми показа как да започна с такъв дизайн ...

„Това, което търсим да създадем, мой стар приятел, е ромб. Всяка страна на този ромб трябва да има еднаква дължина, да кажем 1, а ромбът трябва да е под ъгъл от 30 градуса.

„За да създадем такава форма в Sketch, можем да започнем с квадрат, широк 1 единица и 1 единица висок.

„Тогава трябва да намалим ширината на квадрата до квадрат-корен от 3, разделен на 2, което е приблизително 0,866. След това трябва да наклоним квадрата с 30 градуса по вертикалната му ос. Това ни осигурява желания ромб с всички страни с дължина равна на 1 и с ъгъл от 30 градуса.

„И това е една от равнините на нашия изометричен дизайн!

Създаване на изометрична равнина и след това извършване на същата трансформация на самия MC Escher

„Сега можем просто да завъртим този ромб на 120 градуса и 240 градуса, за да създадем другите две равнини на изометричното кубче.

„Тези три равнини формират пейзажа за изометричен дизайн. Вече можем да нарисуваме всеки обект от тази перспектива, като прилагаме тази съща трансформация към целия обект. “

В обобщение, това, което ми беше казал старецът, е следното:

  1. Започнете с квадрат 1 по 1,
  2. Свийте ширината му до 0,866,
  3. Наклонете го на 30 градуса вертикално,
  4. Завъртете го до равнината, която искате.

Да си поиграем с Изометрия

След като го взех всичко и довърших чая, MC Escher искаше да ми покаже още нещо. Той продължи ...

„Сега, след като сте усвоили как да рисувате с изометрия, можете да се позабавлявате с нея, тъй като съм сигурен, че сте ме виждали да се занимавам с моята работа и както сте опитвали с моето стълбище по-рано.

"Нека ви заведа в градината ми, за да ви покажа какво искам да кажа."

И така MC Escher ме заведе на водна игра в градината му.

„Вижте как водата тече по трите страни на този воден път по същество на същото ниво, но след това пада във водопад обратно до мястото, където е започнала. Ако го нарисувам на ръка, можете да видите как можем да постигнем това, използвайки изометричните равнини, които обсъдихме вътре.

Вижте водопад от MC Escher

Изометричен водопад

„Всичко това е възможно, тъй като играем с нашето възприятие за света, преобръщаме реалността към място, където става парадоксално.“

И така той ми нарисува горната скица като спомен, който да отнеса у дома. Бях изумен от всичката мъдрост, която той ми бе предал и се върнах у дома с желание да се занимавам с още един изометричен дизайн.

Ако смятате, че този блог ви е дал нова перспектива, може би дори изометрична, моля, clap да споделите.

За различна гледна точка, моля, вижте предишния ми блог Тайната за по-дълъг и по-щастлив живот се крие в теорията на относителността на Айнщайн.

Също така, моля разгледайте моята компания www.pilcro.com. Ние правим интелигентен софтуер за управление на марката за G-Suite.

Тази история е публикувана в най-голямото предприемаческо издание The Startup, последвано от 289 682+ души.

Абонирайте се, за да получавате нашите топ истории тук.