Exploring Graphic Styles User Interface - fra minimal til Futuristisk
Et brukergrensesnitt (UI) kan komme i mange stiler, alt grafisk fra svært enkle, hele veien til svært komplekse. I denne artikkelen skal vi utforske en rekke stilarter som viser at det er ikke bare en oppskrift for å lage en god jakt, og til slutt vellykket brukergrensesnitt. Selvfølgelig ikke hver stil er representert i denne artikkelen; vi skal utforske flere av høy kvalitet eksempler, som representerer et bredt spekter av grafiske stiler fra enkle til komplekse. Nyt!
dette innlegg er dag 9 av våre Interface Design Session. Creative Sessions « Session Dag 8
Seksjon 1: Minimal
En minimalistisk stil UI avhenger svært mye av type, symboler og hvit plass til å lage en klar og enkel brukeropplevelse. Bred solide farger eller fravær av farge helt er ofte funnet i disse grensesnittene. Siden grafikk er lite brukt, er utformingen av elementene ekstremt viktig. Når gjort riktig, gjør dette for en klar og direkte grensesnitt
HelvetiNote ™.
HelvetiNote ™ av cypher13 bruker en flott blanding av skrift vekter og størrelser, samt praktisk plassert ikoner og grensesnittelementer for å danne en utrolig minimal UI. Dette UI beviser at du ikke trenger svært detaljert grafikk å skille seg ut fra resten av mengden.
HTC en Concept
Når designer Andrew Kim besluttet å konsept et nytt stykke av maskinvare, han så for seg en komplett løsning gifte seg med den maskinvaren og brukergrensesnitt. Ved å gjøre det, skapte han en enkel og minimal erfaring. Hvis du ikke har sett hans innlegg om det ennå, det er en må-se.
Ting
Gutta på Cultured Kode skapt en svært enkel og grasiøs UI for ting, en to-do liste manager. Tilgjengelig for både Mac og iOS, deres design har en dempet fargevalg, skarpe ikoner, og en meget Mac Bills bruker lys farge med en Apple-lignende bunn meny og tre aksenter å opprette en brukeropplevelsen for håndtering av regninger som er både unik og iboende familar til iPhone-brukere. Med sine skarpe grafikk og brukervennlig utseende, Bills har alle makings av suksess. Ved hjelp av en ikke-standard fargepalett er bare et av de mange tingene som gjør Beats skiller seg ut . Bjango sin blanding av teksturer og graderinger, skarpe pixel-nivå detalj og unik styling gjør dette grensesnittet en vinner. Hver skjerm i Dream Touch UI har sin egen fargepalett med en én dominerende farge. Legg blanke effekter til at, samt dramatisk belysning og en flott presentasjon, vel ... du gjør denne listen. Else Mobile-grensesnittet har en unik meny system og samhandling metode ... sine subtile gløder, bakgrunnsgrafikk og farge gir den en progressiv og futuristisk utseende . Merk: Dette grensesnittet har aspekter av alle delene: minimal, grafiske, og futuristiske. Det er virkelig ikke passer i noen kategori, så jeg satte den i så nær midten som jeg kunne Disse UiS gjør du tror. Med disse grensesnittene er grenser presset og brukervennlighet er ikke alltid første prioritet. De har ofte ulike 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 ofte funnet i mainstream Den unike belysning og høydepunkter alene gjør CYMIC spiller en stor del. Par med at en ikke-standard, høy kontrast fargevalg, og dette stykket virkelig hopper ut av skjermen. Ok, jeg måtte snike en av mine på listen, folk har en tendens å like denne, håper du gjør også. Det er skinnende. Lance Thackeray er Insignia tar et MIDI-keyboard og en Media Player og kameratene dem inn i en fantastisk fantasi brukergrensesnitt. Hver bit av denne UI er fint detaljert og hans dempet fargevalg med lyse aksenter legge til at ekstra touch av klasse Funnet oftest i filmer og videospill, disse grensesnittene har som regel en mye på en gang. Ting alltid synes å være i bevegelse, blinker, piper, pulserende, og blinker. Vanligvis er det ikke mange detaljer i grafikken selv men en hel ramme er alltid noe å se Zane Bien sin AdvancedUI er en brikke som du må se i den helhet. På 1454x884 i total størrelse, det er massiv men hver lille bit passer perfekt med den neste; subtile gløder og fargebruk er også fantastisk Merk Coleran er en gudfar i denne stilen, og er sitert som inspirasjon for den forrige stykke, AdvancedUI. Mark arbeid har vært omtalt i mange storfilmer, og det meste av det er på sin nettside også. Pass på at du klikker deg videre og se videoer og skjermbilder av sin portefølje hvis du ikke er kjent med sitt arbeid. Perception skapte mye skjerm grafikk for IronMan 2 film, en av outs blir PDA-sekvensen. Pass på å sjekke ut "Stark PDA Endelige Shots" video på deres hjemmeside. Det var veldig interessant er at de måtte designe brukergrensesnittet til å svare spotte gester som Robert Downey Jr. gjort på en tom enhet på forhånd og deretter composited det hele sammen for siste skudd. Stereolize skapt en serie av brukergrensesnitt konsepter for informasjonsskjermer på yachter. Hva kunne ha vært en kjedelig serie målere ble forvandlet til en visuell lekeplass, viser informasjon på en svært interessant og engasjerende måte. Jeg hadde mye moro å finne alle disse episke brukergrensesnitt og skrive om dem; Jeg håper du også likte å lese artikkelen min. Sjekk meg ut på min hjemmeside eller følg meg på Twitter for å holde tritt med de nyeste funn, artikler og prosjekter.
følelse UI
Avsnitt 2:. Detaljert Grafisk
< p> Detaljerte grafiske grensesnitt avhengige av grafikk for å skape brukeropplevelsen. Spesielt vil du finne ting som teksturer, levende farger, graderinger, høydepunkter, refleksjoner og skygger. Selv om de har litt mer å gå på enn en minimal grensesnitt, disse UiS er fortsatt lett å fordøye, og er generelt lett å bruke.
Bills
Beats
Drømme Touch
Else Mobile
Seksjon 3:. Meget Detaljert /Experimental
CYMIC -. TTPlayer hud
Quarian
Insignia
Seksjon 4:. Futuristisk /Fantasy
AdvancedUI. Status Screen
Mark Coleran. Fantasy brukergrensesnitt
Ironman PDA UI
3D Boat Informasjon Screen
Merk Fra Forfatter
Dette innlegg er dag 9 av våre Interface Design Session. Creative Sessions « Session Dag 8