Saznajte osnove web dizajna

Osnovni elementi potrebni za stvaranje sjajnih web stranica

Kada se odlučite za učenje web dizajna, prvo što trebate zapamtiti jest da je projektiranje web stranica vrlo slično dizajnu ispisa. Osnove su svejedne. Morate razumjeti prostor i raspored, kako upravljati fontovima i bojama i staviti ih zajedno na način koji učinkovito prikazuje vašu poruku.

Pogledajmo ključne elemente koji idu u web dizajn dizajna. Ovo je dobar izvor za početnike, ali čak i iskusni dizajneri možda će moći savladati neke vještine s ovim savjetima.

01 od 07

Elementi dobrog dizajna

filo / Getty Images

Dobar web dizajn jednak je dobrom dizajnu općenito. Ako shvatite što čini nešto dobar dizajn, moći ćete primijeniti ta pravila na svoje web stranice.

Najvažniji elementi u web dizajnu su dobra navigacija, kratke i djelotvorne stranice, radne veze i, najvažnije, dobru gramatiku i pravopis. Imajte na umu ove stvari dok dodajete boju i grafiku, a vaša će web stranica biti odličan početak. Više »

02 od 07

Kako postaviti web stranicu

Mnogi ljudi misle da je izgled web stranice dizajn, i to na mnogo načina. Raspored je način na koji su elementi postavljeni na stranici, vaš je temelj za slike, tekst, navigaciju itd.

Mnogi dizajneri odlučuju napraviti svoje izglede pomoću CSS-a . Također se može koristiti za elemente poput fontova, boja i drugih prilagođenih stilova. To pomaže u osiguravanju dosljednih i jednostavnih značajki za upravljanje na cijeloj web stranici.

Najbolji dio korištenja CSS-a je da kada trebate nešto promijeniti, možete se samo obratiti CSS-u i mijenjati na svakoj stranici. To je stvarno gladak i učenje korištenja CSS-a može vam uštedjeti vrijeme i dosta poteškoća.

U današnjem on-line svijetu, vrlo je važno uzeti u obzir i odgovarajući web dizajn (RWD) . Glavni fokus RWD-a je promjena izgleda, ovisno o širini uređaja koji gleda stranicu. Imajte na umu da će je Vaši posjetitelji pregledavati na stolnim računalima, telefonima i tabletima svih veličina, pa je to važnije nego ikad. Više »

03 od 07

Krstionica i tipografija

Fontovi su način na koji vaš tekst izgleda na web stranici. To je bitan element jer većina web stranica sadrži velike količine teksta.

Kada mislite na dizajn, trebate razmišljati o tome kako tekst izgleda na mikro razini (fontovi grafikona, obitelj fontova itd.), Kao i makro razini (blokirajući tekstove i podešavanje veličine i oblik teksta). Sigurno nije tako jednostavno kao odabir fontova, a nekoliko savjeta pomoći će vam da započnete. Više »

04 od 07

Shema boja Vaše web stranice

Boja je posvuda. To je način na koji prerušavamo svoj svijet i kako vidimo stvari. Boja ima značenje izvan samo "crvene" ili "plave", a boja je važan element dizajna.

Ako razmišljate o tome, svaka web stranica ima shemu boja. Dodaje identitet robne marke web-lokacije i ulazi u svaku stranicu, kao i na druge marketinške materijale. Određivanje sheme boja je bitan korak u bilo kojem dizajnu i treba pažljivo razmotriti. Više »

05 od 07

Dodavanje grafike i slika

Grafika je zabavan dio izgradnje web stranica. Kao što kaže izreka "slika vrijedi 1000 riječi", a to je istina i u web dizajnu. Internet je vrlo vizualni medij i atraktivne fotografije i grafike mogu stvarno dodati vašem angažmanu korisnika.

Za razliku od teksta, tražilice imaju teško vrijeme reći što je slika, osim ako im dajete te podatke. Stoga dizajneri mogu koristiti IMG oznake atribute poput ALT oznake kako bi uključili te važne pojedinosti. Više »

06 od 07

Nemojte navigaciju s popustom

Navigacija je kako Vaši posjetitelji dolaze iz jedne stranice na drugu. Omogućuje pokret i pruža posjetiteljima priliku da pronađu druge elemente vaše web stranice.

Morate osigurati da struktura vaše web stranice (informacijska arhitektura) ima smisla. Također treba biti vrlo lako pronaći i čitati kako se posjetitelji ne moraju oslanjati na funkciju pretraživanja .

Krajnji cilj je da vaši navigacijski i inline veze pomažu posjetiteljima da istraže vašu web-lokaciju. Što duže možete zadržati, vjerojatnije ćete ih kupiti da kupite sve što prodajete. Više »

07 od 07

Softver za web dizajn

Većina web dizajnera radije rade u uredima WYSIWYG ili "Što vidite je ono što dobivate". Oni pružaju vizualno sučelje za dizajn i omogućuju vam da se manje usredotočite na kodiranje HTML-a .

Odabir odgovarajućeg softvera za web dizajn može biti izazov. Mnogi dizajneri preferiraju Adobe Dreamweaver jer je jednostavan za korištenje i uključuje gotovo sve značajke koje ćete ikada trebati. Ipak, dolazi do troška, ​​ali dostupna je besplatna probna verzija.

Početnici možda žele pogledati slobodne ili online web urednike . Ti omogućuju vam da se probudite u web dizajnu i gradite neke nevjerojatne stranice na malo bez ikakvih troškova. Više »