Om du är en UI-designer vet du förmodligen att inspiration kan komma var som helst. Det är därför det är viktigt att du kan designa när som helst.
Tack och lov är allt du behöver en mobil enhet för att skapa snygg design när stämningen slår till. Dessa appar hjälper dig att skapa fantastiska UI-designer direkt från din iPhone eller iPad.
1. Dribbla
“Så… var ska jag börja?” är en fråga som många UI-designers ställer sig när de sätter sig ner för att arbeta med ett projekt. Dribbble har tusentals svar på den frågan: designers från hela världen skickar in sina layouter så att du kan se och hämta inspiration.
Eftersom alla är välkomna att skicka in sina designs kommer du att se användargränssnitt från både nybörjare och branschexperter. Det här är bra, eftersom du kan ta beprövade tips från hyllade artister samtidigt som du hänger med i aktuella trender från design som just publicerats.
Du har också möjlighet att följa andra användare så att du kan se deras senaste arbeten. Vill du nå ut till dem och fråga om att samarbeta? Kanske vill du bara ha några tips från någon du tycker är särskilt begåvad. Dribbble har ett lättanvänt meddelandesystem för att underlätta denna kommunikation.
En annan funktion som vi tycker är särskilt användbar är den medföljande jobbtavlan under Mer flik. Dessa jobb kureras genom Dribbbles algoritm av en enkel anledning: att ställa UI/UX-designjobb framför UI/UX-designers.
Ladda ner: Dribbling (gratis)
2. InVision
Nu när du är inspirerad och redo att börja skapa, låt InVision vara din anteckningsbok. Den här appen fungerar bäst när den är ihopkopplad med InVision-webbappen, men den är också ett effektivt verktyg när den används ensam.
InVisions “Freehands” är stjärnan i showen här. Det här är ett enkelt och intuitivt utrymme där du snabbt kan skriva ner wireframes och användarresor när de dyker upp i ditt huvud.
Du kan skapa olika former, skissa på fri hand, bädda in bilder och textrutor och använda klisterlappar. Det är allt du behöver för en praktisk översikt.
När du paras ihop med skrivbordsversionen har du tillgång till ytterligare funktionalitet (inklusive prototyper, kort och specifikationer) och användbara resurser (som vanliga ikoner, knappdesigner och mer).
En annan stor fördel med InVision är dess delbarhet. Lägg en Freehand framför alla du arbetar med så förstår de omedelbart vad du går för med din design.
Ladda ner: InVision (gratis, prenumeration tillgänglig)
3. Spark Post
Adobe Spark Post är en utmärkt app för att skapa grafik eller logotyper för att integrera i din design.
På hemsidan ser du tusentals användargrafik och animationer. Du kan sortera igenom dessa med hjälp av verktygsfältet eller söka efter specifika nyckelord. Det här är ett bra sätt att se de olika färgpaletterna designers använder och fundera över vad du vill använda i ditt eget projekt.
När du är redo att arbeta väljer du ett bakgrundsalternativ och börjar anpassa. Det finns ett antal förinställda förhållanden att välja mellan, såsom mobiltelefon, 16:9 widescreen, Instagram-inlägg och andra.
Välj bland tusentals ikoner, animationer och klistermärken som är gratis att använda; du kan också bädda in dina egna bilder eller videor. Det finns förslag på färgpalett om du inte är säker på vilka toner du vill ha i designen.
Dra fördel av flerstilad text för logotyper och hjältetext — Spark Post är en one-stop-shop för grafisk design.
Ladda ner: Spark Post (gratis, prenumeration tillgänglig)
4. Vectornator
Vectornator fångade vårt öga av några anledningar, och slutade sedan med att göra den här listan för så många fler. Till att börja med är funktionaliteten hos Vectornator häpnadsväckande för en gratis app. Du kan också synkronisera Figma med Vectornator och anpassa alla mönster du kan ha.
Välj en arbetsyta från en lista med förinställningar och sätt igång. Väl framme vid din arbetsyta ser du ett sidofält som innehåller dina huvudverktyg till vänster, tillsammans med en pil som fyller i en lista med ytterligare anpassningsalternativ längst ner. Det finns också en “välj/avmarkera alla”-knapp till höger som låter dig välja alla element i ett lager.
Vectornator skiljer sig från de andra apparna vi har testat på det här området på ett par sätt: sidorna Nyheter och Prestationer. De Nyheter sidan innehåller viktiga uppdateringar av appen, tips och tricks för att hjälpa dig med din design med Vectornator och ämnen som 2021 års designtrender.
Samtidigt är prestationer ett roligt sätt att upptäcka funktionen i appen och en välkommen paus från de trötta textvägg-tutorials som finns i andra program.
Ladda ner: Vectornator (gratis)
5. uMake
uMake är lika spännande som kraftfullt. Om du vill lägga till 3D-grafik i dina UI-designer, är uMake ett verktyg du bör ha i ditt kit. Möjligheterna här begränsas endast av din egen fantasi.
De Till dig sidan innehåller knappar för de senaste uppdateringarna och meddelandena; den visar dig också innehåll som ditt eget senaste arbete och videointeraktiva handledningar. På tal om tutorials, uMake gör dem rätt.
Du kan se högkvalitativa videohandledningar i en minispelare vid sidan av din arbetsyta, så att du kan designa samtidigt som du lär dig metoder steg för steg.
Navigeringsfältet längst upp på skärmen låter dig byta till Berättelser där du kan läsa inspirerande berättelser om 3D-modellering och vad som är nytt inom området.
De mönster fliken kommer att ha lite exempelgrafik som du kan leka med, samt en knapp för att skapa en ny design.
En ny design börjar som en tom graf, redo för dig att forma som du vill med verktygen överst på skärmen. Du kan sedan se dina mönster i förstärkt verklighet.
Gå till Lära sig sida för en mängd instruktionsvideor, ett forum som låter dig be samhället om hjälp om du har några frågor och en kunskapsbas (i huvudsak en wiki) som innehåller all information som tjänsten har om olika ämnen.
Ladda ner: uMake (gratis provperiod, prenumeration krävs)
Förbättra UI-design med rätt appar
Med dessa appar kan du skapa snygga UI-designer även när du inte sitter vid din primära dator. De flesta av dem är gratis, så du behöver inte ens lägga till dem i din verktygslåda.
Om författaren
Marcus Mears III (28 artiklar publicerade)
Marcus är frilansande teknikjournalist och juniorredaktör för programmering på MUO. Han är en livslång lärande, hobbyist frontend-utvecklare och novellförfattare med 3+ års erfarenhet av att utveckla prosa som håller läsarna informerade.
Mer från Marcus Mears III
Prenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e-böcker och exklusiva erbjudanden!
Klicka här för att prenumerera
