Laboratorul
Secțiunea 04 · Method

Decupajul care se deschide în planșă

Ce ați cerut pentru secțiunea asta: decupajul teal al fiecărui pillar e punctul de intrare, iar de acolo se deschide fluid ilustrația completă. Toate trei variantele fac exact asta, cu planșele voastre reale și cu textul din site-ul actual. Diferă doar gestul: un click care transformă decupajul în planșă chiar în pagină, o foaie care se desfășoară peste masa de lucru, sau scroll-ul care conduce tranziția.

i De probat: în prima, click pe decupaj (Esc îl pliază înapoi, chiar și din zbor); în a doua, click pe o piesă de pe board, apoi treceți între pillars cu săgețile fără să închideți foaia; în a treia, doar derulați, înainte și înapoi. Pe telefon, un tap pe planșa deschisă o mărește de două ori. Locul decupajului în planșă e cel real din ilustrație, calibrat pe imagini, nu așezat din ochi. Textul celor trei pillars e cel din site-ul actual și se înlocuiește cu versiunea revizuită când o trimiteți. Paginile sunt ceva mai grele decât restul (planșele voastre, la rezoluție bună), deci primul cadru poate întârzia o clipă. Dacă probați și de pe un iPhone, spuneți-ne cum se simte a treia: e cea care depinde cel mai mult de derulare.

De comparat

Aceeași tranziție, trei gesturi

Axa pe care diferă e gestul care deschide planșa: click în prima, o foaie desfășurată peste masă în a doua, scroll în a treia. Lime, amber și bleu marchează cei trei pillars, coralul rămâne accentul unic. A doua e singura în care cei trei pillars se văd deodată, ca un sistem.

Planșa din decupaj — planșa Co-Creation deschisă ca panou peste pagina pe mintme1pagină vie

Planșa din decupaj

Așezarea editorială a site-ului actual: intro pe mint cu săgeata-cordon, apoi trei rânduri de pillar pe crem, cu cifre-fantomă tăiate de margine. La click, un panou crește chiar din dreptunghiul decupajului, decupajul zboară pe locul lui din planșă și planșa „se aprinde” în jurul lui. De încercat: Esc în timpul zborului îl pliază înapoi; Tab și Enter fac același lucru de la tastatură.

morph la clickDeschide
Masa de lucru — cele trei decupaje prinse pe un board, cu cordonul roșu desenat printre eleme2pagină vie

Masa de lucru

Singura în care cei trei pillars se văd deodată, ca un sistem: decupajele stau prinse ca bucăți de hârtie pe un board, cu ace colorate, iar cordonul roșu se desenează printre ele când derulați. Click pe o piesă desfășoară planșa completă ca o foaie peste pagină. De încercat: treceți de la un pillar la altul cu „← Pillar / Pillar →”, cu stațiile de pe linia coral sau cu săgețile tastaturii, fără să închideți foaia; pe telefon, swipe.

foaie peste boardtoate trei deodatăDeschide
Metoda, pas cu pas — decupajul Strategy așezat pe planșă, cu textul capitolului Process Planning alăturime3pagină vie

Metoda, pas cu pas

Scena stă fixă în stânga, capitolele curg în dreapta: cât citiți un pillar, decupajul lui se așază singur pe locul din planșă, iar planșa se aprinde abia după ce a aterizat. Totul urmează poziția scroll-ului, deci merge la fel înainte și înapoi. Click pe planșă o deschide mare. Pe telefon fiecare capitol are figura lui, cu titlul lipit deasupra.

condus de scrollDeschide