\n Ideaalset paigutust selle tegemiseks pole, kuna need kipuvad varieeruma vastavalt teie ettev\u00f5tte vajadustele. Siiski on m\u00f5ned h\u00e4kkimised, mis aitavad teil otsustada, mis on teie ettev\u00f5tte jaoks parim.\n<\/p>\n
\n Kasutage neid h\u00e4kke ja te ei saa kunagi ideedest t\u00fchjaks.\n<\/p>\n
\n 1 Kasutage \u00fcksteist t\u00e4iendavaid fonte
\n<\/h5>\n
\n Nagu s\u00f5na otseses m\u00f5ttes! Loomuvastased fondid v\u00f5ivad teie kasuks p\u00f6\u00f6rata.\n<\/p>\n \n Sellised paarid liigitatakse \u00fcldiselt kategooriasse Serif<\/strong> ja Sans Serif<\/strong>, nt Caslon ja Myriad, Liberation Serif ja Liberation Sans jne.\n<\/p>\n \n Siiski ei pea tingimata siduma ainult t\u00e4iendavaid fonte, kuna saate siduda ka kontrastseid fonte. N\u00e4iteks vaadake seda pilti:\n<\/p>\n \n Font Sifonn<\/strong> on kasutatud s\u00f5na Hawaii ja Arvo<\/strong> jaoks \u00fclej\u00e4\u00e4nu kohta. Ja nad t\u00e4iendavad \u00fcksteist “kenal” viisil.\n<\/p>\n \n Kasutage ka fonte, mis sobivad vastavalt olukorrale, vastasel juhul v\u00f5ib tulemus olla j\u00e4rgmine.\n<\/p>\n \n P\u00e4rast selle otsustamist v\u00f5ite k\u00fcsida fondi suuruse \u00fcle, eks? T\u00f5en\u00e4oliselt kasutatakse pealkirja puhul 2,5-kordset p\u00f5hikirja suurust. Samuti on k\u00f5igi p\u00f5hitekstide jaoks soovitatav reak\u00f5rgus 1,6. Kui teil on CSS-dokument, saate seda teha, lisades selle k\u00f5igile p-elementidele, vastasel juhul korrutage prinditud paberi puhul keha fondi suurus 1,6-ga, et saada soovitud reak\u00f5rgus.\n<\/p>\n \n Enamik inimesi peatub siin p\u00e4rast k\u00f5iki neid pingutusi, kuid siit algab t\u00f5eline teekond ehk nende paigutamine. Saate need asetada keskele v\u00f5i vasakule v\u00f5i paremale joondatud. See s\u00f5ltub ainult teist ja sellest, mida teie sisu n\u00f5uab. K\u00f5igepealt v\u00f5ite alustada nende joondamisest ja l\u00fckata need pildid teise otsa ning kasutada taustapilte, kasutada keskjoondust, nt.\n<\/p>\n \n Fontide ja tekstihoidjate jaoks kasutatavad v\u00e4rvid peaksid s\u00fcnkroonima taustpildiga.\n<\/p>\n \n \u00dcldjuhul moodustab t\u00fcpograafia 90% kogu kujundusest, seega on kindlasti murekohaks optimaalse fondiv\u00e4rvi otsustamine.\n<\/p>\n \n Alustuseks v\u00f5ite alustada kahe v\u00e4rviga, nt kasutades oran\u017ei k\u00f5igi br\u00e4ndielementide jaoks ja sinist k\u00f5igi CTA-de jaoks, n\u00e4ivad kindlasti paljulubavad. Lisaks fondi suurusele ja v\u00e4rvidele muudab maksimaalselt 58 t\u00e4hem\u00e4rgi kasutamine rea kohta teksti loetavamaks, mis on teie l\u00f5ppeesm\u00e4rk, eks?\n<\/p>\n \n Kui otsite eralduselemente v\u00f5i sisu, mis eristub, on parem kasutada allajooni. See on t\u00e4pselt nii, nagu oleksime viidud tagasi lapsep\u00f5lveaega, kus \u00f5petajad kasutasid rangeid vastasseisu poliitikaid, et olulised punktid julgelt esile t\u00f5sta ja alla t\u00f5mmata. Hea k\u00e4ekirja m\u00e4\u00e4ramisel oli vahekaugus \u00fclimalt oluline ja selle ideaalse suuruse otsustamine oli varem palju vaeva n\u00e4inud. Samamoodi tuleks meie kujunduses kasutatavaid t\u00fchikuid kasutada peenelt ja te ei tohiks neid kunagi k\u00e4sitleda kui t\u00fchikuid. Kas m\u00e4letate FedExi logol olevat noolt? Nii muudad need valged negatiivseteks.\n<\/p>\n \n Nii palju negatiivsust, ma \u00fctlen teile!\n<\/p>\n \n Kas sa said selle? L\u00e4bipaistvus on uus lahe ja l\u00e4bipaistvate ikoonide kasutamine v\u00f5ib teie veebisaidi palju huvitavamaks muuta. Need ikoonid v\u00f5ivad teid p\u00e4\u00e4sta teie h\u00e4davajadustest.\n<\/p>\n \n \u00dclaltoodud n\u00e4ites on leht muudetud natuke l\u00e4bipaistvamaks, samal ajal tumedamaks tausta, et see tunduks veidi huvitavam.\n<\/p>\n \n Kuid p\u00f6\u00f6rates liiga palju t\u00e4helepanu nende l\u00e4bipaistvusele, p\u00f6\u00f6rake pisut t\u00e4helepanu ka nende t\u00fcpograafiale. Ma pean silmas seda, et nad r\u00e4\u00e4giksid asju, mida nad peaksid ja mida mitte. Nende kujundamisel saate kasutada stiilijuhendit (stiilijuhendeid). nt\n<\/p>\n \n Samal ajal proovige visandivihikuga veidi k\u00e4ep\u00e4rast olla, selle asemel, et k\u00f5ik oma loomingulised nooled s\u00fc\u00fctu Photoshopi poole tulistada. Ikoonide kujundamisel peate olema selge, kuna need on v\u00e4ikesed graafilised asjad, mis vaataja esmapilgul haaravad.\n<\/p>\n \n Kahtluse korral minge lihtsalt selgesse olekusse ja l\u00f5dvestage. Proovige n\u00fc\u00fcd uuesti, ma olen kindel, et see \u00f5nnestub. \u00c4rge kartke eba\u00f5nnestumisi, kuid kartke v\u00e4ga kahtlusi, sest kahtlused on tapnud rohkem unistusi kui eba\u00f5nnestumised kunagi.\n<\/p>\n \n Ei ei ei! Viivitamine pole see, mida ma silmas pidasin! See on t\u00e4pselt nagu demokraatia, mida me praegu “nautime”, st meil on vabadus valida k\u00f5ige rumalam entiteet, mida suudame v\u00e4lja m\u00f5elda.\n<\/p>\n \n \u00c4rge alandage foto loomulikke elemente, vaid t\u00e4iustage selle v\u00e4rve, et see n\u00e4eks v\u00e4lja rohkem graafilise disaineri t\u00f6\u00f6.\n<\/p>\n \n Vaadake, kuidas inimesed Pinterestis pilte vaatavad, nad saavad s\u00f5na otseses m\u00f5ttes k\u00f5ike ja k\u00f5ike muuta infograafikaks. Need pildid n\u00e4evad head v\u00e4lja ilma graafika olemust takistamata. Lisaks veel \u00fcks asi, kui leiate Pinterestist v\u00f5i mujalt h\u00e4id kujunduspaigutusi, lisage need kindlasti j\u00e4rjehoidjatesse, kuna need v\u00f5ivad teile hiljem kasuks tulla.\n<\/p>\n \n Kui n\u00fc\u00fcd selle juurde tagasi tulla, tehke piltides need neetud muudatused, et need n\u00e4eksid erksad ja k\u00fcllastunud. Kui otsite taustapilti, siis juurduge kindlasti selle pildi jaoks, millel on palju kasutamata v\u00f5i kopeerimisruumi. Seda ruumi saab kasutada teie kaubam\u00e4rgi ideega sobiva koopia kirjutamiseks.\n<\/p>\n \n Saate pilte k\u00e4rpida, selle asemel et salvestada m\u00f5ned vastikud JPEG-failid t\u00e4ielikult \u00f5itsevas olekus, kuna need lisavad teie protsessorile tarbetut koormust, mida saate h\u00f5lpsasti v\u00e4ltida, kasutades erinevaid tasuta v\u00f5rgutarkvarasid, et salvestada see optimeeritud PNG-failina, \u00fcks n\u00e4ide sellistest tarkvaradest. v\u00f5ib olla Tinypng.\n<\/p>\n \n Need tarkvarad ei tee kvaliteedis j\u00e4releandmisi, v\u00f5ite selles kindel olla!\n<\/p>\n \n Piltlikus m\u00f5ttes ilmselgete v\u00e4lja\u00fctlemises! Nt l\u00e4hiv\u00f5te mitmesugusest eksootilisest m\u00f6\u00f6blist teie veebisaidi taustal, kui m\u00fc\u00fcte “muuda oma maja koduks” asju.\n<\/p>\n \n Inimestele meeldivad sellised asjad. Ei j\u00f5ua sellega kuhugi? Varasta oma ni\u0161i suurep\u00e4raste kujunduste eest!\n<\/p>\n \n \u00c4rge muretsege! Varasta nii palju kui tahad, nad lihtsalt arvavad, et su matkimism\u00e4ng on asjakohane. Kes ei viitsiks varastada Eiffeli torni kujutist, kui olete reisib\u00fcroo?\n<\/p>\n \n N\u00e4ete? Keegi ei tee seda! Samuti on Pablo Picasso<\/strong> \u00f6elnud, et head kunstnikud kopeerivad, suured kunstnikud varastavad. Miks siis vaeva n\u00e4ha? Kui \u00fcks suur mees on seda \u00f6elnud, siis peab see \u00f5ige olema, eks?\n<\/p>\n \n Kontori kujundamisel pange kindlasti \u00fcles m\u00f5ne oma kunstiteose plakatid v\u00f5i juhuslikud motiveerivad tsitaadid.\n<\/p>\n \n Need v\u00f5ivad inspireerida teid paremini t\u00f6\u00f6tama v\u00f5i teie kliente teie k\u00e4est ostma; nende m\u00f5lema seas on viimane palju meeli\u00fclendavam m\u00f5te.\n<\/p>\n \n Numbrid tunduvad kasutajatele atraktiivsemad, hoolimata sellest, kui v\u00e4ga te keskkooli ajal matemaatikat vihkasite. Oh, kas sa armastasid seda? See v\u00f5ib olla teist t\u00fc\u00fcpi “matemaatika”. Inimesed on \u00fcllatunud, kui palju usaldust see nende kaubam\u00e4rgile lisab, kui kasutada m\u00f5ningaid protsente pildivormingus.\n<\/p>\n \n Vaadake allolevat n\u00e4idet.\n<\/p>\n \n Kui olin nende veebisaidil, ilmuvad need numbrid loendamisvormingus alates nullist. Uskuge mind, ma ootasin kannatlikult, kuni loendamine peatub, ja pange t\u00e4hele, keegi ei sundinud mind seda tegema.\n<\/p>\n \n Samuti olete kindlasti n\u00e4inud organisatsioone, kes kiitlevad oma kliendi eduga, nt aitasime XYZ ettev\u00f5ttel m\u00fc\u00fcki 200% kasvatada. See lihtsalt \u00fctleb, et nad on m\u00fc\u00fcki kahekordistanud ja ka seda perioodi mainimata, kuid mis sellel on t\u00e4htsust? See tundub mulle paljulubav. Kui nad oleks protsendi asemel kasutanud “kahekordistamist”, siis oleks see minu rahale v\u00e4hem kahjulik olnud.\n<\/p>\n \n L\u00fchidalt \u00f6eldes on kujundid, protsendid ja sektordiagrammid \u00fched parimad viisid oma metalli t\u00f5estamiseks ettev\u00f5tte esitlusel, kuna need n\u00e4evad v\u00e4lja informatiivsed ja huvitavad samal ajal.\n<\/p>\n \n Ruudud on parim viis piltide paigutuse loomiseks. Samuti lihtsustab see redigeerimisprotsessi kopsakast l\u00f5busa ja l\u00f5busana.\n<\/p>\n \n Saadaval on palju v\u00f5re, kuid grid 1170 peetakse tundliku disaini osas parimaks, eriti Bootstrap Frameworki jaoks. Grid 1140 oli esimene sissejuhatus, mida hiljem uuendati, et j\u00f5uda 1170 v\u00f5rguni. Projekteerimisel on soovitatav kasutada suurema suurusega ruudustikke, kuna neid saab mugavalt madalama eraldusv\u00f5imega reguleerida. Enamik algajaid disainereid tunneb, et v\u00f5red piiravad nende kujutlusv\u00f5imet ja p\u00fc\u00fcavad neist “vabaneda”, kuid kui nad visuaalselt selle eeliseid avastavad, kipuvad nad murdepunktidega leppima.\n<\/p>\n \n V\u00f5red on m\u00e4\u00e4ravaks teguriks ka t\u00fcpograafiast r\u00e4\u00e4kides. Nt. \u00c4rge kunagi alustage sisu kirjutamist rennist, mida nimetatakse ka t\u00fchjaks. Valgeid ruume tuleb kasutada paremini, et neist parimat kasu saada.\n<\/p>\n \n 1170 ruudustik on 12 veeru paigutusega 68 piksli laiusega ja 30 piksli renniga. Mobiilseadmete esialgne katkestuspunkt on 768 pikslit.\n<\/p>\n \n Kes ei kopeeri? Shakespeare kopeeris Romeo Julia teisest n\u00e4idendist, mille nimi on “Romeuse ja Julia traagiline lugu”, ja te arvasite, et kopeerimine on halb tegu! Ei, vend.\n<\/p>\n \n Kopeerimine on hea seni, kuni keegi sellest teada ei saa; Kui keegi sellest teada saab, v\u00f5ime alati kasutada poliitiliselt korrektset terminit “inspireeritud”, et see kenasti k\u00f5laks. Saate varastada kujundusi teistelt veebisaitidelt, n\u00e4iteks valida \u00fchelt p\u00e4ist ja teiselt jalust! Ei, ei, ma ei ole skeptiline teie loomingulise mahla maitse suhtes, aga kui sellega saab palju \u00e4ra teha, siis milleks raisata seda lollidele asjadele?\n<\/p>\n \n Meie, inimesed, peame \u00fcksteist inspireerima l\u00e4bi ideede koost\u00f6\u00f6, \u00fchel p\u00e4eval saad inspiratsiooni kellestki, teisel p\u00e4eval saab inspiratsiooni sinust keegi teine \u200b\u200bja kett j\u00e4tkub. Nii see k\u00e4ibki. Pinterestis on saadaval h\u00e4mmastavaid n\u00e4iteid tasuta mallidest, mis v\u00f5ivad kujundusprotsessi kiirendada. Vaata ise:\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 Harmooniline m\u00f5tete kogum
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 3 Kasutage ikoonilist l\u00e4bipaistvust
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n 4 T\u00e4iustage oma piltide v\u00e4rve
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 5 Ole v\u00e4ike nohik
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 6 Kujundage neid protsentides
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 7 Kasutage piltide jaoks ruudustikke
\n<\/h5>\n<\/a><\/p>\n<\/a><\/p>\n\n 8 Varasta nagu kunstnik
\n<\/h5>\n