Izpratne un darbs ar malu attiecību
Katram attēlam, katram audeklim un rāmim ir forma. Un bieži vien šī forma ir taisnstūris. Vēl biežāk ir noteiktas proporcijas taisnstūris, kura pamatā ir vidējs lielums.
Sākot ar kamerām, televīziju, filmām un datora ekrāniem, katram plašsaziņas līdzeklim ir gandrīz atšķirīga forma. Tas var būt izaicinājums dizaineriem, jo īpaši, ja jums ir jāapgriež un jāpārveido saturs un informācija, lai tā būtu piemērota dažādiem nesējiem. Visu šo dažādo formu dēļ malu attiecību izpratne var palīdzēt jums viegli pārvietot attēlus un dizainus no viena materiāla uz otru.
Formas attiecība noteikta
Vienkārši, malu attiecība ir proporcionāla attiecība starp taisnstūra platumu un augstumu. Strādājot ar malu attiecībām lielākajā daļā mūsdienu dizaina projektu, malu attiecībai būs horizontāla orientācija, jo lielākā daļa ekrānu ir platāki nekā tie ir gari. (Un mēs projektējam uz ekrāniem un bieži vien uz ekrāniem.) Bet ne katrai malu proporcijai jābūt lielākam platumam nekā augstumam.
Forma attiecība tiek noteikta matemātiski, ar diviem skaitļiem atdalot ar kolu.
- platums augstums
- Tā, ka 4 collas plats un 3 collas augsts ir 4: 3
Lai arī malu attiecība nav tikai platuma un augstuma mērīšana. To samazina līdz mazākajai izmantojamajai attiecībai (izmantojot pamatskolas matemātikas jēdzienus). Tātad taisnstūrim, kura platums ir 12 collas un 9 collas, malu attiecība ir arī 4: 3 (kopēja malu attiecība nekustīgā fotogrāfijā).
Malu attiecība un fotoattēli
Viena no vietām, kur var visvieglāk redzēt un izskaidrot proporcijas, ir fotogrāfijā. Pat jūsu iPhone kamera ļauj jums izvēlēties konkrētu malu attiecību pirms fotoattēla uzņemšanas, un pēc tam jūs varat mainīt malu attiecību, apgriežot.
Formāta proporcijas fotogrāfijā bieži tiek saistītas ar to, kā fotoattēls tiks izmantots. Attēlu proporciju nosaka barotnes ierobežojumi. Fotoattēlu ievietošana, piemēram, Instagram, ļauj tikai attēlus ar attiecību 1: 1 (kvadrātā).
Parasti fotogrāfijas parasti tika uzņemtas ar malu attiecību 3: 2, jo izdrukas tika izgatavotas no 3 collām līdz 2 collām, no 6 līdz 4 collām utt. Tradicionāli šīs kopīgās formulas rezultātā fotokameru sensori un drukāšanas prakse tika veikti fotoattēliem, kuriem ir acs, padarot vidusmēra cilvēku ļoti vieglu attēlu uzņemšanu un drukāšanu.
Mūsdienās tas ir nedaudz sarežģītāk ar vairākām digitālo manipulāciju iespējām. Bet šī koncepcija joprojām darbojas, un joprojām ir nedaudz lielumu, ko visbiežāk izmanto. Ārpus profesionāliem fotogrāfiem, dizaineriem un māksliniekiem tikai nedaudzi cilvēki fotoattēlu nogrieza uz kaut ko citu, izņemot vienu no parastajām proporcijām.
Bet kāpēc vispār audzēt kultūru ārpus kopīgas attiecības? Radīt dramatisku vizuālo interesi. Uz brīdi apsveriet panorāmas attēlu. Tam ir dramaturģijas sajūta un aizrautība, kāda nav “normālai” formai. Standarta formas izmantošana nozīmē harmoniju un līdzsvaru, savukārt nestandarta forma var būt dramatiska un aizraujoša.
Malu attiecība un video
Video malu attiecības ir ļoti līdzīgas nekustīgai fotografēšanai. Mūsdienu videoekrāniem forma ir diezgan atšķirīga, turpretim vēsturiski nekustīgi un kustīgi attēli tika balstīti uz līdzīgām malu attiecībām.
Video ekrāni tiek sadalīti divās diezgan atšķirīgās kategorijās proporciju ziņā: kino vai filmu ekrāni un televīzijas vai galda datoru ekrāni. Šo ekrānu formas sāk pietuvoties vienai un tai pašai malu attiecībai, kad vairāk mājas ekrānu ietilpst platekrāna kategorijā, taču joprojām pastāv ievērojama atšķirība starp abiem, tāpēc formātos parasti izmanto pastkastītes.
- Kino ekrāni bieži ir 1, 85: 1 vai 1, 43: 1 (IMAX)
- Televīzijas ekrāni bieži ir 4: 3 vai 1, 33: 1 (vecāks formāts) vai jaunāka, biežāka platekrāna proporcija ir 16: 9 vai 1, 77: 1.
Tīmekļa ziņā video noformējums ekrāna lielumam ir ļoti atšķirīgs, taču bieži tiek izmantots formāts 16: 9. Cita izplatīta iespēja tīmekļa dizaineriem, ja vien netiek izmantots pilnekrāna video, ir noklusējuma iestatījums uz video, izmantojot attiecību 16: 9, jo tas ir standarts, ko izmanto lielākajai daļai tīmekļa atskaņotāju un lietotņu, ieskaitot YouTube.
Izmantojot kopēju malu attiecību, elementu ir viegli pārvietot no vienas vietas uz otru un starp projektiem. Videoklips, kas apgriezts, piemēram, attiecībā 16: 9, tiks nemanāmi atskaņots televizora ekrānā, datora ekrānā (darbvirsmas vai mobilajā ierīcē) un tiešsaistes video atskaņotājā. Tas ietaupa jūsu laiku, jo jums nevajadzēs atkārtoti rediģēt vai apgriezt videoklipu dažādiem formātiem vai ierīcēm vai arī jāuztraucas par attēla apgabala daļām, kuras netiks redzētas ekrāna lieluma atšķirību dēļ.
Malu attiecība un atsaucīgs dizains
Arī formātu attiecības tiek ņemtas vērā, domājot par vietņu adaptīvu dizainu. Tas jo īpaši attiecas uz gadījumiem, kad vēlaties, lai attēli un video saglabātu noteiktu formu vairākās ierīcēs.
Uzturot īpašu attēlu proporciju CSS, tiek nodrošināts, ka jūsu satura nozīme nemainās, jo attēls tiek apgriezts. (Padomājiet par to, cik atšķirīgs ir fotoattēls, ja pilnajā attēlā redzami divi cilvēki, kuriem rokas ir ap otru, un apgrieztajā versijā jūs redzat tikai vienu cilvēku un otra rokas daļu. Fotoattēliem ir ļoti atšķirīga nozīme.)
Strādājot adaptīvās vietnēs, jums ir jāpieņem daži lēmumi par attēliem, malu attiecību un to, kā vēlaties, lai lietas parādās dažādos ekrānos. Dizaineri var mainīt katra attēla izmēru ar rokām dažādām ierīcēm vai izmantot nelielu kodēšanu, lai veiktu triku. Kreigam Bukleram ir lieliska apmācība, kā tieši to izdarīt, sadaļā “Kā saglabāt attēla malu attiecības adaptīvajā Web dizainā”.
Tā ir papildu matemātika, kas var būt arī spēlē. Jums, visticamāk, būs jādomā par proporcijām procentos. Šeit ir daži izplatīti reklāmguvumi:
- 4: 3 = 75%
- 3: 2 = 66, 66%
- 16: 9 = 56, 25%
- 8: 5 = 62, 5%
Dzīves atvieglošana
Tad kāpēc tas viss ir svarīgi? Kāpēc mēs nevaram tikai apgriezt attēlus, kaut arī mums patīk, un turpināt dzīvi? Jūs varat, bet malu attiecību izpratne atvieglos jūsu dzīvi.
Padomājiet par to, cik daudzos projektos ir iekļauti vairāki dizainparaugi uz vairākiem audekliem - vizītkaršu dizains, pastkaršu dizains, mājas lapu dizains, plakātu dizains, video reklāma. Ja strādājat ar kopēju malu attiecību vai projektējat elementus, izmantojot šo mērogu, gabalu sajaukšana un saskaņošana ir vienkārša, un jums nav jāizgudro katra jauna elementa dizains.
Padomājiet par laiku, kuru varat ietaupīt.
Vēl viens laika taupītājs? Izmēģiniet šo malu attiecības kalkulatoru. Tas ir īpaši parocīgi, ja nejūtas labi, veicot pats aprēķinus.
Kopējās malu attiecības
Lai gan malu attiecības standartiem laika gaitā ir tendence mainīties - paskatieties tikai uz dramatiski atšķirīgo TV ekrānu formu no pagājušā gadsimta piecdesmitajiem gadiem un mūsdienām, jūs varat plānot dažas no izplatītākajām formām un izmēriem.
- 4: 3 (1, 33: 1) - vecais televīzijas un datora ekrāna formāts (1024 × 768 pikseļi)
- 3: 2 (1, 5: 1) - parasts fotoattēlu drukāšanas formāts, ko izmanto arī pastkartēm, vizītkartēm un standarta sūtījumiem
- 1: 1 - kvadrātveida attēla standarts (izplatīts sociālajos medijos un vietņu dizainā)
- 16: 9 (1, 77: 1) - HD video standarts, datora ekrāna standarts ir tuvu, bet ir neprecīzs (1366 × 768 pikseļi)
- 5: 3 (1, 66: 1) - Eiropas platekrāna standarts
- 1.618: 1 - zelta attiecība
Secinājums
Izpratne par proporcijām var ietaupīt laiku un pārstrukturēt kā dizaineru. Apsveriet visus parastos darbus, kas saistīti ar darbu, darbu vai projektu, kā arī kaut ko citu. Tas var arī palīdzēt jums saprast, kur apgriezt un kādas attēla vai projekta daļas nāksies nomest vai sagriezt, balstoties uz datu nesēju.
Lai arī sākumā tas var šķist daudz matemātiskas un aprēķināt, daudziem projektiem, pie kuriem strādājat, iespējams, tiks izmantotas kopīgas proporcijas. Izmantojiet iepriekš minēto kontrolsarakstu, lai redzētu, kuras detaļas un pabeigtos dizainus jūs varat sajaukt un saskaņot.
