Už jste někdy slyšeli o pixel perfect? Ptali se vás na to na pracovních pohovorech nebo jste to viděli v pracovních nabídkách? Pokud ano, můžete mít pochybnosti o tom, na co odkazují. Pokud nevíte jistě, co to je, ať už z tréninku nebo ze svých zkušeností.
Pokud tomu tak ale není a potřebujete si tento pojem ujasnit, abyste nebyli na pohovoru přistiženi jako „nováček“, zde jsou všechny informace, které o něm potřebujete vědět. podíváš se?
Co je pixel perfect
Je možné, že si těmito slovy můžete myslet, že se jedná o vytváření ilustrací nebo obrázků s dokonalými pixely (tedy s prvky, které tvoří obrázek).
Ale ve skutečnosti jde ještě dál. Je pravda, že o to skutečně jde, dosáhnout dokonalosti s návrhy.
Tyto techniky se používají především v návrzích stránek nebo aplikací, ale nic vám nebrání v jejich použití při vytváření obrázků pomocí počítače.
Termín se začal používat v 90. letech XNUMX. století., které se vyznačovaly tím, že webové stránky byly vytvořeny přes Photoshop, tradičnějším způsobem (ne jako nyní). Z tohoto důvodu se hledali lidé, kteří dokonale ovládali nástroj a techniky tak, aby byl návrh adekvátní.
Samozřejmě uběhlo mnoho let a ačkoliv se nehledá mnoho profesionálů, kteří umí techniku pixel perfect aplikovat, není na škodu ji znát, popř. alespoň vědět, jaké techniky byly použity k dosažení lepšího výsledku.
Níže vám o nich povíme.
pixel Perfect techniky
Jak jsme vám řekli dříve, zde budeme hovořit o různých technikách, které pixel dokonalý profesionál používal k dosažení svého cíle.
Přístupnost
Přístupnost je něco, co vám neumožňuje vědět, o čem mluvíme pokud vám nedáme více údajů, že?
Představte si, že máte webovou stránku, která bude mít nabídku, ze které se zobrazí několik možností.
Nepřístupná webová stránka by byla taková, že v těchto zobrazených možnostech lze číst výpis z každé stránky.
Přístupná webová stránka by byla taková, která v těchto zobrazených možnostech měli bychom slovo nebo dvě, která definují, co se na té stránce najde.
Jinými slovy a při zaměření na design jde o vytvoření webu nebo aplikace, ve které se snadno orientuje, nezpůsobuje problémy a je také intuitivní.
Typografie
Ačkoli typografie by mohla spadat do toho, co by byla přístupnost, pravdou je, že má svou vlastní techniku.
Na jedné straně, Musíte najít písmo, které je efektivní pro podnikání nebo sektor tohoto webu. Ale také je důležité, aby měl vhodnou velikost a rozestupy, aby byl čitelný, aby byl vidět v jakémkoli prohlížeči, zařízení atd.
V tomto případě se nedoporučuje sázet na fonty velmi originální, které se vymykají „klasice“. Protože můžete zjistit, že prohlížeč změní písmeno, protože ho nemá, protože se text nezobrazuje atd.
pixel
Jak ne, Pokud mluvíme o pixel perfect, jedné z technik, kterou musíte dokonale ovládat Všechno je to o pixelech. Měli byste nejen vědět, jaké to jsou, jejich význam atd. ale také jak je využít ve svůj prospěch.
A v tomto smyslu byste měli vědět, že jedním z neúspěchů těch, kteří je neovládají dokonale, je umožnit rastrování okrajů (což ve výchozím nastavení Photoshop umí).
Aby se tomu zabránilo budete potřebovat, aby okraje byly rovné a navíc aby byly celé. Jinými slovy: pomocí nastavení Photoshopu byste se měli vyvarovat vyhlazování i rasterování pixelů.
vizuální hierarchie
Ačkoli tato technika s pixely tolik nesouvisí, souvisí s pořadím, ve kterém se různé prvky webu nebo aplikace objeví. Když jste to dělali ve Photoshopu, museli jste mít jasno v tom, jak chcete, aby vše vypadalo (protože později to bylo těžké změnit).
Z tohoto důvodu bylo při budování „základu“ neboli struktury webu nutné vědět, které prvky jsou relevantní, do jaké míry a v jakém pořadí se mají objevit, aby byl vzhledově příjemný.
Organizace a nomenklatura
Pokud si web neděláte úplně sami a neorganizujete se, jak chcete, dobrá organizace dává velmi dobrou image.
Návrháři obecně pracují jako tým. Prezentace dobře uspořádaného souboru podle vrstev a definování každého prvku (nejen webových stránek, ale také obrázků, ikon atd., které obsahuje) vám později pomůže provádět změny mnohem rychleji, protože vždy budete vědět, kde na dotek.
zarovnání a rozestupy
Nabízet webový design s několika produkty, ale každý z nich je vyšší nebo nižší než ten druhý, bude chaotické. Za prvé, protože budete dávat velmi špatný obraz; a za druhé, protože vizuálně to bude působit tak chaoticky, že lidé budou chtít odtamtud co nejdříve vypadnout.
Péče o okraje, vytvoření svislých a vodorovných čar tak, aby byl každý prvek vycentrován, a vytvoření kritérií pro velikost zajistí rovnováhu na stránce.
Navíc dostanete design "dýchat" a nebudete se s ním cítit zahlceni vším, co vidíte, ale spíše v klidu.
Barva, tvar a význam
Vizuální prvky webu nebo aplikace se musí „snoubit“. To znamená, že je nutné, aby byly vzájemně kombinovány tak, aby nabízely výsledek, jako by spolu byly odjakživa. O to se postará pixel perfect.
V opačném případě to uživatele zmate.
Například umístění černé ikony s jinou vedle ní s fluorescenční barvou.
Musíte věnovat pozornost těmto detailům. protože mohou zcela zničit konečný výsledek.
Technika pixel perfect se již používá jen zřídka, zejména proto, že webové stránky již nejsou vytvářeny pomocí Photoshopu. Ale toto můžete přesunout pro jiné použití. Už jste o ní někdy slyšeli?