Metóda izometrického dizajnu alebo popoludňajšieho čaju s MC Escher

Nekonečné izometrické schodisko

Izometrický dizajn je všade, kam sa práve pozriete.

Niekoľko príkladov

  1. V logách spoločnosti (Airtable, Node.js, staré logo Rightmove, Neo, RaiBlocks, Gas, Enigma, Neblio).
  2. V televíznej relácii Silicon Valley je otváracia sekvencia izometrická.
  3. Donedávna mala Slack na svojich marketingových webových stránkach vyobrazenú celú izometrickú kancelársku scénu.
  4. Na driblovateľných miestach je vždy možné, aby existoval aspoň jeden izometrický „výstrel“.

Čo presne je izometrický dizajn?

Izometrický dizajn (v gréčtine „rovnaké opatrenie“) je, keď opisujete objekty z určitého trojrozmerného hľadiska, ale bez akejkoľvek perspektívy.

Je to hľadisko, ktoré všetci vieme z hrania Simsa alebo Tematickej nemocnice alebo z hrania oveľa novšej hry Monument Valley z hry Ustwo.

Izometrická kocka

Nedávno som sa rozhodol, že sa chcem dozvedieť viac o izometrickom dizajne a najmä o tom, ako by som mohol takýto návrh sám vytvoriť v aplikácii Sketch.

Po niekoľkých neúspešných pokusoch som si čoskoro uvedomil, že musí existovať nejaká metóda na jej vytvorenie.

Preto som povolal pána izometrie, môjho starého priateľa MC Eschera, aby som sa opýtal, či by som sa mohol obísť pri šálke čaju a rozprávať to celé. Povedal, že to bude jeho potešenie a my sme sa dohodli, že sa stretneme nasledujúce popoludnie.

Dom MC Eschera

Práca MC Eschera nanešťastie podlieha autorským právam, a preto som na jeho diela uviedol odkazy v nasledujúcom texte.

Keď som prišiel do jeho domu na čaj, prešiel som jeho prednými dverami do krásne zdobenej prednej haly. Podlaha bola dláždená mozaikou rýb tessellated ... alebo to boli vtáky ... alebo to boli jašterice? Nebolo možné povedať.

Pozri transformačné výtlačky MC Eschera.

Okolo miestnosti boli kamenné stĺpy, ale bolo ťažké určiť, kde začínali a končili, a zdalo sa, že sú vzájomne prepletené spôsobom, ktorý je ťažké opísať.

Mnoho schodov smerovalo rôznymi smermi.

Celé miesto ... to nebolo možné pochopiť to všetko naraz. Pri pohľade akýmkoľvek konkrétnym smerom to vyzeralo geometricky zmysel, ale pri pohľade na celý priestor to neurobilo. Bolo to, akoby steny a strop porušovali zákony dimenzie a perspektívy.

Predo mnou stálo obrovské schodisko a podobné dolu dolu po mojej pravici.

Pozri Konvexné a konkávne od MC Eschera.

Videl som poznámku na stole v hale s požiadavkou na moju spoločnosť na štvrtom poschodí, a tak som sa vydal smerom ku schodisku predo mnou.

Išiel som hore o štyri lety, každý z nich o pravú odbočku z predchádzajúceho letu. Len čo som však vystúpil na štvrtý let, stalo sa niečo veľmi zvláštne. Zdalo sa, že som sa vrátil na presne to isté miesto, kde som začal. Opäť som stál pri stole v hale s poznámkou, ktorá mi hovorila, aby som šiel do štvrtého poschodia.

Pozri Vzostupne a zostupne od MC Eschera.

Bolo to mätúce, ale nie neočakávané od môjho starého priateľa MC Eschera. Bolo štvrté poschodie totožné s prízemím alebo som sa nesústredil? Keď som počul, ako vo dverách prišiel môj starý priateľ, debatoval som o tom, či ísť hore alebo na štyri lety znova.

Ospravedlnil sa za to, že bol neskoro (zamrmlal niečo o tom, ako bol čas jednou dimenziou, ktorú nedokázal ohnúť) a my sme odišli do čajovne na čaj.

Nakoniec sme sa dostali k téme izometrického dizajnu.

Izometrický dizajn

Pripustil, že ho potešilo, že svet dizajnu sa teší z podivného a zaujímavého sveta izometrie.

Potom mi ukázal, ako začať s takýmto dizajnom ...

„To, čo chceme vytvoriť, môj starý priateľ, je kosočtverec. Každá strana tohto kosoštvorca musí mať rovnakú dĺžku, povedzme 1, a kosoštvorec musí byť v 30 stupňovom uhle.

„Na vytvorenie takéhoto tvaru v aplikácii Sketch môžeme začať štvorcom, ktorý je široký 1 jednotka a vysoký 1 jednotka.

„Potom musíme zredukovať šírku štvorca na druhú odmocninu 3 delenú číslom 2, čo je približne 0,866. Potom musíme číry štvorec o 30 stupňov pozdĺž svojej vertikálnej osi. To nám poskytuje požadovaný kosoštvorec so všetkými stranami dĺžky rovnými 1 a uhlom 30 stupňov.

„A toto je jedna z rovín nášho izometrického dizajnu!

Vytvorenie izometrickej roviny a následné vykonanie rovnakej transformácie do samotného obrázka MC Escher

„Teraz môžeme jednoducho otočiť kosoštvorec o 120 stupňov a 240 stupňov, aby sme vytvorili ďalšie dve roviny izometrickej kocky.

„Tieto tri roviny tvoria krajinu pre izometrický dizajn. Z tejto perspektívy môžeme teraz nakresliť akýkoľvek objekt tak, že použijeme túto veľmi istú transformáciu na celý objekt. “

Stručne povedané, starý pán mi povedal, aby som urobil toto:

  1. Začnite štvorcom 1: 1,
  2. Zmenšiť svoju šírku na 0,866,
  3. Zvislo o 30 stupňov vertikálne,
  4. Otočte ho do požadovanej roviny.

Hrať si s Isometry

Keď som to všetko vzal a skončil čaj, MC Escher mi chcela ukázať ešte jednu vec. Pokračoval ...

"Teraz, keď ste zvládli, ako nakresliť izometriu, sa s tým môžete pobaviť, pretože som si istý, že ste ma videli v mojej práci a ako ste už predtým zažili moje schodisko."

"Dovoľte mi, aby som vás vzal na moju záhradu, aby som vám ukázal, čo tým myslím."

A tak ma MC Escher vzal na vodu do záhrady.

„Pozrite sa, ako voda tečie pozdĺž troch strán tejto vodnej cesty v podstate na rovnakej úrovni, ale potom padá do vodopádu späť na miesto, kde začala. Ak to nakreslím rukou, vidíte, ako to môžeme dosiahnuť pomocou izometrických rovín, o ktorých sme diskutovali vo vnútri.

Pozri Vodopád MC Eschera

Izometrický vodopád

"To je všetko možné, pretože sa hráme s naším vnímaním sveta, ohýbame realitu na miesto, kde sa stáva paradoxným."

A tak ma nakreslil horeuvedeným náčrtom ako memento, aby som si vzal domov. Bola som ohromená všetkou múdrosťou, ktorú mi dal, a vrátila som sa domov s túžbou ísť po nejakej izometrickejšej podobe.

Ak sa domnievate, že vám tento blog poskytol nový pohľad, možno dokonca aj izometrický, klepnite na zdieľanie.

Úplne z iného pohľadu si pozrite môj predchádzajúci blog. Tajomstvo dlhšieho a šťastnejšieho života je ukryté v Einsteinovej teórii relativity.

Skontrolujte tiež moju spoločnosť www.pilcro.com. Vyrábame inteligentný softvér na správu značiek pre balík G-Suite.

Tento príbeh je publikovaný v The Startup, najväčšej podnikovej publikácii pre médiá, po ktorej nasleduje 289 682+ ľudí.

Prihláste sa na odber noviniek tu.