Trend dizajna: Izgled otvorenih koncepata

Ako na televiziji gledate emisije o poboljšanju kuće, najčešća rečenica mogla bi biti "izgled otvorenog koncepta". Jeste li znali da možete i sami napraviti svoj put do izgleda otvorenog koncepta u dizajnu web stranica? Ovaj trend dizajna više je od samo ideje za poboljšanje doma.

Otvoreni koncepti su zabavan i funkcionalan, vizualni uzorak koji korisnicima može pomoći kretati se po vašoj web stranici dok kontroliraju digitalnu nered. Evo kako to radite s 10 mini studija slučaja i primjera!

Otvoreni temeljni premaz

U dizajnu kuće otvoren je konceptni oblik gdje se više prostora okuplja na način koji ima protok koji maksimizira prostor od sobe do sobe, kao što je jedan veliki tlocrt za kuhinju i životni prostor.

"Vizualni tok mora biti očit korisnicima, tako da oni točno znaju što učiniti"

U web dizajnu koncept je vrlo isti. Otvoreni izgled koncepta stvara izvrstan protok između elemenata na svijetao i prozračan način. Dizajn će maksimalno iskoristiti bijeli prostor i koristiti jednostavne elemente s puno harmonije, ravnoteže i jednostavnog toka.

Upotreba boja može biti podebljana ili pojednostavljena, a stranice mogu sadržavati kratko ili dugo pomicanje.

Ti nacrti često najbolje rade s detaljnim planom i protokom za dizajn koji završava jednim pozivom na akciju. Pokušaj miješanja i spajanja previše elemenata i komada može rezultirati neurednim dizajnom. Pri radu s trendom dizajna otvorenih koncepcija potrebno je imati na umu da vizualni tok mora biti očigledan korisnicima kako bi točno znali što s dizajnom i na koji način se kretati kroz njega.

GrowX

GrowX koristi sjajnu kombinaciju bijelog prostora, čistih slika i teksta i zanimljivu značajku sa obojenim naslovom za miješanje elemenata u otvorenom prostoru.

Učinak slojeva koji se ovdje koristi s tekstom i slikama uobičajena je tehnika s otvorenim konceptima. Korištenje slojeva može pomoći privući korisnika iz jednog elementa u drugi i zadržati kretanje vizualnog toka.

Oprez pri dizajnu otvorenih koncepata je da se korisnici mogu izgubiti u prostoru. Zahvaljujući pametnom „triku“ i slojevitim elementima, korisnici samo znaju gdje treba pogledati na ovoj web stranici.

NooFlow

Iako većina otvorenih ideja koncepta čini da odmah mislite na bijeli prostor koji je zapravo bijeli, NooFlow dokazuje da boja može biti jednako zapanjujuća.

Dizajn kombinira elemente s uravnoteženim tekstom u odnosu na dizajn slike u gotovo estetiku s podijeljenim ekranom. Ono što sve zajedno spaja je da je boja svijetla, iako svijetla. Eliminirajući druge nijanse, otvoreni dizajn ima tok koji se čini jednostavnim i potiče korisnike da se kreću kroz dizajn.

Otvori odjeću

Open Wear koristi koncept na cijelom podijeljenom zaslonu, ali s usmjerenim slikama koje korisnike guraju u smjeru sadržaja.

Ovaj dizajn izgleda još otvorenije zahvaljujući izborima fotografija. Sadržaj ovdje daje puno bijele slike na slikama koje uravnotežuju bijelu pozadinu. Općenito, vizualni obris se osjeća prozračno i svježe iako postoji puno elemenata i vizualnih ulaza.

Razmislite o tom istom dizajnu s lijevom fotografijom koja je uglavnom tamna. To bi promijenilo cjelokupni koncept dizajna i protok.

Brightscout

Brightscout stvara tok dijagonalno, od logotipa i navigacije do elemenata teksta do slike (ili obrnuto, ovisno o tome gdje vaše prvo ide.)

Otvoreni koncept ovdje izgleda i djeluje slično kao tlocrt kuće koristeći istoimenu dizajnersku tehniku. Postoje različita mjesta ulaza s zamišljenim linijama koje upućuju korisniku kuda dalje.

A poziv na akciju naglašen je velikim gumbom i bojom. Funkcionalnost je očita i laka.

Duotix

Pretjerano korištenje prostora uobičajena je tema kada je riječ o otvorenim konceptima. Prostor govori korisniku gdje se jedna stvar završava, a počinje druga.

Duotix koristi ovaj obrazac prostora u cijelom dizajnu kako bi stvorio vizualnu razliku između blokova sadržaja, svaki sa vlastitim pozivima na akciju. Nadalje, na zaslonu se izmjenjuju bijele i obojene pozadine koje pomažu korisniku da se kreće. (Tu dolazi tok otvorenog koncepta.)

PopularPays

Pomoću pomicanja paralaksom, jednostavnom animacijom i ekstremnim maržama, PopularPays stvara više prostora za sadržaj uz uspostavljanje funkcionalnosti.

Slike i tekst su privlačni, posebno ako su upareni s animiranim efektima.

Ono što je lijepo u ovom dizajnu je to što pokazuje da višestruki trendovi mogu zajednički stvoriti nešto što nije pretjerano, ali ima izrazito moderan osjećaj. Potrebna je prava vrsta sadržaja da biste povukli dizajn koristeći više trendova i općenito jednostavniji planovi sadržaja najbolje funkcioniraju.

Abel

Kao i neki drugi primjeri, Abelovi slojevi elemenata omogućuju kretanje oka s predmeta na stavku. Ono što je lijepo u ovoj verziji otvorenog koncepcijskog plana jest da je veći dio prostora na vrhu stranice, a dolje su teži predmeti.

Ista vizualna tema nastavlja se na svitku s razmakom iznad i ispod elemenata kako bi stvorili zasebne prostore u otvorenom dizajnu koncepta.

Ovaj primjer pokazuje da ne moraju sve web lokacije za e-trgovinu imati potpun i prepun osjećaj da bi bile učinkovite.

Hampshire Light

Ljepota dizajna Hampshire Light je u tome što koristi internetski izgled otvorenog koncepta za proizvod dizajna kuće. (Razgovarajte o trendovima koji s digitalnog prelaze na fizičko područje!)

Ono što ovaj dizajnerski posao čini upotrebom asimetričnog prostora i svijetle boje. Sve što se tiče dizajna podrazumijeva otvoren i prozračan osjećaj, od žutih naglasaka do prozirne tipografije preko slike do otvorenog logotipa "h".

Još jedan ključni detalj ovog dizajna je pretjerani razmak crta. Lakše sans serif slova moglo je biti rizičan izbor, ali zahvaljujući kratkim crtama teksta i razmacima, doprinosi cjelokupnom osjećaju dizajna otvorenih koncepcija.

Muškarci koji hodaju

Uz suptilnu animaciju, meku boju i puno prostora, Pješački muškarci mogu vas natjerati da razmišljate o visokim stropovima i mogućnostima. Jednostavna struktura dizajna uključuje jedan sadržajni sadržaj po stranici sa zabavnom značajkom za klizanje za pomicanje.

Estetika je otvorena i stalna te korisnik ima osjećaj da se kreće iz prostora u prostor, iako oni mirno stoje (teoretski) u formatu jedne stranice.

Srž

Crux bi mogao utjeloviti plan otvorenog koncepta mog doma, s najtežim dizajnerskim elementima gurnutim prema vanjskim rubovima.

Središnji logotip i poziv na akciju pružaju očiglednu žarišnu točku kako se ostali elementi ne bi zbunjivali ili bili na svom mjestu. Navigacija na donjoj stranici spaja sve zajedno kao mapu puta za dizajn olovke koji bi nekim korisnicima mogao biti malo težak za kretanje gotovo okruglim oblikom bez ikakvih izrazitih ulaznih ili izlaznih točaka.

Zaključak

Postoji velika vjerojatnost da možda već uključujete neke otvorene koncepte u svoje dizajne. Je li vam to trend?

Trend dizajna otvorenog koncepta vidimo kao nešto s nekim postojanim snagama jer je ukorijenjen u teoriji dizajna. Izgled koji dobro koristi prostor nikada neće izaći iz mode (čak i ako se ono što nazivamo tendencijom vremenom mijenja).