20 Web-suunnitteluteollisuuden ehdot Clueless-asiakkaalle
Web-suunnitteluteollisuudessa käytämme monia sisäpiirin ehdot. Tämä ei vain vaikeuta uusien tulokkaiden aloittamista, erityisesti asiakkaille, jotka eivät ole mukana suunnitteluteollisuudessa, mutta niiden tarkoituksenmukainen välittäminen voi joskus olla melkoinen haaste.
Tässä sanastossa olemme keränneet 20 usein käytettyä web-suunnittelua ja lisännyt lyhyen selityksen kullekin, jotta kuka tahansa voi tarkastella niitä nopeasti epävarmuuden sattuessa. Jos sinulla on asiakas, joka tarvitsee todellakin web-suunnittelun ammattikieltä, jaa tämä artikkeli heidän kanssaan.
“animaatio”
Web-suunnittelutekniikka lisää liikettä näytön elementteihin visualisoi muutos tai houkutella käyttäjien huomiota.
Animaatiot ovat voimakkaampi kuin siirtymät, koska ne voivat käydä läpi monia eri valtioita alku- ja loppupisteiden välillä, joten niitä voidaan käyttää monimutkaisempia vaikutuksia.
“leivänmuru”
navigointityyppi joka ilmoittaa käyttäjille heidän tämänhetkinen olinpaikka sivustolla.
Breadcrumbs sisältää polku johon nykyinen sivu pääsee kotisivulta, yleensä muodossa Etusivu / Luokka / Sivu. Myös polun jokainen elementti on klikattava jotta käyttäjät voivat nopeasti navigoi sivuston hierarkiassa. Breadcrumbs näytetään yleensä kunkin sivun päälle.
“epäjärjestys”
Web-suunnittelun vika, indikaattori a huonosti suunniteltu sivu.
Puhumme ongelmallisesta sivusta, kun suunnittelija liian paljon tietoa samalla sivulla lisäämättä tarpeeksi valkoista tilaa ja oikein jäsentämällä sisältöä. Täytettyjä sivuja on alhainen luettavuus, ja vahingoittaa käyttäjäkokemusta.
“Väriskeema”
kokoelma harmonisoitavia värejä käytetään luomaan a tunnistettava brändin identiteetti.
Yleensä sama värimaailma on käytetään johdonmukaisesti tuotemerkin verkkosivustolla, mobiilisovelluksella, logolla ja markkinointimateriaaleilla. Värimalli voidaan suunnitella mukaan eri periaatteita, on monokromaattisia, analogisia, toisiaan täydentäviä, kolmiulotteisia ja muita värejä.
“Kontrasti”
Suunnittelutekniikka korostaa eroja elementtien välillä, joilla on erilainen rooli tai merkitys.
käyttämällä komplementtivärit (Väripyörän vastakohdat) ovat kuitenkin tunnetuin tapa ilmaista kontrastia visuaaliset erot sivun elementtien muoto, tyyli, typografia tai ulkoasu, jotka haluamme erottaa toisistaan, voivat myös saada aikaan kontrastisen vaikutuksen.
“Tyhjä tila”
Sivuston tai sovelluksen tietty tila, kun sitä on ei vielä ole mitään sisältöä tietyllä sivulla, mutta suunnitteluelementit ovat jo paikan päällä.
Ensikäyttötilat, kuten tyhjät profiilit, ovat tyypillisiä esimerkkejä tyhjistä tilasivuista. Ne edellyttävät erityisiä suunnittelutekniikoita (kuten suunnittelun suunnittelua) käyttäjille siitä, mitä pitäisi olla sivulla, ja kannustaa heitä suorittaa tiettyjä toimintoja.
“Kiinteä asettelu”
ulkoasun tyyppi jossa sivusto ja sen elementit käytä samaa leveyttä kaikissa päätöslauselmissa, määritelty staattisissa arvoissa (yleensä pikselit).
Perinteinen tapa luoda verkkosivustoja. Harvoin valittu uusille sivustoille, koska kiinteät asettelut ovat tuskin käyttökelpoisia (luettavissa) mobiilinäytöissä. Jotta pysyisit mobiilikäyttäjien saatavilla, monet kiinteät asettelualueet käyttävät a toissijainen mobiilisivusto.
“Flat Design”
UI suunnittelukieli keskittyy puhtaisiin ja minimalistisiin tyyleihin, ja poistaa monimutkaisia kuvioita, kuvioita, kaltevuuksia ja muita fancy-vaikutuksia käyttäjien auttamiseksi keskittyä paremmin sisältöön.
Litteä muotoilu on kritisoitu käytettävyydestä johtuvista ongelmista kolmiulotteisuuden puute. Kypsempi Litteät 2.0-mallit, kuten Googlen Materiaalisuunnittelu, ovat ilmestyneet vastauksena ja lisänneet hieman syvälle takaisin tasaiselle suunnittelulle.
“Fluid Layout”
ulkoasun tyyppi että käyttää suhteellisia yksiköitä määritellä sivuston ja sen elementtien leveys.
Yleisimmin käytetyt suhteelliset yksiköt nesteiden asettelua varten ovat prosenttiosuudet, mutta ems ja rems voidaan myös käyttää. Nesteen asettelu muuttaa kokoa (venyy ja kutistuu) katseluympäristön leveys muuttuu. Toisin kuin herkät asettelut, nestemäinen asettelu ei käytä mediakyselyjä. Kutsutaan myös nimellä nesteen asettelu.
“taittaa”
Näytön näkyvän osan alaosa.
Termi “yläpuolella” viittaa verkkosivun osaan, jota kävijät voivat nähdä ryhtymättä toimiin, sillä aikaa “taitoksen alapuolella” viittaa sivun loppuosaan, jota käyttäjät voivat tavoittaa vain vuorovaikutuksessa sivuston kanssa - yleensä vierittämällä tai pyyhkäisemällä (mobiilissa).
On suositeltavaa sijoittaa branding-elementtejä (esim. logo), paikan päällä navigointi, ja houkutteleva sisältö yläpuolella, jotta käyttäjät ymmärtävät nopeasti sivuston tarkoituksen ja ovat kiinnostuneita muusta sisällöstä.
“Siro hajoaminen”
Verkkosuunnittelustrategia sisältää kaikki lisäominaisuudet oletusarvoisesti sivustossa, ja myöhemmin poistaa tai yksinkertaistaa asioita, jotka eivät toimi vanhemmissa selaimissa, vähemmän kykenevissä laitteissa tai pienemmillä kaistanleveyksillä.
painotukset enemmän ulkonäköä kuin sisältö. Liikkuvalla aikakaudella progressiivinen parannus on tullut hallitsevaksi web-sivuston suunnittelustrategiaksi uusille sivustoille. vanhemmat tai vanhat sivustot.
“Hero-kuva”
Ylisuuret banneri sijoitettu yläpuolella.
Hero-kuvat ovat laadukkaita, yleensä täyteen leveitä kuvia, jotka liittyvät sivuston sisältöön. Niiden lisäksi on tyypillisesti a lyhyt (yksi tai kaksi riviä) teksti joka välittää viestin käyttäjille ja a Toiminto-painike joka kutsuu heitä ottamaan tiettyjä toimia, kuten ostoksia tai sivuston rekisteröintiä.
“Aloitussivu”
Alunperin mikä tahansa sivu, jossa online-kävijä saapuu sivustoon. Äskettäin termiä käytetään pikemminkin itsenäiselle sivulle, joka on suunniteltu a tiettyyn liiketoimintaan.
Jos esimerkiksi web-käyttäjät seuraavat bannerimainosta, he joutuvat usein aloitussivulle, joka kutsuu heitä ostamaan asiaankuuluvan tuotteen. Aloitussivut a yksittäinen tarkennus ja a selkeä toimintakehotus korkeammat muuntokurssit.
“Lazy Loading”
Tekniikka kuvien ja muun staattisen sisällön, kuten videoiden, lataamiseksi vain vähän ennen niitä saada näkyväksi käyttäjälle.
Jos sivusto käyttää laiskaa latausta, vain ladatun kuvan yläpuolella olevat kuvat ladataan, loput ladataan vain, jos (jos) käyttäjä vierittää sivua. Käytetään usein reagoivassa ja mobiilissa suunnittelussa säästää resursseja. Esimerkiksi Google AMP nopeuttaa mobiilisivustoja laiska lastaus staattisia resursseja oletuksena.
“Media-kysely”
CSS-ominaisuus reagoiva web-suunnittelu mahdollistamalla suunnittelijoiden luominen erilaisia malleja eri laitteen mitoille (leveys ja / tai korkeus), suuntaukset (maisema tai muotokuva) ja mediatyypit (tulostus, näyttö jne.).
Tyypillisesti reagoivat sivustot on erillinen ulkoasu pöytä-, tabletti- ja mobiilinäyttöjä varten breakpoints niiden välillä on määritetään media kyselyillä lisätään CSS: ään.
“Progressiivinen parannus”
Ensimmäinen web-suunnittelustrategia lisää vain peruselementtejä sivustoon, joka toimii millä tahansa selaimella, kaistanleveydellä ja laitteella. Edistyneemmät etupään ominaisuudet (tyylit ja interaktiivisuus) ovat ladattu kerroksittain jälkeenpäin.
Progressiivinen parannus etupäässä keskittyy sisältöön, tulokset sivustoissa, jotka ovat saatavilla jokaiselle käyttäjälle, joten se on ensisijainen tapa rakentaa verkkosivustoja mobiiliaikana (toisin kuin siro huononeminen).
“Reagoiva muotoilu”
Verkkosivujen suunnittelu, jolla luodaan verkkosivustoja sopeutua mittoihin eri laitteiden tyypit (useimmiten mobiili-, tablet- ja työpöytä) suunnittelemalla erilaisia asetteluja ja muita tyylejä (esim. typografia, kuvakoko).
Reagoiva muotoilu hyödyntää erilaisia tekniikoita, kuten suhteelliset yksiköt, joustavat verkot, ja median kyselyt palvelemaan jokaista käyttäjää käyttökelpoisella, luettavalla ja helposti saatavilla olevalla sisällöllä. Useimmat nykyaikaiset sivustot käyttävät herkkää suunnittelua.
“Skeuomorphism”
UI: n suunnittelukieli, joka hyödyntää periaate, ja keskittyy luomaan muotoiluelementtejä muistuttavat niiden todellista vastaavuutta.
Esimerkiksi painikkeet, jotka näyttävät reaaliaikaisilta painikkeilta käyttämällä esimerkiksi viistot ja kohokuviot, varjostukset, kaltevuudet ja muut. Ennen kuin litteä muotoilu on tullut vallitsevaksi, skeuomorfismi oli johtava web-suunnittelun suuntaus jo vuosia.
“siirtyminen”
Web-suunnittelutekniikka visualisoimalla yksinkertaisia muutoksia kun näytössä oleva elementti sujuvasti muuttaa alku- ja lopputilan välillä.
Siirtymät - toisin kuin animaatiot - eivät sisällä välisiä tiloja, vain a aloitus- ja loppupiste, siksi niitä käytetään hienovaraisia muutoksia, kuten visualisointiin hover tilat.
“Valkoinen tila”
tyhjä tila vierekkäisten muotoiluelementtien välillä. Kutsutaan myös nimellä negatiivinen tila.
Valkoinen tila auttaa käyttäjiä rasittaa sisältöä, ja visuaalisesti ilmaisee sisältöhierarkian. Valkoinen tila ei välttämättä ole valkoista, vaan käyttää sivuston taustaväriä. Riittävän valkoisen tilan puute johtaa a täynnä sivua.
