Osobně mi to jako samoukovi přišlo užitečné, protože mám často problém zaujmout kritický přístup ke své vlastní práci. Prezentovaný příklad ukazuje, že pravidelným prováděním jednoduchých kroků můžete urychlit proces rozvoje chuti a opakovaně zvyšovat laťku ve své práci.
Předem děkuji, pokud upozorníte na nějaké nepřesnosti v překladu, pokud si nějaké všimnete. A zde je ve skutečnosti samotný autorův materiál.
Když se podívám zpět do doby, kdy jsem poprvé začal navrhovat, je jen jedna věc, kterou bych si přál, abych ji předal svému minulému já: praktikovat designérské myšlení – schopnost kritizovat a identifikovat dobrý design.
Dobré designové myšlení často trumfne designérovy praktické schopnosti, a to nemusí být nutně špatně. V podstatě to znamená, že vaše oko vám může pomoci rozpoznat vylepšení v designu v průběhu času. Rozvojem vkusu a schopnosti identifikovat silné a slabé stránky designu nakonec dosáhnete vysokého standardu ve své praxi.
Jedinou otázkou je, jak rozvíjet právě toto designové myšlení?
1. Vyberte si design pro inspiraci
Vytvořte složku a uložte do ní všechna rozvržení, která vás mohou každý týden inspirovat. Do konce týdne se podívejte na celý seznam a položte si pár otázek. Nemusíte odpovídat na každou z nich u všech prací, ale ty nezodpovězené si uložte do paměti.
- Co vás na designu zaujalo? Jste stále stejně ohromeni jako před týdnem?
- Jaký je účel návrhu? Jak ovlivnila design?
- Jak ve vás design působí?
- Jak funguje písmo v designu?
- Co byste na tom mohli změnit?
Pokud se však podíváte pouze na design rozhraní, ocitnete se v omezeném informačním prostoru. Měli byste se také podívat na další produkty, jako jsou plakáty, časopisy a knihy. Nejlepší příklady typografie a modálních mřížek lze často nalézt mimo vaši profesní oblast.
Vezměte také v úvahu kulturní kontext a to, jak ovlivňuje design. Díky tomu budete přehlednější a budete se moci na svou práci dívat z jiných úhlů pohledu a zároveň kriticky posuzovat design.
2. Praktický pohled
I když existuje spousta cvičení, která můžete udělat, abyste si procvičili designové myšlení, stačí si vzít pár minut denně, abyste se na to podívali a pokusili se porozumět světu kolem vás.
Přes den místo visení na telefonu – což také hřeším – se dívejte na věci kolem sebe, jako jsou budovy, směrovky, příroda. Když použijete svět kolem sebe jako nástroj pro rozvoj designérského myšlení, je třeba mít na paměti několik věcí.
- Zjistěte, co vám padne do oka. Design je to, co je vždy na první dojem.
- Jakou vizuální hierarchii kolem sebe vidíte?
- Jak komunikujete s designem kolem vás?
- Jaké barvy kolem sebe vidíte a jak se vzájemně kombinují?
Jedna věc, kterou jsem našel užitečnou při rozvoji designérského myšlení, je fotografie. Fotografie vás nutí dívat se, aktivuje smysl světa. Dobrá fotografie obsahuje stejné prvky, které jsou základem dobrého designu. Vyžaduje zejména promyšlenou kompozici, která zahrnuje vytvoření vizuální rovnováhy, využití prostoru a barevných schémat.
3. Získejte zpětnou vazbu
Vytvořte zpětnou vazbu, která urychlí váš růst. Jak často můžete, požádejte ostatní designéry, aby vaši práci zkontrolovali. Zejména zkušení designéři dokážou ve vaší práci upozornit na nedostatky, které vám chybí. Jakmile je uvidíte, je mnohem snazší jim v budoucnu zabránit.
(Zde přidám některé komentáře autora, které nejsou obsaženy v článku)
Na internetu existuje mnoho chytrých blogů a komunit, kde vám lidé mohou dávat užitečné komentáře. Zde jsou některé z nich: Designer News, web_design, design_critiques.
Výkon
Pokud chcete svůj design o úroveň výš, změňte nejprve své myšlení. Vyvinout to může každý a existuje mnoho způsobů, jak to udělat, dejte mi vědět v komentářích, pokud nějaké máte.
Děkuji za pozornost. Pokud by měl někdo nějaké dotazy, zde je kontakt na autora.
Nejprve si definujme, co je chuť, je to také pocit krásy.
Chuť je schopnost vizuálně rozlišovat mezi dobrým a špatným produktem na základě objektivních vlastností. Chcete-li odlišit barevný film od nudného, krásný snímek od průměrného, musíte rozvinout pozorování.
Dobrý vkus v práci designéra je jedním z hlavních požadavků. Dnes budeme hovořit o tom, jak jej vyvinout konkrétně v designu uživatelského rozhraní.
Vizuální vkus se skládá z pozorování a cvičení. Pokud si vývoj designéra představíte jako měřítko, pak pouze 40 % z něj bude zabírat pozorování a 60 % praxe. Je to proto, že je důležité nejen vytvořit „standardní úroveň“, ale také ji aplikovat. Jen sedět na Behance a sledovat ostatní nestačí. Je důležité naučit se analyzovat výběr barev, složení a další aspekty. A pak se snažte získané znalosti aplikovat v práci.
Jakýkoli kreativní produkt se skládá z částí, které tvoří jeden celek. Hudba se skládá z not, tóniny a rytmu. Obraz se skládá z kompozice, světla a stínu, barev a zápletky.
Skvělý design se také spojuje cihlu po cihle. Pokud je jeden z nich podělaný, vaše práce bude mnohem slabší.
Toto jsou stavební kameny návrhu uživatelského rozhraní:
- Složení
- Přesnost
- Typografie
- Práce s barvou
- Práce s vizuály
- Práce s textem
Promluvme si o každém z nich.
Porovnejte design vpravo a vlevo. Který je podle vás lépe přijímán?
Vlevo je přehledná struktura a vše je přehledně uspořádáno. Vpravo je vše chaotické – nemusíte to dělat, protože mozek miluje konzistenci. Design by měl být uspořádaný.
Konzistence však neznamená jednotvárnost. Harmonické uspořádání vyžaduje rozmanitost – střídání opakujících se bloků. Protože produkt sestávající z identických kompozičních bloků je vnímán jako nudný a příliš statický. Jakmile přidáte trochu dynamiky, vše se okamžitě stane zajímavějším a přirozenějším. Stejně jako důslednost, i mozek miluje změnu prostředí. Zde je důležité najít rovnováhu.
Podívejme se na výše uvedený příklad. Kterou možnost byste chtěli více zvážit? Dispozice vpravo je vnímána jako lehčí a příjemnější. Je to proto, že mozek nemá rád kompoziční „panely“.
Pojďme se ponořit hlouběji do designu. Existují principy Gestalt, které vysvětlují, jak náš mozek zpracovává vizuální podněty. Zde jsou:
Princip blízkosti
Objekty, které se nacházejí poblíž, se spojí do jednoho a ty, které jsou odděleny vzdáleností, stojí od sebe. Pomocí blízkosti můžeme objekty seskupovat. Příklad ukazuje, jak jsou fialové objekty odděleny kvůli vzdálenosti.
Princip podobnosti
Člověk vnímá podobné prvky jako příslušnost ke stejné skupině. Takto můžeme seskupovat objekty v závislosti na jejich spojení s ostatními členy skupiny. Tento proces může být ovlivněn vlastnostmi, jako je barva, velikost, tvar a orientace.
Princip vztahu postava-zem
Vše ve vašem návrhu bude považováno za figurální nebo zem. Pokud změníte první, změní se i to druhé. Figura a pozadí se také mohou vzájemně zveličovat nebo minimalizovat, takže se vzájemně doplňují.
Příklad ukazuje, jak rovnoměrně rozmístěné černé čáry vytvářejí šedé pole. V tomto případě jsou postava a pozadí ve stabilním vztahu. Na druhém obrázku není místo – dominuje postava. Ve třetím příkladu byly odstraněny dvě černé čáry. Díky tomu se prostor zaktivizoval.
Po principech Gestalt je důležité probrat ještě jeden aspekt – kontrast!
Kontrast hodnot, barev a podmínek
Kontrast dělá kompozici výraznější. Nejviditelnějším příkladem jsou černé a bílé barvy, velký text a malý. Takové kombinace jsou vždy úspěšné.
Čím větší prvek, tím více pozornosti se mu dostává. Chcete-li, aby si prvek okamžitě všiml, zvětšete jej na rozvržení, čímž vytvoříte hierarchii.
Jde to obejít bez kontrastů? Jen pokud chcete nezáživnou, nudnou kompozici.
Nezapomeňte ve složení ponechat „vzduch“. Toto je záporný nebo prázdný prostor mezi prvky. Pomáhá oddělit předměty od sebe a zaměřuje pozornost na to hlavní. Bez vzduchu bude obsah přeplněný a těžký, což není snadné vnímat. Podívejte se na banner webu re:Store. Po celý den je spousta negativního prostoru. Díky tomu na produkt okamžitě upozorňujeme a banner je vnímán jako lehký a minimalistický.
Během fáze návrhu návrhu je důležité odkazovat na mřížky.
Jsou potřebné k zarovnání prvků návrhu. Návrháři zakládají svou práci na mřížce a poté vrstvu mřížky vypnou. Výsledkem je rozložení se správnými odsazeními a vzdálenostmi. Tato technika spojuje objekty do společného systému, nastavuje zarovnání a logicky podporuje kompozici.
Sloupcové mřížky shromažďujte obsah do jednotných vertikálních sloupců s intervaly. K rozdělení oblasti na 12/1, 2/1, 3/1, 4/1 se obvykle používá 6 sloupců. Jedná se o jeden z nejpohodlnějších a nejběžnějších typů sítí.
Modulární mřížky jsou podobné školnímu sešitu. Skládají se z protínajících se čar, které tvoří moduly. Jsou ideální pro přísné rozvržení.
Používá se nejen v umění, ale také v designu. Zlatý poměr se používá v rozvrženích k vyvážení obsahu. Vizuálně to vypadá jako obloukovitá čára kroutící se ve spirále. K rozmístění objektů v rovině lze použít spirálu. Nejdůležitější detaily jsou obvykle umístěny uprostřed.
Jak vidíte, mřížky se mohou lišit, ale princip je stejný: vše by mělo být v pořádku.
Jak zlepšit své kompoziční dovednosti:
- Použijte síťku, vyzkoušejte různé druhy.
- Naučte se principy Gestalt.
- Držte se rytmického designu, kde se pestrost střídá s monotónností.
- Používejte kontrast a nezapomeňte na vzduch v rozvržení;
- Veďte si pozorovací deník: pořizujte snímky obrazovky zajímavých mechanik a technik na webových stránkách.
Přesnost je 30 % vašeho úspěchu. Dodává výrobku konečný vzhled a organizuje prostor.
Který design je lepší?
Zde se ještě jednou vrátíme k principu blízkosti. Odstavce vlevo kompozičně tvoří jeden celek a působí harmoničtěji. Pokud neexistuje systém odsazení a všechny prvky jsou umístěny nahodile, neexistuje jednota.
Důležitý je také princip zarovnání. Podle něj by se na stránce nemělo nic umísťovat libovolně. Každý prvek by měl mít vizuální spojení a být zarovnán s něčím jiným na stránce.
Jak udělat rozvržení úhlednější?
- Naučte se pravidlo blízkosti.
- Při výpočtu odsazení vyberte hodnotu, která je násobkem všech ostatních.
- Udržujte konzistentní zarovnání.
Dnes jsme hovořili pouze o dvou složkách dobrého designu. O zbytku vám povíme příště.
Pokud byl pro vás článek užitečný, dejte mu prosím šipku nahoru.
Další články o designu UX/UI najdete v naší komunitě VKontakte
