Kako stvoriti dizajn web stranica: 14 koraka (sa ilustracijama)

Izrada odlične web stranice može se činiti nemogućim zadatkom, ali ako ne zaboravite na osnovne principe, proces će vam se činiti zanimljivim zanimljivim i zabavnim. Dobra stranica ne bi trebala izgledati samo pristojno! Reći ćemo vam osnove i osnovne principe koji će vam pomoći da stvorite web lokacije na koje će se posjetitelji htjeti vratiti ponovo i iznova.

Korake

Dio 1 od 3:

Pronalazimo svoj vlastiti dizajn

jedan. Kreirajte svoju web stranicu. Ako ste novak u pisanju koda i web dizajna, ali zaista želite da sami kreirate svoju web stranicu, imate puno opcija. Jednostavno mjesto može se napisati samostalno, što je naučio Aza HTML i CSS. Samo vjerujte da rezultat vašeg rada može izgledati lijepo i profesionalno!

Slika pod nazivom Dizajn web stranica korak 2

2. Koristite gotov predložak. Možete kupiti ili pronaći online besplatne predloške web stranica. Ovo je već pisan kod koji možete jednostavno koristiti ili prilagoditi svojim potrebama. Postoji prilično puno dokazanih programera visokokvalitetnih predložaka, jedan od njih je wix.

Slika pod nazivom Dizajn web stranica Korak 3

3. Unajmite web dizajnera. Ako vam je potrebna profesionalno napravljena web lokacija i besprijekorno radno mjesto - možda će optimalna opcija angažirati web dizajner. To će, naravno, zahtijevati određene troškove, ali ne tako velike, kao što mislite. Noved dizajner možete pronaći postavljanjem oglasa na lokalni tehnički univerzitet. Njihovo iskustvo pomoći će vam da stvorite uspješniju i profesionalniju web stranicu.

Dio 2 od 3:

Razmišljamo o glavnim idejama dizajna

jedan. Ne kvačiš stranicu. Poželjno je da sve što je brže radilo i bez problema. Dva broja stavki izbornika na minimum, čineći navigaciju lokaliteta jednostavno i razumljivo, pomažući posjetitelju web lokacije .

Slika pod nazivom Dizajn web stranica korak 5

2. Koristite prijateljsko korisničko sučelje. Pozing elementi stranice, kao što su naslov web lokacije, logo, tipke, grafički elementi i tekst na istom mjestu na svakoj stranici, značajno ćete pojednostaviti navigaciju web mjesta.

Postavite zaglavicu na mjestu na vrhu svake stranice. Bez obzira na to koliko ponavljajućih elemenata sadrži vašu web lokaciju, provjerite je li gornji dio web mjesta identičan na svim stranicama.

Dizajn treba biti logičan. Elementi na svakoj pojedinoj stranici trebaju se logično logično smjestiti, u silaznom značaju, sve stranice trebaju biti strukturirane slično.

Slika pod nazivom Dizajn web stranica 6. korak 6

3. Držati se zajedno. Dizajn web stranice trebao bi dati konstrukcijski integritet web lokacije i njegov dizajn - Theatic Harmony. Držite raspon stranice u dvije ili tri kombinovane boje. Izbjegavajte korištenje fontova svih veličina i boja. Ako planirate koristiti različite fontove, stil u kojem se koriste trebaju biti identični na svakoj stranici web stranice.

Upotrijebite CSS za formatiranje web lokacije i pojednostaviti upravljanje elementima web lokacije, što pljačkate sebe od potrebe za premještanjem predmeta na svakoj stranici odvojeno.

Slika pod nazivom Dizajn web stranice korak 7

4. Napravite web lokaciju najočaljivijom. Da bi se tekst lako čitljiv - prekršite ga u male dijelove. Koristite titlove i intervale za odvojene dijelove teksta jedni od drugih. Upotrijebite odabir podebljanog ili većeg fonta kako biste naglasili strukturu i važnost teksta.

Dijelite formatiranje teksta. Nemojte font premali i povećati interbunirani interval da biste napravili velike tekstualne blokove čitljive. Čitanje dužeg teksta je prilično teško, tako da ga bolje razbijte u odlomke.

Slika pod nazivom Dizajn web stranica Korak 8

pet. Kreirajte web stranicu u univerzalnom formatu. Koristite standardni HTML i izbjegavajte upotrebu oznaka, funkcija i dodataka koji podržavaju samo određeni preglednik.

Iako većina modernih preglednika lako se nosi sa složenim slikama, web mjesto će se zamrznuti ako optimizirate slike za web i učinite ih malim. Uravnotežite želje za kvalitetom i brzinom.

Slika pod nazivom Dizajn web stranica korak 9

6. Ispitajte svoju web stranicu. Provjerite da li su sve reference radnici, a slike se prikazuju pravilno.

Preporučljivo je provesti mali test "Yuzabilnost" (Korisničke pogodnosti): Omogućite web lokaciji predstavnicima vaše ciljne publike da testiraju jasnije i jednostavnost upotrebe dizajna web lokacije i dobiju povratne informacije od sudionika testa.

Dio 3 od 3:

Dizajnerska mjesta za mobilne uređaje

jedan. Uzmite u obzir pregled web mjesta sa mobilnih uređaja. Danas se pristup internetu sve više primjenjuje sa mobilnih uređaja. Ako želite privući posjetitelje na vašoj web lokaciji i zadržite ih, morate razviti web mjesto tako da izgleda dobro i lako je koristiti mobilne uređaje. Optimalna opcija je stvoriti zasebnu stranicu u tu svrhu, ali postoje i drugi načini.

Pogledajte primjere mobilnih web lokacija. Često umetnuvši slovo "M." umjesto "www" Na web adresi web stranice ćete dobiti na mobilnoj verziji web mjesta. Možete učiniti nešto slično.

Slika pod nazivom Dizajn web stranica korak 11

2. Ne čine stranicu previše komplikovanu. Dizajn vaše web stranice trebao bi biti jednostavan i u suštini. Web stranice sa složenom strukturom i treperevim banerima već dugo u prošlosti. Korisnici klikom na jednostavne stranice. To znači: Jednostavan dizajn, minimalni broj stupaca, minimalni tekst koji morate pročitati da biste pronašli potrebne informacije na web mjestu.

Slika pod nazivom Dizajn web stranica korak 12

3. Koristiti "Reagiran" izgled. Odgovarajući izgled - ovaj način kodiranja web mjesta na kojem se prilagođava veličini ekrana na kojem se prikazuje (umjesto fiksnih veličina). Da bi se postigao takav učinak, najčešće se koristi skup širine stupca u procentima, a bez navođenja u pikselima, ali postoje sofisticiraniji rješenja.

Slika pod nazivom Dizajn web stranice korak 13

4. Izbjegavajte funkcije koje nisu podržane mobilnim uređajima. Mnogo telefona i tableta ne mogu prikazati skočne pojaseve, flash animaciju, java ili okvire. Ovo nas vraća u glavni princip - napravite dizajn što jednostavnijim.

Slika pod nazivom Dizajn web stranica 14

pet. Razmotrite sposobnost kreiranja aplikacije. U nekim okolnostima možda ćete lakše napraviti aplikaciju od mobilne verzije web mjesta. Da biste to učinili, ne trebate biti super-duper programer! Kao u slučaju web lokacija, postoje mnoge kompanije koje će ispuniti sav posao za vas. Na primjer, možete koristiti usluge Conduit Mobile.

Savjeti

Tako da vaši posjetitelji ne provode tintu tinte, koristite zaseban stil za format stranice ispisa

Onemogućite slike pozadine kada navedete parametre ispisa.
Koristite crni tekst na bijeloj pozadini.
Uklonite menije i nepotrebne slike

Uvijek možete razviti vlastiti predložak web stranice na osnovu vlastitih ideja o web mjestu, ali ponekad je lakše kupiti gotov obrazac.

Nemojte guma korisnici čvrste grafike.90-ih je bilo modno eksperimentirati sa CFlash-animacijom, svijetlim bojama i pozadinama, odmah instalirajte muziku prilikom učitavanja stranice, ali danas će se samo zaplaćivati posjetiteljima. Koristite jednostavnu pozadinu, kontrastnu boju teksta.

Možete koristiti CSS (ugrađene listove stila) tako da trebate postaviti udaljenost između odlomaka.

Za posjetioce sa slabim iscjeliteljima i vizijom možete koristiti video i audio sa naslovima, što ukazuje na njihovu dostupnost.Tabele su efikasan način za prenos informacija, ali vizualno oštećeni korisnici koji koriste čitače ekrana neće moći da slušaju informacije u redoslijedu stupaca.

Kako stvoriti dizajn web lokacije

Korake

Savjeti

Upozorenja