Share
Et brukergrensesnitt (brukergrensesnitt) kan komme i mange stiler som strekker seg grafisk fra veldig enkelt, helt til ekstremt komplekst. I denne artikkelen skal vi utforske en rekke stiler som viser at det ikke bare er en oppskrift for å skape et godt utseende, og til slutt vellykket brukergrensesnitt. Selvfølgelig er ikke alle stiler representert i denne artikkelen; Vi vil utforske flere eksempler på høy kvalitet, som representerer et bredt spekter av grafiske stiler, fra enkelt til komplekst. Nyt!
Dette innlegget er dag 9 i vårt grensesnittdesignsesjon. Creative Sessions "Session Day 8Et minimalt brukergrensesnitt er avhengig av type, symboler og hvitt mellomrom for å skape en klar og enkel brukeropplevelse. Brede faste farger eller mangel på farge helt finnes ofte i disse grensesnittene. Siden grafikk brukes sparsomt, er elementets utforming ekstremt viktig. Når det er gjort riktig, gir dette et klart og direkte grensesnitt.
HelvetiNote ™ av cypher13 bruker en flott blanding av skriftvekter og -størrelser, samt gjennomtenkte ikoner og grensesnittelementer for å danne et utrolig minimal brukergrensesnitt. Dette brukergrensesnittet viser at du ikke trenger svært detaljert grafikk for å skille seg ut fra resten av publikum.
Når designeren Andrew Kim bestemte seg for å konseptere et nytt stykke maskinvare, forutså han en komplett løsning som gifte seg med maskinvare og brukergrensesnitt. Dermed skapte han en enkel og minimal opplevelse. Hvis du ikke har sett innlegget hans om det ennå, er det et must-see.
Gutta på Cultured Code skapte en veldig enkel og grasiøs brukergrensesnitt for ting, en gjøremålsleder. Tilgjengelig for både Mac og iOS, har deres design et dempet fargevalg, skarpe ikoner og en veldig Mac følelsen av brukergrensesnittet.
Detaljert grafisk grensesnitt er avhengig av grafikk for å skape brukeropplevelsen. Spesielt finner du ting som teksturer, levende farge, gradienter, høydepunkter, refleksjoner og skygger. Selv om de har litt mer på gang enn et minimalt grensesnitt, er disse brukergrensesnittene fortsatt enkle å fordøye og er generelt enkle å bruke.
Bills bruker lyse farger med en Apple-lignende bunn-meny og tre aksenter for å skape en brukeropplevelse for å håndtere regninger som er både unike og iboende familar til iPhone-brukere. Med sitt skarpe grafikk og brukervennlige utseende har Bills alle muligheter for suksess.
Å bruke en ikke-standard fargepalett er bare på de mange tingene som gjør Beats skiller seg ut. Bjango blanding av teksturer og gradienter, skarp pikselnivå detalj og unik styling gjør dette grensesnittet en vinner.
Hver skjerm i Dream Touch UI har sin egen fargepalett med en eneste dominerende farge. Legg til blanke effekter på det, så vel som dramatisk belysning og en god presentasjon, vel ... du lager denne listen.
Else Mobile-grensesnittet har et unikt menysystem og interaksjonsmetode ... sine subtile gløder, bakgrunnsgrafikk og farge gir det et progressivt og futuristisk utseende.
Merk: Dette grensesnittet har aspekter av alle seksjonene: minimal, grafisk og futuristisk. Det passer egentlig ikke i noen kategori, så jeg legger den inn så nær midten som mulig.
Disse brukergrensesnittene vil få deg til å tenke. Med disse grensesnittene blir grenser presset og brukervennlighet er ikke alltid nummer én prioritet. De har ofte merkelige former, unike oppsett, høy kontrast og har et meget høyt detaljnivå. Det er nesten en subkultur for denne typen design, og det er ikke regelmessig funnet i det vanlige.
Den unike belysningen og høydepunktene alene gjør CYMIC-spilleren et flott stykke. Par med det er en ikke-standard, høy kontrast fargevalg, og dette stykket hopper virkelig av skjermen.
Ok, jeg måtte snike en av mine på listen, folk har en tendens til å like denne, håper du gjør det også. Det er skinnende.
Lance Thackeray's Insignia tar et Midi Keyboard og en Media Player og mates dem til et fantastisk fantasy brukergrensesnitt. Hvert stykke av denne brukergrensesnittet er fin detaljert og hans dempet fargeskjema med lyse aksenter legger til det ekstra berøringen av klassen.
Finner oftest i filmer og videospill, disse grensene har vanligvis mye på gang samtidig. Ting ser alltid ut til å bevege seg, blinke, piper, pulserer og blinker. Vanligvis er det ikke mye detalj i grafikken selv, men en hel ramme er alltid noe å se.
Zane Biens AdvancedUI er et stykke som du må se i det hele. Ved 1454x884 i total størrelse er det massivt, men hvert lite stykke passer perfekt med det neste; Den subtile gløden og bruken av farge er også fantastisk.
Mark Coleran er en gudfar i denne stilen og er sitert som inspirasjon for det forrige stykket, AdvancedUI. Marks arbeid har blitt omtalt i mange blockbuster-filmer, og det meste er også på hans nettside. Pass på at du klikker gjennom og ser videoene og skjermbilder av porteføljen hvis du ikke er kjent med hans arbeid.
Perception skapte mye skjermgrafikk for IronMan 2-filmen, en av standouts som PDA-sekvensen. Husk å sjekke ut "Stark PDA Final Shots" -videoen på deres hjemmeside. Det som var veldig interessant, var at de måtte designe brukergrensesnittet for å svare på mockbevisninger som Robert Downey Jr. laget på en tom enhet på forhånd og deretter sammensatt alt sammen for det endelige bildet.
Stereolize opprettet en serie brukergrensesnitt konsepter for informasjonsskjermer på Yachts. Det som kunne vært en kjedelig serie målere, ble forvandlet til en visuell lekeplass, som viste informasjon på en ekstremt interessant og engasjerende måte.
Jeg hadde det gøy å finne alle disse episke brukergrensesnittene og skrive om dem; Jeg håper du også likte å lese artikkelen min. Sjekk meg ut på nettsiden min eller følg meg på Twitter for å holde tritt med mine nyeste funn, artikler og prosjekter.
Accentsconagua