Kritérium webového designu č. 27: Idea Arts
Každý týden se podíváme na nový web a analyzujeme jeho design. Poukážeme na obě oblasti, které jsou vedeny dobře, kromě těch, které by mohly použít nějakou práci. Nakonec budeme požádáni, abyste nám poskytli vlastní zpětnou vazbu.
Dnešní stránka je Idea Arts.
Prozkoumejte zdroje návrhu
Pokud chcete svůj web odeslat jako součást budoucí kritiky designu, trvá to jen několik minut. Za kritiku vašeho návrhu účtujeme 24 USD - podstatně méně, než kolik byste zaplatili konzultantovi, aby se podíval na vaše stránky! Více se dozvíte zde.
O Idea Arts
Idea Arts je osobní portfolio Goran Ilic, grafik s celoživotní vášní pro technologii. Jeho stránka předvádí jeho nedávnou práci a služby nabízené jeho společností.
Zde je snímek obrazovky domovské stránky:
První dojem
Idea Arts je z větší části atraktivním místem. V práci je několik dobrých nápadů, které posunuly design na opravdu silný začátek. Obsah je rozdělen do jasně definovaných sekcí a sleduje logický vývoj. Existují také některé atraktivní grafické prvky, které efektivně upoutají pozornost uživatele.
Existuje však spousta příležitostí k upřesnění. Konstrukce je dostatečně pevná, že nedoporučuji začínat znovu, ale několik aspektů by mohlo věnovat trochu více pozornosti, aby byly vyrovnány. Níže se podíváme na některé z nich.
Typografie
Největší problém, který vidím na tomto webu, je typografie. Pouze pro úvodní stránku vidíme kolem deseti různých variant velikosti písma, šířky, stylu atd. To je téměř vždy negativní charakteristika. Je dobrým pravidlem, aby vaše písma zůstaly přibližně ve dvou až třech variantách na design.
Rozhodněte se o typech písma, které můžete použít na záhlaví, pod záhlaví a kopii těla. Pak je zajistěte, aby byly konzistentní v celém vašem designu, a ne aby se s každou částí zacházelo jako s nezávislou oblastí, která může mít své vlastní jedinečné vlastnosti.
Také opravdu trávit nějaký čas konstrukcí typu, aby vypadal atraktivní. To zahrnuje pečlivě naplánované možnosti plánování, jako je výška řádku, barva a dokonce i konce řádků. Všechny jsou v níže uvedeném příkladu dost drsné.
Pro začátečníky není světle modrá dobře kontrastující s pozadím. To lze snadno opravit ztmavnutím této barvy, dokud se skutečně neoddělí od světlé barvy za ní. Také menší kopie mohla použít trochu více dýchací místnosti. Výška čáry je prostě příliš nízká a je obtížné ji číst, trochu to narovnat a čitelnost se výrazně zvýší.
Buďte však opatrní, protože v jiných oblastech webu se výška čáry zdá nepříjemně vysoká. Doporučuji využít bezplatný online nástroj, například Typograf - Měřítko a rytmus (viz níže), který vám pomůže s tokem vašich odstavců.
Nakonec sledujte, jak se vaše řádky zlomí. Je zajímavé, že nejen musíte dávat pozor na nepříjemné přestávky ve znění, ale měli byste věnovat pozornost tvaru odstavce. Výše uvedený vypadá trochu podivně a mohl by se snadno znovu přenést na něco jako verze níže.
Whitespace
Další oblastí designu, která by mohla použít nějaké vylepšení, je použití mezery. Stejně jako u typografie to může být složité a je do značné míry subjektivní. Existují však některé základní principy, které vás mohou po cestě provést.
Například kdykoli budete mít distribuovanou sbírku položek, ať už vertikální nebo horizontální, zkuste objekty nejprve seskupit vizuálně a poté je rovnoměrně rozložit. Například v níže uvedeném příkladu má původní verze rozdílné mezery mezi ikonami a textem a položky, které by měly být zřetelné, se do sebe trochu utíkají. S trochou úpravy vytvoříme mnohem jasnější grafické prohlášení.
Rozdíl je jemný, ale velmi důležitý. Všimněte si, jak snadné je zjistit, který řádek textu jde s kterou ikonou. V návrhu je několik dalších oblastí, které by mohly použít podobnou dávku prostorové analýzy. Například text níže téměř spadne na konec jeho zadržovacího zařízení. Prvkům, jako je tento, vždy věnujte dostatek prostoru.
Jak jsme viděli u předchozích čísel, jde to oběma způsoby. Například logo má pocit, že má v mezeře mezi slovy příliš mnoho mezer.
Tweak, Tweak, Tweak
Morální příběh je, že i když se rozhodnete, že jste vytvořili skvěle vypadající stránku, ďábel je v detailech. Nikdy nespěchejte malými věcmi, jako je typografie a mezery. Ve skutečnosti budete možná muset trávit více času tím, že budete mít pravdu, než vyrazit svůj počáteční vizuální koncept!
Určitě stojí za časovou investici dokončit vaše stránky správně. Neustálé proniknutí do tohoto zvyku způsobí, že se vaše návrhy budou cítit mnohem propracovanější a dává jim větší odolnost vůči kontrole.
Tvůj tah!
Nyní, když jste si přečetli moje komentáře, zapojte se a pomozte tím, že poskytnete návrháři nějaké další rady. Dejte nám vědět, co si myslíte o designu skvěle a co si myslíte, že by mohlo být silnější. Jako vždy žádáme, abyste také respektovali návrháře webu a nabídli jasné konstruktivní rady bez jakýchkoli tvrdých urážek.
