Kritérium webového designu č. 51: Lovci štětců

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 BrushLovers, internetový obchod kartáčů Photoshopu, který provozuje Walter Apai z Web Designer Depot.

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 49 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 Brush Lovers

"Naše štětce jsou pečlivě vytvořeny tak, aby do každé podoby pracovaly hodiny práce."

„BrushLovers má jednu z největších sbírek exkluzivních a vysoce kvalitních štětců Photoshopu na webu. Představujeme stovky štětců Photoshopu, které jsou zdarma pro osobní i komerční použití. Tuto sbírku nenajdete nikde jinde! Máme také krásný výběr prémiových štětců, které se prodávají za pouhé 3 $, nebo si můžete koupit ke stažení balíčky štětců za ještě méně. Naše kartáče jsou pečlivě vytvořeny s hodinami práce přecházejícími do každého tvaru. Všechny jsou ve vysokém rozlišení a jsou ideální pro web i tisk. “

Zde je část domovské stránky:

První dojem

Myslím, že BrushLovers je skvěle vypadající stránka, která nepřekvapuje, protože je provozována člověkem, který vlastní jeden z nejlepších blogů v oblasti webdesignu. Je vždy dobré vidět, že někdo praktikuje to, co káže!

Design je nádherný, ale vysoce funkční. Kdokoli může vidět tento web a okamžitě vědět, co to je a jak to funguje, budete překvapeni, jak obtížné je tento zdánlivě jednoduchý cíl dosáhnout.

Když pohybujete myší po webu, můžete vidět, že existuje spousta očních bonbónů ve formě hladkých, animovaných efektů přechodu. Pod kapotou pracuje několik solidních CSS3 a JavaScriptu, díky nimž je tento zážitek ještě lepší.

Pojďme skočit do dusného štěrku a rozdělte si některé z jemnějších prvků webu.

Logo BrushLovers

Nenávidím kritická loga jako součást webové stránky jednoduše proto, že mnoho webových designérů buď nemá žádnou kontrolu nad logem, které dostali, nebo proto, že prostě vymýšlejí něco rychlého a ošklivého jako následek.

Toto logo je osvěžující změnou. Kombinuje tah štětce, písmeno „b“ a srdce a přitom říká vše, co potřebuje říct!

Je zajímavé, že když se na to podívám, nemůžu si pomoci, ale vymyslím obrácenou verzi starého loga Jiffy Lube.

Navigace

Líbí se mi, jak navigace sedí v horní části obsahu a sjednocuje dvě obvykle oddělené sekce. Konstrukce využívá CSS gradient, převrácený efekt přechodu a velké, ale čisté rozbalovací menu pro kategorie.

Zaoblené rohy jsou příjemným nádechem, což je krásný příklad, jak pomocí rozhraní Google Font API rozbít pole s webovými písmeny. Písmo je zde Cuprum, nic bláznivého nebo příliš ozdobeného, ​​jen pěkné a kulaté komprimované velké písmo, které perfektně zapadá do tématu.

Grafika pozadí

Grafika na pozadí zde opravdu dokončí design pěkně. Texturou, abstraktní akvarel malování je naprosto ideální pro web prodávající štětce. Je to dost odvážné, aby na stránku mělo silný dopad, a je natolik jemné, aby se příliš nezklamalo od hlavního komentáře.

Zprávy

Zprávy pro web jsou velmi jednoduché, a proto je tak silný. Zde se používá červená barva, která odvádí vaši pozornost. Jakmile načtete stránku, tučně červená v logu upoutá vaši pozornost, která je pak odvrácena na další velkou dávku červené v textu „Milujeme kartáče“.

Všimněte si, co tady designér udělal. Místo jednoduchého vložení nudného bloku textu nejprve vytvořil velmi vizuální titulek, který vás vtáhne a poté umístí vedle něj stručné vysvětlení webu.

Galerie

Jedním z nejdůležitějších aspektů celého návrhu je samozřejmě znázornění kartáčů. Většina domovské stránky je věnována velké, filtrovatelné galerii opravdu atraktivních náhledů štětců.

Rohy jsou zaoblené, zůstávají v souladu s navigací, můžete vidět pěkné jemné okraje a všechny různé informace o hlasování, cenách atd. Jsou umístěny do jednoho malého prostoru, aniž by vypadaly přeplněné.

Obzvláště se mi zde líbí efekt přechodu, který vybledne z bílého okraje a nechá obrázek krvácet na okraj.

Štětec

Kliknutím na štětec v galerii se dostanete na danou stránku štětců. Písma jsou zde opět kulatá a komprimovaná (opakování) a rozložení všech různých částí je zde perfektní. Existuje spousta informací, odkazů, tlačítek pro sdílení atd., Ale necítí se jako spousta věcí, které je těžké vytáhnout.

Obzvláště se mi líbí toto obrovské tlačítko Koupit, které vyniká natolik, že si ho prostě nemůžete nechat ujít.

Zápatí

V neposlední řadě je i zápatí tohoto webu nádherné. Stejně jako všechno ostatní, je to velmi dobře organizované a řádky dokonale s obsahem nad ním. Líbí se mi, jak to naruší design natolik, aby vyčnívalo a přitom se stále držel stejného vizuálního tématu.

Závěr

Nepochybuji o tom, že jsem na tomto webu dlouho a dlouho běžel. Je vzácné, že dělám jednu z těchto kritik, aniž bych našel cokoli negativního, abych řekl, ale tento design je opravdu tak dobrý.

Viděl jsem nespočet webů s návrhovými zdroji, které mají téměř stejné přesné rozvržení, ale špatně jej implementují. Můžete opravdu říci, že tento návrhář si vzal čas a péči, aby všechno bylo v pořádku. Všechno se cítí hladce, vypadá skvěle a funguje perfektně. Velmi dobře!

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.