\n Det finns ingen idealisk layout f\u00f6r att g\u00f6ra det eftersom de tenderar att variera beroende p\u00e5 dina aff\u00e4rsbehov. Det finns dock n\u00e5gra hacks som kan hj\u00e4lpa dig att best\u00e4mma vad som \u00e4r b\u00e4st f\u00f6r ditt f\u00f6retag.\n<\/p>\n
\n Anv\u00e4nd dessa hacks, och du kommer aldrig att f\u00e5 slut p\u00e5 id\u00e9erna.\n<\/p>\n
\n 1 Anv\u00e4nd teckensnitt som kompletterar varandra
\n<\/h5>\n
\n Som bokstavligen! Teckensnitt som \u00e4r anti-naturen kan v\u00e4nda oddsen till din f\u00f6rdel.\n<\/p>\n \n S\u00e5dana par \u00e4r allm\u00e4nt klassificerade under kategorin Serif<\/strong> och Sans Serif<\/strong>, t.ex. Caslon och Myriad, Liberation Serif och Liberation Sans, etc.\n<\/p>\n \n Det \u00e4r dock inte n\u00f6dv\u00e4ndigt att bara para ihop kompletterande typsnitt eftersom du kan para ihop kontrasterande typsnitt ocks\u00e5. Se till exempel den h\u00e4r bilden:\n<\/p>\n \n Font Sifonn<\/strong> har anv\u00e4nts f\u00f6r ordet Hawaii och Arvo<\/strong> f\u00f6r resten. Och de kompletterar varandra p\u00e5 ett ”trevligt” s\u00e4tt.\n<\/p>\n \n Anv\u00e4nd ocks\u00e5 typsnitt som \u00e4r l\u00e4mpliga f\u00f6r situationen annars kan f\u00f6ljande bli resultatet.\n<\/p>\n \n Efter att ha best\u00e4mt dig f\u00f6r det kanske du undrar \u00f6ver teckenstorlek, eller hur? Tja, det \u00e4r sannolikt att anv\u00e4nda 2,5 g\u00e5nger kroppsteckenstorlek f\u00f6r rubriken. Dessutom rekommenderas en radh\u00f6jd p\u00e5 1,6 f\u00f6r alla br\u00f6dtexter. Om du har ett CSS-dokument kan du g\u00f6ra det genom att l\u00e4gga till det till alla p-element, annars, f\u00f6r tryckt papper, multiplicera textstorleken med 1,6 f\u00f6r att f\u00e5 \u00f6nskad radh\u00f6jd.\n<\/p>\n \n De flesta stannar h\u00e4r efter alla dessa anstr\u00e4ngningar, men h\u00e4rifr\u00e5n b\u00f6rjar den verkliga resan, allts\u00e5 att placera dem. Du kan placera dem i mitten eller v\u00e4nsterjusterade eller h\u00f6gerjusterade. Det beror enbart p\u00e5 dig och vad ditt inneh\u00e5ll kr\u00e4ver. Som en f\u00f6rsta kan du b\u00f6rja med att justera dem och skjuta dessa bilder till andra \u00e4nden, och medan du anv\u00e4nder bakgrundsbilder, g\u00e5 med central justering, t.ex.\n<\/p>\n \n F\u00e4rgerna som du anv\u00e4nder f\u00f6r typsnitt och texth\u00e5llare ska synkroniseras med bakgrundsbilden.\n<\/p>\n \n Typografi \u00e4r i allm\u00e4nhet 90% av den kompletta designen, s\u00e5 det \u00e4r definitivt en fr\u00e5ga om oro att best\u00e4mma den optimala teckensnittsf\u00e4rgen.\n<\/p>\n \n Du kan b\u00f6rja med tv\u00e5 f\u00e4rger till en b\u00f6rjan, t.ex. att anv\u00e4nda orange f\u00f6r alla m\u00e4rkeselement och bl\u00e5tt f\u00f6r alla CTA:er ser s\u00e4kert lovande ut. F\u00f6rutom teckenstorlek och f\u00e4rger, med maximalt 58 tecken per rad blir texten mer l\u00e4sbar, vilket \u00e4r ditt slutm\u00e5l, eller hur?\n<\/p>\n \n Om du letar efter separationselementen eller inneh\u00e5llet som sticker ut, \u00e4r det b\u00e4st att anv\u00e4nda understrykningar. Det \u00e4r precis som att vi f\u00f6rs tillbaka till v\u00e5ra barndomsdagar d\u00e4r l\u00e4rarna anv\u00e4nde strikta konfrontationspolicyer f\u00f6r att dj\u00e4rva, lyfta fram och understryka de viktiga punkterna. N\u00e4r man best\u00e4mde sig f\u00f6r bra handstil var avst\u00e5ndet av st\u00f6rsta vikt, och det brukade vara mycket kr\u00e5ngel att best\u00e4mma den ideala storleken p\u00e5 den. P\u00e5 samma s\u00e4tt b\u00f6r de vita utrymmena som vi anv\u00e4nder i v\u00e5r design anv\u00e4ndas p\u00e5 ett subtilt s\u00e4tt och du b\u00f6r aldrig behandla dem som bara tomma utrymmen. Kommer du ih\u00e5g pilen i FedEx logotyp? Det \u00e4r s\u00e5 man f\u00f6rvandlar de vita till negativa.\n<\/p>\n \n S\u00e5 mycket negativitet, jag s\u00e4ger er!\n<\/p>\n \n F\u00f6rstod du? Transparency \u00e4r det nya coola och anv\u00e4ndningen av transparenta ikoner kan g\u00f6ra din webbplats mycket mer intressant. Dessa ikoner kan r\u00e4dda dig i dina tr\u00e4ngande behov.\n<\/p>\n \n I exemplet ovan har bladet gjorts lite mer genomskinligt samtidigt som bakgrunden m\u00f6rknar s\u00e5 att det ser lite mer intressant ut.\n<\/p>\n \n Men samtidigt som du \u00e4gnar f\u00f6r mycket uppm\u00e4rksamhet \u00e5t att g\u00f6ra dem genomskinliga, \u00e4gna lite uppm\u00e4rksamhet \u00e5t deras typografi ocks\u00e5. Jag menar att f\u00e5 dem att s\u00e4ga saker som de borde och inte borde. Du kan anv\u00e4nda stilguide(r) f\u00f6r att designa dem. t.ex\n<\/p>\n \n F\u00f6rs\u00f6k under tiden att vara lite h\u00e4ndig med skissboken ist\u00e4llet f\u00f6r att skjuta alla dina kreativa pilar till det oskyldiga Photoshop. Du m\u00e5ste vara tydlig n\u00e4r du designar ikoner, eftersom de \u00e4r de sm\u00e5 grafiska sakerna som f\u00e5ngar tittarens f\u00f6rsta blick.\n<\/p>\n \n N\u00e4r du \u00e4r os\u00e4ker, g\u00e5 helt enkelt till det klara tillst\u00e5ndet och slappna av. Nu, ge det ett f\u00f6rs\u00f6k igen, jag \u00e4r s\u00e4ker p\u00e5 att du kommer att lyckas. Var inte r\u00e4dd f\u00f6r misslyckanden, men var mycket r\u00e4dd f\u00f6r tvivel eftersom tvivel har d\u00f6dat fler dr\u00f6mmar \u00e4n misslyckanden n\u00e5gonsin kommer att g\u00f6ra.\n<\/p>\n \n Nej nej nej! Prokrastinering var inte vad jag menade! Detta \u00e4r precis som den demokrati som vi ”njuter av” just nu, dvs att ha friheten att v\u00e4lja den dummaste enheten vi kan t\u00e4nka oss.\n<\/p>\n \n K\u00f6r inte ner p\u00e5 fotografiets naturliga delar utan f\u00f6rst\u00e4rk f\u00e4rgerna s\u00e5 att det ser lite mer ut som en grafisk designers jobb.\n<\/p>\n \n Se hur folk p\u00e5 Pinterest ser p\u00e5 bilderna, de kan f\u00f6rvandla bokstavligen allt och allt till infografik. Dessa bilder ser bra ut utan att hindra grafikens v\u00e4sen. En sak till, om du hittar bra designlayouter p\u00e5 Pinterest eller n\u00e5gon annanstans, se till att du bokm\u00e4rker dem eftersom de kan vara till n\u00e5gon nytta f\u00f6r dig senare.\n<\/p>\n \n S\u00e5, n\u00e4r du kommer tillbaka till det, g\u00f6r de d\u00e4r j\u00e4kla f\u00f6r\u00e4ndringarna i bilderna f\u00f6r att f\u00e5 dem att se levande och m\u00e4ttade ut. Dessutom, n\u00e4r du letar efter bakgrundsbilden, se till att rota efter den som har gott om oanv\u00e4nt eller kopieringsutrymme. Detta utrymme kan anv\u00e4ndas f\u00f6r att skriva en kopia som passar ditt varum\u00e4rkes id\u00e9.\n<\/p>\n \n Du kan besk\u00e4ra bilderna ist\u00e4llet f\u00f6r att spara n\u00e5gra avskyv\u00e4rda JPEG-filer i fullt blommande tillst\u00e5nd eftersom de l\u00e4gger on\u00f6dig b\u00f6rda p\u00e5 din processor som du enkelt kan undvika genom att anv\u00e4nda olika gratis onlineprogram f\u00f6r att spara den som en optimerad PNG-fil, ett exempel p\u00e5 s\u00e5dana programvaror kan vara Tinypng.\n<\/p>\n \n Dessa programvaror kompromissar inte med kvaliteten, det kan du vara s\u00e4ker p\u00e5!\n<\/p>\n \n I den bildm\u00e4ssiga meningen att s\u00e4ga det uppenbara! T.ex. n\u00e4rbild av olika exotiska m\u00f6bler i bakgrunden p\u00e5 din webbplats om du vill s\u00e4lja ”f\u00f6rvandla ditt hus till ett hem”-grejer.\n<\/p>\n \n Folk \u00e4lskar s\u00e5dana saker. Kommer du ingen vart med det? Stj\u00e4l fr\u00e5n den fantastiska designen i din nisch!\n<\/p>\n \n Oroa dig inte! Stj\u00e4la s\u00e5 mycket du vill, de kommer bara att tro att ditt imitationsspel \u00e4r p\u00e5 r\u00e4tt plats. Vem skulle ha n\u00e5got emot att stj\u00e4la bilden av Eiffeltornet n\u00e4r du \u00e4r en resebyr\u00e5?\n<\/p>\n \n Ser? Ingen g\u00f6r! Pablo Picasso<\/strong> har ocks\u00e5 sagt att bra artister kopierar, stora artister stj\u00e4l. S\u00e5 varf\u00f6r bry sig? Om en stor man har sagt det, d\u00e5 m\u00e5ste det vara r\u00e4tt, eller hur?\n<\/p>\n \n N\u00e4r du designar ditt kontor, se till att s\u00e4tta ner affischer med n\u00e5gra av dina konstverk eller n\u00e5gra slumpm\u00e4ssiga motiverande citat.\n<\/p>\n \n De kan inspirera dig att arbeta p\u00e5 ett b\u00e4ttre s\u00e4tt eller dina kunder att k\u00f6pa av dig; bland dem b\u00e5da \u00e4r den senare en mycket mer upplyftande tanke.\n<\/p>\n \n Siffror ser mer tilltalande ut f\u00f6r anv\u00e4ndarna oavsett hur mycket du hatade matematik under gymnasiet. \u00c5h, \u00e4lskade du det? Kan vara en annan sorts ”matematik”. M\u00e4nniskor blir f\u00f6rv\u00e5nade \u00f6ver hur mycket f\u00f6rtroende det ger deras varum\u00e4rke bara genom att anv\u00e4nda vissa procentsatser i ett bildformat.\n<\/p>\n \n Se i exemplet nedan.\n<\/p>\n \n N\u00e4r jag v\u00e4l var p\u00e5 deras hemsida visas dessa siffror i ett r\u00e4kneformat som b\u00f6rjar fr\u00e5n noll. Tro mig, jag v\u00e4ntade t\u00e5lmodigt p\u00e5 att r\u00e4kningen skulle sluta och bry dig, ingen tvingade mig att g\u00f6ra det.\n<\/p>\n \n Du m\u00e5ste ocks\u00e5 ha sett organisationer som skryter om sina kunders framg\u00e5ngar, t.ex. hj\u00e4lpte vi XYZ-f\u00f6retaget att \u00f6ka sin f\u00f6rs\u00e4ljning med 200 %. Det s\u00e4ger bara att de har f\u00f6rdubblat f\u00f6rs\u00e4ljningen och det ocks\u00e5 utan att n\u00e4mna perioden, men vad spelar det f\u00f6r roll? Det ser lovande ut f\u00f6r mig. Om de hade anv\u00e4nt ”dubbel” ist\u00e4llet f\u00f6r procentsatsen, s\u00e5 hade det varit mindre skadligt f\u00f6r mina pengar.\n<\/p>\n \n Kort sagt, former, procentsatser och cirkeldiagram \u00e4r n\u00e5gra av de b\u00e4sta s\u00e4tten att bevisa din metall i en f\u00f6retagspresentation eftersom de ser informativa och intressanta ut p\u00e5 samma g\u00e5ng.\n<\/p>\n \n Rutn\u00e4t \u00e4r det b\u00e4sta s\u00e4ttet att skapa en layout f\u00f6r dina bilder. Dessutom f\u00f6renklar det redigeringsprocessen fr\u00e5n rej\u00e4l till rolig och lek.\n<\/p>\n \n Det finns m\u00e5nga rutn\u00e4t tillg\u00e4ngliga d\u00e4r ute, men rutn\u00e4t 1170 anses vara det b\u00e4sta n\u00e4r det kommer till responsiv design, speciellt f\u00f6r Bootstrap Framework. Grid 1140 var den f\u00f6rsta introduktionen som senare f\u00f6rnyades f\u00f6r att komma till 1170-rutn\u00e4tet. St\u00f6rre rutn\u00e4t rekommenderas vid design eftersom de bekv\u00e4mt kan justeras till l\u00e4gre uppl\u00f6sningar. De flesta nyb\u00f6rjardesigners tycker att rutn\u00e4t \u00e4r begr\u00e4nsande f\u00f6r sin fantasi och f\u00f6rs\u00f6ker ”bryta sig loss” fr\u00e5n dem, men n\u00e4r de visuellt kommer \u00f6ver dess f\u00f6rdelar tenderar de att sl\u00e5 sig ner med brytpunkter.\n<\/p>\n \n Rutn\u00e4t \u00e4r ocks\u00e5 en avg\u00f6rande faktor n\u00e4r man talar om typografi. T.ex. B\u00f6rja aldrig skriva inneh\u00e5ll fr\u00e5n r\u00e4nnstensutrymme, \u00e4ven k\u00e4nt som blanksteg. De vita utrymmena m\u00e5ste anv\u00e4ndas p\u00e5 ett b\u00e4ttre s\u00e4tt f\u00f6r att f\u00e5 ut det b\u00e4sta av dem.\n<\/p>\n \n 1170-rutn\u00e4tet har 12 kolumnlayout med 68px bredd och 30px r\u00e4nna. Den initiala brytpunkten f\u00f6r mobila enheter \u00e4r 768px.\n<\/p>\n \n Vem kopierar inte? Shakespeare kopierade Romeo Julia fr\u00e5n en annan pj\u00e4s som heter ”Den tragiska ber\u00e4ttelsen om Romeus och Julia”, och du tyckte att kopiering var en d\u00e5lig sak att g\u00f6ra! Ingen bror.\n<\/p>\n \n Att kopiera \u00e4r bra, s\u00e5 l\u00e4nge ingen f\u00e5r reda p\u00e5 det; om n\u00e5gon f\u00e5r reda p\u00e5 det kan vi alltid anv\u00e4nda en politiskt korrekt term ”inspirerad” f\u00f6r att f\u00e5 det att l\u00e5ta trevligt. Du kan stj\u00e4la design fr\u00e5n andra webbplatser som att v\u00e4lja sidhuvud fr\u00e5n en och sidfot fr\u00e5n en annan! Nej, nej, jag \u00e4r inte skeptisk till smaken av dina kreativa juicer, men n\u00e4r det finns mycket du kan g\u00f6ra med det, varf\u00f6r sl\u00f6sa det d\u00e5 p\u00e5 n\u00e5gra dumma saker?\n<\/p>\n \n Vi m\u00e4nniskor beh\u00f6ver inspirera varandra genom att samarbeta med id\u00e9er, en dag blir du inspirerad av n\u00e5gon, andra dagar kommer n\u00e5gon annan att bli inspirerad av dig och kedjan forts\u00e4tter. Det \u00e4r s\u00e5 det g\u00e5r till. Det finns n\u00e5gra h\u00e4pnadsv\u00e4ckande exempel p\u00e5 gratis mallar tillg\u00e4ngliga p\u00e5 Pinterest som kan p\u00e5skynda designprocessen. Se efter sj\u00e4lv:\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 upps\u00e4ttning tankar
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 3 Anv\u00e4nd ”ikonisk transparens”
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n 4 F\u00f6rb\u00e4ttra f\u00e4rgerna p\u00e5 dina bilder
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 5 Var lite n\u00f6rdig
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 6 Forma dem i procent
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 7 Anv\u00e4nd rutn\u00e4t f\u00f6r bilderna
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 8 Stj\u00e4l som en artist
\n<\/h5>\n