The Ultimate Guide to CSS Gallery Inclusion

Design Shack začal jako jednoduchá galerie CSS, která obsahovala dobře navržené webové stránky, které mě upoutaly. V posledních několika letech bylo předloženo několik desítek tisíc návrhů a každý z nich byl pečlivě posouzen k zahrnutí. Smutnou skutečností je, že pouze asi 5% příspěvků vyniká z davu.

Může to být způsobeno mnoha faktory; web nezískal základy správně, neměl nic, co by bylo pozoruhodné, nebo (příležitostně) byl propuštěn podle obsahu. Tato příručka vás provede tím, jak zajistit, abyste měli velkou šanci na začlenění, a vyhnout se tak všem úskalím, které designéři tak často narazili. V každé fázi se podíváme na jeden skvělý příklad a ten, který není tak dobrý.

Nail the Basics

Je běžné vidět, jak stránky padají v první překážce, ne přibíjet základy dobrého designu. Mezi oblasti, které stojí za to si napravit, patří typografie, mezery a barvy (nebo obvykle kombinace všech tří!).

Pokud hledáte komplexní přehled stavebních bloků designu, podívejte se na Pět jednoduchých kroků. Stojí za to každý cent a naučil mě hodně o zásadách designu, které jsem předtím zanedbával.

Typografie

Typografie je pravděpodobně nejčastěji přehlíženým prvkem designu. To má velký význam a může vytvořit nebo rozbít web.

Pečlivě přemýšlejte o typu, který chcete použít v nadpisech a těle svého webu. Přestože jste před několika lety byli přísně omezeni na hrst „webových bezpečných“ písem, používání systému, jako je Cufon nebo sIFR, znamená, že možnosti písma jsou nekonečné.

Důležité je vybrat dvě nebo tři písma a držet se jich v rozumné hierarchii na celém webu. Vytvořte ukázkový příspěvek, který ukazuje, jak různé různé značky vypadají, abyste se ujistili, že jste vše správně upravili. To by mohlo zahrnovat:

  • Nadpisy (h1 a více)
  • Seznamy
  • Citáty
  • Odkazy (a odkazy na nadpis / obrázek)
  • Zkratky
  • Důraz / Italic / Bold / Strong
  • Formátování kódu

Vzdálenost

Je důležité správně rozložit položky na stránce s dostatkem místa, aby bylo zajištěno, že je vše čitelné. Důležitá je shoda s některým typem struktury mřížky, s 960 Grid System je oblíbenou volbou.

Zajistěte rozsáhlé používání mezery a přitahuje pozornost čtenáře k důležitým prvkům na stránce.

Barvy

Výběr barevného schématu pro web není zdaleka jednoduchý (a budeme pokrývat několik nástrojů, které vám pomohou v nadcházejícím článku). Je obtížné najít jedinečné barevné schéma, které nezhoršuje čitelnost stránky.

Pokud jste upoutáni na inspiraci, je Color Lovers skvělým místem pro rychlé procházení různými různými vzorníky a kombinací.

Přidat něco kreativní

I když zasáhnutí všech základů může stačit k tomu, aby se web objevil, může být míle navíc s novým a inovativním designem skutečně užitečné k upoutání pozornosti. Mohlo by to být zajímavé rozvržení, pozadí nebo možná neuvěřitelná pozornost k detailům na každém posledním prvku stránky.

Webový design se často stává neuvěřitelně „uvíznutým ve vyjetých kolejích“, přičemž určitý styl se stává několik měsíců všudypřítomný, než se něco nového zvýší na popularitě. Weby, které se odtrhnou od tohoto „sledování trendů“, se budou pravděpodobně objevovat, protože mají mnohem větší potenciál inspirovat.

Grafické prvky

Nejviditelnějším místem pro inovace jsou grafické prvky na stránce. To znamená, že grafika musí koherentně vylepšit vzhled stránky, místo aby se cítila nespojitá a nepřehledná. Tyto dva příklady jsou skvělé ilustrace snímků a ilustrací použitých k dobrému a špatnému účinku:

Přidání jedinečné a zajímavé grafiky je skvělý způsob, jak do svého webu vložit osobnost a přimět čtenáře, aby se cítili jako doma.

Animace

Díky možnostem animace, které poskytují systémy, jako je jQuery, není důvod udržovat web statický. Nyní je také možné to udělat použitelným a sémantickým způsobem, aniž byste se museli uchýlit k Flash.

Nemluvím o lepkavé animaci, ale spíše o efektech, díky nimž se stránka cítí „úhlednější“ a plynulejší. Skvělým příkladem toho je osobní stránka Tim Van Damme, která je skutečným potěšením používat:

Zkuste přidat jednoduchý efekt do vlastnosti přechodu vašich odkazů a nabídněte hladký přechod z jednoho stavu do druhého.

Navigace

Hlavním účelem navigace na webu by vždy mělo být poskytnout čtenáři jasný způsob přístupu k obsahu. To však neznamená, že musíte držet standardní seznam odkazů. Ať už se chystáte pro vertikální nebo horizontální navigaci, je snadné přidat zájem pomocí několika grafik:

Uvědomuji si, že jsem zde velmi pokrytecký (podívejte se na náš nudný seznam odkazů!), Ale cítím, že Design Shack lépe zapadá do jednoduchého stylu navigace. Různé weby mají různé požadavky!

Můžete se podívat na jeden z našich partnerských webů, 13 stylů pro některé zajímavé nabídky ke stažení zdarma.

Přemýšlejte dvakrát o obsahu

Mnoho lidí si myslí, že by mělo být možné udržovat vzhled a obsah vašeho webu relativně odděleně. To je zřídka případ a obsah stránky může mít velký vliv na to, zda je vhodný pro zahrnutí.

Špatně napsaná kopie, pravopisné chyby a gramatické nepřesnosti jsou celkem neomluvitelné. Pokud doufáte, že na svém webu vytvoříte profesionální image, je čas na zdokonalení kopie opravdu důležitý. Říká se vám hodně o vaší pozornosti k detailům a většina galerií vás pravděpodobně nebude představovat, pokud je stránka plná pravopisných chyb.

Reklamy

Mnoho webů závisí na reklamě, aby generovalo příjem a pokračovalo v projektu (včetně nás!). To neznamená, že reklamy musí přijít na úkor dobrého designu a musí být používány střídmě. Pokud máte dostatek poptávky, abyste naplnili každý volný palec místa na svém webu reklamou, jednoduše se nenabíjí dost!

Obecně lze říci, že je lepší (i když ne nutně tak ziskové) vyhnout se matoucím čtenářům. Neprodávejte reklamní odkazy v textu své stránky a nesnažte se maskovat reklamy. Partnerujte se společnostmi, s nimiž byste se šťastně vypořádali, a s hrdostí vystavte jejich produkt. Pomáhá také, pokud můžete zajistit, aby byly reklamy dobře navržené (i když je to zřídka možné!)

Jedním příkladem sítě webů, které to dokážou, je Tuts +. Mají jasný rozdíl mezi obsahem a reklamami, i když svým sponzorům stále nabízejí významné postavení:

Množství

Obecným pravidlem bylo, že obsah by neměl jít „za záhyb“. Ve skutečnosti tento „záhyb“ není tak důležitý, jak si lidé kdysi mysleli. Uživatelé jsou nyní zcela zvyklí na rolování a očekávají to při návštěvě vašeho webu.

Důležitou věcí, kterou je třeba dosáhnout, je předat hlavní zprávu stránky co nejdříve. Buďte rozumní s počtem příspěvků nebo množstvím obsahu zobrazeným na každé stránce ze dvou důvodů: (1) zobrazení 30 posledních příspěvků bude znamenat, že se stránka načte dlouho, a (2) je velmi dlouhý sloupec obsahu nepravděpodobný „vyrovnat“ délku ostatních sloupců na stránce.

Stojí za to úsilí?

V této fázi nepochybně prochází vaší myslí, zda je celá tato práce za námahu. Proč byste vůbec chtěli být zařazeni do galerie CSS? Dobrá otázka.

  • Propagace a povědomí: Každý, kdo miluje malý provoz s novým designem, a být vystupoval, je jistý-oheň způsob, jak spoustu lidí navštívit vaše stránky. Vaším úkolem je převést je na předplatitele, věrné fanoušky nebo platící zákazníky.
  • Prestige: Být vystupoval v různých galeriích je skvělý posilovač důvěry. To však neznamená, že je to váš jediný cíl (a prosím, prosím, neuvádějte je v zápatí)
  • Budoucí práce: Zjistil jsem, že budoucí klienti často používají designové galerie jako způsob, jak najít návrháře, který má zvláštní styl, který hledají. Být uváděný může být dobrý způsob, jak přivést nové podnikání.

Hodně štěstí!

Jako bonus za to, že se dostanu na konec tohoto článku, bych vám rád nabídl možnost odeslat web do Design Shack zdarma (obvykle stojí 3, 50 $). Jakmile se podíváte na výše uvedené body, napište mi e-mail na [chráněný e-mail]. Podívám se na vaše zadání a - doufejme - brzy uvidíte svůj web na Design Shacku!

Tato e-mailová adresa je dobrá na jeden týden - poté ji vypneme!

© Copyright 2024 | computer06.com