20 Didėjančios interneto dizaino tendencijos žiūrėti 2017 m

Praėjo dar vieneri metai, o dizaineriai žvelgia į ateitį. Daug perspektyvių dizaino tendencijų praėjusiais metais aptariau geriausias 2016 m. dizaino tendencijas ir matėme daug pakeitimų nuo tada.

Taigi, už šį pranešimą aš pasiėmiau 20 geriausių tendencijų kad aš pastebėjau traukos traukimas 2017 m. Šios dizaino tendencijos gali kreiptis į bet kurią svetainę, todėl laikykitės šių metodų, kaip mes judame per 2017 m. ir vėliau.

1. “Teminiai” ženkleliai

Paleidimai, dienoraščiai, SaaS projektai ir net mažos įmonės dabar naudojasi “kaip rodomas” ženkleliai jų interneto svetainėse. Šie ženklai dažnai būna nuoroda į straipsnius apie pagrindinius tinklaraščius pvz., „HuffPo“, „Forbes“, „CNN“, „Fox“ ir kitos naujienos.

Tikslas yra patvirtinti svetainę ir sukurti pasitikėjimą su naujais lankytojais. Kažkas lengviau pasitiki svetaine, kai jie mato, kad tai buvo paminėti autoritetiniuose leidiniuose.

Iš tikrųjų daugelis geriausių dienoraščių vertiname ekspoziciją, todėl jis tikrai padeda visiems dalyviams. Šios didelės svetainės dažnai skelbti savo logotipus internete bet jūs taip pat galite rasti skaidrių PNG arba SVG, tiesiog googling aplink.

Taip pat rekomenduojama jums nuoroda į pradinį straipsnį paminėdami jūsų svetainę. Tai įrodo jūs tikrai paminėjote svetainėje, ir jūs ne tik pateikiate pretenzijas.

2. „Bold all-caps“ navigacijos nuorodos

Mačiau dešimtys aptakių navigacijos meniu visi remiasi tuo pačiu dizainu. Šios navigacijos nuorodos skiriasi šriftu ir dydžiu bet jie paprastai turi panašias funkcijas, toks kaip:

• Visos kepurės
• Paryškintas
• Tolygiai išdėstyti
• Suderinta su dešiniuoju kampu

Zazzle tinklapis yra puikus pavyzdys. Bet tai galite rasti daugelyje paleisties svetainių nes tai a švarus būdas bendrinti nuorodas kuriuos lengva skaityti ir lengvai naršyti.

Aš dažniausiai susieju šią tendenciją su įmonėmis ir technologijų steigėjais bet jis taip pat gali būti paplitęs ir dienoraščiuose.

Atkreipkite dėmesį, kad kitą kartą pamatysite šią tendenciją, nes ji yra visur. Ir tikiuosi, kad jis ir toliau augs iki 2017 m.

3. Žurnalo stiliaus tinklaraščiai

Dienoraščiai buvo tokia nišinė koncepcija 2000-ųjų pradžioje. Jei 2003 m. Vykdėte dienoraštį, jis buvo laikomas mielu mažu hobiu. Vos per dešimtmetį ši tendencija iš esmės pasikeitė. Dabar dienoraščiai gali teikti nuolatines pajamas, ir jie pradeda atrodo labiau panašūs į skaitmeninius žurnalus.

Pažvelkite į originalų „TechCrunch“ dizainą, kai jis pirmą kartą buvo paleistas 2006 m?

Dabar pažiūrėkite į dabartinį „Techcrunch“ tinklalapį 2017 metais:

Tai ne tik atrodo kaip žurnalas, Taip pat veikia kaip vienas. „TechCrunch“ kasdien skelbia dešimtys (jei ne šimtus) naujų pranešimų. Jie yra # 1 šaltinis, skirtas naujinti naujienas.

Žurnalo stiliaus dizaino tendencijos labai skiriasi. Pagrindinis puslapis naudoja a didelė teminė istorija, kiekvienas pranešimas turi savo miniatiūrą, ir straipsnio puslapius centre aplink antraštę.

Kai galvojate apie tai, „TechCrunch“ daug nepasikeitė. Tai vis dar “tik dienoraštis”. Bet jis sukurtas ir tvarkomas kaip žurnalas, ir tai daro viską.

4. Vaizdo fonai

Gali būti, kad garsas automatiškai atkuria garsą internete. Bet stebėtinai, vaizdo atkūrimas (be garso) sparčiai auganti tendencija. Tai galite pastebėti dešimtyje verslo svetainių, kuriose yra vaizdo fonas perima visą ekraną.

Man labai patinka šis metodas, kai jis tinkamai naudojamas. Tol, kol vaizdo įrašas susijęs su svetaine ir netrukdo turiniui, Manau, kad tai geras efektas naudoti jūsų antraštėje.

5. Ghost mygtukai

Kaip minimalizmas į interneto dizainą, atsiranda daug naujų tendencijų. Viena iš tokių tendencijų yra vaiduoklių mygtukų kilimas kurios neturi vidinio užpildymo, bet turi išorinę sieną.

Dauguma šių mygtukų kontrastas su kitais atkreipti dėmesį. Tai galite pamatyti „Instantmojo“ pagrindiniame puslapyje su žaliu prisiregistravimo mygtuku esantis šalia vaiduoklis mygtukas, susietas su gyva demonstracija.

Kitos svetainės yra patvirtintos ghost design stilius prie jų mygtukų. Puikus pavyzdys yra naujas „Bootstrap“ išdėstymas.

Manau, kad vaiduoklių mygtukai veikia svetainėse link minimalizmo. Jie gali būti netinkami kiekvienai interneto svetainei, tačiau matau, kad jų naudojimas kasmet didėja.

6. Modalinio lango pasirinktys

Modaliniai langai yra labai erzina, ir aš negaliu įsivaizduoti, kad bet kuris vartotojas juos norėtų. Tačiau įrodyta, kad jie padidina registraciją, ir rinkodaros negali ignoruoti darbo metodų.

Štai kodėl manau, kad modaliniai langai bus naudojami toliau pakilti 2017 m.

Jie nėra mano mėgstamiausias dalykas, ir aš niekada jų nepridėsiu į savo svetaines. Bet jei tikslas yra padidinti registraciją, modaliniai langai yra tikras būdas gauti dalykus.

Nauji papildiniai gali netgi tikslo išeiti ketinimas kuris sukelia modalą kai vartotojas bando palikti svetainę. Kiti moduliai pasirodo po x sekundžių arba nustatomi atidaryti, kai vartotojas slenka žemyn.

Nepriklausomai nuo to, kaip įjungiami modalai, kaip jie suprojektuoti, ar kaip jais jaučiatės, manau, kad jie bus ilgam.

7. Iliustracijos ir vektoriniai menai

Su naujomis vektorinio dizaino programomis, tokiomis kaip „Sketch“ ir „Affinity Designer“, yra nauja iliustratorių banga, nukreipianti į internetą. Grafinis dizainas ir sąsajos dizainas nuolat susilieja su daugiadisciplininiais dizaineriais nei dabar.

Tai reiškia, kad matysime daug daugiau pasirinktinių piktogramų ir viso puslapio iliustracijos artimiausioje ateityje.

Daugelis iliustratorių praktikuoja menininkus, todėl manau, kad pamatysime daugiau viso puslapio fonų pagaminta naudojant skaitmeninę tapybos programinę įrangą, pateiktą išsamiai kaip koncepcinis menas.

8. Fiksuotos slinkties šoninės juostos

Pirmoji fiksuoto dizaino banga orientuota į navigacijos juostas. Tai yra pernelyg dažni, ypač reaguojant į dizainą, kur yra fiksuota navigacijos juosta kartojasi vietinės mobiliosios programos jausmas.

Tačiau 2017 m. Tikiuosi pamatyti dar vieną lipną elementą-lipni šoninė juosta.

Beveik kiekvienas pagrindinis dienoraštis naudoja šią lipnią šoninę juostą. Tai saugo turinį visą laiką ir padidina tikimybę, kad vartotojai bus bendrauti su šoninės juostos turiniu.

Plius su daugybe nemokamų jQuery įskiepių pakartokite lipnią šoninės juostos efektą. Tai lengviau nei bet kada nustatyti bet kurioje svetainėje.

9. Puslapio turinys

Neseniai atliktas atvejo tyrimas parodė, kad ilgo formato turinys pranoksta trumpalaikį tiek reitinguose, tiek naudotojų išsaugojimo kokybėje. Tai ne visada teisinga, nes į kai kurias užklausas galima greitai atsakyti.

Bet žiniatinklyje yra daug ilgesnio formato turinio, tai natūralu matyti daugiau straipsnių, įtrauktų į straipsnius. Tai pamatysite ilgose peržiūros svetainėse arba straipsniuose, suskirstytuose į išvardytus elementus.

Įterpti turinį galite pagerinti naudotojo patirtį ir padėti suskaidyti skaitymą į mažesnius gabalus. Turinys taip pat gali būti padėti jūsų svetainės reitingui geriau! Jei „Google“ mano, kad jūsų puslapis yra vertingas, galite gauti nuorodų paieškos rezultatuose.

Gali būti tiesa, kad šiuo metu TOC yra gana retas. Tačiau tikiuosi, kad ši tendencija susprogdins per 2017 m. Ir po daugelio metų.

10. Ryškūs spalvingi dizainai

Nesu tikras, ar ši tendencija išsivystė iš minimalizmo ar kaip reakcija į „Google“ materialinį dizainą. Bet aš suklupau ant dešimčių svetainių, kuriose naudojasi šviesios pastelinės spalvos, sumaišytos su kitais ryškiais atspalviais sukurti labai išgalvotą išvaizdą.

„Rentberry“ pagrindinis puslapis yra puikus pavyzdys, kuris taip pat naudojamas tonų nuolydžių. Ir netgi tai jau minėta “Teminiai” ženkleliai, esantys žemiau! Dvi tendencijos vienoje svetainėje.

Jūs pastebėsite, kad spalvos neperleiskite viso puslapio, ir jie yra nutildyti su kitais baltos ir pilkos spalvos atspalviais.

Aš mačiau pakankamai jų ryškios spalvų schemos manyti, kad jie auga.

11. Slinkite animacijomis

Žiniatinklio dizaineriai žino apie prikabinimą ir kaip tai baisi. Tačiau tai ne tai, ką norėjau pavadinti “slinkite animacijas”. Aš dabar mačiau daug svetainių animuoti turinį kai slenkate per tam tikrą puslapio dalį.

Ši tendencija dažniausiai yra tik pradedantiesiems ir „SaaS“ bendrovėms kad jie nori šiek tiek pizzazz savo dizainą.

Negaliu pasakyti, ar tai ypač naudinga tendencija. Tai tikrai tai patraukia akį bet nemanau, kad tai suteikia daug daugiau nei estetika. Vis dėlto ši tendencija sparčiai plinta ir kada taupiai jis gali būti tikrai tvarkingas.

12. Vieno puslapio programos (SAT)

Vieno puslapio programos yra svetainės pastatytas tik su „Ajax“ skambučiais. „JavaScript“ traukia turinį iš serverio ir ją įkrauna dinamiškai, taip puslapis niekada neatnaujina.

Dažniausi pavyzdžiai yra „Gmail“ ir „Facebook“. Bet su daugiau JS technologijų, Aš pastebėjau, kad vis daugiau ir daugiau SAT sukurtos. Heckas, net CodePen gali būti laikomas SAT.

Su stipriomis frontend bibliotekomis, tokiomis kaip React & Aurelia, 2017 m..

13. Galimos paieškos juostos

Jis buvo tas paieškos laukas visada buvo matomi kažkur tinklalapyje, arba šoninėje juostoje, arba navigacijoje. Tačiau pastaruoju metu pastebėjau daug daugiau paieškos laukų paslėpta pagal nutylėjimą, ir turi būti įjungti.

Žinoma, patogi tendencija sutaupykite vietos puslapyje vis dar išlaikyti paieškos funkciją. Jei nesate tikri, kur ieškoti paieškos formos į naują dizainą, galite naudoti keitimo lauką, susietą su didinamojo stiklo piktograma navigacijoje.

14. „Adblock“ pranešimai

Negalima paneigti to, kad skelbimų blokavimas didėja. Vienintelis klausimas - kaip leidėjai tvarkys šią tendenciją. Kai kurios svetainės mandagiai pridėti pranešimų į skelbimų vietas kaip Time.com. Apie „Hongkiat“ pastebėsite vidiniai skelbimai, kad užpildytų tuštumą kuri toliau susieja svetainę.

Viena rimta tendencija, kurią matau, yra blokuoti turinio blokus. Tai yra metodas “blokuoti skelbimų blokatorius”. Ši funkcija jau įdiegta daugelyje didelių svetainių, pvz., „Business Insider“ ir „Forbes“. Deja, tai skauda tiek vartotoją, tiek leidėją, ir visa tai kyla dėl prastos kokybės reklamos būdų.

Galų gale, nesvarbu, kas jūs kaltinate, ar kur esate diskusijos dėl reklamos blokavimo. Daugiau žmonių diegia „adblock“ įskiepius ir tikiuosi daugiau leidėjų stumti atgal.

15. Pure SVG piktogramos

SVG grafika jau įsijungė į žiniatinklį, tačiau jie kasdien didėja. Ir aš jaučiuosi, kad 2017 m. Bus didžiulis metų SVG žiniatinklyje.

Galite rasti tūkstančius nemokamai SVG piktogramų rinkiniai tokiose svetainėse kaip Flaticon, jei žinote, kaip ieškoti. Bet jūs taip pat galite koduoti SVG į HTML, pavyzdžiui, pasinaudojant šiuo pavyzdžiu „CodePen“.

Taigi, dizaineriai gali naudoti SVG, o kūrėjai taip pat gali naudoti SVG. Modernus naršyklės palaikymas atrodo gerai visur, todėl nėra suderinamumo problemų. Viskas, ko reikia, yra pakankamai dizainerių atpažinti SVG galias ir pradėkite juos naudoti!

16. „Adobe XD“

„Adobe“ paskelbė pilną „Adobe XD“ beta versiją 2016 m. ir nuo to laiko sparčiai augo. Šiuo metu tai yra palaiko „Mac“ ir „Windows“, ir tai bandymų etape prieš juos visiškai ištraukiant.

Jūs galite nuvilti bet kurios programos, kuri veda į „eskizą“, idėją, bet „Adobe“ yra pagrindinė kūrybinio darbo programinė įranga kompanijai. Plius „Sketch“ vis dar yra „Mac“ tik tuo metu, kai „Adobe“ yra nori padėti visiems.

Tvirtai tikiu, kad ateinančiais metais daug daugiau apie „Adobe XD“ skaitysime. Tai gali tapti programine įranga, skirta UI modelių kūrimas-kad galiausiai galėtume naudoti „Photoshop“ kaip nuotraukų manipuliavimo įrankį (kaip numatyta).

Su naujos programinės įrangos atsiradimu ateina dešimtys samouczków ir freebie GUI rinkiniai taip pat. Kartu su „Dribbble“ galite rasti daug „Adobe XD freebies“ dvi naujos XD orientuotos nemokamų žaidimų svetainės „Designmine“ ir „XD Guru“.

17. Daugiau mėsainių meniu

Mylėk jį arba nekenčiu jo mėsainiai čia pasilieka. Yra daug naudingumo tyrimų ginčytis prieš rodomus paslėptus meniu. Tačiau su mažu ekranu ir tik tiek daug alternatyvų dabar nėra jokios geresnės alternatyvos.

Hamburgerio piktogramos yra lėtai tapti atpažįstamais simboliais „Nav“ meniu. Tiesiog kaip ir didinamojo stiklo piktograma “Paieška”, trijų barų hamburgerio piktograma netrukus bus sinonimas “Meniu”.

Tai jau yra aktualu daugeliui „tech-savvy“ asmenų. Tačiau kiekvienais metais daugiau žmonių gauna išmaniuosius telefonus ir pradeda naršyti mobilųjį internetą. Ir jie mokosi susieti tą mėsainį su Nav meniu be jokio galo.

18. Produkto savybių piktogramos

Aš parašiau apie šią tendenciją „Treehouse“, bet neseniai to nepaminėčiau. Ir vyksta 2017 m. Ši tendencija bus didžiulis. Tai tikriausiai yra labiausiai paplitęs būdas bendrinti produkto funkcijas pagrindiniame puslapyje.

Jūs pradedate funkcijų sąrašo sudarymas jūsų produktui. Produktas gali būti bet kas nuo SaaS programos iki „WordPress“ temos ar net fizinio elemento.

Tada taip pat galite kurti pasirinktines piktogramas arba rasti piktogramų rinkinį atstovauti šias funkcijas. Geriausia išvengti bendrųjų funkcijų toks kaip “patikimas” arba “greitas” nes dauguma žmonių tikisi šios medžiagos.

Vietoj to, sąrašo funkcijos tai tikrai svarbu. Jei tai yra aukščiausios kokybės WP tema, galbūt sąraše, kad jis reaguoja, kiek raštų jis ateina, arba kaip veikia meniu.

Šios funkcijos piktogramos dirbti kaip vizualiai padėti parduoti kiekvieną funkciją. Vien tik tekstas sunku vartoti bet vaizdai yra daug lengviau suprasite glaustai.

19. Virš kartos CTA

Kvietimas veikti tradiciškai buvo pateikti visame tinklalapyje. Bet su lankytojais praleisti mažiau laiko svetainėse, labai svarbu turėti tvirtą CTA virš viršaus.

Šie kvietimai veikti gali būti mygtukai, pasirinkimo formos arba kiti įėjimai paskatinti žmones imtis tam tikrų veiksmų pvz., užsiregistruoti ar skaityti dienoraščio įrašą.

Negaliu pasakyti, kaip sukurti CTA ar kaip ją optimizuoti konversijoms. Bet galiu pasakyti, kad atrodo, kad ši tendencija yra tokia virš laikrodžio ir aiškiu vaizdu visiems lankytojams.

20. Mažesnės turinio sritys

Monitoriai išaugo taip didelis, kad dauguma svetainių turi nustatykite maksimalų plotį. Tai yra daug sunkiau perskaityti sakinius, kai jie yra 2000px pločio, palyginti su tik 700 pikselių pločiu.

Mažesnis turinys lengviau vartoti, ir galiausiai sukuria a geresnė turinio sunkių svetainių patirtis.

Manau, kad daugiau dizainerių tai supranta ir lėtai sumažinti jų turinio sričių dydį. Norėčiau, kad maksimalus plotis būtų 750 pikselių, bet jūs galite eiti mažesniu nei 600px.

Trumpesnės pastraipos su mažiau sakinių ir mažesnių turinio sričių visada padidinti skaitomumą. Pagrindiniai leidiniai, tokie kaip NY Times, gali nukrypti nuo savo struktūrinių gairių. Tačiau paprastam dienoraščiui ar verslo vietai ši tendencija juda ilgesnis turinys su mažesnėmis dalimis ir turinio sritimis.

Apvyniojimas

Yra daug kitų tendencijų, kurių negalėjau padengti šiame pranešime, bet manau, kad šie 20 yra įdomiausi. Žvelgiant į 2017 m., Turėtų būti aišku, kurios tendencijos yra sprogstančios ir kurios ne.

Ir jei turite kitų idėjų ar pasiūlymų dėl būsimų dizaino tendencijų, nedvejodami atsisakykite komentaro.