Creative Giants
Velikoformatni uredniški plakat na krem papirju
Creative Giants je videti kot prevelika umetniška knjiga, upodobljena v kodi: toplo, kremasto platno, tanki robovi in tako velika pisava, da je bolj podobna plakatu kot naslovu. Celoten sistem deluje na negativnem prostoru in eni sami, lahki velikosti (300) – naslovi so pri 64–84 slikovnih pikah komaj slišni, namesto da bi izstopali s krepko pisavo, razmik med črkami pa se močno zmanjša (-0,04 em) z naraščanjem velikosti pisave, zato so besede videti izklesane in ne olupljene. Barvna shema je porazdeljena v majhnih, nasičenih potezah čopiča: živahna vijolična, temno turkizna, svetlo modra, vroče roza, metina in mornarsko modra se pojavljajo kot površine kartic ali poudarki, namesto kot polnila ozadja. Interaktivni elementi so črne oblike na kremnem ozadju s popolnoma zaobljenimi polmeri (1440 slikovnih pik), medtem ko so kromirani elementi skoraj nevidni – en sam okrogel logotip in gumb»Meni« lebdita v belem prostoru. Vizualni koncept je kontaktni list produkcijskega studia: en ogromen naslov, ena fotografija v polni širini, ena tiha vrstica metabesedila. Vsaka druga stran naj bi sledila istemu lakonskemu slogu.
Postavitev strani s polno zapolnitvijo: Ni vsebnika z največjo širino; vsebina zavzame celotno širino strani z enakimi robovi na levi in desni strani (16–32 slikovnih pik na mobilnih napravah, 32 slikovnih pik+ na namiznih računalnikih). Glavni naslov je en sam velik naslov (»KREATIVNI VELIKANI« pri 84 slikovnih pikah), ki zavzema približno 40 % vidnega polja, takoj za njim pa sledi fotografija s polno zapolnitvijo z metaoznako v spodnjem levem kotu in prekrivnim naslovom. Ritem razdelkov je monoliten: vsak nov razdelek se začne z majhno količino besedila, napisanega z velikimi tiskanimi črkami, in razlago, ločeno s 48–64 slikovnimi pikami belega prostora – ni izmeničnih temnih/svetlih pasov, razen ene obrnjene kartice z napisom Navy Ink. Vsebina je poravnana levo; ni centriranih blokov, razen glavnega naslova. Razdelek z novicami/študijami primerov uporablja mrežo kartic s tremi stolpci in plavajočim blokom s puščico na desni. Navigacija se izvaja prek ene same zgornje glave – brez stranske vrstice ali kakršnih koli zasidranih elementov zunaj same glave. Celotna postavitev je prostorna in skladna z uredniškim slogom: vsak del diha, beli prostor pa je primarni strukturni element.
V oblikovanju prevladuje uredniška fotografija: slike zasedajo celotno širino strani, z ostrimi koti in brez prekrivanja ali zaobljenih mask. Slog se nagiba k dokumentarnemu in atmosferskemu slogu – nagubane roke, javne instalacije in priložnostni posnetki ljudi – brez uporabe režijske fotografije izdelkov. Slike so vedno predstavljene v velikem merilu (polna širina vidnega polja ali zapolnitev celotne kartice), zato je oblikovalska enota fotografija, ne uporabniški vmesnik. Ni ilustracij, 3D-modelov ali maket izdelkov. Ikonografija je minimalna: en sam majhen krožni logotip, obrisne ševrone na vrtiljaku in lahke ikone uporabniškega vmesnika z obrisom 1 slikovne pike. Gostoto slike določa sama slika, besedilo pa služi kot diskretna plast opomb pod ali nad fotografijo.
Paleta
Blagovna znamka
- Magenta Bloom
#8a0467— Roza se uporablja kot sekundarni poudarek za dekorativne detajle in za poudarjanje manj pogosto uporabljenih iskalnih poizvedb. Ne sme se uporabljati kot primarna barva za poziv k dejanju. - Forest Teal
#03624c— Bogata barva, ki poudarja blagovno znamko, za okvirje kartic in okrasne detajle; v kombinaciji z barvo Magenta Bloom ustvari dvobarvni zaključek.
Nevtralno
- Bone White
#fffef7— Platno strani, kartonske površine in besedilo na temnih poudarkih so toplega, kremastega odtenka, ki nadomešča čisti #ffffff in daje celotnemu sistemu papirnat, tiskan občutek. - Ink Black
#000000— Temna barva dopolnjuje nevtralno besedilo in ikone ter ustvarja močan kontrast. Izogibajte se njeni uporabi kot primarne barve za pozive k dejanju. - Graphite
#666666— Sekundarno besedilo, podnapisi, metapodatki in podporno besedilo so potisnjeni v ozadje, da lahko prevlada glavno besedilo. - Ash
#aaaaaa— Obrobe vnosnih polj, barva neaktivnih povezav, terciarni ločila - mehka strukturna siva barva, ki izgine, ko ni potrebna. - Charcoal Scale
#4d4c4a— Srednje nevtralna barva za robove seznama, z nežnim kontrastnim poudarkom na temni gradientni poti - toplo siva namesto modro-siva. - Powder Blue
#a5c8eb— Mehek barvni poudarek – ozadja razglednic, zamegljena ozadja, utišana ilustracijska polnila – ohladi toplo ozadje, ne da bi ustvaril konkurenco.
Tipografija
od 12 do 84 slikovnih pik · 7 korakov
- Switzer — zamenjava: Inter (300 · obrisi 300, 400 · Sistem z eno pisavo: debelina 300 za vse elemente prikaza in naslove (12–84px), debelina 400 za besedilo telesa, metapodatke in kontrolnike uporabniškega vmesnika. Najprimernejša možnost je uporaba debeline 300 pri velikostih 64–84px – večina sistemov tukaj uporablja krepko pisavo velikosti 700–800; svetla pisava Switzer ohranja tanke črte, kar ustvarja vtis airbrush pisave na kremnem platnu. Manjši razmik med črkami z naraščanjem velikosti (-0,04em pri 84px, -0,018em pri 14px) ohranja notranje prostore odprte, ne da bi ustvaril občutek redkosti.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | povprečje |
| Osnovni korak | 8px |
| Polmer gumba | 1440px |
| Polmer kartice | 0px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 64px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Creative Giants in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Studio — Galerijska stena v gibanju. Vsak zaslon predstavlja tiho, sivo razstavno površino, kjer se tipografski materiali in prekrivajoča se ustvarjalna dela potegujejo za pozornost.
- Mollie — Kašmirski pult, temna knjiga blaga. Okoli črnega besedila pustite dovolj belega prostora za uredniško oblikovanje, nato pa točke, povezane z izdelkom, poudarite s toplimi kremnimi, rjavimi odtenki espressa in taktilnimi fotografijami dejanskih načinov plačila.
- Bajgart Office — Stena uredniške galerije. Uporabite velik bel prostor, kjer imajo subtilne serifne pisave in fragmenti portfelja večjo vizualno težo kot kromirani elementi vmesnika.
- Bejamas — Pižama – kislo-limetna barva skozi črno steklo. Ustvarite mirne, svetlo sive uredniške strani, ki jih prekinjajo očarljive črne plošče, kjer se zamegljene zelene proge svetlobe sekajo na površini.
- Kagi — Ločena bralna soba. Ustvarite odprt bel prostor okoli krepkega grafitnega besedila z uporabo subtilnih vijoličnih poudarkov in toplih pastelnih površin, da prekinete spokojnost.
- Milanote — Milanote je specializiran kreativni studio. Ustvarite strani v slogu uredniške galerije z uporabo lebdečih vizualnih tabel: temne stene z okvirji, bel prikazni prostor in posnetki zaslona, ki so videti kot pravi predmeti z mehko globino.
- Co2 — Podnebni atlas v zimski svetlobi. Ustvarite strani kot pokrajino dokumentov iz zraka, kjer serifni naslovi, podatki, kodirani po kategorijah, in ledene slike poudarjajo široke bele robove.
- GitButler — Turkizna barva na koncu besedila. Kombinacija visokokontrastnih serifnih naslovov s subtilnimi tehničnimi mrežami, toplimi grafitnimi površinami in diskretnim turkiznim poudarkom.
- ElevenLabs — Foto esej v toplih kremnih tonih z nežnimi naslovi. Zvezek v slogu Bauhausa – papir barve jajčne lupine, črno črnilo in en sam vijolično-oranžen poudarek za predstavitev izdelka.
- monopo saigon — Tekoči, mavrični sij za uredniško tišino – enobarvna uredniška galerija, ki lebdi na staljeni svetlobi
- Awesomic — Uredniška cinkova mreža z oranžnimi ločili, ki spominjajo na konfete
- Monad — uredniška tehnična revija na toplem pergamentu