Jak vytvořit design webových stránek: 14 kroků (s ilustracemi)

Vytvoření skvělé webové stránky se může zdát nemožný úkol, ale pokud nezapomenete na základní principy, proces se vám bude zajímavě zajímavý a zábavný. Dobré stránky by nemělo jen vypadat slušně! Řekneme vám základy a základní principy, které vám pomohou vytvořit stránky, na které se návštěvníci budou chtít vrátit znovu a znovu.

Kroky

Část 1 z 3:

Najdeme vlastní design

jeden. Vytvořte si vlastní webovou stránku. Pokud jste nováček v psacím kódu a web design, ale opravdu chcete vytvořit své vlastní webové stránky sami, máte spoustu možností. Jednoduché stránky mohou být napsány nezávisle, když se naučil AZA HTML a CSS. Věříte, že výsledek vaší práce může vypadat krásně a profesionálně!

Obrázek s názvem design webové stránky krok 2

2. Použijte připravenou šablonu. Můžete si koupit nebo najít online zdarma webové stránky šablony. Toto je již napsaný kód, který můžete jednoduše použít nebo přizpůsobit vašim potřebám. Existuje spousta osvědčených vývojářů vysoce kvalitních šablon, jeden z nich je twix.

Obrázek s názvem design webové stránky krok 3

3. Najmout web designer. Pokud potřebujete profesionálně provedené místo a bezchybně pracovní místo - možná optimální volba najme web designer. To samozřejmě bude vyžadovat určité náklady, ale ne tak velké, jak si myslíte. Nájmu najdete Novice Designer umístěním AD na místní technické univerzitě. Jejich zkušenost vám pomohou vytvořit úspěšnější a profesionálnější web.

Část 2 z 3:

Přemýšlíme o hlavních myšlenkách designu

jeden. Nenechte se spojovat. Je žádoucí, aby vše fungovalo co nejrychleji a bez problémů. Dva počet položek nabídky na minimum, takže navigace webu jednoduché a srozumitelné, pomáhá návštěvnímu návštěvnosti stránek .

Obrázek s názvem design webové stránky krok 5

2. Použijte přátelské uživatelské rozhraní. Představují prvky místa, jako je název stránky, logo, tlačítka, grafické prvky a text na stejném místě na každé stránce, budete výrazně zjednodušit navigaci webu.

Umístěte záhlaví webu na vrchol každé stránky. Bez ohledu na to, kolik opakujících prvků obsahuje vaše stránky, ujistěte se, že horní část webu je identická na všech stránkách.

Design by měl být logický. Prvky na každé jednotlivé stránce by měly být logicky umístěny v sestupném významu, všechny stránky by měly být strukturovány podobně.

Obrázek s názvem design webové stránky krok 6

3. Držet pohromadě. Konstrukce webové stránky by měl poskytnout strukturální integritu stránek a jeho konstrukci - bavlnou harmonii. Držte rozsah webu ve dvou nebo třech kombinovaných barvách. Vyhněte se použití fonty všechny velikosti a barvy. Pokud máte v plánu používat různá písma, styl, ve kterém se používají, by měl být totožný na každé stránce webu.

Použijte CSS pro formátování stránek a zjednodušte správu prvků webu, který má vyložení z potřeby změnit položky na každé stránce zvlášť.

Obrázek s názvem design webové stránky krok 7

4. Udělejte si stránky nejčastěji. Chcete-li text snadno čitelný - rozdělte na malé části. Použijte titulky a intervaly do jednotlivých částí textu. Použijte výběr odvážného nebo větším písma pro zdůraznění struktury a důležitosti textu.

Sdílet formátování textu. Nezískejte příliš malé a nezvýšete interbuned interval, aby se velké textové bloky čitelnější. Dlouhý text čtení je docela těžké, tak lépe to zlomí do odstavců.

Obrázek s názvem design webové stránky Krok 8

Pět. Vytvořte webovou stránku v univerzálním formátu. Použijte standardní HTML a vyhnout se použití značek, funkcí a zásuvných modulů, které jsou podporovány pouze konkrétním prohlížečem.

Ačkoli většina moderních prohlížečů se snadno vyrovnává s komplexními obrazy, web bude fungovat zmrazit, pokud optimalizujete obrázky pro web a učinit je malým. Vyvažte svou touhu po kvalitě a rychlosti.

Obrázek s názvem design webové stránky krok 9

6. Otestujte své webové stránky. Ujistěte se, že všechny odkazy jsou pracovníci a obrázky jsou zobrazeny správně.

Doporučuje se držet malý test "Ugosabit" (uživatelská vybavenost): Poskytněte přístup k webu zástupcům cílového publika o testování jasnějšího a snadného použití designu stránek a získat zpětnou vazbu od účastníků testu.

Část 3 z 3:

Design Místa pro mobilní zařízení

jeden. Vezměte v úvahu prohlížení webu z mobilních zařízení. V současné době je přístup k internetu stále více implementován z mobilních zařízení. Pokud chcete přilákat návštěvníky na vaše stránky a udržet je, musíte vytvořit místo tak, aby to vypadalo dobře a bylo snadné použití pomocí mobilních zařízení. Optimální možností je vytvořit samostatný web pro tento účel, ale existují i jiné způsoby.

Podívejte se na příklady mobilních stránek. Často vložení dopisu "m."Místo" www "na webových stránkách webu, budete klesat na mobilní verzi webu. Můžete udělat něco podobného.

Obrázek s názvem design webové stránky krok 11

2. Nedělejte místo příliš komplikovaným. Design vašich stránek by měl být jednoduchý a v podstatě. Webové stránky s komplexní strukturou a blikající bannery na dlouhou dobu v minulosti. Uživatelé klikněte na jednoduché stránky. To znamená: jednoduchý design, minimální počet sloupců, minimální text, který musíte přečíst, abyste našli potřebné informace na webu.

Obrázek s názvem design webové stránky Krok 12

3. Použijte rozložení "Reaging". Reagovat rozložení - tento způsob kódování webu, ve kterém je upravena pro velikost obrazovky, na které se zobrazí (namísto pevných velikostí). Pro dosažení takového účinku je sada šířky sloupce v procentech nejčastěji používána a bez jejich specifikace v pixelech, ale existují sofistikovanější řešení.

Obrázek s názvem design webové stránky krok 13

4. Vyhněte se funkcím, které nejsou podporovány mobilními zařízeními. Mnoho telefonů a tablet nemůže zobrazit pop-up, flash animace, Java nebo rámečky. To nás vrátí do hlavního principu - učinit design co nejjednodušší.

Obrázek s názvem design webové stránky Krok 14

Pět. Zvažte možnost vytvořit aplikaci. Za určitých okolností můžete být snazší provést aplikaci než mobilní verze webu. Chcete-li to udělat, nemusíte být programátorem super-duper! Stejně jako v případě stránek existuje mnoho společností, které pro vás splňují veškerou práci. Můžete například použít služby Conduit Mobile.

Tipy

Takže, že návštěvníci nestráví inkoust inkoust, použijte samostatný styl pro formát webu

Zakažte snímky pozadí, když zadáte parametry tisku.
Použijte černý text na bílém pozadí.
Vyjměte nabídky a zbytečné snímky

Vždy můžete rozvíjet své vlastní webové šablony založené na vlastních představách o webu, ale někdy je snazší koupit hotový vzor.

NEPOUŽÍVEJTE PŘÍSLUŠENSTVÍ.V 90. letech byl módní experimentovat s cflash-animací, jasnými barvami a zázemím, nainstalovat hudbu okamžitě při načítání stránky, ale dnes bude jen vyděsit návštěvníky. Použijte jednoduché pozadí, kontrastní barvu textu.

Můžete použít CSS (vložené listy stylu), takže je třeba nastavit vzdálenost mezi odstavci.

Pro návštěvníky se slabými léčitelemi a vizí můžete použít video a zvuk s titry, což naznačuje jejich dostupnost.Tabulky jsou účinným způsobem, jak přenášet informace, ale zrakově postižené uživatele, kteří používají čtečky obrazovky, nebudou moci poslouchat informace ve sekvenci sloupce.

Jak vytvořit design webu

Kroky

Tipy

Varování