Flying Papers
Išpažintis šeštadienio ryto animaciniame filme
„Flying Papers“ veikia kaip šeštadienio ryto animacinis filmas, atspausdintas ant storo risografinio popieriaus: plokščia, prislopinta violetinė scena, sodrių, konfeti primenančių spalvų mišinys ir toks didelis šriftas, kad užima visą žiūrėjimo plotą. Prekės ženklas yra ryškus, drąsus ir bekompromisis – jis ne reikalauja dėmesio, o jį pritraukia. Kiekvienas ekranas turėtų atrodyti kaip vienas ryškus plakatas: viena dominuojanti antraštė, viena veikėjo iliustracija, vienas veiksmas tekste ir daug baltos erdvės. Didžiąją darbo dalį atlieka rėmeliai, pakeisdami šešėlius; spalva naudojama kaip dažai, o ne duomenys. Paviršiai išlieka plokšti, kraštai išlieka ryškūs – 6 pikseliai, o vienintelė sistemos silpnoji vieta yra 100 pikselių tabletė ant išėjimo mygtuko.
Viso ekrano plakatų maketai be maksimalaus pločio apribojimų. Kiekvienas ekranas yra viena kompozicija, tokio pat dydžio kaip peržiūros sritis: vienas didžiulis „ObjectivelyVariable“ pavadinimas, centre arba kairėje lygiuotas, viena talismano iliustracija, persidengianti ant teksto, ir mažas įterptinis veiksmas apačioje. Skyriai nesikeičia tarp šviesių ir tamsių spalvų – visas puslapis išdėstytas ant „Twilight Purple“ drobės, padengtos vienspalvėmis kortelėmis. Navigacija yra vienas centre esantis logotipas be meniu juostos. Kortelės išdėstytos laisvu 2–3 stulpelių išdėstymu su dideliais tarpeliais; kortelių dydžiai nustatomi pagal turinį, o ne pagal vienodumą. Tankumas yra itin didelis: viena idėja kiekviename ekrane, apsupta violetinės spalvos erdvės.
Tik iliustracijos – jokių nuotraukų, 3D vizualizacijų ar abstrakčių gradientų. Vizualinė kalba – ranka piešto animacinio stiliaus su storais juodais kontūrais (2–3 pikseliai), plokščiais 2–3 spalvų užpildais ir be šešėliavimo. Veikėjai yra talismanai, kurie sąveikauja su šriftu (žvilgčioja į išorę, atsiremia į raidę arba stovi ant jos). Piktogramos piešiamos juodomis („Pure“) arba baltomis („Bone“) linijomis, kurių linijos plotis yra 1,5–2 pikseliai. Vaizdai pirmiausia kuria dekoratyvią atmosferą, niekada neaiškina – šriftas perteikia žinutę, o veikėjas – nuotaiką.
Paletė
Prekės ženklas
- Dusk Violet
#8584bd— Pagrindinė drobė ir pagrindinis fonas yra scena, kurioje atsiranda visos kitos spalvos. - Hi-Vis Yellow
#f4ed36— Geltona spalva naudojama veiksmų kontūrams, nuorodų etiketėms ir interaktyviems elementams paryškinti. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimams veikti. - Buttery Yellow
#f9cc73— Papildomas tekstas ekrane ir švelnesnės rėmeliai suteikia subtilesnį atspindinčios spalvos įspūdį situacijose, kai atspindinti spalva būtų per daug. - Lilac Shadow
#61609a— Įterptųjų paviršių kortelių ir blokų fonai violetinėje scenoje yra tamsesnės violetinės spalvos.
Neutralus
- Bubblegum Pink
#f8c1ba— Dekoratyvinės apvadėlės ir konfeti akcentai yra šiltai rožinė spalva, naudojama saikingai, kad būtų sukurtas spalvų akcentas. - Matcha Cream
#b5c995— Dekoratyviniai apvadai ir konfeti akcentai suteikia dulkėtą žalią atspalvį kortelės antraplaniams veikėjams. - Magenta Punch
#ac4f98— Papildomas paviršius akcento kortelėms – skirtas efektų blokams, kurie turėtų skambėti garsiau nei scena. - Firecracker Red
#c94245— Raudonas užpildas, skirtas paryškinti foną, dekoratyvines juosteles ir švelnų akcentą už turinio. - Bone White
#f9f5f2— Plonos rėmeliai, skirtukai, įvesties laukų kontūrai ir kortelių kraštai ant šviesių paviršių. Venkite naudoti šią spalvą kaip pagrindinę raginimo veikti mygtukų spalvą. - Ink Black
#1a1a1a— Pagrindinis tekstas, pagrindinės rėmeliai ir mygtukų kontūrai yra beveik juodos spalvos, naudojamos tipografiniams darbams ant kreminių paviršių.
Tipografija
nuo 10 iki 341 pikselių · 8 žingsniai
- ObviouslyVariable — pakeitimas: Founders Grotesk Condensed · kontūrai 800, 900 · Ši šriftų šeima antraštėms ir dideliems spaudiniams yra vienintelis šriftas, pakankamai ryškus šiai sistemai. Dydžiai svyruoja nuo 18 pikselių pagrindiniam tekstui iki 341 pikselio plakatų rodymui. Mažas 0,80–1,00 eilučių tarpas leidžia rodyti kelių eilučių antraštes kaip vientisus spalvų blokus; „Calt“ funkcija išjungta, todėl plačios geometrinės formos lieka nepagražintos. Alternatyvos: „Founders Grotesk Condensed“, „Knockout“ arba „Druk Wide“.
- DegularVariable — pakeitimas: Inter · kontūrai 400 · Itin mažas vartotojo sąsajos tekstas – naršymas, poraštės mikrokopija ir įterptosios etiketės, kurių dydis – 10 pikselių. Neutralus, universalus šriftas, kuris sklandžiai susilieja su pagrindiniu tekstu. Pakeitimai: „Inter“, „IBM Plex Sans“.
- bergen_monoregular — pakeitimas: JetBrains Mono · kontūrai 400, 600 · Vienodo tarpo mikrošriftas navigacijai, žymėms ir mažoms duomenų etiketėms sukuria rašomosios mašinėlės ritmą apvaliame ekrane. 0,80 eilutės tarpas vienodo tarpo šrifte yra skiriamasis bruožas: glaudžiai išdėstytas vienodo tarpo šriftas atrodo kaip kvitas. Alternatyvos: „JetBrains Mono“, „IBM Plex Mono“.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 17px |
| Mygtuko spindulys | 100px |
| Kortelės spindulys | 6px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 40px |
Dirbtinis intelektas sukurs jūsų svetainę Flying Papers stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Navigate — Didelis lipdukų rinkinys, pritvirtintas prie lentos: didelis groteskiškas šriftas, visas planšetinių kompiuterių pavidalu ir penkios įvairiaspalvės piktogramos, kartojančios kaip logotipas
- Hatch — Rankomis pieštas, samizdato stiliaus dizainas, derinamas su pastelinėmis saldainių dubenėlėmis. Kreminė popierinė drobė, papuošta mėtiniais akcentais, konfeti taškeliais ir tablečių formos raginimais veikti, kur didelis, ryškus serifinis šriftas sufleruoja apie linksmybes, o kampe mirksi mėlynas talismanas.
- Wonder — Neoninės violetinės spalvos komandų centras – tai gili slyvų spalvos tamsa, persmelkta vieno lazerio violetinės šviesos šaltinio.
- Duolingo — Žaismingas klasės talismanas ant balto popieriaus
- Family — Pasakos išklotinė ant kreminio pergamento
- Visitors — baltas inžinerinis brėžinys
- Say Briefly — Kūrybinės agentūros eskizų knygelė ant kreminio popieriaus
- Superpower — Bioliuminescencinės sveikatos valdymo centras
- Dopper — Saulės nutvieksta, kreminė lagūna su ryškiai mėlyna srove. Šilta, smėlio spalvos platybė, kur vienas ryškiai mėlynas kanalas ir krištolo skaidrumo, saldainius primenančios kortos raižo erdvę tarsi saulės šviesa vandenį.
- Dock — Saulės apšviestas kreminis popierius, kobalto pulsas
- Portrait — Prisiminimų siena, užfiksuota Polaroidais ant kreminės spalvos popieriaus. Ryškios, kreminės spalvos albumas, kuriame tamsiai mėlynas rašalas yra vienintelis tekstas, vienintelės struktūrinės linijos ir vienintelė rėmelio spalva – su viena ranka piešta vaivorykšte, kuri pasirodo vieną kartą, ant mygtuko „Registruotis“ ir ant kursyvu parašyto žodžio „amžinai“, ir niekada daugiau.
- Quizlet — Klasė dekoruota įvairiomis spalvomis baltame fone – ramus stalas, už kurio keturios pastelinių spalvų kortelės yra vienintelis ryškus akcentas vėsių pilkų sienų ir vieno indigo žymekliu padaryto ženklo fone.