, design tips for materiale, konstruktion,,,,, 210,,,,,,,, 55,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, indledningen, i løbet af de seneste måneder, materiale, konstruktion, er vokset i et stort design bevægelse.forskellige dele af materiale, konstruktion, f.eks. indhold, kort og en bedre udnyttelse af informationstiltag, kan findes i mange ansøgninger, vi bruger i dag, som mange blog har dækket på den ene side, det er en god udvikling, da det er lettere end nogensinde for at skabe et solidt design.på den anden side er der røster, der modbeviser den manglende originalitet, som alle er af samme stil.desuden har adgang til et godt design sprog, betyder det ikke, at det er korrekt. i denne forelæsning, vi dækker, hvordan kan du tage begreberne materiale, konstruktion og forbedre dem for at skabe bedre grænseflader, der samtidig er mere klar i deres visuelle stil.vi vil også se på et par generelle råd, inden du begynder at designe ved hjælp af materialer, design som et udgangspunkt.,, materiale, design, som instituttet, først og fremmest fra materiale, konstruktion til udformning af grænseflader, burde ikke være imod.slet ikke.jeg ved, det er med til at sætte en fond, som androide brugere er maskeret.,,, når det drejer sig om at opbygge en god brugeroplevelse genopfinde hjulet er ofte ikke anbefales.,,, ved hjælp af standarder er en særlig god start for at sikre, at de er ved at bygge noget, der virker.strukturen af grænsefladen og dets interaktioner er vist sig at fungere.det sagde, betyder det ikke, at der ikke er plads til fejl eller for forbedring.,, ved brug af kort i design,,,, et eksempel på et kort, design, kernen af materiale, konstruktion, kommer tilbage til anvendelse af indhold, kort.nu, kort er bestemt et element, som er gældende i mange situationer som dem, der er meget nyttig udformning mønstre.samtidig, og det kan være en god udformning udfordring for dig til at tror, at hvis der kunne være mere interessant design alternativer.som vi ser flere og flere kort baseret design, det er godt at tænke på, hvordan man kan udforme bedre,.,, tag den kalender, som eksempel.i stedet for en liste pr. dag med et kort for hver enkelt aftale, hvor solen er en kombination af betragtning i, som du både månedlige holdning såvel som den daglige synspunkt.,,,,,,, venstre: et materiale bestemt kalender begreb; ret: solopgang,, er det en stor kilde til inspiration, hvis du prøver at finde specifikke grænseflader som en form for inspiration.tjek inspirerende websteder, som uimovement se friske og nye typer grænseflader som inspirationskilde.,,, når du er ved at bygge en grænseflade, ville være den mest optimale løsning på kort eller kan der være andre måder at vise indhold, der kan være en bedre løsning.,,, hver app forsøger at løse et problem i deres egen, unikke måde.med denne tankegang, det ville være fornuftigt, at deres løsning kræver en anden slags grænseflade,.,, hvordan vil du fortsætte?det hele starter med indhold og sejlads, som jeg vil drøfte det mere indgående nedenfor.,, pas på flydende aktion knap,,,,, f.eks. af et flydende aktion knap i google er indbakke,,, en anden udformning mønster, der er indført ved materiale design er det flydende aktion knap.et flydende aktion knap er en god måde af en fremtrædende plads med en aktion i en grænseflade.på samme tid, kan det være en af de værste udforme mekanismer.der er mange måder at anvende en flydende aktion knap på den forkerte måde:,,,,,,, at det på en skærm, der er flere centrale bruger handlinger i stedet for blot én, der gemmer sig en menu i et flydende aktion knap, hindrer vigtige konstruktionselementer,,, jeg ser et par tilfælde, hvor en flydende aktion knap er et godt supplement til produkt, først og fremmest i programmer, som er en grundlæggende interaktion, for brugeren.en sms - app - er et godt eksempel.de flydende aktion knap lader brugeren sammensætte en ny besked.uber, ville være et godt eksempel, når det giver mening.de centrale interaktion af produktet er at praje en bil.,, tricket er at være forsigtig og se, om det giver mening i betragtning af deres produkt.det er ikke, fordi det er en standard interface element, at det ville være en god form for din app.for mere komplicerede produkter, når en bruger ofte er der mange aktioner, et flydende aktion knap er sjældent passer.,, bruger omstilling & opbevaring strategier, med en stærk udformning retning ud fra materiale, konstruktion, sommetider er det let at glemme et strategisk grundlag, før du begynder at designe.hvordan kan du afgøre, hvad du kan bruge materiale, konstruktion og, hvad du kan gøre?,,, visse design valg, f.eks. ved hjælp af indhold, kort, f.eks.,,, begrænse,,, du tidligt.,,,,, nedenfor, kan du finde en kortfattet tjekliste for visse dele af deres ansøgning, der skal fastlægges, før disse former for design beslutninger.,,, stiller de rigtige spørgsmål, giver du er en bedre forståelse af, hvad du forsøger at opbygge, og som er baseret på, at man kan skabe grænseflader, der kan fungere bedre.,, navigation, hvad er den vigtigste bruger aktion i mit produkt?,, som skærm (e) er dette sted?,, hvad en oversigt over mit produkt ud?,,, det kan konkluderes, at der er to enkle regler, er jeg tilbøjelig til at holde sig for øje, mens strukturering navigeringen af et produkt.,, regel 1: 80 /20, anvende 80 /20 - reglen.80% af min brugere vil kun bruger 20% af mine funktioner.hvordan kan jeg forsikre, at disse 20% af mine træk er den nemmeste at adgang i mit produkt?,,, artikel 2: sammenhæng, hvis der er flere måder at få adgang til en skærm i et produkt, skal sikre, at det sker på en konsekvent måde.for eksempel, at gå fra en oversigt over skærm til en detaljeret skærm skal ske på samme måde,.,,, der er baseret på ovennævnte, du kan bestemme, hvad der vil være den mest optimale for brugerne til at navigere gennem et produkt.hvis du har en kompliceret produkt med en masse muligheder, en skuffe det rigtige valg.enkelt produkt?at arbejde med tekniske vurderingsorganer typisk er dit svar.for mere information om sejlads og materiale, konstruktion, anbefaler jeg kigger den væsentlige retningslinjer for udformningen.,, indhold,,,, det musik app koncept på dribbble er et eksempel på håndtering af forskellige former for indhold.,,, - app 'en har indhold.følgende spørgsmål skal hjælpe dig med at beslutte, hvordan struktur og indhold fra en bestemt perspektiv: display,,, hvilke typer indhold har jeg?, hvor mange plan (er) for indhold har jeg (f.eks. en oversigt over skærmen, efterfulgt af en detaljeret skærm, og endelig en aktion skærm).det er typisk, længden af hver type indhold?,, hvad der vil være den mest optimale måde med dette indhold?er det en liste?er det billederne?er det noget mere enestående?,,, når du har din indhold fundet ud af, vil det være meget lettere at træffe beslutninger vedrørende udformningen.det er det øjeblik, hvor man kan definere, om ved brug af kort giver mening, eller hvis der er bedre eller mere interessante alternativer til brug for deres grænseflade.,, at forskellige typer brugere, den største udfordring, kan du se design er følgende:,,, hvordan kan jeg forsikre dem om, at min anmodning er lige så glædeligt for nye brugere samt for tilbagesendelse af brugerne.hvordan vil det påvirke min indhold og sejlads?det er en vanskelig udfordring,,,,, og ofte kommer til effektiv onboarding og sikre, at de vigtigste skærm af dit produkt er skærmen, hvor de fleste af værdi for deres brugere.vil du have nogle eksempler?tag et kig på følgende produkter.hvad er deres primære skærm, og hvilken værdi giver det?hvordan kan de metode bruger onboarding?,,,, instagram, facebook, espresso, som økonom, og ovennævnte produkter bør give dig lidt inspiration.- giv ikke op, hvis det føles skræmmende i starten.det har taget ovennævnte produkter flere iterationer bliver, hvor de er i dag, onboarding er et emne i sig selv.jeg anbefaler, at tjekke nogle ressourcer, der giver dig værdifuld indsigt, som bruger ombord.,, grænseflade forbedringer, nu, hvor vi har en god idé om, hvordan dit produkt grundlæggende vil arbejde og hvilke elementer, man kan bruge materiale, konstruktion, er det på tide at krydre tingene lidt op.der er forskellige måder at forbedre din app æstetisk, hvoraf nogle er anført nedenfor.,, typografi,,, din skrifttype udvælgelse bidrager enormt til ser ud og føles af dit produkt.- en skik i høj grad kan bidrage til at skabe en større skrifttype forskellige design og anvende en enestående ser og føler, at deres produkt uden at gøre en stor forandring.at finde den rette skrifttyper, kan være svært, og meget af det kommer ned til udformning af smag.min personlige favorit ressource er typewolf.,,,,,,,, dropbox billeder, er et godt eksempel på anvendelsen af custom ikoner og illustrationer i deres produkter.,,, at tilføje skik ikoner er en anden måde at sætte din egen skik ser ud og føles i en ansøgning.ved hjælp af custom ikonografi er listig som materiale, konstruktion, har skabt en stor standard.for ikoner, betyder det, at visse aktioner, navigation og andre elementer har samme ikon.,, hvis du beslutter at indlede arbejdet med deres egne billeder, der er to vigtige aspekter for at minde dig om:,,,, recognizability:, og sikre, at borgerne forstår, hvad hver ikon indebærer,.,,, konsistens:, typisk, det er undgået at kombinere flere sæt ikoner.,,,,,,,,, timehop visuel aktiver, er et godt eksempel ved at skabe et særskilt skik illustrationer ser ud og føles.,,, hvor du har fotografisk indhold eller anvendelse af illustrationer let kan tilføje karakter til din app.vær kreativ, enestående animeringer & interaktioner,,,,, det er et eksempel på et enestående, animation og tilsvarende interaktion.kilde.,,, sædvaner, tegnefilm og interaktioner, kræver den største indsats, men det er glædeligt at se live i et produkt.enestående animeringer bygget på unikke grænseflader, bare arbejde, er nogle af de mest tilfredsstillende udformning, du kan finde på nettet.,, enestående farve ordninger,,,,, at dette design anvender materiale udformningsforslag med farver, du ikke ville forvente.kilde.,,, materiale, konstruktion giver en glimrende valg af farver du kan vælge fra.det betyder ikke, du ikke kan få en meget kreativ med deres brug af farver til at skabe noget enestående, en advarsel, der er en grund til, at de fleste af de grænseflader, ved vi dagligt er ret enkel design, det er vist sig at fungere, og det er noget, som de er bekendt med brugerne brug det.,,, af forsøgsdesignet kan skade din app.,,,,,, det sagde, med mindre justeringer ved f.eks. kun at koncentrere sig om typografi og farve, du kan gå en lang vej at designe noget unikt for din app.,, konklusion, materiale, konstruktion, har skabt en behagelig at falde tilbage på, når du er der sidder fast på et bestemt problem.indtil da, har du al den kreative frihed til at genoverveje, hvordan en grænseflade skal arbejde.snapchat bygget en gestus, koncentreret produkt, facebook papir (105) fornyet hierarki og informationstiltag og mellemstore effektivt nedsat en grænseflade til at fokusere på at læse og skrive.), med det i tankerne, gå videre og design.eventuelle bemærkninger eller spørgsmål?lad dem i de bemærkninger, eller når ud til mig på twitter.