Kritérium webového designu č. 53: Rozlišení
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 Distinction, domov agentury pro webdesign v Nottinghamu.
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 34 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 rozlišování
Distinction je agentura pro digitální design, která spolupracuje s malými a středními podniky, korporacemi a charitami ve všech průmyslových odvětvích. Společnost Distinction byla založena v roce 2001 a má bohaté zkušenosti s poskytováním oceňovaných kampaní s vysokou návratností investic (ROI). Přestože je náš tým malý, máme velmi zkušenosti. Rozlišování vlastní a řídí James a Greg Bloor, kteří, jak název napovídá, jsou bratři
Zde je snímek obrazovky domovské stránky Rozlišování:
Počáteční dojem
V poslední době jsme byli na roli kritiky designu, stále dostávám příspěvky, které se mi opravdu líbí! Rozlišení má pevný design stránek. Jedním z mých jediných starostí je, že je možná jen trochu příliš bezpečný. Všechno je tak čisté, dokonalé a uklizené, že se cítí trochu více jako šablona než vytvoření inovativní designové agentury.
Skutečně se scvrkává, kdo je jejich cílová skupina a co vnímají jako lákavé. Zdá se, že jazyk na webu je zaměřen na velmi profesionálního, firemního klienta. V této oblasti může být „bezpečná“ cesta skutečně nejlepší, protože odráží typ designu, který tito klienti pravděpodobně hledají.
Design záhlaví
Navzdory mým tvrzením, že se web cítí trochu nevýrazně, první obrázek v posuvníku v horní části stránky opravdu pomáhá posunout vzhled stránky do něčeho více vzrušujícího. Obrázek superhrdiny pro děti se cítí odvážný a komický, skvělý dotek, který na stránku přidává spoustu přívětivosti.
Tento konkrétní banner také vede dlouhou cestou k tomu, abyste okamžitě věřili agentuře. Když vidím, že jste se slušně zařadili na seznam nejlepších agentur, rozhodně se cítím bezpečněji, když s vámi investuji.
Nad prezentací je logo společnosti a navigace přesně tam, kde by se dalo očekávat. Líbí se mi, že v této oblasti není mnoho rozptýlení, jen holé náležitosti. Pomáhá to upozornit na prezentaci a další důležité informace.
Zarovnání mřížky
Jak vidíte, většina obsahu na stránce dodržuje přísné zarovnání mřížky. To by mělo znít docela dobře: celková šířka bílé sekce je 960px a šířka obsahu je 940px, přičemž každý ze čtyř prominentních sloupců váží přibližně 220px široký s okapem 20px.
Existuje důvod, že toto rozložení je tak běžné, že funguje opravdu dobře. Obsah je zde pěkný a jednotný, ale také pěkně pestrý, aby se zabránilo monotónnosti. Všimněte si, jak část s obrázkem knihy a tmavým pozadím upoutá vaši pozornost a poskytuje určitý potřebný kontrast.
Tok informací zde funguje dobře a zrcadlí části navigace: zde jsou služby, které nabízíme, zde jsou některé z našich nedávných prací a konečně zde jsou některé nejnovější zprávy o společnosti. Opravdu se mi líbí, když mohu získat přehled o celém webu v krátkých kouscích na domovské stránce a to je přesně strategie, která se zde používá.
Zápatí
Jako všechno ostatní, zápatí je pěkné a čisté, obsahuje pouze několik sloupců odkazů a nic víc. Když se na to podívám, nemůžu si pomoci, ale cítím, že je nevyvážený. Vizuální váha se neohrabaně opírá o dva velké seznamy, což má za následek určitý druh uvíznutého cítění obsahu vpravo.
Abychom to vyvážili, doporučuji níže uvedené rozvržení. Hodil jsem do loga společnosti, které na stránce pomáhá na silné notě a přidává potřebnou váhu na pravou stranu zápatí.
Další stránky
Ostatní primární stránky na stránce jsou podobně zarovnány, tentokrát se silnou černou čarou přes stránku obsahující nadpis nebo otázku. Jedná se o velmi silný prvek s tak výrazným kontrastem k bílému pozadí, že nemůžete pomoci, ale dívejte se.
Jedna věc, kterou jsem si všiml, když jsem se rozhlédl po webu, je to, že se začíná cítit docela nasycený fotografiemi. Obrázky na skladě jsou v pořádku, když dostanou vaši zprávu, ale musíte být opatrní při jejich použití jako designové berle, když něco jiného bude fungovat mnohem lépe.
Jako příklad zvažte níže uvedenou stránku „Případové studie“. Zde každý obrázek odkazuje na projekt, na kterém Rozdělení pracovalo. Miniatury jsou ideálním místem k zobrazení náhledu díla, ale místo toho několik z nich má fotografii, která ve skutečnosti nekomunikuje správně o tom, co je uvnitř.
Závěr
Abych to shrnul, myslím, že Distinction má opravdu skvěle vypadající web. Design je čistý a profesionální, obsah je skvěle organizovaný a každá stránka efektivně upozorňuje na důležité oblasti.
Měl jsem pocit, že všechno bylo pro webovou stránku designérské agentury příliš malé a povzbuzoval jsem designéry, aby v budoucnu dělali větší a odvážnější prohlášení tím, že začlení jedinečné nápady.
Fotografie je také solidním nástrojem pro všechny designéry, ale buďte si vědomi použití obrazů klišé, zejména pokud jsou snadno dostupné další zdroje, jako jsou snímky obrazovky.
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.
