\n Alun perin yksitoikkoisiksi kutsutuista litteist\u00e4 malleista tuli pian miljoonien verkkosivustojen kasvot. Viimeisen kahden vuoden aikana monet kehitt\u00e4j\u00e4t ovat j\u00e4tt\u00e4neet hyv\u00e4stit monimutkaisten kuvioiden, varjojen, liukuv\u00e4rien ja fonttien luettelolle ja varastaneet esityksen sis\u00e4llytt\u00e4m\u00e4ll\u00e4 web-suunnitteluun minimalistisen l\u00e4hestymistavan.\n<\/p>\n
\n Yksi suurimmista syist\u00e4 litte\u00e4n suunnittelun suosioon voi olla se, ett\u00e4 mallit palvelevat sek\u00e4 kehitt\u00e4ji\u00e4 ett\u00e4 k\u00e4ytt\u00e4ji\u00e4. Tasainen ja minimalistinen l\u00e4hestymistapa houkuttelee k\u00e4ytt\u00e4ji\u00e4, joiden on vaikea tottua monimutkaisiin verkkosivustoihin. Toisin kuin skeuomorfismi, minimaaliset kuvitukset ja raskaiden elementtien, kuten varjojen, syvyyden ja kaltevuuden, puuttuminen tarjoavat nopeammat latausajat ja kaikille laitteille yst\u00e4v\u00e4llisen k\u00e4ytt\u00f6liittym\u00e4n.\n<\/p>\n
\n Laitteen agnostismi
\n<\/h5>\n
\n ”Menn\u00e4 virran mukana”<\/strong>\n<\/p>\n \n ”Ennen kuin aloitat mit\u00e4\u00e4n, katso vain yll\u00e4 olevaa kuvaa.” \u00c4lyk\u00e4s kehitt\u00e4j\u00e4 tiet\u00e4\u00e4, ett\u00e4 on nyt turhaa pit\u00e4\u00e4 kiinni tietylle laitteelle optimoidusta verkkosivustosta, kun \u00e4lypuhelinten ja tablettien omistajat ottavat johtoaseman vanhan koulun ty\u00f6p\u00f6yt\u00e4k\u00e4ytt\u00e4jiin n\u00e4hden.\n<\/p>\n \n Verkkosivustojen omistajat ymm\u00e4rsiv\u00e4t sellaisen asettelun t\u00e4rkeyden, joka pystyy levi\u00e4m\u00e4\u00e4n tasaisesti laitteen kaikkiin ulottuvuuksiin, jos he haluavat hoitaa asiakkaitaan pitk\u00e4\u00e4n. Vaikka mobiilit ohjaavat l\u00e4hes 50 % kokonaisliikenteest\u00e4 verkkokauppasivustoille, johtajat tiet\u00e4v\u00e4t, ett\u00e4 laiteagnostinen verkkosivusto voi tarjota heille k\u00e4ytt\u00e4j\u00e4n, joka on valmis k\u00e4ym\u00e4\u00e4n verkkosivustollaan uudelleen.\n<\/p>\n \n ”Aseta tunnelma”<\/strong>\n<\/p>\n \n Voit vihata sit\u00e4, voit rakastaa sit\u00e4, mutta et voi yksinkertaisesti j\u00e4tt\u00e4\u00e4 huomiotta verkkosivuston t\u00e4ysleve\u00e4 tausta heti, kun saavut sinne kuluttamaan kiloja. Vuosi 2015 todisti suurten taustojen t\u00e4ysimittaisen syntymisen, enk\u00e4 tied\u00e4 milloin siit\u00e4 tulee alan uusi suosikki.\n<\/p>\n \n T\u00e4ysleve\u00e4 tausta saa sivustot n\u00e4ytt\u00e4m\u00e4\u00e4n siisteilt\u00e4. Suuren taustan ja tyylikk\u00e4\u00e4n otsikon avulla k\u00e4ytt\u00e4j\u00e4t voivat navigoida sivulla ja luoda tunnelman br\u00e4ndillesi. Suuri kuva eturintamassa antaa verkkosivuston viesti\u00e4 tehokkaasti k\u00e4ytt\u00e4jille. Suunnittelu k\u00e4ytt\u00e4\u00e4 etutilaa kokonaan idean viestimiseen kiinnitt\u00e4en k\u00e4ytt\u00e4jien huomion heti, kun he tulevat verkkosivustolle.\n<\/p>\n \n ”\u00c4l\u00e4 h\u00e4iritse”<\/strong>\n<\/p>\n \n Useimmat meist\u00e4 ovat saattaneet huomata, ett\u00e4 ne on sijoitettu tyylikk\u00e4\u00e4sti keskelle suurta taustaa, mutta he eiv\u00e4t koskaan vaivaudu tiet\u00e4m\u00e4\u00e4n, miten ne eroavat perinteisist\u00e4 klikattavista geometrisista muodoista, jotka on sijoitettu verkkosivuston n\u00e4kyv\u00e4lle paikalle. Ghost-painike on verrattain suurempi ja siin\u00e4 on valkoinen \u00e4\u00e4riviiva, jossa ei ole t\u00e4ytt\u00f6\u00e4 tai teksti\u00e4.\n<\/p>\n \n Tarve haamupainikkeille web-suunnittelussa syntyi minimalistisen suunnittelun kasvavan suosion my\u00f6t\u00e4. Painikkeet eiv\u00e4t todellakaan n\u00e4yt\u00e4 perinteisilt\u00e4 painikkeilta, mutta ne suorittavat samanlaisia \u200b\u200b\u200b\u200btoimintoja (jota kutsutaan ”haamuksi”). Haamupainikkeiden sis\u00e4llytt\u00e4misen perusetu on napsautettavien elementtien k\u00e4ytt\u00f6, jotka eiv\u00e4t h\u00e4iritse kuvien visuaalisuutta. Ghost Buttons -painikkeiden luonteesta johtuen ne viev\u00e4t verrattain suuremman tilan ja n\u00e4kyv\u00e4t vain kotisivulla tai sivuston about-osiossa.\n<\/p>\n \n ”Lihavoitu on kaunista”<\/strong>\n<\/p>\n \n Takana ovat ajat, jolloin verkkosivustojen omistajia pyydettiin maksamaan miljoonia verkkosivujensa tekstityyliin. Nykyinen verkkokauppateollisuus noudattaa mantraa ”Pid\u00e4 rohkeana ja yksinkertaisena”. Rohkean ja suuren typografian k\u00e4ytt\u00f6 t\u00e4ydent\u00e4vien kuvien kanssa nosti k\u00e4ytt\u00e4j\u00e4kokemuksen yll\u00e4 olevalle tasolle ja helpotti hahmottamista.\n<\/p>\n \n Sen lis\u00e4ksi, ett\u00e4 sivusto n\u00e4ytt\u00e4\u00e4 puhtaalta ja siistilt\u00e4, \u200b\u200bsuuri typografia v\u00e4litt\u00e4\u00e4 viestin vahvasti ja vaikuttaa v\u00e4litt\u00f6m\u00e4sti k\u00e4vij\u00f6ihin. Suuri grafiikka tai teksti keskitt\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4n huomion ja parantaa verkkosivuston p\u00e4\u00e4sis\u00e4ll\u00f6n visuaalista sijoitusta. Trendi on t\u00e4ydellinen mobiilisivustoille, koska k\u00e4ytt\u00e4jien ei tarvitse zoomata l\u00e4hemm\u00e4s tai loitontaa tehdess\u00e4\u00e4n ostoksia mobiililaitteella, vaan sinun on katsottava etusivusi tilaa ennen kuin sis\u00e4llyt\u00e4t suuren tekstin verkkoon. sivu. Ylim\u00e4\u00e4r\u00e4inen k\u00e4ytt\u00f6 saattaa saada verkkosivustosi n\u00e4ytt\u00e4m\u00e4\u00e4n hokealta.\n<\/p>\n \n ”Ota huomioon Navicon”<\/strong>\n<\/p>\n \n Et koskaan j\u00e4t\u00e4 tarvikkeitasi hajallaan huoneesi jokaiseen nurkkaan. Miksi sitten tekisit sen verkkosivustollesi? Yritykset, jotka ymm\u00e4rsiv\u00e4t puhtaan ja sotkemattoman verkkosivuston merkityksen k\u00e4ytt\u00f6kokemuksen parantamisessa, ottavat eritt\u00e4in hyvin mukaan hampurilaispainikkeen verkkokauppasivustonsa oikeaan yl\u00e4kulmaan. Piilovalikkojen konsepti ei ole kovin uusi, mutta trendi sai hype\u00e4 vuonna 2015, mik\u00e4 johtui p\u00e4\u00e4asiassa mobiiliyst\u00e4v\u00e4llisten verkkosivustojen m\u00e4\u00e4r\u00e4n kasvusta.\n<\/p>\n \n N\u00e4yt\u00f6n ulkopuolinen navigointi saa sivuston n\u00e4ytt\u00e4m\u00e4\u00e4n siistilt\u00e4, \u200b\u200bja hampurilaiskuvakkeen avulla k\u00e4ytt\u00e4j\u00e4 voi siirty\u00e4 valikkoon milt\u00e4 tahansa sivulta ilman, ett\u00e4 sit\u00e4 tarvitsee l\u00f6yt\u00e4\u00e4. Suuret nimet, kuten EBay, Reebok e-commerce, Stella McCartney ja Samsung, ovat sis\u00e4llytt\u00e4neet piilotetut valikot tehokkaasti verkkokauppaalustoihinsa nostaakseen verkkosivustojensa k\u00e4ytt\u00f6kokemuksen korkeammalle tasolle.\n<\/p>\n \n ”Tee vaikutuksen laatoitus”<\/strong>\n<\/p>\n \n Visuaalien kiinnittyess\u00e4 suurimman osan k\u00e4ytt\u00e4jien huomiosta geometrisilla laatoilla varustettu navigointi sai leijonaa verkkokaupan rintamalla. Suuret laatat, joissa on v\u00e4h\u00e4n teksti\u00e4, mutta silti riitt\u00e4v\u00e4n p\u00e4tevi\u00e4 toimittamaan t\u00e4rkeit\u00e4 tietoja k\u00e4ytt\u00e4jille heti ensimm\u00e4isell\u00e4 kerralla! Laatanavigointi hallitsi karttoja koko vuoden 2015, eik\u00e4 se ole menossa mihink\u00e4\u00e4n pian.\n<\/p>\n \n Houkuttelevat kuvalohkot, jotka on t\u00e4ynn\u00e4 aiheeseen liittyvi\u00e4 tietoja, antavat k\u00e4ytt\u00e4j\u00e4lle tarkan kuvauksen tuotteesta ja antavat heille hieman k\u00e4sityksen siit\u00e4, mihin laatikon napsauttaminen johtaa. K\u00e4ytt\u00f6kokemuksen parantamiseksi ja navigoinnin houkuttelemiseksi p\u00e4\u00e4paino on visuaalisessa sis\u00e4ll\u00f6ss\u00e4, jota t\u00e4ydent\u00e4v\u00e4 teksti tukee. Laattoja klikkaamalla k\u00e4ytt\u00e4j\u00e4t siirtyv\u00e4t toiselle sivulle, joka n\u00e4ytt\u00e4\u00e4 yksityiskohtaisen n\u00e4kym\u00e4n tarjotusta tuotteesta.\n<\/p>\n \n ”Anna puskuroida”<\/strong>\n<\/p>\n \n Mik\u00e4\u00e4n ei voisi horjuttaa sit\u00e4 tosiasiaa, ett\u00e4 ”S\u00e4hk\u00f6inen kaupank\u00e4yntiala vaatii pakottavaa sis\u00e4lt\u00f6\u00e4 houkutellakseen kannattavia liidej\u00e4 muuttamaan.” Kehitt\u00e4j\u00e4t ymm\u00e4rsiv\u00e4t, ett\u00e4 laadukkaiden kuvien laittaminen tuotteisiin on hyv\u00e4 asia, mutta videolla, joka sitouttaa asiakkaat ja mainostaa tuotteita yksityiskohtaisemmin, voi olla valtava vaikutus verkkosivuston kokonaistulokseen. Vuonna 2015 tapahtui merkitt\u00e4v\u00e4 harppaus tekstist\u00e4 videoon; & Web-sivustot sis\u00e4llyttiv\u00e4t idean hyvin asetteluinsa tuotteidensa esittelyyn.\n<\/p>\n \n Houkutteleva video ei vain lis\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4n vuorovaikutusta, vaan se vaikuttaa my\u00f6s siihen, miten kuluttajat k\u00e4ytt\u00e4ytyv\u00e4t br\u00e4ndin kanssa. Kysytt\u00e4ess\u00e4 muutamilta asiakkailta, l\u00e4hes puolet heist\u00e4 vastasi, ett\u00e4 he tuntevat olonsa varmemmaksi ostop\u00e4\u00e4t\u00f6ksest\u00e4\u00e4n n\u00e4hty\u00e4\u00e4n tuotteen esittelyn verkkosivulla.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247688-6382199a1d0da.webp\")
<\/a><\/p>\n\n T\u00e4ysleve\u00e4 tausta
\n<\/h5>\n<\/a> Falve- verkkosivuston<\/a> t\u00e4ysleve\u00e4 tausta .<\/p>\n\n Ghost-painikkeet
\n<\/h5>\n<\/a> Haamupainikkeet iuvon verkkosivuilla<\/a>.<\/p>\n\n Suuri typografia
\n<\/h5>\n<\/a> Laaja typografia Austineastcidersin verkkosivuilla<\/a>.<\/p>\n\n Piilotettu valikko
\n<\/h5>\n<\/a> Piilotettu valikko codrops- opetusohjelmasta<\/a>.<\/p>\n\n Laattojen navigointi
\n<\/h5>\n<\/a> Laattojen<\/a> navigointi matriisiteemassa .<\/p>\n\n Videon sis\u00e4lt\u00f6
\n<\/h5>\n<\/a><\/p>\n\n Liike-animaatio
\n<\/h5>\n