GÄ upp: vertikala bokstÀver i webbdesign

Det Àr lÀtt att bli uttrÄkad av det vanliga: lÀngtan efter nÄgot originellt och unikt. Det Àr dÀrför de gemensamma hjÀlteomrÄdena Àr fulla av excentriska idéer. Dess mÄl Àr inte bara att imponera, utan ocksÄ att tillfredsstÀlla anvÀndarens önskan om kreativitet och originalitet.

Bra animationer och lösningar Àr dock inte det enda som kan göra susen. Att gÄ utöver det vanliga med Àven de mest triviala sakerna kan uppnÄ samma effekt. Och de vertikala bokstÀverna Àr ett livligt bevis pÄ det. Att bli ganska populÀrt i dag har det blivit en liten trend med nÄgra ess i hÄlet.

Vi ser inte mycket anvÀndning av portrÀttorientering i webbdesign. Traditionellt sett Àr det en plats dÀr den horisontella rytmen reglerar kycklingstoppen, Àven om det inte betyder att allt mÄste kretsa kring det. Som en allmÀn regel hÄller utvecklarna sig till traditionella modeller. Men mÄngfald och avvikelse i det vanliga lÀsningsflödet kan vara fördelaktigt. Du behöver inte heller vidta extrema ÄtgÀrder. SmÄ doser med vertikal orientering Àr mer Àn tillrÀckligt för att ge en adekvat effekt.

Archi Graphi

HĂ€r har det kreativa teamet vridit grundnavigeringen genom att rotera den 90 grader och reflektera den horisontellt. Du borde lĂ€sa det nerifrĂ„n och upp, det Ă€r ganska ovanligt, men spĂ€nnande. Som ett resultat Ă€r stĂ€nkskĂ€rmen livlig utan alla de övervĂ€ldigande mittstyckena. Notera ocksĂ„ topprubriken – det kĂ€nns otroligt rymligt, och logotypen fĂ„r allmĂ€n uppmĂ€rksamhet genom att se framstĂ„ende utan mycket anstrĂ€ngning. Det Ă€r en smart instĂ€llning.

Archi Graphi

Lydia Amaruch

Det finns nÄgra andra exceptionella exempel dÀr vertikala bokstÀver Àr som glasyren pÄ kakan. TÀnk pÄ Lydia Amaruch och hennes online plÄnbok.

Som i fallet med Archi Graphi, Àr anvÀndningen av vertikal rytm hÀr episodisk men vÀl genomtÀnkt. Det finns en traditionell förenklad horisontell navigering, men den innehÄller bara det vÀsentliga. Alla övriga har bokstavligen tagits till sidorna. De resonerar med vertikala rÀnder pÄ baksidan, vilket skapar en harmonisk estetik.

Lydia Amaruch

Jag ha

Jag: Du har tagit samma instĂ€llning. Medan huvudnavigeringen Ă€r dold bakom hamburgarknappen, finns lĂ€nkar till hemsidan och sociala medier kvar pĂ„ ytan. Återigen, titta pĂ„ det allmĂ€nna temat. HĂ€r kan den vertikala rytmen ses i olika detaljer, till exempel reglaget som Ă€r uppdelat i tre halvtransparenta paneler och lĂ„ngstrĂ€ckta symboler. SamstĂ€mmighet markerar utformningen av denna webbplats.

Jag ha

Ivan Ibanez / Gothamsiti

Ivan Ibåñez och teamet bakom Gothamsiti visar oss hur man kan tillÀmpa vertikal orientering pÄ all navigering. Det visar sig vara anvÀndbart att anvÀnda, för att inte nÀmna dess slÄende utseende. Observera att dessa tvÄ exempel har olika teman, stÀmningar och atmosfÀrer. Men vertikal navigering passar som en handske i bÄda fallen.

Ivan Ibåñez personliga portfölj har en kvadratisk atmosfÀr. Det finns ihÄliga block, split design, ultratunna linjer och mycket vitt utrymme. Vertikal navigering kompletterar designen vackert.

Ivan Ibåñez

Kreativerna bakom Gothamsits design har placerat lÀnkar runt hjÀlteomrÄdets omkrets och lagt var och en i ett hörn. PÄ detta sÀtt distraherar ingenting uppmÀrksamheten frÄn den skrÀmmande och mystiska stÀnkskÀrmen. Samtidigt exponeras alla gateways, vilket gör anvÀndarna att kÀnna sig bekvÀma.

Gothamsiti

Prime Park Sessions

LÄt oss gÄ ifrÄn att surfa och utforska exempel pÄ vertikala bokstÀver som Àr en del av innehÄllet.

Eftersom portrÀttorientering verkar lite konstigt för de flesta av oss, kan den anvÀndas för att lÀgga extra vikt vid viktiga saker som till exempel en fras. Idén kan ses pÄ Prime Park Sessions. HÀr stÄr byrÄns typskylt mot vÀnster, precis dÀr vi vanligtvis börjar lÀsa. Det Äterspeglar ocksÄ vertikal navigering till höger. Som ett resultat kÀnns designen komplett och visuellt intressant.

Prime Park Sessions

Lyxiga villor

Teamet bakom Luxury Villas-designen anvĂ€nder en vertikal orientering för att visa parolen. Den senare har ocksĂ„ en relativt bred botten sĂ„ att den ser ut som en sidofĂ€lt. Även om det inte bara Ă€r ett vanligt sidofĂ€lt, Ă€r det en entusiastisk sidofĂ€lt. Det Ă€r smart.

Lyxiga villor

Kitamura Makura / Canatal

Ett annat sÀtt att dra fördel av trenden Àr att anvÀnda den för rubriker. TÀnk pÄ Kitamura Makura och Canatal.

NÀr det gÀller att berÀtta en historia föredrar bÄda grupperna anvÀndarnas uppmÀrksamhet pÄ viktiga saker som innehÄll snarare Àn undertexter. DÀrför rörde rubrikerna Ät höger och roterades 90 grader, vilket naturligtvis gav plats för text.

I Kitamura Makuras fall har undertexten pressats till höger kant, vilket fÄr honom att kÀnna sig som en del av navigeringen. Med Canatal förblir titeln dock en del av blocket och den övergripande designen.

Kitamura Makura

Canatal

Protec / Building the Future

Protec och Building the Future har gjort saker lite mer intressanta genom att göra vertikal text till en del av miljön.

Protec har enorma undertexter som strÀcker sig frÄn topp till botten. De lÀggs försiktigt Ät sidan och visas pÄ vÀnster sida, vilket ger innehÄllet högsta prioritet.

Protec

NÀr det gÀller att bygga framtiden Àr de vertikala bokstÀverna Ànnu större. Men hÀr spelar det bara en dekorativ roll, vilket stÀrker den traditionella titeln som presenteras högst upp i textblocket.

NÀr det gÀller SEO Àr det inte bra praxis eftersom rubriker bör vara en del av dokumenthierarkin och bifogas i motsvarande taggar. Men ibland kan du gÄ utöver det vanliga och vinna klienter med design istÀllet för sökrankning.

Bygg framtiden

Kwok Yin Mak

För den vÀsterlÀndska vÀrlden kÀnns vertikal rytm som nÄgot ovanligt och ett livskraftigt trick för att ge spÀnning till konventionella mönster, för vÄra vÀnner frÄn öst kommer det naturligt. LÄt oss ta en titt pÄ Kwok Yin Mak.

Designen ser uppfriskande ut. Det traditionella svartvita fÀrgschemat, mycket vitt utrymme, logotyper och naturligtvis portrÀttorientering gör att grÀnssnittet ser sÄ speciellt ut. Trenden kÀnns som hemma. Men medan vi hoppas att det Àr hÀr, har teamet bakom webbplatsen lyckats hindra det frÄn att se trivialt ut.

Kwok Yin Mak

En trevlig överraskning

Vertikala brev Àr en sÀllsynt gÀst, men vÀlkommen. Det Àr sÀkert att sÀga att i universum av allt horisontellt Àr det ett litet ljus som fÄr oss att le. HÄll ögonen pÄ en ovÀntad vridning i lÀseflödet och fokusera enkelt pÄ det vÀsentliga.

Det Àr ett enkelt sÀtt att göra coola saker utan att uppfinna hjulet igen och gÄ den extra milen.

0 Shares