Postoje li trendovi web dizajna 2010-ih?

Objava: Vaša podrška pomaže održavanju web mjesta! Naplaćujemo naknadu za preporuku za neke usluge koje preporučamo na ovoj stranici.


Trendovi web dizajna za 2018. godinu

U ranim danima World Wide Weba bilo je u trendu da webmasteri koriste svaki mogući efekt: animirane gif-ove, treptajući tekst i automatsko igranje midis-a koji su bili pozorni na svakoj web stranici na kojoj ste surfali..

Iako su dani interneta divljih granica bili uzbudljivi i revolucionarni, trendovi poput crvenog teksta na pozadini s uzorkom nisu bili baš lako na očima ili korisniku prilagođeni.

Srećom, daleki smo put od rođenja weba. Tehnologija kojom se služimo putem interneta evoluirala je od dana kada smo slušali kako se povezuju modemi s dial-upom, prelazeći prstima da te nitko nije šutnuo izvan mreže odabirom fiksne mreže..

Web dizajneri su se morali razvijati kako bi išli ukorak s promjenom tehnologije. U posljednjih nekoliko desetljeća valovi dizajnerskih trendova su dolazili i nestajali, razvijajući se tako da usmjere pažnju na korisničko iskustvo. Dizajneri su danas više nego ikad usredotočeni na minimalizam, čitljivost i jednostavnost uporabe.

No, iako se stvari neprestano poboljšavaju, uvijek postoji mogućnost pogrešnih skretanja i zamki, čak i uz trendove koji izgledaju kao poboljšanja. Beskonačno pomicanje može pomoći pri prikazivanju više informacija i zadržavanju posjetitelja na stranici dulje, no korisnicima može biti frustrirajuće kada pokušaju pogledati podnožje web mjesta koje nastavlja skakati kad se učita više članaka.

Popularnost fiksnih elemenata je razumljiva: ključne informacije želite zadržati pred očima svog posjetitelja. Ali može doći do zapaljenja ako ti gumbi za dijeljenje počnu blokirati sadržaj vaše stranice. Web dizajneri trebaju biti ukorak s trendovima, ali također koristiti svoju kreativnost kako bi pronašli nova inovativna rješenja za probleme poput ovih.

Kad su u pitanju ovogodišnji trendovi, nemoguće je reći koje će inovacije pobijediti i ostati, a čemu ćemo se smijati za 10 ili 20 godina od sada. Ovom strukturom trendova web dizajna u 2014. godini možete sami odrediti koje trendove vrijedi nastaviti i koje trebamo ostaviti.

Web-dizajn-trendovi

Dizajn vremena: Trendovi web dizajna za 2014. godinu

Web se dramatično evoluirao od ranih 90-ih gdje smo vidjeli lude boje i fontove i automatsku glazbu koja se svira u pozadini čim se web stranica učita. Današnji web vidi minimalistički pristup, a sve je dizajnirano tako da ga čini jednostavnijim i korisnijim. Evo što možete očekivati ​​u 2014. godini.

Odgovarajući dizajn

  • Odgovarajući dizajn znači da se web stranica automatski prilagođava veličini zaslona na kojem se prikazuje.
    • Ovo je presudno za web dizajn jer se ljudi odmiču od tradicionalnog računala.
      • 90% odraslih Amerikanaca sada posjeduje mobitel
      • 58% odraslih Amerikanaca sada posjeduje pametne telefone
        • 60% vlasnika mobitela koristi svoj telefon za povezivanje s Internetom
      • 42% odraslih Amerikanaca sada posjeduje tablete
  • Odgovarajući web dizajn uključuje upotrebu fleksibilne kombinacije:
    • izgledi
      • Sve je veličine proporcije, a ne piksela.
    • slike
      • Sve je veličine po odnosu, a ne piksela.
    • CSS upiti
  • Primjeri responzivnog dizajna uključuju:
    • com
    • com
    • com
  • Stvorite vlastite responzivne predloške ili kupite postojeći responzivni okvir.
    • Primjeri uključuju:
      • Karma
      • Avada
      • Umotati
  • Pros:
    • Manje održavanja: jedno web mjesto, umjesto više web mjesta za dizajn i održavanje.
    • Bolja optimizacija za tražilice (SEO): jedno web mjesto znači jedan niz URL-ova, što SEO čini upravljivijim.
    • Ne trebate brinuti hoće li vaša web lokacija biti kompatibilna s desecima novih uređaja koji neprestano dolaze na tržište.
  • Cons:
    • Provedba može trajati duže nego što se očekivalo.
    • Tehnologija se još uvijek razvija.
    • S obzirom da su slike samo smanjene, a ne mijenjane, to može negativno utjecati na vrijeme učitavanja stranice i uznemiriti posjetitelje.

Još Pomicanje

U 2014. godini vidjet ćemo još pomicanja zbog lakoće implementacije.

  • Pomicanje paralelom: omogućuje se kretanje pozadine web stranice drugačijom brzinom kao i ostatak stranice.
    • Primjer: Nasa prospekt
    • Pros:
      • Može zadiviti posjetitelje s animacijom
      • Izravne korisnike za poziv na akciju
      • Potaknite posjetitelje da ostanu na stranici dulje dok pregledavaju cijelu stvar
    • Cons:
      • SEO je pogodio jer postoji samo jedan niz meta informacija
      • Mnogo podataka na jednoj stranici usporava vrijeme učitavanja stranica, što može dovesti do frustriranih korisnika
  • Vodoravno pomicanje: Pomiče se slijeva udesno, a ne gore i dolje.
    • Primjer: Svjetski zaklada za divljinu i život Zemlji 2012
    • Pros:
      • Omogućuje dizajnerima da smješte više sadržaja na zaslonu.
    • Cons:
      • Korisnici možda ne shvaćaju da moraju skrenuti na bok, a možda neće htjeti pomaknuti se u stranu kako bi dobili potpuno iskustvo.
  • Beskonačno pomicanje: Učitava se sadržaj stranice kao korisnik
    • Primjer: Facebook vijest
    • Pros:
      • Brže pregledavanje
      • Dobro surađuje s dodirnim uređajima
      • Izloženost sadržaja: beskonačno pomicanje jednako otkriva novi i stari sadržaj, dajući starijim sadržajima duži “rok trajanja”.
    • Cons:
      • Nalazite se:
        • Korisnici se ne mogu pomaknuti prema natrag ili označiti određenu stvar, pa će morati krenuti s vrha iznova.
        • Beskonačno pomicanje ne govori korisnicima koliko podataka može proći.
      • Korisnički fokus: Kad se odmaknete od pomicanja, vratit ćete se na vrh, umjesto na prethodno referentno mjesto, što korisnicima čini teže usredotočiti se na ono što rade / čitati.

Manje teksta

  • Umjesto tekstualnog dizajna, vidjet ćemo više dizajna usredotočenog na slike, ikone i videozapise.
    • com ima manje od 10 riječi i zahtijeva od korisnika da gledaju videozapis kako bi razumjeli kako koristiti aplikaciju.
    • com sadrži mali odlomak teksta i nekoliko riječi na navigacijskoj traci na svojoj početnoj stranici.
    • The-Studio.co.il sadrži samo nekoliko riječi i slika.
  • Pros:
    • Još sofisticiraniji web dizajn
  • Cons:
    • Teže je za dizajn web stranica 508 biti kompatibilan
      • 508 usklađenost odnosi se na to da je web sukladan za one s invaliditetom koji ne mogu pristupiti internetu na tradicionalan način.

Ravno korisničko sučelje

  • Ravno korisničko sučelje (UI) odnosi se na dizajn koji je fokusiran na funkcionalnost, a ne na stil.
    • Elementi su načinjeni da više nalikuju onome po čemu su dobili ime.
    • Sve je dizajnirano za:
      • Jasnoća
      • Jednostavnost
    • To znači uklanjanje:
      • sjene
      • gradijenti
      • Ukošeni rubovi
      • razmišljanje
  • Već smo to vidjeli u:
    • Windows 8
    • Apple iOS 7
    • WordPress 3.8
  • Ravni dizajn djeluje protiv skeuomorfnog dizajna.
    • Skeuomorfni dizajn koristi vizualne detalje kako bi jedna stvar izgledala kao nešto drugo.
      • Primjer: Upotreba obloga drveta u unutrašnjosti automobila
  • Pros:
    • Jednostavno korisničko sučelje
    • Upotreba svijetlih / smjelih boja povećava raspoloženje
    • Usredotočite se na sjajnu tipografiju
    • Vizualni su oštri i čisti
  • Cons:
    • Pitanja o upotrebljivosti: Ljudi možda ne znaju uvijek gdje kliknuti ili dodirnuti kako bi komunicirali.
    • Palete boja mogu se teško uskladiti: što više boja koristite, to će se čvršće uskladiti s njihovim bojama.
    • Slabiji tipografski dizajn postaje lakše uočiti.
    • Cjelokupni dizajn može izgledati previše jednostavno.

Fiksni sadržaj

  • To se odnosi na element stranice, poput navigacijske trake ili odjeljka sadržaja koji ostaje na mjestu dok korisnik pomiče.
    • ca omogućuje horizontalno pomicanje dok navigacija bočnom trakom ostaje na mjestu.
    • mreža sadrži traku društvenih medija s fiksnom pozicijom na lijevoj strani web mjesta, omogućavajući korisnicima da se kreću kroz sadržaj dok traka ostaje na mjestu.
  • Pros:
    • Prednosti upotrebljivosti: korisnici mogu mnogo lakše pronaći ono što traže.
  • Cons:
    • Fiksni sadržaj može izgubiti prostor izvan pomicanja.
    • Neke nepokretne elemente, poput navigacijske trake, teško je prevesti u mobilno okruženje.

izvori

  • List s podacima o mobilnoj tehnologiji – pewinternet.org
  • Odgovarajući web dizajn: što je i kako to koristiti – coding.smashingmagazine.com
  • Što je responzivni web dizajn? – smallbiztrends.com
  • 17.389 Predlošci i teme web stranica od $ 3 – themeforest.net
  • Prednosti i nedostaci odgovornog web dizajna – business2community.com
  • Što je Parallax web dizajn? – Definicije, savjeti & Razmatranja – unleashed-technologies.com
  • NASA: Prospect – nasaprospect.com
  • Priča o WWF hrani – imovina.wwf.org.uk
  • Beskonačno pomicanje nije za svako web mjesto – nngroup.com
  • U beskrajnost i dalje! Prednosti i nedostaci beskonačnog pomicanja – inspim.com
  • Snapchat – snapchat.com
  • Studio – the-studio.co.il
  • Manje teksta više Multimedija – Novi pristup u dizajnu web stranica – designmodo.com
  • Izgubljeni i pronađeni – Mapiranje stranica – howto.gov
  • Što je stan dizajn? – gizmodo.com
  • Za i protiv ravnih dizajna – designmodo.com
  • 18 Ključnih trendova web dizajna za 2014. godinu – econsultancy.com
  • Fiksne navigacijske trake: prednosti i nedostaci – awwwards.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map