{"id":257753,"date":"2023-07-22T10:29:00","date_gmt":"2023-07-22T07:29:00","guid":{"rendered":"https:\/\/inform.click\/apper-som-kan-redusere-din-vitenskapelige-byrde-i-design\/"},"modified":"2023-07-22T10:58:00","modified_gmt":"2023-07-22T07:58:00","slug":"apper-som-kan-redusere-din-vitenskapelige-byrde-i-design","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/apper-som-kan-redusere-din-vitenskapelige-byrde-i-design\/","title":{"rendered":"Apper som kan redusere din «vitenskapelige» byrde i design"},"content":{"rendered":"

\n Hva er det webdesignere misliker mest? Sannsynligvis koding. Og kanskje et n\u00e6rt sekund er prototyping for alle enheter. Og alt som kan gj\u00f8re slike ting enklere, lar en designer bruke mer tid p\u00e5 de kreative aspektene ved arbeidet sitt.\n<\/p>\n

\n Med det i tankene er det en rekke flotte nye apper som hver designer b\u00f8r utforske som potensielle tillegg til verkt\u00f8ysettet hans\/hennes!\n<\/p>\n

\n FRONTIFISERE<\/a>
\n<\/h5>\n

\n For et flott nettsted for deg \u00e5 lage dine egne stilguider og lagre dem i skyen for fremtidig referanse og for deling. Det er stilguidemaler for logoer og bilder, fargepaletter, typografi, ikoner og din egen tekst og media. Det andre store pluss her er at du ikke trenger \u00e5 lage dine egne PDF-stilguider manuelt \u2013 du lagrer dem p\u00e5 Frontify og de kan konverteres til PDF-filer for nedlasting, utskrift og deling. Versjonsbehandling holder alle eldre versjoner i bakgrunnen for \u00e5 trekke opp n\u00e5r som helst. Du kan starte med malene deres eller unders\u00f8ke merkebokeksempler for \u00e5 tilpasse dine egne. Alle funksjoner er tilgjengelige via API. Her er et eksempel p\u00e5 hva du kan gj\u00f8re med bare en logo, ved \u00e5 bruke Frontifys egen:\n<\/p>\n

\n Dette er den grunnleggende logoen. Frontify bestemte at «dr\u00e5pene» var n\u00f8kkelen her, men at de kunne gj\u00f8re mange andre ting, og fortsatt holde logoen konsistent. Her er fargeendringer:\n<\/p>\n

\"\"<\/a><\/p>\n

\n Og her er et eksempel p\u00e5 en variant av den grunnleggende logoen:\n<\/p>\n

\"\"<\/a><\/p>\n

\n Dette er bare ett eksempel p\u00e5 design- og fargemalene du kan bruke til \u00e5 lage unike stilguider, og alle komponentene kan byttes ut.\n<\/p>\n

\n VISUELL KOMPONIST<\/a>
\n<\/h5>\n

\n Denne appen har eksistert en liten stund, og du vet kanskje allerede om den, men du vil v\u00e6re hardt presset for \u00e5 finne en annen med designalternativpakken. Det har i utgangspunktet tatt bort de vanskelige oppgavene med planlegging og koding. Du kan f\u00e5 designoppsett p\u00e5 f\u00e5 minutter, og legge til elementer med et enkelt klikk. Prislappen p\u00e5 $25 er vel verdt det. Knapper til alt; mange animasjonsalternativer, umiddelbare delingsalternativer og s\u00e5 videre. Over 40 innholdselementer i denne babyen! Det er virkelig et allsidig verkt\u00f8y! Hvis du ikke er sikker p\u00e5 alle funksjonene og hvordan du kan bruke denne appen, sjekk ut videooppl\u00e6ringen her<\/a>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Det er flotte funksjoner som lar deg designe sidene dine veldig raskt, og du kan endre nesten alle elementer. For eksempel er det flere forh\u00e5ndsdefinerte rutenettelementer som du kan endre eller et alternativ for \u00e5 designe ditt eget rutenett.\n<\/p>\n

\n Hvis det er en ulempe med Visual Composer, er det at den legger igjen mye liten kode n\u00e5r du deaktiverer som m\u00e5 fjernes f\u00f8r du starter et nytt tema. Her er et eksempel p\u00e5 et design laget gjennom Visual Composer.\n<\/p>\n

\"\"<\/a><\/p>\n

\n DESIGNJAKT<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n N\u00e5r inspirasjonen din nettopp har stoppet opp, s\u00f8ker du den sannsynligvis ved \u00e5 s\u00f8ke etter nye nettsider som kan gi deg gode ideer. Det kan v\u00e6re en litt tidkrevende oppgave, s\u00e5 hvorfor ikke bruke en mye mer praktisk metode? Design Hunt er et slags «clearinghouse», men det skifter ut hele repertoaret p\u00e5 daglig basis. Den tegner flotte nye design funnet p\u00e5 Pinterest, Dribble, Designer News, DesignInspiraton og mer og publiserer dem for designere som leter etter ny inspirasjon og ideer. N\u00e5 kan du g\u00e5 til ett sted hver dag og finne en helt ny kolleksjon.\n<\/p>\n

\n TOKAPIC<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n Tookapic er en relativ nykommer i arkivfotobransjen, og har n\u00e5 over 11 000 arkivbilder, de fleste gratis, resten til en liten pris. Det kan hende du virkelig liker dette bedre enn bildekilden du bruker n\u00e5 \u2013 fenomenal farge og klarhet og virkelig unike bilder. G\u00e5 til siden deres og sjekk ut hva de har. Du kan bli overrasket!\n<\/p>\n

\n MARVELAPP<\/a>
\n<\/h5>\n

\n Dette gratis prototypeverkt\u00f8yet lar deg skissere og lage modeller fra mobilen din eller en hvilken som helst annen enhet og umiddelbart se prototypen. Derfra kan du omorganisere, endre, legge til farger, tekst, endre skjemaer og gj\u00f8re praktisk talt hva som helst, med umiddelbar kompatibilitet med hvilken som helst enhet. N\u00e5r du navngir prosjektet ditt, g\u00e5r du umiddelbart til hovedgrensesnittet og begynner. N\u00e5r du er ferdig, kan du forh\u00e5ndsvise hele designet og samhandle med det for \u00e5 sikre at alt fungerer bra.\n<\/p>\n

\"\"<\/a><\/p>\n

\n For \u00e5 l\u00e6re mer om dette fenomenale verkt\u00f8yet, bes\u00f8k nettstedet og se demoen \u2013 du vil bli begeistret over brukervennligheten. En av de beste funksjonene er muligheten til \u00e5 slippe inn bilde fra hvor som helst (til og med Dropbox og skisse) og av hvilken som helst bildetype. Du kan ogs\u00e5 legge til et team hvis dette er et samarbeidsprosjekt. Den st\u00f8rste ulempen med Marvel er at det er begrensninger med gratisversjonen, s\u00e5 du m\u00e5 definitivt oppgradere. Likevel og alt er dette superenkelt \u00e5 bruke – like bra som Justinmind.\n<\/p>\n

\n ANIMERE CSS<\/a>
\n<\/h5>\n

\n Hvis du lager mye animasjon, vil du definitivt ha dette verkt\u00f8yet. Virkelig kule funksjoner uten \u00e5 m\u00e5tte skrive noen kode. Det er et klart-til-bruk bibliotek med animasjonseffekter \u2013 over 50 faktisk \u2013 og du kan enkelt tilpasse for antall looper og varighet. Animasjon gir stort engasjement og underholdning s\u00e5 lenge du ikke overdriver det!\n<\/p>\n

\n Hvis du ser etter et virkelig komplett utvalg av funksjoner og alternativer, vil imidlertid ikke CSS alene fylle regningen. Selv om debatten om CSS og JavaScript fortsetter, er det definitivt m\u00e5ter de kan brukes sammen p\u00e5. For eksempel har du en flott CSS-animasjon designet, men du vil at den skal gli inn fra venstre n\u00e5r en bruker kommer til et visst punkt n\u00e5r han ruller nedover. Du m\u00e5 legge til JS for \u00e5 f\u00e5 det gjort. \u00c5 forst\u00e5 at CSS har sine begrensninger og kan forbedres av JS er bare klok bruk av verkt\u00f8y som er tilgjengelige.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Ikke desto mindre er Animate CSS veldig enkelt \u00e5 kj\u00f8re. Du laster det ned, legger ved CSS samt jQuery og andre komponenter du vil ha og begynner \u00e5 animere. Det er en flott veiledning p\u00e5 YouTube for \u00e5 komme i gang.\n<\/p>\n

\n KJ\u00d8LER<\/a>
\n<\/h5>\n

\n Hvis du tilfeldigvis er fargeblind eller bare utfordret med fargeskjema, vil dette verkt\u00f8yet utvikle et helt fargeskjema for deg, eller lage et hvis du vet hvor du vil begynne. N\u00e5r du ser en farge du liker, l\u00e5s den og fortsett \u00e5 klikke \u2013 du f\u00e5r et komplett oppsett med s\u00e5 mange farger du vil. Dette er spesielt nyttig hvis du vil bruke fargegradienter. Det er ingenting egentlig kontroversielt med dette verkt\u00f8yet \u2013 designere som bruker det elsker det; de som ikke har pr\u00f8vd det enn\u00e5. Den eneste ulempen? Det er ikke lenger gratis, og du m\u00e5 ha en iTunes-konto for \u00e5 laste ned.\n<\/p>\n

\"\"<\/a> Automatisk fargeskjemagenerator for fargeutfordrede<\/p>\n

\n CIRCLE.SVG<\/a>
\n<\/h5>\n

\n Dette er ikke et omfattende verkt\u00f8y med mange alternativer, maler og slikt, men her er en unik m\u00e5te \u00e5 designe en meny p\u00e5, eller flere p\u00e5 s\u00e5 mange sider du \u00f8nsker! Alt du gj\u00f8r er \u00e5 skrive inn spesifikasjonene for hva du vil ha i menyen din. Du vil da f\u00e5 detaljerte instruksjoner om hvordan du bygger den og legger den inn p\u00e5 en bestemt side.\n<\/p>\n

\"\"<\/a> En liten ting for \u00e5 engasjere bes\u00f8kende bedre<\/p>\n

\n Circular SVG er sannsynligvis bedre enn CSS for \u00e5 lage denne typen elementer. N\u00e5r du har lastet ned, har du 3 alternativer: Du kan tegne sektorene dine i et grafisk redigeringsprogram, for eksempel Sketch, og deretter eksportere dem som SVG, legge til interaksjon og legge dem inn; du kan tegne sektorene dine med kode; eller du kan bruke Circulus-generatoren rett i appen.\n<\/p>\n

\n CSS lar deg lage sirkul\u00e6r navigasjon, men det er noen f\u00e5 nettleserfeil pluss at det bare er mye arbeid. Du m\u00e5 starte med et rektangel, bryte det fra hverandre, deretter skjeve og rotere disse delene. Og hvis du bruker mer enn bare ikoner i sektorene dine, blir det vanskeligere.\n<\/p>\n

\n Ved \u00e5 bruke SVG kan du tegne hvilken som helst form du vil, ved \u00e5 bruke spesifikke linjer og buekommandoer til de «kakebitene» du vil ha – her er et eksempel:\n<\/p>\n

\"\"<\/a><\/p>\n

\n N\u00e5r du har trukket hver av kilene og ikonet og\/eller innholdet innebygd, blir du ganske enkelt med i dem.\n<\/p>\n

\n METAFLOP<\/a>
\n<\/h5>\n

\n Lei av de samme gamle fontene og bokstavstilene? Lag din egen \u2013 ingen koding kreves \u2013 bare klikk og dra. \u00c5 bytte ut til unike fonter og stiler for tekst kan oppmuntre bes\u00f8kende til \u00e5 faktisk lese innholdet! Denne appen er s\u00e5 kul, du vil ha en t\u00f8ff tid med \u00e5 ikke leke med den p\u00e5 flere timer. Og du vil aldri si at typografi er den minst sexy delen av webdesign igjen.\n<\/p>\n

\n Det er s\u00e5 enkelt. Du tilpasser fonter fra en serie lysbilder som har forskjellige egenskaper \u2013 h\u00f8yde, blender\u00e5pning og kontrast. Du justerer til du har det du liker og laster det s\u00e5 ned som en webfontpakke (gratis). Det er ogs\u00e5 et bibliotek med forh\u00e5ndsbygde fonter \u00e5 velge mellom. Fortsett \u00e5 spille \u2013 du vil se hvorfor typedesignere kan v\u00e6re en \u00abd\u00f8ende rase\u00bb.\n<\/p>\n

\"\"<\/a> Fang oppmerksomhet med unike fonter og stiler<\/p>\n

\n FONTFLAME<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n Dette er virkelig en «ny gutt p\u00e5 blokka.» Fontflame fors\u00f8ker \u00e5 avlaste designere for bare \u00e9n byrde til \u2013 \u00e5 finne skrifttyper som virkelig fungerer. Akkurat n\u00e5 har den 10 publiserte sammenkoblinger p\u00e5 nettstedet, men legges til daglig. Eksempler p\u00e5 sammenkobling, ved bruk av Googles gratis skriftbibliotek, inkluderer \u00abLobster-Asap\u00bb og \u00abRoboto-Open Sans\u00bb. Flere biblioteker vil bli lagt til snart. Hold et \u00f8ye med denne siden \u2013 den vil snart ha mye \u00e5 tilby i par.\n<\/p>\n

\n FRILANSER PODCAST<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n Ikke en app eller et verkt\u00f8y \u2013 dette er en ukentlig podcast for designere og utviklere som du ikke vil g\u00e5 glipp av. Arrangert av Paul Jarvis, vil du ha tilgang til nye trender, apper og verkt\u00f8y, og mange virkelig praktiske r\u00e5d.\n<\/p>\n

\n IN-VISJON<\/a>
\n<\/h5>\n

\n Her er et flott prototypeverkt\u00f8y som har flere funksjoner som ikke finnes i de andre. Som alle andre lager du mockupen din for alle eller alle enheter \u2013 du velger de du vil ha. N\u00e5r prototypen din er opprettet, kan du forh\u00e5ndsvise den p\u00e5 alle enheter, og deretter sende den til kunder eller teammedlemmer for gjennomgang. De kan kommentere selve designet, noe som er et stort pluss. To andre fine funksjoner i In-Vision er en historiemodus, som lar deg se alle tidligere versjoner av et design, og 3 demoprosjekter som designere kan jobbe gjennom til de er komfortable med alle funksjonene.\n<\/p>\n

\"\"<\/a><\/p>\n

\n N\u00e5r du sammenligner In-vision med Marvel-appen, er de viktige forskjellene sannsynligvis disse:\n<\/p>\n

    \n
  1. InVision har flere funksjoner enn Marvel, men det gj\u00f8r det ogs\u00e5 mer komplekst. For eksempel har den flere funksjoner for live samarbeid, et verkt\u00f8y for skjermbilder av merknader og flotte historieelementer.\n <\/li>\n
  2. Marvel har en iOS-app og jobber for tiden med apper for Android og iPad \u2013 InVision har ikke disse.\n <\/li>\n
  3. InVision er sannsynligvis bedre for et st\u00f8rre team, Marvel bedre for solo eller sm\u00e5 lag.\n <\/li>\n<\/ol>\n

    \n Kommentarer fra brukere av begge disse appene vil kaste mer lys over hvilken som er best for hvilke form\u00e5l.\n<\/p>\n

    \n Du har sannsynligvis noen favorittapper som andre designere gjerne vil h\u00f8re om. Fortell oss hva de er, og hvordan de gir deg mer tid til \u00e5 v\u00e6re artist.\n<\/p>\n<\/p>\n

    \n Opptakskilde: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Hva er det webdesignere misliker mest? Sannsynligvis koding. Og kanskje et n\u00e6rt sekund er prototyping for alle enheter. Og alt som kan gj\u00f8re slike ting enklere, lar en designer bruke mer tid p\u00e5 de kreative aspektene ved arbeidet sitt. Med det i tankene er det en rekke flotte nye apper som hver designer b\u00f8r utforske som potensielle tillegg til verkt\u00f8ysettet hans\/hennes! FRONTIFY For et flott nettsted for deg \u00e5 lage dine egne stilguider og lagre dem i skyen for fremtidig referanse og for deling. Det finnes stilguidemaler for logoer …<\/p>\n","protected":false},"author":1,"featured_media":147533,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[148,655,122,603,57,200],"tags":[],"class_list":["post-257753","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nett-tips-og-triks","category-nettsteder","category-nettverktoy","category-teknologi-og-mer","category-web-og-wordpress","category-webdesign-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257753"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257753\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/147533"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}