\n Ihanteellista asettelua ei ole olemassa, koska ne vaihtelevat yrityksesi vaatimusten mukaan. On kuitenkin joitakin hakkereita, jotka voivat auttaa sinua p\u00e4\u00e4tt\u00e4m\u00e4\u00e4n, mik\u00e4 on parasta yrityksellesi.\n<\/p>\n
\n K\u00e4yt\u00e4 n\u00e4it\u00e4 hakkereita, etk\u00e4 lopu koskaan ideasta.\n<\/p>\n
\n 1 K\u00e4yt\u00e4 toisiaan t\u00e4ydent\u00e4vi\u00e4 fontteja
\n<\/h5>\n
\n Kuten kirjaimellisesti! Luonnonvastaiset fontit voivat k\u00e4\u00e4nt\u00e4\u00e4 todenn\u00e4k\u00f6isyydet eduksesi.\n<\/p>\n \n T\u00e4llaiset parit luokitellaan yleisesti Serif<\/strong> ja Sans Serif<\/strong> -kategorioihin, esim. Caslon ja Myriad, Liberation Serif ja Liberation Sans jne.\n<\/p>\n \n Ei kuitenkaan ole v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4 yhdist\u00e4\u00e4 vain toisiaan t\u00e4ydent\u00e4vi\u00e4 kirjasimia, sill\u00e4 voit yhdist\u00e4\u00e4 my\u00f6s vastakkaisia \u200b\u200bfontteja. Katso esimerkiksi t\u00e4m\u00e4 kuva:\n<\/p>\n \n Fonttia Sifonn<\/strong> on k\u00e4ytetty sanasta Hawaii ja Arvo<\/strong> muusta. Ja ne t\u00e4ydent\u00e4v\u00e4t toisiaan ”mukavalla” tavalla.\n<\/p>\n \n K\u00e4yt\u00e4 my\u00f6s fontteja, jotka sopivat tilanteen mukaan, muuten tulos voi olla seuraava.\n<\/p>\n \n Kun olet p\u00e4\u00e4tt\u00e4nyt sen, saatat ihmetell\u00e4 fonttikokoa, eik\u00f6? No, on todenn\u00e4k\u00f6ist\u00e4, ett\u00e4 otsikossa k\u00e4ytet\u00e4\u00e4n 2,5-kertaista tekstin kokoa. Lis\u00e4ksi kaikille leip\u00e4teksteille suositellaan rivin korkeutta 1,6. Jos sinulla on CSS-dokumentti, voit tehd\u00e4 sen lis\u00e4\u00e4m\u00e4ll\u00e4 sen kaikkiin p-elementteihin. Muussa tapauksessa painetun paperin kohdalla kerrotaan tekstin kirjasinkoko 1,6:lla saadaksesi haluamasi rivin korkeus.\n<\/p>\n \n Useimmat ihmiset pys\u00e4htyv\u00e4t t\u00e4h\u00e4n kaikkien n\u00e4iden ponnistelujen j\u00e4lkeen, mutta t\u00e4st\u00e4 alkaa todellinen matka eli niiden sijoittaminen. Voit sijoittaa ne keskelle, vasemmalle tai oikealle tasattuna. Se riippuu vain sinusta ja siit\u00e4, mit\u00e4 sis\u00e4lt\u00f6si vaatii. Aluksi voit aloittaa niiden kohdistamisella ja ty\u00f6nt\u00e4\u00e4 ne kuvat toiseen p\u00e4\u00e4h\u00e4n ja taustakuvia k\u00e4ytett\u00e4ess\u00e4 jatkaa keskikohdistusta, esim.\n<\/p>\n \n Fonteissa ja tekstinpitimiss\u00e4 k\u00e4ytt\u00e4miesi v\u00e4rien tulee synkronoida taustakuvan kanssa.\n<\/p>\n \n Yleens\u00e4 typografia on 90% koko suunnittelusta, joten on ehdottomasti huolestuttavaa p\u00e4\u00e4tt\u00e4\u00e4 optimaalinen fontin v\u00e4ri.\n<\/p>\n \n Voit aloittaa aluksi kahdella v\u00e4rill\u00e4, esim. k\u00e4ytt\u00e4m\u00e4ll\u00e4 oranssia kaikissa br\u00e4ndielementeiss\u00e4 ja sinist\u00e4 kaikissa toimintakehotuksissa, n\u00e4ytt\u00e4v\u00e4t varmasti lupaavilta. Fonttikoon ja v\u00e4rien lis\u00e4ksi enint\u00e4\u00e4n 58 merkin k\u00e4ytt\u00f6 rivill\u00e4 tekee tekstist\u00e4 luettavamman, mik\u00e4 on perimm\u00e4inen tavoitteesi, eik\u00f6 niin?\n<\/p>\n \n Jos etsit erotuselementtej\u00e4 tai sis\u00e4lt\u00f6\u00e4, joka erottuu joukosta, on parasta k\u00e4ytt\u00e4\u00e4 alleviivauksia. Se on aivan kuin meid\u00e4t on siirretty takaisin lapsuuteen, jolloin opettajat k\u00e4yttiv\u00e4t tiukkoja vastakkainasetteluk\u00e4yt\u00e4nt\u00f6j\u00e4 rohkeakseen, korostaakseen ja alleviivatakseen t\u00e4rkeit\u00e4 kohtia. Hyv\u00e4st\u00e4 k\u00e4sialasta p\u00e4\u00e4tett\u00e4ess\u00e4 v\u00e4li oli ensiarvoisen t\u00e4rke\u00e4\u00e4, ja sen ihanteellisen koon p\u00e4\u00e4tt\u00e4minen oli ennen paljon vaivaa. Samoin suunnittelussamme k\u00e4ytt\u00e4m\u00e4mme v\u00e4lily\u00f6nnit tulee hy\u00f6dynt\u00e4\u00e4 hienovaraisesti, eik\u00e4 niit\u00e4 koskaan pid\u00e4 k\u00e4sitell\u00e4 pelkkin\u00e4 tyhjin\u00e4 tiloina. Muistatko FedEx-logon nuolen? Sill\u00e4 tavalla teet ne valkoiset negatiivisiksi.\n<\/p>\n \n Niin paljon negatiivisuutta, sanon teille!\n<\/p>\n \n Saitko sen? L\u00e4pin\u00e4kyvyys on uusi hieno asia, ja l\u00e4pin\u00e4kyvien kuvakkeiden k\u00e4ytt\u00f6 voi tehd\u00e4 verkkosivustostasi paljon mielenkiintoisemman. N\u00e4m\u00e4 kuvakkeet voivat s\u00e4\u00e4st\u00e4\u00e4 sinua vaikeissa tarpeissasi.\n<\/p>\n \n Yll\u00e4 olevassa esimerkiss\u00e4 lehti\u00e4 on tehty hieman l\u00e4pin\u00e4kyv\u00e4mm\u00e4ksi samalla kun taustaa on tummennettu, jotta se n\u00e4ytt\u00e4\u00e4 hieman mielenkiintoisemmalta.\n<\/p>\n \n Mutta vaikka kiinnit\u00e4t liikaa huomiota niiden l\u00e4pin\u00e4kyvyyteen, kiinnit\u00e4 v\u00e4h\u00e4n huomiota my\u00f6s niiden typografiaan. Tarkoitan heid\u00e4n saattamista puhumaan asioita, joita heid\u00e4n pit\u00e4isi ja joita ei pit\u00e4isi. Voit k\u00e4ytt\u00e4\u00e4 tyylioppaita niiden suunnitteluun. esim\n<\/p>\n \n Yrit\u00e4 sill\u00e4 v\u00e4lin olla hieman k\u00e4tev\u00e4 luonnoskirjan kanssa sen sijaan, ett\u00e4 ampuisit kaikki luovat nuolet viattomaan Photoshopiin. Sinun on oltava selke\u00e4, kun suunnittelet kuvakkeita, koska ne ovat pieni\u00e4 graafisia asioita, jotka tarttuvat katsojan ensisilm\u00e4yksell\u00e4.\n<\/p>\n \n Jos olet ep\u00e4varma, mene yksinkertaisesti selke\u00e4\u00e4n tilaan ja rentoudu. Yrit\u00e4 nyt uudelleen, olen varma, ett\u00e4 onnistut. \u00c4l\u00e4 pelk\u00e4\u00e4 ep\u00e4onnistumisia, vaan pelk\u00e4\u00e4 eritt\u00e4in ep\u00e4ilyksi\u00e4, sill\u00e4 ep\u00e4ilykset ovat tappaneet enemm\u00e4n unelmia kuin ep\u00e4onnistuminen koskaan.\n<\/p>\n \n Ei ei ei! Viivytt\u00e4mist\u00e4 en tarkoittanut! T\u00e4m\u00e4 on t\u00e4sm\u00e4lleen samanlaista demokratiaa, josta ”nautimme” juuri nyt, eli meill\u00e4 on vapaus valita tyhmin kokonaisuus, jonka voimme ajatella.\n<\/p>\n \n \u00c4l\u00e4 v\u00e4h\u00e4ttele valokuvan luonnollisia elementtej\u00e4, vaan korosta sen v\u00e4rej\u00e4 niin, ett\u00e4 se n\u00e4ytt\u00e4\u00e4 hieman enemm\u00e4n graafisen suunnittelijan ty\u00f6lt\u00e4.\n<\/p>\n \n Katso, kuinka Pinterestin ihmiset katsovat kuvia, he voivat muuttaa kirjaimellisesti mit\u00e4 tahansa infografiikaksi. N\u00e4m\u00e4 kuvat n\u00e4ytt\u00e4v\u00e4t hyvilt\u00e4 h\u00e4iritsem\u00e4tt\u00e4 grafiikan olemusta. Lis\u00e4ksi viel\u00e4 yksi asia, jos l\u00f6yd\u00e4t hyvi\u00e4 suunnitteluasetelmia Pinterestist\u00e4 tai muualta, muista merkit\u00e4 ne kirjanmerkkeihin, koska niist\u00e4 voi olla sinulle hy\u00f6ty\u00e4 my\u00f6hemmin.\n<\/p>\n \n Joten palatakseni asiaan, tee ne pirun muutokset kuviin saadaksesi ne n\u00e4ytt\u00e4m\u00e4\u00e4n eloisilta ja kyll\u00e4isilt\u00e4. Lis\u00e4ksi, kun etsit taustakuvaa, varmista, ett\u00e4 valitset sellaisen, jossa on runsaasti k\u00e4ytt\u00e4m\u00e4t\u00f6nt\u00e4 tai kopiointitilaa. T\u00e4t\u00e4 tilaa voidaan k\u00e4ytt\u00e4\u00e4 kopion kirjoittamiseen, joka sopii br\u00e4ndisi ideaan.\n<\/p>\n \n Voit rajata kuvia sen sijaan, ett\u00e4 tallennat inhottavia JPEG-tiedostoja t\u00e4ysin kukkivassa tilassaan, koska ne lis\u00e4\u00e4v\u00e4t prosessorisi tarpeetonta taakkaa, jonka voit helposti v\u00e4ltt\u00e4\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 erilaisia \u200b\u200bilmaisia \u200b\u200bonline-ohjelmistoja tallentamalla ne optimoiduna PNG-tiedostona, yksi esimerkki t\u00e4llaisista ohjelmistoista. voi olla Tinypng.\n<\/p>\n \n N\u00e4m\u00e4 ohjelmistot eiv\u00e4t tee kompromisseja laadusta, voit olla varma siit\u00e4!\n<\/p>\n \n Kuvallisessa mieless\u00e4 ilmeisen toteaminen! Esim. L\u00e4hikuva erilaisista eksoottisista huonekaluista verkkosivustosi taustalla, jos olet yritt\u00e4nyt myyd\u00e4 ”muuta talosi kodiksi” tavaraa.\n<\/p>\n \n Ihmiset rakastavat sellaisia \u200b\u200basioita. Eik\u00f6 sill\u00e4 p\u00e4\u00e4se mihink\u00e4\u00e4n? Varasta markkinaraon upeista malleista!\n<\/p>\n \n \u00c4l\u00e4 huoli! Varasta niin paljon kuin haluat, he vain ajattelevat, ett\u00e4 j\u00e4ljitelm\u00e4pelisi on kohdallaan. Kuka haluaisi varastaa Eiffel-tornin kuvan, kun olet matkatoimisto?\n<\/p>\n \n N\u00e4etk\u00f6? Kukaan ei tee! Pablo Picasso<\/strong> on my\u00f6s sanonut, ett\u00e4 hyv\u00e4t taiteilijat kopioivat, suuret taiteilijat varastavat. Joten miksi vaivautua? Jos yksi suuri mies on sanonut sen, niin sen t\u00e4ytyy olla oikein, eik\u00f6?\n<\/p>\n \n Kun suunnittelet toimistoasi, muista laittaa julisteita joistakin teoksistasi tai satunnaisista motivoivista lainauksista.\n<\/p>\n \n Ne saattavat innostaa sinua ty\u00f6skentelem\u00e4\u00e4n paremmin tai asiakkaitasi ostamaan sinulta; molempien joukossa j\u00e4lkimm\u00e4inen on paljon kohottavampi ajatus.\n<\/p>\n \n Numerot n\u00e4ytt\u00e4v\u00e4t k\u00e4ytt\u00e4jille houkuttelevammilta riippumatta siit\u00e4, kuinka paljon vihasit matematiikkaa lukion aikana. Ai, rakastit sit\u00e4? Se voi olla erilaista ”matematiikkaa”. Ihmiset h\u00e4mm\u00e4styv\u00e4t siit\u00e4, kuinka paljon luottamusta se lis\u00e4\u00e4 heid\u00e4n br\u00e4ndiins\u00e4, kun k\u00e4ytet\u00e4\u00e4n joitain prosenttiosuuksia kuvamuodossa.\n<\/p>\n \n Katso alla olevasta esimerkist\u00e4.\n<\/p>\n \n Kun olin heid\u00e4n verkkosivustollaan, n\u00e4m\u00e4 luvut n\u00e4kyv\u00e4t laskentamuodossa nollasta alkaen. Luota minuun, odotin k\u00e4rsiv\u00e4llisesti, ett\u00e4 laskenta loppuu ja muista, kukaan ei pakottanut minua tekem\u00e4\u00e4n niin.\n<\/p>\n \n Olet my\u00f6s n\u00e4hnyt organisaatioita kehuvan asiakkaidensa menestyksest\u00e4, esim. auttoimme XYZ-yrityst\u00e4 kasvattamaan myynti\u00e4\u00e4n 200 %. Se vain sanoo, ett\u00e4 he ovat kaksinkertaistaneet myynnin ja my\u00f6s sen ilman ajanjaksoa, mutta mit\u00e4 v\u00e4li\u00e4 sill\u00e4 on? Se n\u00e4ytt\u00e4\u00e4 minusta lupaavalta. Jos he olisivat k\u00e4ytt\u00e4neet ”kaksinkertaista” prosenttiosuuden sijaan, se olisi ollut v\u00e4hemm\u00e4n haitallista rahoilleni.\n<\/p>\n \n Lyhyesti sanottuna muodot, prosentit ja ympyr\u00e4kaaviot ovat parhaita tapoja todistaa metallisi yritysesittelyss\u00e4, koska ne n\u00e4ytt\u00e4v\u00e4t informatiivisilta ja kiinnostavilta samanaikaisesti.\n<\/p>\n \n Ruudukot ovat paras tapa luoda asettelu kuvillesi. Lis\u00e4ksi se yksinkertaistaa muokkausprosessia mojovasta hauskanpitoon ja ilonpitoon.\n<\/p>\n \n Siell\u00e4 on saatavilla monia ruudukoita, mutta grid 1170:t\u00e4 pidet\u00e4\u00e4n parhaana reagoivan suunnittelun suhteen erityisesti Bootstrap Frameworkiin. Grid 1140 oli ensimm\u00e4inen esittely, joka my\u00f6hemmin uudistettiin p\u00e4\u00e4st\u00e4kseen 1170 ruudukkoon. Suurempia ruudukoita suositellaan suunnittelun aikana, koska niit\u00e4 voidaan s\u00e4\u00e4t\u00e4\u00e4 mukavasti pienempiin resoluutioihin. Useimmat aloittelevat suunnittelijat kokevat ruudukot rajoittavan mielikuvitustaan \u200b\u200bja yritt\u00e4v\u00e4t ”irrata” niist\u00e4, mutta kun he visuaalisesti huomaavat sen edut, heill\u00e4 on tapana rauhoittua murtopisteiden kanssa.\n<\/p>\n \n Ristikot ovat ratkaiseva tekij\u00e4 my\u00f6s typografiassa puhuttaessa. Esim. \u00c4l\u00e4 koskaan aloita sis\u00e4ll\u00f6n kirjoittamista kourutilasta, joka tunnetaan my\u00f6s nimell\u00e4 white space. Valkoisia tiloja on k\u00e4ytett\u00e4v\u00e4 paremmin, jotta niist\u00e4 saadaan paras irti.\n<\/p>\n \n 1170-ruudukossa on 12 sarakkeen asettelu 68 pikselin leveydell\u00e4 ja 30 pikseli\u00e4 kouruilla. Mobiililaitteiden ensimm\u00e4inen keskeytyspiste on 768 pikseli\u00e4.\n<\/p>\n \n Kuka ei kopioi? Shakespeare kopioi Romeo Juliaa toisesta n\u00e4ytelm\u00e4st\u00e4, jonka nimi oli ”Romeuksen ja Julian traaginen tarina”, ja luulit, ett\u00e4 kopiointi on huono asia! Ei, veli.\n<\/p>\n \n Kopiointi on hyv\u00e4 niin kauan kuin kukaan ei saa siit\u00e4 selv\u00e4\u00e4; Jos joku saa tiet\u00e4\u00e4, voimme aina k\u00e4ytt\u00e4\u00e4 poliittisesti korrektia termi\u00e4 ”inspiroitu”, jotta se kuulostaa hyv\u00e4lt\u00e4. Voit varastaa malleja muilta verkkosivustoilta, kuten poimia yl\u00e4tunnisteen yhdelt\u00e4 ja alatunnisteen toiselta! Ei, ei, en ole skeptinen luovien mehujesi maun suhteen, mutta kun sill\u00e4 voi tehd\u00e4 paljon, niin miksi tuhlata sit\u00e4 joihinkin typeriin asioihin?\n<\/p>\n \n Meid\u00e4n ihmisten on inspiroitava toisiamme ideoiden yhteisty\u00f6n kautta, yhten\u00e4 p\u00e4iv\u00e4n\u00e4 inspiroidut jostain, toisina joku muu inspiroituu sinusta ja ketju jatkuu. N\u00e4in se menee. Pinterestiss\u00e4 on joitain h\u00e4mm\u00e4stytt\u00e4vi\u00e4 esimerkkej\u00e4 ilmaisista malleista, jotka voivat nopeuttaa suunnitteluprosessia. Katso itse:\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 Harmoninen joukko ajatuksia
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 3 K\u00e4yt\u00e4 ”Ikonista l\u00e4pin\u00e4kyvyytt\u00e4”
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n 4 Paranna kuviesi v\u00e4rej\u00e4
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 5 Ole v\u00e4h\u00e4n n\u00f6rtti
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 6 Muokkaa niit\u00e4 prosentteina
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 7 K\u00e4yt\u00e4 kuvissa ruudukkoa
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 8 Varasta kuin taiteilija
\n<\/h5>\n