Vodič za početnike za dizajn stana

Rebrand Burger Kinga
(Slika pripisana: Burger King Corporation)

U prošlosti su se web dizajneri posebno fokusirali na pokazivanje svojih vještina i portfelja spakirajući web stranice kričavim ilustracijama i animacijama koje su navodno oduševile njihove posjetitelje. Tada je uslijedio pomak prema skeuomorfnom dizajnu, koji je pokušao prikazati stvarni život na ekranu, s faux-realističnim teksturama, sjenama i karakteristikama stvarnih objekata.

To je ustupilo mjesto ravnom dizajnu, koji se suprotstavio svim tim 'umjetnim' tehnikama dizajna u korist jednostavnije, klasično digitalne estetike. I dok ovaj stil web dizajna usmjeren na korisnike postoji već dugi niz godina, i dalje je relevantan i popularan kao i uvijek, a u njemu se ponovno pojavljuje dizajn logotipa , isto. Dakle, ako još uvijek niste sigurni o čemu se radi, ovaj je vodič možda upravo ono što vam treba ...



Što je ravni dizajn?

Što je ravni dizajn?



kako nacrtati lava koji riče
Windows 8 bio je na čelu trenda ravnog dizajna

Ravni dizajn minimalistički je pristup dizajnu koji naglašava upotrebljivost. Sadrži čist, otvoren prostor, svježe rubove, svijetle boje i dvodimenzionalne ilustracije.

Microsoft je bio jedan od prvih koji je primijenio ovaj stil dizajna na svoje sučelje, što neki vide kao reakciju na popularni skeuomorfni dizajn koji je Apple pokrenuo svojim iOS sučeljem. Umjesto da stvarni životni objekt, poput kalendara, pretvore u sitnu realističnu ilustraciju, zagovornici ravnog dizajna identificiraju aplikacije jednostavnim slikama sličnim ikonama.



Umjesto da aspekte stvarnog života stavi na sučelje, ovo ilustrira jasnu odvojenost tehnologije i taktilnih predmeta.

Minimalistički ne znači dosadno

U ravnom dizajnu, ukrasni elementi se smatraju nepotrebnim neredom. Ako neki aspekt nema funkcionalnu svrhu, to mu odvlači pažnju. To je razlog minimalističke prirode dizajna stana.

Međutim, samo zato što mu nedostaje drečav dizajn ne znači da je ovaj stil dosadan. Svijetle, kontrastne boje čine da ilustracije i gumbi iskaču iz pozadine, lako privlače pažnju i usmjeravaju korisničko oko. Svrha minimalističkih slika također pridonosi funkcionalnom karakteru ravnog dizajna.



Ravan dizajn je pojednostavljen

ikone aplikacija

Ravni dizajn definitivno ima trenutak - je li otišao predaleko?(Slika zaslužna: Tobias van Schneider)

Jednostavne slike prenose poruke brže od detaljnih ilustracija. Slike poput ikona mogu ukazivati ​​na univerzalne radnje ili svrhe tako da ih svi mogu lako razumjeti.

kako rotirati slojeve u

Lako je uočiti trenutnu razliku između skeuomorfnog i ravnog dizajna. Primijetite kako veći, jednobojni blokovi privlače više pažnje i značenje ikona može se brzo uočiti.

Ikone iznad prikazuju samo neke ikone koje su se koristile 2021. godine, uključujući prošlogodišnji kontroverzni Googleov rebrand. Ovdje je opasnost da, jer svi oni slijede trend ravnog dizajna i koristeći svijetle boje kako bi podigli svoj dizajn, postaju previše slični (kao što smo istražili u ovaj komad ). Ovo samo pokazuje da postoji tanka granica između sljedećih trendova poput ravnog dizajna i izdvajanja iz mase.

Što možete naučiti iz ravnog dizajna

Ravni dizajn vraća se osnovama dizajna kao funkcionalnog alata. Web stranica je dizajnirana i ocjenjuje se prema tome koliko dobro djeluje, za razliku od toga kako izgleda.

Ova neobrađena funkcionalnost prisiljava web lokaciju da se usredotoči na korisničko iskustvo, pa će web stranice koje uspješno koriste ovaj stil dizajna vjerojatno dobiti pozitivne povratne informacije kao korisne.

Kako stvoriti ravni dizajn

Da bi se dizajniralo učinkovito ravno mjesto, svi elementi dizajna moraju biti usredotočeni na tu ideju jednostavnosti. Čvrste, žive boje daju aspektima naglasak potreban da ih se izdvoji umjesto ilustrativnih detalja; sans-serif tipografija pruža čist, oštar dodatak ilustracijama; tekst je sažet i precizan; Elementi korisničkog sučelja poput gumba i veza jasni su i uočljivi.

Sve bi trebalo dizajnirati s istim ciljem na umu kako bi se stvorio kohezivni vizualni i funkcionalni web dizajn. Ispod je nekoliko izvrsnih primjera ravnog dizajna ...

Primjeri ravnog dizajna: Tripfinder

Primjeri ravnog dizajna: Tripfinder

Boje i ikone pomažu u razumijevanju značenja uz minimalnu kopiju

Ovaj dizajn aplikacije za planiranje putovanja indonezijskog dizajnera korisničkog sučelja Bady izuzetno olakšava rezervaciju leta na temelju paketa i proračuna. Sve je jasno i razumljivo, a dizajn se za značenje oslanja uglavnom na boje i ikone. Kopija je sažeta i očit je UI aspekt traženja idealnog leta.

Primjeri ravnog dizajna: web stranica Burger King

web stranica Burger King ravnog dizajna

Web stranica Burger Kinga u skladu je s nedavnim rebrandom(Slika pripisana: Burger King)

Burger King je preimenovan početkom 2021. godine, a njegov novi logotip je masterclass ravnog dizajna. Njegova web stranica je redizajniran kako bi se podudarao i koristi jednostavne ilustracije i ikone za vođenje korisnika po web mjestu. Aplikacija također usvaja sličan pojednostavljeni pristup.

kako nacrtati zmajevu lubanju

Primjeri ravnog dizajna: Vrijeme aplikacija

Primjeri ravnog dizajna: Vrijeme aplikacija

Ravan dizajn ne ovisi o svijetloj boji

Ovaj dizajn korisničkog sučelja za vremensku aplikaciju pokazuje da ravni dizajn može biti uspješan čak i bez upotrebe svijetle boje. Svježa ikonografija i velika tipografija skreću pozornost na najvažnije aspekte vremena, što je ono što korisnik traži.

Kada u svom radu istražujete ravni dizajn, pobrinite se da svaki aspekt dizajnirate minimalistički i usmjereno na korisnika kako biste osigurali objedinjeno sučelje. Nakon što to uspješno napravite, korisnici će cijeniti funkcionalnu prirodu vašeg web mjesta.

Povezani članci: