Share
Välkommen till denna super-snabb introduktion till användning av komponentbibliotek; användbart för designers, utvecklare och användare. Låt oss hoppa in!
Varje interaktion som en användare möter, de måste lära sig, vilket skapar en kognitiv belastning. Det är särskilt utmanande för en användare om delar av användargränssnittet är nästan samma men olika. Användaren måste sedan analysera frågor som "varför är dessa olika?", "Kommer samma sak att hända om jag träffar dessa två knappar?"
Börja med att identifiera vanliga föremål i dina mönster, definiera dem som komponenter, sedan senare (när du utformar skärmar) kan du börja dra tillbaka dem. Genom att göra det kommer du att tvinga dig att vara mer konsekvent. Du kan till och med bli förvånad över den körsträcka du kan få genom att använda samma objekt för att lösa olika problem.
Praktiskt sett kan du skapa symboler i ditt Sketch-projekt, eller använda Craft by InVision-plugin. För att verkligen få värdet ur ditt komponentbibliotek, jobba med dina utvecklare för att få samma saker som definieras i kod också.
Det behöver inte heller vara rent visuellt; Du borde definiera de olika tillstånden för varje objekt och till och med komplexa interaktioner.
När du använder ett komponentbibliotek kan designers och utvecklare använda samma föremål om och om igen för att lösa olika problem. Och för användare kommer de att stöta på kända komponenter, som måste spendera mindre tid att räkna ut hur man använder din app eller webbplats.
Du har märkt ett par UI-kit som visas i den här videon. ta tag i dem nu som en del av din Envato Elements-prenumeration!
Över 100 redigerbara och resizable Photoshop-element, baserat på rena vektorformer. Lager är grupperade och välorganiserade, element är lätta att ändra storlek och justera, samt redigera färger.
Social Media Mobile app for Sketch; alla bildskivor är välorganiserad och skiktad.
Accentsconagua