Kuvasuhte mõistmine ja töötamine
Igal kujutisel, igal lõuendil, igal raamil on kuju. Ja sageli on see kuju ristkülik. Veelgi tavalisem on keskmise suurusega ristkülik keskmise alusel.
Kaameratest televiisorini, filmideni või arvutiekraanideni on igal meediumil peaaegu oma kuju. See võib olla disaineritele väljakutse, eriti kui peate sisu ja teavet kärpima ja teisendama, et see sobiks mitmesuguste meediumitega. Kõigi nende erinevate kujundite tõttu võib kuvasuhete mõistmine aidata teil pilte ja kujundusi hõlpsalt ühest kandjast teise teisaldada.
Kuvasuhe on määratletud
Lihtsalt, kuvasuhe on ristküliku laiuse ja kõrguse proportsionaalne suhe. Enamikes kaasaegsetes disainiprojektides kuvasuhetega töötades on kuvasuhe horisontaalselt orienteeritud, kuna enamik ekraane on laiemad kui nad on pikad. (Ja me projekteerime ekraanidele ja sageli ekraanidele.) Kuid mitte kõigil kuvasuhetel ei tohi olla suurem laius kui kõrgus.
Kuvasuhe määratletakse matemaatiliselt, kaks arvu eraldatakse kooloniga.
- laius kõrgus
- Nii et 4 tolli laius ja 3 tolli kõrgus on 4: 3
Kuvasuhe ei ole aga lihtsalt laiuse ja kõrguse mõõtmine. See vähendatakse väikseima kasutatava suhtarvuni (kasutades põhikooli matemaatikakontseptsioone). Nii et 12-tollise ja 9-tollise laiuse ristküliku korral on ka kuvasuhe 4: 3 (tavaline pildisuhe pildistamisel).
Kuvasuhe ja fotod
Üks koht, kus kuvasuhteid on kõige lihtsam näha ja selgitada, on fotograafia. Isegi teie iPhone'i kaamera võimaldab teil enne foto pildistamist valida kindla kuvasuhte ja siis saate kuvasuhet kärpimisel muuta.
Fotograafias on kuvasuhted sageli seotud foto kasutamise viisiga. Kuvasuhe määratakse söötme piirangute järgi. Fotode postitamine näiteks Instagrami võimaldab ainult pilte, mille suhe on 1: 1 (ruut).
Traditsiooniliselt tehti fotosid tavaliselt kuvasuhtega 3: 2, kuna prindid tehti suuruses 3 tolli 2 tolli, 6 tolli 4 tolli ja nii edasi. Traditsiooniliselt olid selle levinud valemi tulemuseks kaamerasensorid ja prinditavad fotod, mille võrgusilm on tehtud, mis muudab keskmise inimese jaoks piltide tegemise ja printimise ülilihtsaks.
Tänapäeval on see pisut keerulisem, kui digitaalseks manipuleerimiseks on rohkem võimalusi. Kuid kontseptsioon töötab endiselt ja endiselt on käputäis suurusi, mida kõige sagedamini kasutatakse. Väljaspool professionaalseid fotograafe, disainereid ja kunstnikke vähesed inimesed kärpivad fotot muuks kui üheks tavaliseks kuvasuhteks.
Aga miks üldse vilja teha väljaspool ühist suhet? Et luua dramaatiline visuaalne huvi. Mõelge korraks panoraampildile. Sellel on draama ja põnevus, mida „normaalne” kuju ei anna. Standardkuju kasutamine eeldab harmooniat ja tasakaalu, samas kui ebastandardne kuju võib olla dramaatiline ja põnev.
Kuvasuhe ja video
Video kuvasuhted on väga sarnased pildistamisega. Kuju on moodsate videoekraanide puhul üsna erinev, samas kui ajalooliselt liikumatud ja liikuvad pildid põhinesid sarnastel kuvasuhetel.
Videoekraanid jagunevad kuvasuhte järgi kahte erinevasse kategooriasse: kino- või filmiekraanid ning televiisori- või lauaarvuti ekraanid. Nende ekraanide kujud hakkavad lähenema samale kuvasuhtele, kui rohkem kodus kuvatavaid ekraane kuulub laiekraanide kategooriasse, kuid nende kahe vahel on siiski oluline erinevus, mistõttu kasutatakse vormingute vahel tavaliselt kirjakasti.
- Kinoekraanid on sageli 1, 85: 1 või 1, 43: 1 (IMAX)
- Televiisoriekraanid on sageli 4: 3 või 1, 33: 1 (vanem formaat) või uuema levinuma laiekraani osakaal on 16: 9 või 1, 77: 1.
Veebi osas on video ekraanikuva kujundamine väga erinev, kuid sageli kasutatakse vormingut 16: 9. Veel üks veebidisainerite levinud võimalus, välja arvatud juhul, kui kasutatakse täisekraanil videot, on vaikeseadeks 16: 9 suhtega video, kuna seda standardit kasutatakse enamiku veebipõhiste pleierite ja rakenduste, sealhulgas YouTube'i jaoks.
Ühise kuvasuhte kasutamine lihtsustab elemendi teisaldamist ühest kohast teise ja projektide vahel. Näiteks suhtega 16: 9 kärbitud videot mängitakse sujuvalt teleriekraanil, arvutiekraanil (laua- või mobiiltelefonil) ja veebivideomängijas. See säästab teie aega, kuna te ei pea erinevates vormingutes või seadmetes videot redigeerima ega kärpima ega muretsema pildiala osade pärast, mida ekraani suuruse erinevuste tõttu ei näe.
Kuvasuhe ja tundlik kujundus
Kuvasuhted tulevad mängu ka siis, kui mõelda veebisaitide tundlikule kujundusele. See kehtib eriti juhul, kui soovite, et pildid ja video säilitaksid kindla kuju mitmes seadmes.
Kujutiste kindla kuvasuhte säilitamine CSS-is tagab, et teie sisu tähendus kärbitud pildi tõttu ei muutu. (Mõelge, kui erinev on foto, kui täispilt on kahest inimesest, kellel on käed üksteise ümber ja kärbitud versioonis näete ainult ühte inimest ja osa teise kätest. Fotodel on väga erinev tähendus.)
Vastuvõtlikel veebisaitidel töötades on teil vaja teha mõned otsused piltide, kuvasuhte ja selle kohta, kuidas soovite, et asjad erinevatel ekraanidel kuvataks. Disainerid saavad iga pildi suurust erinevate seadmete jaoks käsitsi muuta või triki tegemiseks pisut kodeerida. Craig Buckleril on suurepärane õpetus selle kohta, kuidas seda täpselt teha jaotises „Kujutise kuvasuhte säilitamine tundlikus veebidisainis”.
See on ekstra matemaatika võib mängu tulla ka. Tõenäoliselt peate mõtlema proportsioonidele protsentides. Siin on mõned tavalised konversioonid:
- 4: 3 = 75%
- 3: 2 = 66, 66%
- 16: 9 = 56, 25%
- 8: 5 = 62, 5%
Elu lihtsaks tegemine
Miks see kõik oluline on? Miks ei saaks me pilte lihtsalt kärpida, kui meile meeldib, ja liikuda oma eluga edasi? Võite, kuid kuvasuhete mõistmine muudab teie elu lihtsamaks.
Mõelge, kui paljudes projektides on mitu kavandit mitmel lõuendil - visiitkaardi kujundus, postkaardi kujundus, veebisaidi kujundus, plakati kujundus, videoreklaam. Kui töötate ühise kuvasuhte piires või kavandate elemente selle skaala abil, on tükkide segamine ja sobitamine lihtne ning te ei pea iga uue elemendi kujundust leiutama.
Mõelge ajale, mida saate kokku hoida.
Veel üks aja kokkuhoidja? Proovige seda kuvasuhte kalkulaatorit. See on eriti mugav, kui te ei tunne ennast hästi arvutuste tegemisel.
Ühine kuvasuhe
Ehkki kuvasuhte standardid aja jooksul kipuvad muutuma - vaadake vaid teleriekraanide dramaatiliselt erinevat kuju alates 1950ndatest ja tänapäeval -, võite kavandada mõnda tavalisemat kuju ja suurust.
- 4: 3 (1, 33: 1) - vana televiisori ja arvuti ekraanivorming (1024 × 768 pikslit)
- 3: 2 (1, 5: 1) - tavaline fotoprintimisvorming, mida kasutatakse ka postkaartide, visiitkaartide ja tavaposti saatmiseks
- 1: 1 - ruudukujulise pildi standard (levinud sotsiaalmeedias ja veebisaidi kujundamisel)
- 16: 9 (1, 77: 1) - HD-videostandard, arvutiekraani standard on lähedal, kuid ebatäpne (1366 × 768 pikslit)
- 5: 3 (1, 66: 1) - Euroopa laiekraanistandard
- 1.618: 1 - kuldne suhe
Järeldus
Kuvasuhete mõistmine võib säästa teie aega ja kujundada ümber kujundajana. Mõelge kõigile tüki või teose või projekti tundmise levinumatele rakendustele sama proportsiooniga kui millegi muuga. Samuti võib see aidata teil mõista, kuhu kärpida ja milliseid pildi või projekti osi tuleb meediumilisel alusel maha jätta või lõigata.
Kuigi see võib alguses tunduda palju matemaatikat ja arvutamist, kasutavad paljud projektid, kus töötate, tõenäoliselt ühiseid kuvasuhteid. Ülaloleva kontrollnimekirja abil saate teada, milliseid osi ja terviklikke kujundusi saate omavahel segada ja sobitada.
