\n<\/h5>\n
\n Vilken bra sida f\u00f6r dig att skapa dina egna stilguider och lagra dem i molnet f\u00f6r framtida referens och f\u00f6r delning. Det finns stilguidemallar f\u00f6r logotyper och bilder, f\u00e4rgpaletter, typografi, ikoner och din egen text och media. Det andra stora pluset h\u00e4r \u00e4r att du inte beh\u00f6ver skapa dina egna PDF-stilguider manuellt \u2013 du lagrar dem p\u00e5 Frontify och de kan konverteras till PDF-filer f\u00f6r nedladdning, utskrift och delning. Versionering h\u00e5ller alla \u00e4ldre versioner i bakgrunden s\u00e5 att de kan visas n\u00e4r som helst. Du kan b\u00f6rja med deras mallar eller unders\u00f6ka exempel p\u00e5 varum\u00e4rkesb\u00f6cker f\u00f6r att anpassa dina egna. Alla funktioner \u00e4r tillg\u00e4ngliga via API. H\u00e4r \u00e4r ett exempel p\u00e5 vad du kan g\u00f6ra med bara en logotyp, med hj\u00e4lp av Frontifys egen:\n<\/p>\n
\n Detta \u00e4r den grundl\u00e4ggande logotypen. Frontify beslutade att ”dropparna” var nyckeln h\u00e4r, men att de kunde g\u00f6ra m\u00e5nga andra saker och \u00e4nd\u00e5 h\u00e5lla logotypen konsekvent. H\u00e4r \u00e4r f\u00e4rg\u00e4ndringar:\n<\/p>\n
\n Och h\u00e4r \u00e4r ett exempel p\u00e5 en variant av den grundl\u00e4ggande logotypen:\n<\/p>\n \n Det h\u00e4r \u00e4r bara ett exempel p\u00e5 design- och f\u00e4rgmallarna du kan anv\u00e4nda f\u00f6r att skapa unika stilguider, och alla komponenter \u00e4r utbytbara.\n<\/p>\n \n Den h\u00e4r appen har funnits ett tag, och du kanske redan k\u00e4nner till den, men du skulle bli sv\u00e5rt att hitta en annan med designalternativpaketet. Det har i princip tagit bort de m\u00f6dosamma uppgifterna med planering och kodning. Du kan ha designlayouter p\u00e5 bara n\u00e5gra minuter, l\u00e4gga till element med ett enda klick. Prislappen p\u00e5 $25 \u00e4r v\u00e4l v\u00e4rt det. Knappar f\u00f6r allt; massor av animationsalternativ, omedelbara delningsalternativ och s\u00e5 vidare. \u00d6ver 40 inneh\u00e5llselement i denna baby! Det \u00e4r verkligen ett allsidigt verktyg! Om du inte \u00e4r s\u00e4ker p\u00e5 alla dess funktioner och hur du kan anv\u00e4nda den h\u00e4r appen, kolla in videohandledningarna h\u00e4r<\/a>.\n<\/p>\n \n Det finns fantastiska funktioner som l\u00e5ter dig designa dina sidor mycket snabbt och du kan modifiera n\u00e4stan alla element. Det finns till exempel flera f\u00f6rdefinierade rutn\u00e4tselement som du kan \u00e4ndra eller ett alternativ f\u00f6r att designa ditt eget rutn\u00e4t.\n<\/p>\n \n Om det finns en nackdel med Visual Composer s\u00e5 \u00e4r det att den l\u00e4mnar mycket liten kod efter sig n\u00e4r du avaktiverar som m\u00e5ste tas bort innan du startar ett nytt tema. H\u00e4r \u00e4r ett exempel p\u00e5 en design skapad med Visual Composer.\n<\/p>\n \n N\u00e4r din inspiration precis har stannat, s\u00f6ker du f\u00f6rmodligen den genom att s\u00f6ka efter nya webbplatser som kan ge dig bra id\u00e9er. Det kan vara lite av en tidskr\u00e4vande uppgift, s\u00e5 varf\u00f6r inte anv\u00e4nda en mycket bekv\u00e4mare metod? Design Hunt \u00e4r ett slags ”clearinghouse”, men det byter ut hela sin repertoar dagligen. Den ritar fantastiska nya m\u00f6nster som finns p\u00e5 Pinterest, Dribble, Designer News, DesignInspiraton och mer och publicerar dem f\u00f6r designers som letar efter lite ny inspiration och id\u00e9er. Nu kan du g\u00e5 till ett st\u00e4lle varje dag och hitta en helt ny kollektion.\n<\/p>\n \n Tookapic \u00e4r en relativ nykomling i bildbranschen och har nu \u00f6ver 11 000 bildbanksbilder, de flesta gratis, resten till ett l\u00e5gt pris. Du kanske verkligen gillar det h\u00e4r b\u00e4ttre \u00e4n den bildk\u00e4lla du anv\u00e4nder nu \u2013 fenomenal f\u00e4rg och klarhet och verkligen unika foton. G\u00e5 in p\u00e5 deras sida och kolla vad de har. Du kan bli f\u00f6rv\u00e5nad!\n<\/p>\n \n Detta kostnadsfria prototypverktyg l\u00e5ter dig skissa och skapa mockups fr\u00e5n din mobil eller n\u00e5gon annan enhet och omedelbart se prototypen. D\u00e4rifr\u00e5n kan du ordna om, \u00e4ndra, l\u00e4gga till f\u00e4rg, text, \u00e4ndra formul\u00e4r och g\u00f6ra praktiskt taget vad som helst, med omedelbar kompatibilitet med vilken enhet som helst. N\u00e4r du namnger ditt projekt g\u00e5r du direkt till huvudgr\u00e4nssnittet och b\u00f6rjar. N\u00e4r du \u00e4r klar kan du f\u00f6rhandsgranska hela designen och interagera med den f\u00f6r att s\u00e4kerst\u00e4lla att allt fungerar bra.\n<\/p>\n \n F\u00f6r att l\u00e4ra dig mer om detta fenomenala verktyg, bes\u00f6k webbplatsen och titta p\u00e5 demon \u2013 du kommer att bli n\u00f6jd med hur l\u00e4tt det \u00e4r att anv\u00e4nda. En av de b\u00e4sta funktionerna \u00e4r m\u00f6jligheten att sl\u00e4ppa in bild var som helst (\u00e4ven Dropbox och skiss) och av vilken bildtyp som helst. Du kan ocks\u00e5 l\u00e4gga till ett team om detta \u00e4r ett samarbetsprojekt. Den st\u00f6rsta nackdelen med Marvel \u00e4r att det finns begr\u00e4nsningar med gratisversionen, s\u00e5 du kommer definitivt att beh\u00f6va uppgradera. \u00c4nd\u00e5 och allt, det h\u00e4r \u00e4r superl\u00e4tt att anv\u00e4nda – lika bra som Justinmind.\n<\/p>\n \n Om du skapar mycket animation kommer du definitivt att ha det h\u00e4r verktyget. Riktigt coola funktioner utan att beh\u00f6va skriva n\u00e5gon kod. Det finns ett f\u00e4rdigt bibliotek med animationseffekter \u2013 \u00f6ver 50 faktiskt \u2013 och du kan enkelt anpassa f\u00f6r antal loopar och varaktighet. Animation ger fantastiskt engagemang och underh\u00e5llning s\u00e5 l\u00e4nge du inte \u00f6verdriver det!\n<\/p>\n \n Om du letar efter ett riktigt komplett utbud av funktioner och alternativ, kommer CSS ensam inte att fylla r\u00e4kningen. \u00c4ven om debatten om CSS och JavaScript verkligen forts\u00e4tter, finns det definitivt s\u00e4tt p\u00e5 vilka de kan anv\u00e4ndas tillsammans. Du har till exempel en bra CSS-animation designad, men du vill att den ska glida in fr\u00e5n v\u00e4nster n\u00e4r en anv\u00e4ndare kommer till en viss punkt n\u00e4r han rullar ner\u00e5t. Du m\u00e5ste l\u00e4gga till JS f\u00f6r att f\u00e5 det gjort. Att f\u00f6rst\u00e5 att CSS har sina begr\u00e4nsningar och kan f\u00f6rb\u00e4ttras av JS \u00e4r bara klok anv\u00e4ndning av tillg\u00e4ngliga verktyg.\n<\/p>\n \n \u00c4nd\u00e5 \u00e4r Animate CSS v\u00e4ldigt l\u00e4tt att k\u00f6ra. Du laddar ner det, bifogar CSS samt jQuery och andra komponenter du vill ha och b\u00f6rjar animera. Det finns en fantastisk handledning p\u00e5 YouTube f\u00f6r att komma ig\u00e5ng.\n<\/p>\n \n Om du r\u00e5kar vara f\u00e4rgblind eller bara utmanad i f\u00e4rgschemat kommer detta verktyg att utveckla ett helt f\u00e4rgschema \u00e5t dig, eller skapa ett om du vet var du vill b\u00f6rja. N\u00e4r du ser en f\u00e4rg du gillar, l\u00e5s den och forts\u00e4tt sedan att klicka \u2013 du f\u00e5r ett komplett schema med s\u00e5 m\u00e5nga f\u00e4rger du vill. Detta \u00e4r s\u00e4rskilt anv\u00e4ndbart om du vill anv\u00e4nda f\u00e4rggradienter. Det finns inget riktigt kontroversiellt med det h\u00e4r verktyget \u2013 designers som anv\u00e4nder det \u00e4lskar det; de som inte har testat det \u00e4nnu. Den enda nackdelen? Det \u00e4r inte l\u00e4ngre gratis och du m\u00e5ste ha ett iTunes-konto f\u00f6r att ladda ner.\n<\/p>\n \n Det h\u00e4r \u00e4r inte ett helt\u00e4ckande verktyg med massor av alternativ, mallar och s\u00e5dant, men h\u00e4r \u00e4r ett unikt s\u00e4tt att designa en meny, eller flera p\u00e5 s\u00e5 m\u00e5nga sidor som du vill! Allt du g\u00f6r \u00e4r att ange detaljerna f\u00f6r vad du vill ha i din meny. Du kommer sedan att f\u00e5 detaljerade instruktioner om hur du bygger den och l\u00e4gger in den p\u00e5 en specifik sida.\n<\/p>\n \n Circular SVG \u00e4r f\u00f6rmodligen \u00f6verl\u00e4gsen CSS f\u00f6r att skapa den h\u00e4r typen av element. N\u00e4r du har laddat ner har du 3 alternativ: Du kan rita dina sektorer i en grafisk redigerare, som Sketch, och sedan exportera dem som SVG, l\u00e4gga till interaktion och b\u00e4dda in dem; du kan rita dina sektorer med kod; eller s\u00e5 kan du anv\u00e4nda Circulus-generatorn direkt i appen.\n<\/p>\n \n CSS l\u00e5ter dig skapa cirkul\u00e4r navigering, men det finns n\u00e5gra webbl\u00e4sarbuggar plus att det bara \u00e4r mycket arbete. Du m\u00e5ste b\u00f6rja med en rektangel, bryta is\u00e4r den, sedan skeva och rotera de sektionerna. Och om du anv\u00e4nder mer \u00e4n bara ikoner i dina sektorer blir det sv\u00e5rare.\n<\/p>\n \n Med SVG kan du rita vilken form du vill, med hj\u00e4lp av specifika linjer och b\u00e5gkommandon till de ”pajklyftor” du vill ha – h\u00e4r \u00e4r ett exempel:\n<\/p>\n \n N\u00e4r du har ritat var och en av dina kilar och din ikon och\/eller inneh\u00e5ll inb\u00e4ddat, g\u00e5r du helt enkelt med i dem.\n<\/p>\n \n Tr\u00f6tt p\u00e5 samma gamla typsnitt och bokstavsstilar? Skapa din egen \u2013 ingen kodning kr\u00e4vs \u2013 klicka och dra bara. Att byta till unika typsnitt och stilar f\u00f6r text kan uppmuntra bes\u00f6kare att faktiskt l\u00e4sa inneh\u00e5llet! Den h\u00e4r appen \u00e4r s\u00e5 cool att du kommer att ha sv\u00e5rt att inte leka med den i timmar. Och du kommer aldrig att s\u00e4ga att typografi \u00e4r den minst sexiga delen av webbdesign igen.\n<\/p>\n \n Det \u00e4r s\u00e5 enkelt. Du anpassar typsnitt fr\u00e5n en serie bilder som har olika egenskaper \u2013 h\u00f6jd, bl\u00e4ndare och kontrast. Du justerar tills du har det du gillar och laddar sedan ner det som ett webbfontpaket (gratis). Det finns ocks\u00e5 ett bibliotek med f\u00f6rbyggda typsnitt att v\u00e4lja mellan. Forts\u00e4tt spela \u2013 du kommer att se varf\u00f6r typdesigners kan vara en ”d\u00f6ende ras”.\n<\/p>\n \n Det h\u00e4r \u00e4r verkligen en ”ny unge p\u00e5 blocket.” Fontflame f\u00f6rs\u00f6ker befria designers fr\u00e5n bara en b\u00f6rda till \u2013 att hitta teckensnittskombinationer som verkligen fungerar. Just nu har den 10 publicerade parningar p\u00e5 sin webbplats men l\u00e4ggs till dagligen. Exempel p\u00e5 sammankoppling, med hj\u00e4lp av Googles kostnadsfria teckensnittsbibliotek, inkluderar ”Lobster-Asap” och ”Roboto-Open Sans.” Ytterligare bibliotek kommer att l\u00e4ggas till inom kort. H\u00e5ll ett \u00f6ga p\u00e5 den h\u00e4r sidan \u2013 den kommer att ha mycket att erbjuda i par snart.\n<\/p>\n \n Inte en app eller ett verktyg \u2013 det h\u00e4r \u00e4r en veckovis podcast f\u00f6r designers och utvecklare som du inte vill missa. Med Paul Jarvis som v\u00e4rd f\u00e5r du tillg\u00e5ng till nya trender, appar och verktyg och massor av riktigt praktiska r\u00e5d.\n<\/p>\n \n H\u00e4r \u00e4r ett bra prototypverktyg som har flera funktioner som inte finns i de andra. Som alla andra skapar du din mockup f\u00f6r vilken eller alla enheter som helst \u2013 du v\u00e4ljer de du vill ha. N\u00e4r din prototyp har skapats kan du f\u00f6rhandsgranska den p\u00e5 alla enheter och sedan skicka den till kunder eller teammedlemmar f\u00f6r granskning. De kan kommentera sj\u00e4lva designen, vilket \u00e4r ett stort plus. Tv\u00e5 andra trevliga funktioner i In-Vision \u00e4r ett historikl\u00e4ge, som l\u00e5ter dig se alla tidigare versioner av en design, och 3 demoprojekt f\u00f6r designers att arbeta igenom tills de \u00e4r bekv\u00e4ma med alla funktioner.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820aec8c0e1.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820aeed4185.webp\")
<\/a><\/p>\n\n VISUELL KOMPOSITOR<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af0e1084.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af2d7a5b.webp\")
<\/a><\/p>\n\n DESIGNJAKT<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820af635541.webp\")
<\/a><\/p>\n\n TOKAPIC<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820afa6f8e1.webp\")
<\/a><\/p>\n\n MARVELAPP<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820afda6714.webp\")
<\/a><\/p>\n\n ANIMATERA CSS<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0055e63.webp\")
<\/a><\/p>\n\n KYLARE<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b02cf489.webp\")
<\/a> Automatisk f\u00e4rgschemagenerator f\u00f6r f\u00e4rgutmanade<\/p>\n\n CIRKEL.SVG<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b05b156f.webp\")
<\/a> Lite n\u00e5got f\u00f6r att b\u00e4ttre engagera bes\u00f6kare<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b091211e.webp\")
<\/a><\/p>\n\n METAFLOP<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0bf1c12.webp\")
<\/a> F\u00e5nga uppm\u00e4rksamhet med unika teckensnitt och stilar<\/p>\n\n FONTFLAME<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b0fbac60.webp\")
<\/a><\/p>\n\n FREELANCER PODCAST<\/a>
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b126e89c.webp\")
<\/a><\/p>\n\n IN-VISION<\/a>
\n<\/h5>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-244248-63820b159f64b.webp\")
<\/a><\/p>\n