9 Ideje za dizajn web stranica + web mjesta za nadahnuće

Ideje za dizajn web stranicaIzraditi sjajan dizajn web stranica može biti teško.


Kada kreativni sokovi ne mogu teći na zahtjev, lako se osjećate zaglavljeni i frustrirani.

Ako se sada (ili ponekad) tako osjećate, ovaj je post tu da vam pomogne.

U nastavku vam pružamo djelotvorne načine za nadmetanje dizajnera blok kad ideje jednostavno ne teku.

Spreman? Započnimo…

9 savjeta za web dizajn kada se osjećate zaglavljeno

Kako bismo vam pomogli da smislite dobre ideje, započinjemo sa savjetima za web dizajn koji možete odmah koristiti kako biste poboljšali ono na čemu radite.

1. Koristite Pinterest raspoložive ploče

Pinterest je sjajan alat za stvaranje table raspoloženja. Možete prikupiti vizualni materijal za koji mislite da bi bio od pomoći u vašem projektu ili će pružiti smjer. To mogu biti slike, sheme boja, izgleda, postojeće web stranice i još mnogo toga.

Pinterest table za raspoloženje

Tabla raspoloženja djelovat će kao središnje središte za vašu dizajnersku inspiraciju. Možete ga dijeliti i s klijentima ili suradnicima kako bi mogli pridonijeti vlastitom materijalu.

2. Napravite korak po korak

Izrada planaZnate što kažu: Propuštanje plana planira neuspjeh. To vrijedi i za web dizajn. Ako ideje za dizajn web stranice ne uspiju doći, možda je to zato što se još niste bavili osnovama. Tek kad su osnove postavljene, moći ćete kreativne dodire staviti na vrh. Evo kako može izgledati planiranje:

  1. Definirajte cilj web lokacije – Morate znati što web mjesto zapravo treba ostvariti. Ako nemaš, čemu dovraga dizajniraš? Dobri ciljevi su SMART: SOSEBNI, Measurable, ttainable, Relevant, i Timely. Više o tome ovdje.
  2. Skicirajte kupčevo putovanje – Osim cjelokupnog cilja, morate utvrditi i koju cestu želite posjetiti. Otkad napadnu vašu web lokaciju pa sve do cilja koji imate na umu. Na taj način možete stvoriti strukturu koja će ih voditi na putu. Hubspot ima sjajan članak na tome.
  3. Dođite s vodičem za stil – Stvaranje vodiča za stil pomoći će vam da budete dosljedni u svom dizajnu. Definiše fontove, boje i ostale elemente dizajna. Upotreba jedne promiče jednolikost, posebno ako se radi s drugima. Google dobar je primjer.
  4. Planirajte svoj SEO – Planiranje je također važno za SEO. Napravite kartu web mjesta da biste razumjeli kako strukturirati podatke za posjetitelje i tražilice.

3. Najprije se usredotočite na strukturu

Baš kao i izrada plana, koncentriranje na strukturu vaše web lokacije prvo vam pomaže da se odmaknete od postupka i steknete veći pogled iz ptičje perspektive.

Može vam pomoći u radu s medijem različitom od vašeg računala. Na primjer, izrađujući skice na papiru s jednom olovkom, na trenutak možete zaboraviti na boje i druge detalje. Ako koristite flipcharts ili bijelu ploču, možete čak učiniti cijelu stvar suradnjom.

Izvrsna vježba može biti i crtanje web stranice na bilješci. To će vas prisiliti da se držite osnovnog. Varijacija ovoga je stvoriti vaš dizajn u nijansama sive boje, a boju dodati tek kasnije. Na ovaj način prisiljeni ste uspostaviti vizualnu hijerarhiju bez oslanjanja na boju.

Započnite s sivim tonovima
Laura Elizabeth / Smashing Magazine

Ako vam je pakao skriven na korištenju vašeg računala za dizajniranje, možete upotrijebiti „test škripca“. To znači udaljavanje od ekrana i škljocanje očiju. Zamagljena slika pokazat će vam što je najočitije na vašoj web lokaciji i što će prvi posjetitelji najvjerojatnije primijetiti prvi.

4. Držite se web standardima

Dizajnerima je u prirodi da žele biti kreativni. To je općenito dobra stvar. Imajte na umu da je potrebno postaviti neke granice unutar kojih možete biti kreativni.

Na primjer, u web dizajnu postoji niz utvrđenih standarda. Posjetitelji su navikli na određene dizajnerske trope i elemente web stranice. Kad previše prekršite ta pravila, to bi ih moglo zbuniti i isključiti.

Među tim utvrđenim standardima su:

  • Dosljednost u brendiranju i dizajnu na svim stranicama
  • Logotip web lokacije u gornjem lijevom kutu
  • Podaci za kontakt u gornjem desnom uglu ili u sredini
  • Glavna navigacija na vrhu zaslona
  • Glavni naslov / vrijednost prijedloga i poziv na radnju visoko na početnoj stranici
  • Značajka pretraživanja u zaglavlju
  • Ikone društvenih medija u podnožju web stranice

Sigurni smo da smo kao uporni internetski korisnik već svjesni više standardnih web stranica kojih se pridržavamo. Ako ne, možete ih pronaći više ovdje.

5. Usredotočite se na minimalizam i CTA tipke

Kad znate cilj svoje web lokacije i stranica, to vam također omogućava da riješite sve što ne služi toj svrsi. To pojednostavljuje vaš dizajn i čini ga ugodnijim za pregled.

Opet, postoje istraživanja koja to potkrepljuju. U istoj spomenutoj studiji Google je otkrio da je vizualna složenost negativno povezana s privlačnošću web mjesta. Ukratko – ljudi ne žele biti preopterećeni! Pojednostavljenje dizajna dobro je za ostale značajke, npr. Brzinu web mjesta.

Evo nekoliko stvari koje sigurno možete ukloniti:

  • Stavke izbornika – Naravno da želite da drugi istraže više vaše web stranice. Međutim, pretrpan izbornik može biti super zbunjujući i imati negativne učinke. Opet – držite se osnovnog!
  • Naznake – Sve više i više web stranica ukida bočnu traku. Što imate u bočnoj traci? Je li to zaista važno?
  • Blatni žargon – Ista stvar koja vrijedi i za fotografije sa zalihama odnosi se i na jezik. Prekomjerno korištene fraze, klišeji i šuplje riječi čine ljude da se isključe. Prestanite ih koristiti, unesite neku osobnost u svoje pisanje, naučite neke riječi snage i naučiti kopirati.

6. Počnite s mobilnog uređaja

Mobilni uređaji olujom su zauzeli svijet. Do danas, više ljudi surfa webom putem telefona i tableta nego na stolnim računalima.

Dodatno, Objavio je Google da emitiraju svoj novi indeks mobilnih uređaja. To znači da će, kad u potpunosti bude na snazi, tražilica prvo ocijeniti svaku web lokaciju o njihovoj mobilnoj prisutnosti. Ako ne radi svoj posao kako treba, primit ćete hit na ljestvici pretraživanja.

Iz tog razloga, prilikom dizajniranja web stranice, bilo bi dobro prvo započeti s mobilnom prisutnošću. Od sada će vam mobilni korisnici biti primarni kupci. Stoga se pobrinite da se osjećaju dobro.

U isto vrijeme, dobra je praksa da se dođe do ideja za dizajn web mjesta. Ponovo, počevši od mobilnih uređaja, prisiljava vas da se usredotočite na ono osnovno i promišlite svrhu svog dizajna. Nakon toga možete dalje razvijati i dodavati elemente kako veličina zaslona raste.

7. Obratite pažnju na oblikovanje sadržaja

Oblikovanje sadržaja je podcijenjen alat za web dizajnere. Sadržaj je najvažniji element vaše web stranice, bilo da je to u obliku blogova ili prodajne kopije. Na kraju, to želite posjetitelji konzumirati. Svrha vašeg dizajna je da ga predstavi na način kako to čine.

Nažalost, ljudi su već toliko zasićeni da malo njih čita sve na vašoj stranici. Umjesto toga, većina posjetitelja skenira. Nadalje, oni imaju tendenciju da učinite to u obliku F.

To znači da trebate prilagoditi svoj sadržaj njihovim navikama konzumiranja kako biste ga učinili utjecajnijim.

Evo kako to učiniti:

  • Uključite naslove – Naslovi su sjajan način za razbijanje sadržaja. Mnogi ih čitatelji također koriste kao točke sidrenja za skeniranje i samo one dijelove ispod naslova koji im se čine zanimljivi. Stoga obavezno upotrijebite naslove i učinite ih opisnim.
  • Koristite odlomke i popise – Nitko ne želi pročitati jednu veliku mrlju teksta. Odlomci dijele sadržaj na male komade. Otvorite novu kad god otvorite novu točku. Popisi imaju sličnu funkciju i čine informacije dostupnijima. Koristite ih i vi.
  • Ne štedite na medijima i vizualima – Vizualnim informacijama je ljudski mozak mnogo pristupačniji od teksta. Iz tog razloga, dobro je koristiti slike i druge medije za podcrtavanje točaka u kopiji. To je, opet, odličan način za razbijanje dužih dijelova teksta.
  • Optimizirajte svoje fontove – Vaša upotreba fontova također jako utječe na čitljivost. Najvažniji alati koje ovdje imate su veličina i visina crte. Ići za najmanje 16px i obavezno dodajte visinu linije manjim fontom koji koristite.

Ako istražite ovaj članak, sve gore navedeno možete vidjeti na snazi.

8. Isprobajte dizajn s jednom stranicom

Povratak dana, vršio se dizajn web stranica nabor. Sve važno moralo je biti iznad granice od koje će korisnici početi pomicati. Još uvijek ima nešto za reći o tome jer je to još uvijek tu korisnici provode većinu svog vremena.

Vrijeme pregleda posjetitelja - pregib

To ne znači da je presavijenac krajnji dio vaše stranice. Ljudi će se zaista pomicati. Zapravo, pomaknut će se cijelu stranicu prema dolje ako im date razlog za to.

Ludo jaje je to isprobalo kad su oni zamijenili originalnu stranicu prodaje s 20 puta dužim.

Dizajn jedne stranice

Rezultat: stopa pretvorbe porasla je za 30 posto! Ako putovanje vašeg trenutnog kupca ide na nekoliko stranica, razmislite o tome da ih konsolidirate na jedno mjesto. Ovo bi mogla biti jedna od onih ideja dizajniranja web stranica koja ima sve razlike.

Nemojte sahranjivati ​​sadržaj u prezentacijama / vrtićima ili karticama / harmonikama, oni ne funkcioniraju!

9. Zaposlite A / B testiranje

Ponekad kada se vrednuju različite ideje o dizajnu web stranica, teško je odlučiti koji je pravi put. Razmišljate naprijed i natrag, pravite poteškoće, a istovremeno niste sigurni u svoju odluku. U nekom trenutku razmišljanje to više neće smanjiti. Morat ćete dopustiti korisnicima da odluče.

A / B testiranje može biti izvrstan način da vidite što čini vašu web stranicu boljom. To znači posluživanje posjetitelja različitih inačica dizajna nasumično, a zatim provjeriti kako reagiraju. Odluke možete donositi na temelju rezultata.

Možete testirati gotovo sve. Iz čitavih stranica stranica zbog promjena boja, poziva na radnju slika, naslova članaka i fontova. Sve to može donijeti ogromnu razliku u izvedbi stranice. Ipak, ako ne testirate, nikad nećete znati!

Ovi alati i dodataka pomoći će vam u obavljanju testova.

6 web stranice koje nadahnjuju za stvaranje novih ideja dizajna web stranica

Ako se u ovom trenutku i dalje osjećate zaglavljeno, u posljednjem dijelu ćemo pregledati brojne web stranice sa potpunom inspiracijom za web dizajn..

1. Awwwards.com

Awwwards

Ova web stranica dodjeljuje nagrade za web dizajnere, programere i agencije širom svijeta. Imaju veliku arhivu primjera web dizajna za pretraživanje i pretraživanje. Uz to, postoji blog gdje detaljno uvode dizajne i odjeljak gdje možete glasajte na mjestu nominiranih za mjesec. Sve je to visokokvalitetno i zaista nadahnjujuće!

2. WebDesign-Inspiration.com

Inspiracija za dizajn web mjesta

To je galerija gotovih projekata web dizajna. Možete ga filtrirati na mnogo različitih načina da biste pronašli ono što tražite – npr. Prema industriji, vrsti, paleti boja ili stilovima. Njihova je arhiva toliko velika da je često jedina stranica na kojoj morate pronaći vlastite ideje za dizajn web mjesta.

3. SiteInspire.com

siteInspire

Ova web stranica prikazuje web i interaktivni dizajn. Kao i u prethodnom primjeru, umete možete filtrirati na različite načine, uključujući stil, vrstu, predmet, pa čak i platformu. Ako stvorite račun, možete postaviti i kolekcije svojih omiljenih dizajna.

4. OnePageLove.com

Ljubav na jednoj stranici

Ovaj primjer je stranica za inspiraciju za web dizajn posebno izrađena za dizajniranje na jednoj stranici. Ideju smo spomenuli ranije u članku. Možete pregledavati galeriju ili posebno pretraživati ​​stvari koje tražite. Budite sigurni da zamahnete pri izgradnji vlastite stranice s jednom stranicom.

5. Dribbble.com

dribling za dizajn web stranice ideje inspiracija

Dizajneri u Dribbbleu pokazuju svoje radove. To može biti bilo što, od aplikacija do ikona, ilustracija i drugih primjera. Možete ga koristiti za opću inspiraciju ili koristiti oznake kako biste pronašli ono što vas najviše zanima, kao što su web dizajn.

6. Behance.net

Behance

Ova je web stranica vrlo slična Dribbbleu. Dizajneri su također mjesto za povezivanje i pokazivanje svog portfelja. Imate obilje primjera web dizajna i možete ih potražiti pomoću funkcije pretraživanja.

Završavati

Ideje za web dizajn ne rastu na drveću. Ponekad vam treba malo pomoći da smislite nešto dobro. Srećom postoje postovi poput ovih koji će vam pomoći da se vratite na pravi put!

Nadamo se da će vas savjeti, alati i resursi za web dizajn spomenuti u gornjem postu vratiti natrag u kreativnost. Očito je da ima vani mnogo korisnijih stvari, zbog čega to želimo čuti od vas!

Znate li dodatne savjete, alate ili inspiraciju za generiranje ideja za web dizajn? Ako je to slučaj, molimo podijelite ga u odjeljku s komentarima u nastavku!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map