V souvislosti s oznámením nového iPhonu X, který přidal do skvadry iPhonů další poměr stran, jsem zjistil, že některým používaným slovíčkům z oblasti designu úplně nerozumím. Stejně jako jsem to udělal u mnoha témat, u kterých jsem měl problém se zorientovat, například u souladu s ADA nebo kryptografie, jsem o tom napsal. Pokud jste zjistili, že máte potíže s pochopením některých základních pojmů z oblasti designu, pomohou vám tato vysvětlení běžné slovní zásoby z oblasti designu.
Velikosti obrazovky, rozlišení, pixely a poměry stran pro telefony iPhone
Velikost obrazovky
Fyzické rozměry obrazovky. Podobně jako u televizorů a monitorů se měří délka obrazovky v palcích od jednoho rohu k rohu úhlopříčky.
Pixely
Obrazy se na obrazovkách zobrazují pomocí pixelů. Pixel je bod, se kterým lze manipulovat. Jsou jako stavební kameny; k sestavení obrazu je jich potřeba mnoho. Pokud byste vybarvovali čtverečky na kusu grafického papíru a vytvořili tak obrázek, každý z těchto čtverečků by byl jako pixel. Pixely nemají v různých zařízeních vždy stejnou velikost.
Řekněme, že máte kresbu na normálním listu papíru, kterou chcete duplikovat na zeď. Představte si, že přidáte překryvnou mřížku 10 políček po 10 políčkách, vytvoříte na novém místě mřížku 10×10 a pak obrázek políčko po políčku přenesete na zeď. Měli byste stejný počet pixelů a stejný obrázek, jen pixely mají větší velikost.
Rozlišení
Jedná se o počet pixelů zobrazených na obrazovce. Často je formátován jako šířka x výška nebo pixely na palec. Protože pixely nejsou vždy stejně velké, je možné mít dvě zařízení se stejnou velikostí obrazovky a různým rozlišením. Čím vyšší je rozlišení, tím je obraz kvalitnější a obsahuje více detailů.
Poměr stran
Jaký je poměr šířky a výšky obrazovky? Poměr stran měří šířku k výšce a pak ji zmenšuje podobně jako zlomek. Obrazovka s poměrem stran 4 x 8 nebo 20 x 40 by obě měly rozlišení 1:2. To je důležité, protože obraz, který má poměr stran 2:3, se na obrazovku s poměrem stran 1:2 dokonale nevejde. Okraje by buď přesahovaly to, co je na obrazovce vidět, nebo by se na obrazovce nacházely části, které obraz nezakrývá, nebo by byl obraz roztažený.
Pomohlo vám to trochu více pochopit design? Máte další koncepty, na kterých jste se zasekli? Dejte nám vědět!