Kritérium webového designu č. 30: Gray Ang
Vítejte v naší 30. kritice designu! 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í web je Gray Ang, osobní portfolio webdizajnu v Malajsii.
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 společnosti Gray Ang
"Jmenuji se Gray a jsem webový designér a front-end vývojář se sídlem v Kuala Lumpur, Malajsie." I výzkum, plánování, design a kód webové stránky. Jsem s Photoshopem a HTML / CSS / jQuery dobrými přáteli a spokojuji klienty, uživatele a stroje. “
Zde je snímek obrazovky domovské stránky:
Jak vidíte, web je postaven na pozadí barevného spektra se cloudem značek se sníženou průhledností, který obsahuje věci jako „webdesign“ a „CSS3“. To, co z obrazovky nedostanete, je to, že pozadí má také animovaný prvek. Za obsahem se vznáší několik rozmazaných kruhů. Kliknutím na některý z níže uvedených snímků obrazovky zastavíte a uvidíte je v akci.
Tato stránka je ve skutečnosti poměrně malá a jednoduchá, takže se podíváme na každou z těchto stránek a analyzujeme, jak estetika ovlivňuje uživatelský dojem.
Domov
Rozhodně si cením práce, která šla do estetiky webu. Okolní prostředí je celkem krásné. Problém s vytvořením tak složitého pozadí je však v tom, že nakonec musíte na něj umístit obsah, což může být velmi obtížný úkol.
Velká, vybledlá slova na pozadí snižují čitelnost textu na domovské stránce. Hlavní odstavec není v žádném případě možné číst, ale návrh je v oblasti textu docela zaneprázdněn, což nutí uživatele pracovat trochu tvrději, než by normálně.
Dále, červená barva použitá jako barva vznášedla a bod důrazu mají tendenci se v pozadí ztrácet. To je pochopitelné, protože prostě není snadné najít barvu, která dobře kontrastuje s vícebarevným pozadím. Stále se však chcete vyhnout vizuální nesouladu.
Nejjednodušším řešením všech těchto otázek, a skutečně většina z těch, o kterých budeme dnes diskutovat, by mohlo být jednoduše umístit mírně průhledné černé pozadí za celý obsah. To dodá obsahu více pevné základny a umožní návrháři udržet aktuální pozadí.
Můžete také zvážit přidání nějaké grafiky záhlaví na tuto stránku. Opravdu se mi líbilo, jak vynikla fotka na stránce „About“, a myslím, že by se tu myšlenka mohla duplikovat.
O
Zde vidíme další stránku, která je docela atraktivní, a přesto trpí stejnými problémy jako výše. Líbí se mi však zajímavé rozložení v práci i když. Navigace zůstává pevná, zatímco se další obsah posouvá a stránka je rozdělena do jasně samostatných a pěkně uspořádaných sloupců.
Stránka About se dělí na tři samostatné podstránky: úvod, životopis a „věci, které dělám“. To umožňuje návrháři, aby se vešly do docela dost obsahu, zatímco primární navigace zůstane super jednoduchá.
Funguje
Stránka „Works“ je skvěle vypadající uspořádání miniatur a textu, které zase vede k vyhrazeným projektovým stránkám, jako jsou níže uvedené. Miniatury mají pěkné ošetření tlustého okraje, které jim pomáhá vyniknout z pozadí a citace v levém horním rohu je dostatečně velká a odvážná, aby byla čitelná.
Zdá se mi však, že správné zarovnání velké nabídky je trochu trapné. Všechno na stránce má silné zarovnání doleva ai když je často účelné porušit pravidlo, jako je toto, nemyslím si, že by to fungovalo zde. Obecný tvar odstavce je nepravidelný, takže je velmi obtížné číst se správným zarovnáním.
Kontakt
Poslední stránka webu je stránka „Kontakt“. Obsahuje několik odstavců textu a jednoduchý, ale stylový kontaktní formulář. První věc, kterou jsem si všiml, bylo to, že citát v horní části stránky je trochu mimo. Můžete to zkusit zarovnat doleva nezávisle na uvozovkách, takže „T“ v „The“ a „m“ v „miles“ tvoří tvrdou čáru. To by mělo pomoci levému zarovnání cítit se o něco silnější než v současnosti.
Dále jsou pole ve formě tak průhledná, že jsou téměř neviditelná. Opět to může vypadat hezky, ale použitelnost trpí. Nezapomeňte, že estetika stránky má jeden primární cíl: zvýraznit obsah atraktivním způsobem. Váš design by měl sloužit ke zvýšení použitelnosti, nikoli k obětování ve jménu stylu.
Když klepnete na pole a začnete psát, krytí se zvětší a stane se mnohem znatelnějším. Navrhl bych nastavit tuto neprůhlednost na výchozí stav a zvýšit ji ještě více, když bude vybrána.
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, které zbaví jakékoli tvrdé urážky.
