\n Det er ingen ideell layout for \u00e5 gj\u00f8re det, da de har en tendens til \u00e5 variere i henhold til bedriftens krav. Det er imidlertid noen hacks som kan hjelpe deg med \u00e5 bestemme hva som er best for virksomheten din.\n<\/p>\n
\n Bruk disse hackene, og du vil aldri g\u00e5 tom for ideer.\n<\/p>\n
\n 1 Bruk skrifter som utfyller hverandre
\n<\/h5>\n
\n Som bokstavelig talt! Fonter som er anti-naturen kan snu oddsen til din fordel.\n<\/p>\n \n Slike par er bredt klassifisert under kategorien Serif<\/strong> og Sans Serif<\/strong>, f.eks. Caslon og Myriad, Liberation Serif og Liberation Sans, etc.\n<\/p>\n \n Det er imidlertid ikke avgj\u00f8rende \u00e5 bare pare komplement\u00e6re skrifter sammen, da du ogs\u00e5 kan koble sammen kontrasterende skrifter. Se for eksempel dette bildet:\n<\/p>\n \n Font Sifonn<\/strong> har blitt brukt for ordet Hawaii og Arvo<\/strong> for resten. Og de utfyller hverandre p\u00e5 en «fin» m\u00e5te.\n<\/p>\n \n Bruk ogs\u00e5 fonter som er passende i forhold til situasjonen, ellers kan f\u00f8lgende bli resultatet.\n<\/p>\n \n Etter \u00e5 ha bestemt deg for det, lurer du kanskje p\u00e5 skriftst\u00f8rrelse, ikke sant? Vel, det er sannsynlig \u00e5 bruke 2,5 ganger kroppsskriftst\u00f8rrelse for overskriften. Dessuten anbefales en linjeh\u00f8yde p\u00e5 1,6 for alle br\u00f8dtekstene. Hvis du har et CSS-dokument, kan du gj\u00f8re det ved \u00e5 legge det til alle p-elementene, ellers, for trykt papir, multipliser skriftst\u00f8rrelsen med 1,6 for \u00e5 f\u00e5 \u00f8nsket linjeh\u00f8yde.\n<\/p>\n \n De fleste stopper her etter alle disse anstrengelsene, men herfra begynner den virkelige reisen, dvs. \u00e5 plassere dem. Du kan plassere dem i midten eller venstrejustert eller h\u00f8yrejustert. Det avhenger utelukkende av deg og hva innholdet ditt krever. Som en f\u00f8rste kan du begynne med \u00e5 justere dem og skyve disse bildene til den andre enden, og mens du bruker bakgrunnsbilder, g\u00e5 med sentral justering, f.eks.\n<\/p>\n \n Fargene du bruker for fonter og tekstholdere skal synkroniseres med bakgrunnsbildet.\n<\/p>\n \n Vanligvis er typografi 90 % av hele designet, s\u00e5 det er definitivt et sp\u00f8rsm\u00e5l om \u00e5 bestemme den optimale skriftfargen.\n<\/p>\n \n Du kan begynne med to farger i utgangspunktet, f.eks. bruk oransje for alle merkeelementer og bl\u00e5tt for alle CTA-er ser sikkert lovende ut. Bortsett fra skriftst\u00f8rrelse og farger, gj\u00f8r bruk av maksimalt 58 tegn per linje teksten mer lesbar, som er ditt endelige m\u00e5l, ikke sant?\n<\/p>\n \n Hvis du ser etter separasjonselementene eller innholdet som skiller seg ut, er det best \u00e5 bruke understrekinger. Det er akkurat som om vi blir transportert tilbake til barndomsdagene der l\u00e6rerne brukte strenge konfrontasjonspolitikker for \u00e5 dristige, fremheve og understreke de viktige punktene. For \u00e5 avgj\u00f8re god h\u00e5ndskrift var avstanden av st\u00f8rste betydning, og det pleide \u00e5 v\u00e6re mye problem \u00e5 bestemme den ideelle st\u00f8rrelsen p\u00e5 den. P\u00e5 samme m\u00e5te b\u00f8r de hvite omr\u00e5dene som vi bruker i designen v\u00e5r brukes p\u00e5 en subtil m\u00e5te, og du b\u00f8r aldri behandle dem som bare tomme omr\u00e5der. Husker du pilen i FedEx-logoen? Det er slik du gj\u00f8r de hvite til negative.\n<\/p>\n \n S\u00e5 mye negativitet, skal jeg si deg!\n<\/p>\n \n Fikk du det? Transparency er den nye kulen og bruk av gjennomsiktige ikoner kan gj\u00f8re nettstedet ditt mye mer interessant. Disse ikonene kan redde deg i dine alvorlige behov.\n<\/p>\n \n I eksemplet ovenfor har bladet blitt gjort litt mer gjennomsiktig mens bakgrunnen ble m\u00f8rkere slik at det ser litt mer interessant ut.\n<\/p>\n \n Men mens du tar for mye hensyn til \u00e5 gj\u00f8re dem gjennomsiktige, v\u00e6r litt oppmerksom p\u00e5 typografien deres ogs\u00e5. Jeg mener \u00e5 f\u00e5 dem til \u00e5 si ting de burde og ikke burde. Du kan bruke stilguide(r) for \u00e5 designe dem. f.eks\n<\/p>\n \n I mellomtiden, pr\u00f8v \u00e5 v\u00e6re litt hendig med skisseboken i stedet for \u00e5 skyte alle dine kreative piler til det uskyldige Photoshop. Du m\u00e5 v\u00e6re klar n\u00e5r du designer ikoner, siden de er de sm\u00e5 grafiske tingene som fanger seerens f\u00f8rste blikk.\n<\/p>\n \n N\u00e5r du er i tvil, bare g\u00e5 til den klare tilstanden og slapp av. N\u00e5, pr\u00f8v det igjen, jeg er sikker p\u00e5 at du vil lykkes. Ikke v\u00e6r redd for feilene, men v\u00e6r veldig redd for tvil siden tvil har drept flere dr\u00f8mmer enn fiasko noen gang vil gj\u00f8re.\n<\/p>\n \n Nei nei nei! Utsettelse er ikke det jeg mente! Dette er akkurat som demokratiet vi «nyter» akkurat n\u00e5, dvs. \u00e5 ha friheten til \u00e5 velge den dummeste enheten vi kan tenke oss.\n<\/p>\n \n Ikke g\u00e5 ned p\u00e5 de naturlige elementene i fotografiet, men forsterk fargene slik at det ser litt mer ut som en grafisk designers jobb.\n<\/p>\n \n Se hvordan folk p\u00e5 Pinterest ser p\u00e5 bildene, de kan gj\u00f8re bokstavelig talt alt og alt til infografikk. Disse bildene ser bra ut uten \u00e5 hindre essensen av grafikk. En ting til, hvis du finner gode designoppsett p\u00e5 Pinterest eller andre steder, s\u00e5 s\u00f8rg for \u00e5 bokmerke dem, da de kan v\u00e6re til nytte for deg senere.\n<\/p>\n \n S\u00e5, for \u00e5 komme tilbake til det, gj\u00f8r de j\u00e6vla endringene i bildene for \u00e5 f\u00e5 dem til \u00e5 se levende og mettede ut. N\u00e5r du ser etter bakgrunnsbildet, s\u00f8rg ogs\u00e5 for \u00e5 rote etter det som har rikelig med ubrukt eller kopieringsplass. Denne plassen kan brukes til \u00e5 skrive kopi som passer med merkevarens id\u00e9.\n<\/p>\n \n Du kan beskj\u00e6re bildene i stedet for \u00e5 lagre noen avskyelige JPEG-filer i full blomstrende tilstand, da de legger un\u00f8dvendig belastning p\u00e5 prosessoren din som du enkelt kan unng\u00e5 ved \u00e5 bruke diverse gratis online programvare for \u00e5 lagre den som en optimalisert PNG-fil, ett eksempel p\u00e5 slike programvarer kan v\u00e6re Tinypng.\n<\/p>\n \n Disse programvarene g\u00e5r ikke p\u00e5 akkord med kvaliteten, det kan du v\u00e6re sikker p\u00e5!\n<\/p>\n \n I den billedlige betydningen av \u00e5 si det \u00e5penbare! F.eks. N\u00e6rbilde av ulike eksotiske m\u00f8bler i bakgrunnen p\u00e5 nettstedet ditt hvis du er i ferd med \u00e5 selge «gj\u00f8r huset ditt til et hjem»-ting.\n<\/p>\n \n Folk elsker slike ting. Kommer du ingen vei med det? Stjel fra de flotte designene til din nisje!\n<\/p>\n \n Ikke bekymre deg! Stjel s\u00e5 mye du vil, de vil bare tro at imitasjonsspillet ditt er p\u00e5 punkt. Hvem ville ha noe imot \u00e5 stjele bildet av Eiffelt\u00e5rnet n\u00e5r du er et reisebyr\u00e5?\n<\/p>\n \n Se? Ingen gj\u00f8r! Pablo Picasso<\/strong> har ogs\u00e5 sagt at gode artister kopierer, store artister stjeler. S\u00e5 hvorfor bry seg? Hvis en stor mann har sagt det, s\u00e5 m\u00e5 det v\u00e6re riktig, ikke sant?\n<\/p>\n \n N\u00e5r du designer kontoret ditt, s\u00f8rg for \u00e5 sette ned plakater av noen av kunstverkene dine eller noen tilfeldige motiverende sitater.\n<\/p>\n \n De kan inspirere deg til \u00e5 jobbe p\u00e5 en bedre m\u00e5te eller kundene dine til \u00e5 kj\u00f8pe fra deg; blant dem begge er sistnevnte en mye mer oppl\u00f8ftende tanke.\n<\/p>\n \n Tall ser mer tiltalende ut for brukerne uansett hvor mye du hatet matematikk p\u00e5 videreg\u00e5ende. \u00c5h, du elsket det? Kan v\u00e6re en annen type «matematikk». Folk blir overrasket over hvor mye tillit det tilf\u00f8rer merkevaren deres bare ved \u00e5 bruke noen prosenter i et billedformat.\n<\/p>\n \n Se i eksempelet nedenfor.\n<\/p>\n \n N\u00e5r jeg var p\u00e5 nettsiden deres, vises disse tallene i et telleformat som starter fra null. Stol p\u00e5 meg, jeg ventet t\u00e5lmodig p\u00e5 at tellingen skulle stoppe og bry deg, ingen tvang meg til det.\n<\/p>\n \n Du m\u00e5 ogs\u00e5 ha sett organisasjoner som skryter av kundens suksess, for eksempel hjalp vi XYZ-selskapet med \u00e5 \u00f8ke salget med 200 %. Det sier bare at de har doblet salget og det ogs\u00e5 uten \u00e5 nevne perioden, men hva betyr det? Det ser lovende ut for meg. Hvis de hadde brukt «doblet» i stedet for prosenten, ville det v\u00e6rt mindre skadelig for pengene mine.\n<\/p>\n \n Kort sagt, former, prosenter og kakediagrammer er noen av de beste m\u00e5tene \u00e5 bevise metallet ditt i en bedriftspresentasjon, siden de ser informative og interessante ut p\u00e5 samme tid.\n<\/p>\n \n Rutenett er den beste m\u00e5ten \u00e5 lage en layout for bildene dine p\u00e5. Dessuten forenkler det redigeringsprosessen fra heftig til moro og lek.\n<\/p>\n \n Det er mange rutenett tilgjengelig der ute, men grid 1170 anses \u00e5 v\u00e6re det beste n\u00e5r det kommer til responsiv design spesielt for Bootstrap Framework. Grid 1140 var den f\u00f8rste introduksjonen som senere ble fornyet for \u00e5 komme til 1170-nettet. St\u00f8rre rutenett anbefales under utformingen, da de kan justeres komfortabelt til lavere oppl\u00f8sninger. De fleste nybegynnere designere f\u00f8ler at rutenett er begrensende for fantasien deres og pr\u00f8ver \u00e5 «bryte seg l\u00f8s» fra dem, men n\u00e5r de visuelt kommer over fordelene, har de en tendens til \u00e5 sl\u00e5 seg til ro med bruddpunkter.\n<\/p>\n \n Rutenett er ogs\u00e5 en avgj\u00f8rende faktor n\u00e5r man snakker om typografi. F.eks. Begynn aldri \u00e5 skrive innhold fra gutter space, ogs\u00e5 kjent som white space. De hvite omr\u00e5dene m\u00e5 brukes p\u00e5 en bedre m\u00e5te for \u00e5 f\u00e5 det beste ut av dem.\n<\/p>\n \n 1170 rutenettet har 12 kolonner med 68px bredde og 30px takrenne. Det f\u00f8rste bruddpunktet for mobile enheter er 768px.\n<\/p>\n \n Hvem kopierer ikke? Shakespeare kopierte Romeo Juliet fra et annet skuespill som heter «Den tragiske historien om Romeus og Julie», og du trodde kopiering var en d\u00e5rlig ting \u00e5 gj\u00f8re! Nei, bror.\n<\/p>\n \n Kopiering er bra, s\u00e5 lenge ingen finner ut av det; i tilfelle noen finner ut av det, kan vi alltid bruke et politisk korrekt begrep «inspirert» for \u00e5 f\u00e5 det til \u00e5 h\u00f8res fint ut. Du kan stjele design fra andre nettsteder, for eksempel velge topptekst fra en og bunntekst fra en annen! Nei, nei, jeg er ikke skeptisk til smaken av de kreative juicene dine, men n\u00e5r det er mye du kan gj\u00f8re med det, hvorfor kaste bort det p\u00e5 noen dumme ting?\n<\/p>\n \n Vi mennesker trenger \u00e5 inspirere hverandre gjennom samarbeid mellom ideer, en dag vil du bli inspirert av noen, andre dager vil noen andre bli inspirert av deg og kjeden fortsetter. S\u00e5nn g\u00e5r det. Det er noen forbl\u00f8ffende eksempler p\u00e5 gratis maler tilgjengelig p\u00e5 Pinterest som kan fremskynde prosessen med \u00e5 designe. Se for deg selv:\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-288163-6382d27a19d38.webp\")
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n 2 Harmonisk sett med tanker
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 3 Bruk «ikonisk \u00e5penhet»
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n 4 Forbedre fargene p\u00e5 bildene dine
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 5 V\u00e6r litt nerdete
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 6 Form dem prosenter
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 7 Bruk rutenett for bildene
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 8 Stjel som en artist
\n<\/h5>\n