Dizains101: spēcīgu izlīdzinājumu izmantošana
Šodien mēs apskatīsim vienu no dizaina pamatprincipiem: izlīdzināšanu. Šī maldinoši vienkāršā tēma patiesībā ir diezgan sarežģīta, un mūsdienās tā ir viena no visievērojamākajām prasmēm, ko dizaineriem trūkst.
Spēcīga izpratne par to, kā un kad izmantot noteiktus izlīdzinājumus, uzreiz padarīs jūs par labāku dizaineru un paliks pamatakmens visam, ko jūs izveidojat pārējās karjeras laikā.
Izpētiet Envato elementus
Ievads izlīdzināšanā
Daudziem diskusija par izlīdzināšanu var izklausīties kā patvaļīgs vingrinājums. Šāda pamata dizaina teorija, protams, ir paredzēta tikai tiem indivīdiem, kuri nekad savā dzīvē neko nav izstrādājuši, nevis profesionālajai sabiedrībai, kas bieži apmeklē tādas vietnes kā šīs. Pa labi?
Es pats atbalstītu argumentu, ka šāda diskusija ir paredzēta iesācējiem, norādot, ka stingrs vizuālās izlīdzināšanas satvars ir nepārspējams pamats visiem dizaina veidiem. Tās ir zināmas zināšanas, kuras pēc apgūšanas izmantosit visos izkārtojumos, ko veidosit kā dizaineri.
Tomēr, neskatoties uz domu, ka šie jēdzieni ir pamatā tam, ko mēs kā dizaineri darām, šķiet, ka izlīdzināšana ir primārais avots lielākajai daļai sliktā dizaina, ko šodien redzu tīmeklī.
Pašmācīgiem dizaineriem bieži ir intuitīva izpratne par izlīdzinājumu izmantošanu, taču tas var un neizdodas, ja nav skaidru zināšanu, lai to dublētu.
Uzliku lietas uz augšu
Galvenā izlīdzināšanas ideja ir prāta numbišķīgi vienkārša: sakārtot lietas. Ārpus organiskā dizaina, kas ir pilnīgi atšķirīga tēma, katram elementam, ko ievietojat lapā, jābūt loģiski domātam par tā novietojumu.
Atkal, tas ir pamata lietas labi? Visi jau tā rīkojas… pareizi? Nepareizi. Apsveriet šo vietni, kas nesen tika iesniegta mūsu CSS galerijā. Es to izmantoju nevis kā garu piemēru, bet gan par mācību instrumentu. Dizainers ir satriecošs puisis, kurš tikai sāk savu darbu. Viņš katru dienu pilnveido savas prasmes un labprāt mācās.
Šis piemērs ir ārkārtīgi tipisks, un tas ir tieši tāds, kādu mēs katru dienu redzam mūsu galerijas iesniegumos. Estētiskā vērtība šeit nav slikta. Košās krāsas un interesantās faktūras diezgan labi piesaista jūsu uzmanību. Tomēr izlīdzināšana šeit tiešām pietrūka.
Šeit daudziem cilvēkiem var būt grūti pamanīt problēmas. Šī iemesla dēļ es vienmēr iesaku vienkāršot dizainu, lai pārbaudītu pamatformas. Jūs redzēsit, kā es to daru vairākos rakstos, kurus rakstu par dizainu, un jums tas noteikti ir jāizmēģina dažiem saviem izstrādājumiem.
Tagad, kad grafiskos objektus redzam vienkāršotā stāvoklī, mēs varam labāk analizēt to aizņemto telpas apjomu un pievērsties visiem izlīdzināšanas jautājumiem.
Ievērojiet, ka pēkšņi lapas elementi šķiet izkliedēti. Galvenais satura apgabals apakšā nesakrīt ne ar pakārto reklāmkarogu augšējā kreisajā stūrī, ne ar izkaisītajiem elementiem augšējā labajā stūrī. Turklāt Facebook logotips šķiet mazs un pats no tā atdalās, un virsraksts ir novirzīts no navigācijas malas, kas ir nodalīta no satura malas.
Lai arī šis dizains jutās diezgan pieklājīgs, kad mēs to vienkārši izjutām, mēs tagad redzam, ka tas varēja izmantot daudz pārstrukturēšanas. Šeit ir divas galvenās lietas, kuras jums jārisina: izlīdzināšana un negatīvā atstarpe.
Šie jēdzieni ir ļoti cieši saistīti viens ar otru. Darbs ar negatīvo telpu ir daudz saistīts ar koncentrēšanos uz spraugām un pamata simetrijas pielietošanu. Lai uzzinātu vairāk par pareizu rīcību attiecībā uz negatīvo telpu, lasiet manu ceļvedi par negatīvo telpu vairāk nekā sešās versijās.
Šajā rakstā mēs pievērsīsimies vairāk uzmanības koncentrēšanai uz to, kā sarežģītos izkārtojumos izmantot pazīstamos pamata līdzinājumus.
Izlīdzināšana centrā
Centrāli izkārtojumi ir izvēles metode gandrīz katram cilvēkam uz planētas… izņemot dizainerus. Kādu iemeslu dēļ vienumu centrēšana lapā vienkārši šķiet tāda, kā jums vajadzētu darīt. Noteikti dizainera galvenais uzdevums ir vienkārši centrēt priekšmetus!
Es saskāros ar šo problēmu pirms dažiem gadiem, kad es izstrādātājam izveidoju dizainu, kas kodēja. Kad viņš parādīja man gatavo versiju, viss bija pārvietots no kreisās puses uz centru, kas ir izlīdzināts! Viņš vienkārši paskaidroja, ka viņš vienmēr ir devis priekšroku visa centra izlīdzināšanai “lai tas izskatās jauki”.
Realitāte ir tāda, ka katra priekšmeta centrēšana ir visvājākā izlīdzināšanas izvēle, ko varat izdarīt.
Nav grūti ievērot šķautnes, tāpēc jūsu acīm ir jādara daudz vairāk darba, lai gan uzņemtu kopējo izkārtojumu, gan absorbētu konkrēto saturu.
Kad lietot
Tas nebūt nenozīmē, ka vienmēr būtu jāizvairās no centra izlīdzināšanas. Es pats esmu tos izmantojis demonstrāciju demonstrēšanai tieši šai vietnei. Galvenais ir zināt, kad tos lietot.
Es uzskatu, ka vislabākais iespējamais scenārijs centra izlīdzināšanai ir tad, ja vienā lapā ir ļoti maz. Jo sarežģītāks izkārtojums, jo mazāk darbojas centra līdzinājumi. Ja dotajā lapā nav daudz darīšanas, centra izlīdzināšana var sniegt spēcīgu paziņojumu.
Kreisais izlīdzinājums
Kreisās puses izlīdzinājumi, lai arī ir satriecoši garlaicīgi, ir pamatīgi, un tiem vajadzētu būt jūsu noklusējumam, pielīdzinot lielu daļu jūsu paveiktā darba.
Mēs esam pieraduši redzēt saturu, kas sakārtots ar kreiso pusi. Kreka atveriet grāmatu vai avīzi, un jūs atradīsit daudz kreiso izlīdzinājumu. Pārlūkojiet nevēlamā pasta reklāmas, atkal daudz kreiso izlīdzinājumu. Jūs tos redzēsit Facebook, Google meklēšanas rezultātos, Twitter straumēs un visās citās lielākajās vietnēs.
Kreisās puses izlīdzināšana nosaka pasauli vai vismaz tās sabiedrības, kuras lasa no kreisās uz labo pusi. Jums visam nevajadzētu pilnībā būt atkarīgam no kreisās puses izlīdzināšanas, vienkārši jāzina, ka tas ir drošais maršruts.
Kad lietot
Izmantojiet visu veidu situācijās, bet īpaši tad, ja ir daudz teksta. Vienkārši apskatiet lapu, kuru lasāt tagad. Ja tas būtu izkārtots centrā, tas būtu murgs.
Ņemiet vērā, ka it īpaši tīmeklī kaut kā izlīdzināšana pa kreisi nenozīmē, ka nevarat to centrēt. Piemēram, HTML divdaļīgā blokā bieži ir virkne ar kreiso pusi izlīdzinātu rindkopu un attēlu, bet pēc tam centrā ir lapa, izmantojot CSS.
Pareizā izlīdzināšana
Labākais izlīdzinājums, iespējams, ir visretākais. Tā kā mēs lasām no kreisās uz labo pusi, vienkārši jūtas dīvaini, ja kaut kas pieķeras labajai malai.
Tomēr tas ir pilnīgi spēcīgs izlīdzinājums, ko var rūpīgi izmantot jūsu dizainā, it īpaši drukātajā versijā (tiešsaistē tas mēdz būt vēl negaidītāks).
Kad lietot
Bieži, kaut arī ne vienmēr, pareizais izkārtojums radīs unikalitātes sajūtu. Ja jūs projektējat kaut ko tādu, kas izceļas un jūtas savādāk, pareiza izlīdzināšana ir lieliska vieta, kur sākt.
Tīmekļa izlīdzināšanas attaisnošana
Saskaņošana, ko mēs atstājām, ir acīmredzami pamatota. Tas stingri spēlē, kad kā konceptuāls elements tiek sasaistīta visa vietne.
Interesanta lieta, veidojot Web, ir tā, ka tas bieži ietver izlīdzinājumu sajaukumu. Jūs droši vien esat dzirdējuši, ka dizaineri iesaka nekad nejaukt izlīdzinājumus, taču šis padoms reālajā pasaulē vienkārši nedarbojas.
Tā vietā jums jāpieņem lēmumi gan par elementiem vienā lapā, gan arī par visiem lapas elementiem kopumā. Ievērojiet, kā es sāku šo diskusiju, apskatot visas vietnes izlīdzināšanas apskates piemēru, bet pēc tam pārrunājot atsevišķas pozīcijas.
Kad esat nokārtojis savas lapas teksta un attēlu izlīdzināšanu, visu to saliekot, bieži vien viss tiek ievietots pamatotā izlīdzinājumā. Lai arī jums var būt nolauzta mala, visu attaisnojot, var piebilst, ka sakoptība ir tāda, kā trūka sākotnējā piemērā.
Ievērojiet, kā augšējā vietā ir izteikta kreisās puses izlīdzināšana, taču labajā pusē ir arī viss, lai izveidotu saliedētu pamatotu izskatu. Mazā pieteikšanās poga ir sakārtota ar pārlūka attēliem, kas ir ar kalendāra ikonas labo pusi.
Tas ir tīrs, profesionāls dizains. Tas var nebūt piemērots visiem projektiem, bet es bieži redzu, kā dizaineri mēģina to sasniegt un neizdodas, un es gribēju pievērsties dažiem iespējamiem cēloņiem.
Tas ir viens no iemesliem, kāpēc tīkla sistēmas ir tik populāras. Visu mešana uz režģa nodrošina, ka jūsu izkārtojumi ir stingri un viegli izpildāmi.
Secinājums
Rezumējot, ja iespējams, izmantojiet spēcīgu izlīdzināšanu, kas acij ļauj ērti sekot informācijas plūsmai. Izlīdzinājumi centrā ir pieļaujami, bet tos kļūst grūtāk pareizi īstenot, jo lapas saturs palielinās.
Atcerieties, ka izlīdzināšana attiecas uz konkrētiem lapas elementiem, kā arī uz visu objektu izvietojumu. Pavadījāt laiku katram noformējumam, pārliecinoties, ka visi jūsu elementi ir pareizi savienoti ar visu lapu. Tas attiecas vertikāli un horizontāli pa visām dizaina malām.
