Kritérium webového designu č. 18: Dvě mapy
Každý týden se podíváme na nový web a analyzujeme jeho design. Ukážeme na obě oblasti, které jsou vedeny dobře, a oblasti, které by mohly nějakou práci využít. Nakonec budeme požádáni, abyste nám poskytli vlastní zpětnou vazbu.
Dnešním webem je Two Chaps Branding, společnost zabývající se web designem a marketingem na Baltimoru.
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 dvou kapitolách
„Tady ve společnosti TwoChaps věříme, že značka je více než pěkné logo a prohlášení o misi naplněné nejnovějšími průmyslovými hesly. Věříme, že značka je příběhem společnosti, příběhem, který definuje její minulé, současné i budoucí vztahy se zákazníky a klienty. Věříme, že značka je víc než to, jak si přejete být vnímáni, je to, jak jste skutečně vnímáni. Ať už je ignorováno nebo pečováno - vaše značka vás definuje. “
Zde je domovská stránka Two Chaps:
Celkový design je velmi atraktivní. Věkové téma je dobře provedeno napříč barvami, typem a texturami a rozvržení je jednoduché, ale výkonné. Zarovnání je velmi těsné, přičemž většina obsahu obsahuje jasně definovaný sloupec.
Pojďme rozebrat některé aspekty designu a podívat se na ně podrobněji.
Logo
Moc se mi líbí práce, kterou odvedli v logu. Bowler a knír jsou perfektní vizuální zprávou ke jménu „Two Chaps“. Stejně tak je na místě po dobu, po kterou designéři střílí, silné písmo serifu.
Ačkoli se mi líbí logo v pořádku, jak to je, nemůžu si pomoct, ale přemýšlím, jestli by to bylo silnější bez kníru. V současné době jsou v logu dva konkurenční grafické prvky a jejich zmenšení na jeden by mohlo vylepšit kus. Uvědomuji si, že knír, dopisy a klobouk spolu navrhují obličej, ale stále to vypadá spíše jako dopisy s knírkem a kloboukem.
Jako hlavní grafiku lze nadhazovač použít jinde jako samostatný prvek nezávislý na zbytku loga.
Titulek
Titulek je moje nejoblíbenější věc na webu. Ačkoli se zobrazuje na pravé straně, je to jeden z prvních, na který se při načítání stránky díváte z důvodu její velikosti a tučnosti.
Velikosti písmen byly dokonale strukturovány tak, aby vytvořily soudržnou jednotku, která upoutá vaši pozornost a zajistí rychlé čtení. Všimněte si, jak byla velikost méně důležitých slov (of, of) zmenšena, aby se dal prostor pro důležitější slova (true art).
Protože se jedná o grafický a nikoli živý typ, určitě bych doporučil věnovat čas práci na vyrovnání párů textu zde. Některá písmena, jako například „T“ a „r“ v „Pravda“, jsou podivně daleko od sebe, zatímco jiná jsou spolu trochu posvátná.
Při navrhování je snadné zapomenout na tento krok, ale pokud bude typografie hlavním prvkem v designu, vždy si budete chtít být jisti, že mezery mezi písmeny jsou tak dokonalé, jak jen můžete.
Náhledy obrázků
Obrázky na domovské stránce dostaly vynikající ošetření hranic. Stínování opravdu poskytuje obrazům velkou hloubku, protože vytváří tři samostatné úrovně.
Ve výchozím nastavení jsou obrázky ve stupních šedi, ale pokud na ně umístíte kurzor, klesnou o jeden nebo dva pixely (záměrné?) A stanou se plnými barvami. Je to pěkný efekt, s nímž si můžete hrát s zábavou, pokud se na stránku podíváte poprvé.
Boční panel
Jak vidíte, postranní panel je svislá stuha, která obsahuje logo, navigaci, pár sociálních tlačítek a některé právní informace. Pokud se podíváte na živý web, uvidíte, že zápatí pohodlně zůstane stát při procházení webu. To umožňuje snadný přístup ke změně stránek bez ohledu na to, kde se nacházíte.
Miluju odvahu červené a jak moc vyniká od zbytku designu. Líbí se mi také ošetření a barvy používané pro tlačítka Facebook a Behance. Je trochu zvláštní, že písmena na „Facebooku“ mají takový tvrdý stín, zatímco písmena „Behance“ nemají.
Navigační části postranního panelu se po kliknutí na záhlaví rozbalí a zkrátí s hladkou animací. Klíčem je, že všechny položky jsou stále dokonale přístupné s vypnutým JavaScriptem, nabídky jsou jednoduše všechny zobrazeny v otevřené poloze a ani byste nevěděli, že vám nic nechybí.
Je vždy dobré jít na míli navíc a ujistit se, že váš web funguje pro prohlížeče, které podporují vaše malé vizuální dárky, stejně jako ty, které tak nečiní.
Zápatí
Zápatí drží výzvu k akci pro najmutí firmy a je to další pěkně navržená rotace na staré téma.
Řádky nahoře a dole jsou pěkné na dotek, stejně jako malé „Click Here“ znamení se zvlněním stránky. Tato část se zdá trochu jako někteří SEO „experti“, kteří se toho zmocnili, protože slovo „značka“ se u tak malého textu objevuje strašně mnohokrát.
Čitelnost
Jak jsem uvedl výše, celkově se mi líbí design webu. Je jedinečný, odvážný, atraktivní a docela funkční. Myslím si však, že použitelnost stránek trpí kvůli textu. Podívejte se na níže uvedený obrázek ze stránky „Náš příběh“.
Jak vidíte, ani velký barevný nadpis vedle, ani text bílého těla, nejsou na texturovaném pozadí dobře čitelné. To se zhoršuje skutečností, že pozadí se posouvá, zatímco se text posouvá a vytváří při prohlížení webu opravdu složitý a rušný vizuální efekt.
Nakonec, hezké texturované pozadí může být těžší než dobré. Je to dobrý nápad experimentovat s poklesem jeho neprůhlednosti nebo sešrotováním ve prospěch něčeho jednoduššího. To může být nepříjemné, ale pokud to zvyšuje čitelnost textu na celém webu, stojí za to námahu.
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.
Máte zájem o kritiku svého vlastního webu? Více se dozvíte zde.
