Šiame straipsnyje pateiksime naujausių interneto dizaino tendencijų apžvalgą, įskaitant dirbtinį intelektą, futuristinį minimalizmą, 3D panardinimą, tamsųjį režimą, neumorfinį dizainą, meninę tipografiją ir mikro sąveikas.
Interneto dizaino pasaulyje ir toliau stebima technologijų raida, pažanga ir naujos tendencijos. Interneto dizainas apima vizualiai patrauklių ir funkcionalių svetainių kūrimą, todėl žiniatinklio dizaineriams naudinga neatsilikti nuo kreivės, jei ne jos priekyje.
Kaip ir visose kitose srityse, 2023 m. žiniatinklio dizainas turėjo nemažai madingų koncepcijų, kurios tęsėsi ir šiais metais. Šiame straipsnyje apžvelgsime kai kurias įdomesnes.
Dirbtinis intelektas
AI pakeis dizainerius, kūrėjus, rašytojus ir kitus technologijų specialistus.
Tikriausiai girdėjote tai ar kažką panašaus per pastaruosius metus. Aš šiek tiek pavargau tai matyti visoje socialinėje žiniasklaidoje, bet kad ir kaip įtikinamai tai atrodytų, nesu visiškai įsitikinęs, kad AI visiškai pakeis technologijų profesionalus, ypač kūrybingus.
Buvo AI įrankių ir AI projektavimo įrankių naudojimo bumas. Nenuostabu, kad įmonės dabar savo svetainėse naudoja „ChatBox AI“ kaip virtualų asistentą. Pokalbių asistentai dažniausiai yra apatiniame dešiniajame svetainės kampe ir prašo mūsų įvesti produkto/paslaugos užklausą, naršymo problemas, rekomendacijas ir pan.
Nors šios priemonės yra veiksmingos, jos dar turi pasiekti tobulumo lygį, kurio žmonės iš jų tikisi. Tačiau interneto dizaineriai efektyviai naudoja šias technologijas, kad pagerintų našumą, padidintų kūrybiškumą ir, ko gero, priimtų labiau pagrįstus dizaino sprendimus.
Kai kurie interneto dizaino įrankiai, kurie pastaraisiais metais išpopuliarėjo tarp interneto dizainerių, yra, bet tuo neapsiribojant:
Dall-E buvo sukurta OpenAI, Dalle.E 2 pastaraisiais metais išpopuliarėjo kaip dirbtinio intelekto įrankis, leidžiantis generuoti tikroviškus skaitmeninius vaizdus ir meną remiantis tekstiniais aprašymais. Žemiau yra vaizdas, sukurtas naudojant Dalle-E.
Khroma yra AI spalvų įrankis, kurį galima išmokyti pasirinkti spalvas jums.
Vance AI yra vaizdo tobulinimo, generavimo ir redagavimo įrankis, kurį dizaineriai naudoja norėdami patobulinti savo dizainuose naudojamus vaizdus.
Atvirukai AI gali būti naudojamas kuriant el. pašto šablonus.
Tai tik keletas AI valdomų interneto dizaino įrankių, kuriuos galima naudoti projektavimo procese.
Futuristinis minimalizmas
Minimalizmas yra nesenstanti interneto dizaino koncepcija. Jame pagrindinis dėmesys skiriamas žiniatinklio sąsajos supaprastinimui ir neperkrautai bei švariai palikimui, leidžiant vartotojams sutelkti dėmesį į svetainės turinio esmę. Iš esmės tai reiškia „paprastų“ ir „funkcionalių“ interneto dizaino kūrimą.
Minimalizmas taip pat reiškia, kad pirmenybė teikiama tik interneto dizaino pagrindams, o tai reiškia, kad reikia naudoti tik elementus, reikalingus, kad dizainas būtų paruoštas naudoti.
Žemiau esančiame paveikslėlyje parodytas minimalistinis „Pinterest“ dizainas.
Galite ištirti kelis minimalistinius dizainus iš „Pinterest“ ir „Dribble“. čia ir čia.
Minimali estetika, pvz., švarios linijos, daug baltos erdvės ir ribotos spalvos, suteikia jūsų svetainei elegantišką, paprastą ir rafinuotą išvaizdą.
Visos šios kalbos apie svetainės išvaizdą minimalistiniu būdu nereiškia, kad futuristinis minimalizmas neteikia pirmenybės vartotojo patirčiai, tačiau taip pat apima paprastą, pažangiausią estetiką.
3D panardinimas
Jei pastaruoju metu pastebėjote, kad svetainės vis labiau įtraukiamos, greičiausiai taip yra dėl to, kad kuriant žiniatinklio dizainą dažniau naudojamos 3D funkcijos ir VR. 3D panardinimas į interneto dizainą reiškia svetainių kūrimą, suteikiančią vartotojams gylio ir tikroviškumo iliuziją. Ši tendencija išpopuliarėjo maždaug per pastaruosius metus.
Įsivaizduokite, kad naršote svetainę ir užuot matę plokščias nuotraukas ir tekstą, jaučiatės taip, lyg patektumėte į virtualią aplinką arba žiūrėtumėte pro AR/VR Google objektyvus. Tai galima padaryti įtraukiant 3D vaizdus, efektus ir animaciją. 3D panardinimas sukuria gylio pojūtį, todėl žiniatinklio elementai atrodo interaktyvesni ir tikroviškesni.
Pažvelkite į Avir 3D scroll svetainė. Pastebėsite, kaip slinkdami per šią namų svetainę sukuriamas tikroviškumo jausmas. Panašu, kad vartotojai ne tik naršo šį puslapį, bet ir „patirtų“.
Toliau pateiktame vaizdo įraše pateikiama momentinė „Avir“ svetainės nuotrauka.
Interneto dizaineriai naudoja tokius metodus kaip mastelio keitimas, sukimas, horizontalus slinkimas ir paralaksinis slinkimas, kad pasiektų 3D panardinimą. Juose taip pat gali būti 3D modelių, leidžiančių žiūrovams sąveikauti su objektais ekrane.
Ši 3D panardinimo tendencija padidina vartotojų įsitraukimą ir sukuria įsimintiną naršymo virtualiame pasaulyje patirtį. Tai tarsi virtualios realybės pridėjimas prie žiniatinklio, todėl tinklalapiai tampa interaktyvūs ir vizualiai įdomūs.
Žinoma, neigiamas aspektas yra tas, kad mažiau galingų įrenginių naudotojai gali pastebėti, kad jų įrenginys veikia lėtai arba ventiliatorius gali įsijungti, todėl būkite atsargūs eidami šiuo keliu, nebent atsipirkimas tikrai to vertas.
Tamsusis režimas
Tamsusis režimas nėra naujiena, tačiau daugelis prie jo pripratusių neįsivaizduoja gyvenimo be jo. Paimkite mane, pavyzdžiui: kiekvieną kartą apsilankęs svetainėje, beveik visada ieškau tamsaus režimo perjungimo mygtuko. Daugelis šiuolaikinių svetainių dabar siūlo tamsaus režimo parinktį, kuri optimizuoja tamsaus režimo nustatymus pagal svetainės išdėstymą ir dizainą. Daugelis kitų tiesiog nusprendė eiti tiesiai į tamsiąją pusę be jokios kitos išeities.
Tamsusis režimas nėra nauja žiniatinklio dizaino koncepcija, tačiau pastaraisiais metais jo populiarumas išaugo, nes vis daugiau žmonių sužino apie tamsaus režimo naudą dėl tinklalapio turinio ir fono kontrasto. The Hyre svetainė pateikia puikų pavyzdį, pavaizduotą žemiau.
Interneto dizaineriai savo dizainuose taiko tamsųjį režimą dėl tokių priežasčių:
- Sumažinti akių įtampą naudotojams. (Atminkite, kad tamsus režimas gali padidinti kai kuriems naudotojams sukelia akių įtempimą, todėl geriausia numatyti galimybę jį išjungti.)
- Jos estetika.
- Taupomas akumuliatoriaus veikimo laikas. Tyrimai rodo, kad tamsus režimas taupo baterijos veikimo laiką, palyginti su šviesiu režimu.
Tamsaus režimo dizainas taip pat pagerina matomumą esant prastam apšvietimui. Tarkime, kad ryte pirmą kartą paimate telefoną ir jį įjungiate; ryški šviesa gali pakenkti akims. Tamsaus režimo naudojimas tokioje situacijoje suteikia daugiau atsipalaidavimo.
Atsižvelgiant į teigiamą tamsaus režimo poveikį daugumai vartotojų, žiniatinklio dizaineriai į savo dizainą įtraukia tamsiojo režimo / temos parinktis, o tai rodo, kad tai nėra tik praeinanti tendencija.
Atminkite, kad tamsaus režimo dizainas gali patikti kai kuriems žmonėms, bet ne kitiems. Kurdami prieinamas svetaines, žiniatinklį, dizaineriams geriausia įtraukti tamsaus ir šviesaus režimo perjungiklį, kad vartotojai galėtų pasirinkti jiems tinkamiausią temą.
Puikus svetainės su tamsaus režimo perjungimo parinktimi pavyzdys yra ProfileMe.dev svetainė, pavaizduota žemiau.
Perskaityti Taros straipsnis kad geriau suprastumėte projektavimą tamsiuoju režimu.
Neumorfinis dizainas
Nors neumorfizmas nėra nauja interneto dizaino tendencija, ji įgijo trauką ir pastaraisiais metais tapo gana populiari tarp interneto dizainerių. Neumorfizmas sukuria minkštą tikrovišką vartotojo sąsają, kuri vizualiai patinka vartotojams. Neumorfiniai dizainai paprastai pasižymi švelniais šešėliais ir subtiliais gradientais, todėl jie atrodo švelnūs.
Aukščiau pateiktame paveikslėlyje parodyta Sayim Abdullah neumorfizmo rinkinys, iš Figmos bendruomenės. Jame rodomi kai kurie neumorfiniai elementai, pvz., mygtukai, piktogramos ir paieškos įvestis.
Dabar patikrink „Sourasith“ muzikos programos dizainas norėdami pamatyti, kaip neumorfizmą galima pritaikyti kuriant tinklalapį ar žiniatinklio programą.
Meninė tipografija
Tipografija vaidina labai svarbų vaidmenį interneto dizaino estetikoje. Žiniatinklio dizaineriai vis drąsiau ir eksperimentuoja pasirinkdami tipografiją, įskaitant šriftų tipus, stilius, tarpus, spalvas ir kontrastą, mastelio keitimą, lygiavimą ir teksto išdėstymą.
Interneto dizaineriai eksperimentuoja su tipografija ir gražiais šriftais, kad pagerintų naudotojų patirtį ir bendrautų su tiksline auditorija. Jie taip pat naudoja kūrybinę tipografiją ir šriftus, kad sukurtų prekės ženklo tapatybę.
Vaizdo šaltinis: Freepik
Siekdami kurti tinklalapius su menišku tekstu, dizaineriai turi atkreipti dėmesį į tai, kad spausdinimas būtų skaitomas, įskaitomas ir nuoseklus visame puslapyje.
Norite sužinoti daugiau apie tipografiją? Peržiūrėkite Jennifer Farley Pirmas ir antra straipsniai apie tipografinį skaitomumą ir įskaitomumą.
Mikro sąveikos
Apsilankę svetainėje galite pastebėti tam tikrus sklandžius ir subtilius judesius. Šios sąveikos yra žinomos kaip mikro sąveikos, ir jie skirti teikti smagią vartotojo patirtį. Šios subtilios sąveikos pasireiškia animacinių efektų, iššokančiųjų pranešimų, slankiųjų elementų, karuselių ir pan. pavidalu.
Nesvarbu, ar tai animacinis mygtukas, ar perjungimo animacija, kaip parodyta toliau, visos šios mikrosąveikos yra žiniatinklio dizaino elementai, kurie reaguoja į vartotojo veiklą, pateikia vaizdinį grįžtamąjį ryšį, nukreipia vartotojus ir pagerina naudotojo patirtį svetainėje.
Vaizdo šaltinis: Koru UX dizainas, Dribbble
Interneto dizaineriai naudoja mikro sąveikas, kad sukurtų patrauklesnę ir malonesnę naršymo patirtį.
Pavyzdžiui, paimkite naują ištrynimo animaciją Telegram mobiliojoje programoje. Kai naudotojai ištrina pranešimą, prieš pašalinant pranešimą iš peržiūros rodoma mirgančio efekto animacija. Mano nuomone, tai yra geras mikrosąveikos išnaudojimas (kad ištrinti dalykus būtų smagu 😉).
Mikrosąveiką sudaro keturios dalys: paleidiklis, taisyklė, grįžtamasis ryšys ir kilpos / režimai, į kuriuos žiniatinklio dizaineriai turi atsižvelgti diegdami mikro sąveikas svetainių dizaine.
Brutalizmas
Galbūt jus pribloškė visos naujos dizaino tendencijos ir tiesiog norite padaryti ką nors paprastesnio? Galbūt „brutalistinė“ tendencija yra labiau jūsų alėja.
Brutalizmo judėjimas interneto dizaino srityje – įkvėptas brutalizmo kitose srityse, pvz architektūra – iki galo išnaudoja paprastumą ir funkcionalumą, daugiausia dėmesio skiriant turiniui ir minimaliam HTML bei CSS, reikalingo, kad jis būtų kuo prieinamesnis ir patogesnis.
Brutalizmas į žiniatinklio dizainą įveda daug radikalių – kai kurie pasakytų, išgalvotų – koncepcijų, pvz., padaryti turinį skaitomą ir pasiekiamą visuose įrenginiuose, leisti tik hipersaitams ir mygtukams reaguoti į paspaudimus, mygtukas „Atgal“ veikia taip, kaip tikėtasi, ir pan. Jei domitės radikalia kontrkultūra, peržiūrėkite šiuos dalykus gairės
brutališkas interneto dizainas.
Išvada
Slinkimas per svetainę kaip MA Tikros kanapėsatrasite įvairių interneto dizaino tendencijų, pvz., mikro sąveiką, meninę tipografiją, neumorfinį dizainą ir vaizdus.
Interneto dizaineriai gali meniškai sujungti kai kurias iš šių žiniatinklio tendencijų, kad sukurtų šiuolaikišką ir novatorišką žiniatinklio patirtį, tačiau jie turi būti atsargūs ir nepersistengti, kad sukurtų vizualiai patrauklų, interaktyvų ir funkcionalų dizainą. Iš esmės jie turi išmokti rasti pusiausvyrą tarp naudojimosi šiomis tendencijomis ir jų nenaudojimo.
Interneto dizaineriai turi atlikti tinkamus tyrimus, eksperimentuoti ir būti kūrybingi, kad sukurtų tikrai patrauklų ir funkcionalų interneto dizainą.