10 interneto dizaino terminų, kuriuos turi žinoti visi

Kaip ir bet kurioje pramonės srityje, veikiančioje techninėje srityje, taip ir interneto dizainui trūksta skambių žodžių ir frazių, net jei esate patyręs profesionalas, gali būti sunku sekti, kas yra kas.

Kai kada interneto svetainės dizainas buvo dar kūdikystėje, jau kankino per daug akronimų ir techninės kalbos problema, nes tai, kas po visais hiperboliais, yra gana nesudėtingos technologijos ir idėjos. Šiandienos aplinka yra šimtą kartų sudėtingesnė, nes žiniatinklyje naudojamos priemonės ir sistemos, kalbos ir bibliotekos yra tobulinamos ir tobulinamos.

Dizaineriai - net profesionalūs interneto dizaineriai - gali stengtis laikytis visų skirtingų madingų žodžių ir technologijų, todėl čia mes suvedėme 10 svarbiausių interneto dizaino terminų, kuriuos kiekvienas turėtų bent jau suprasti. Peržiūrėkite žemiau pateiktą sąrašą ir praneškite mums, jei mes praleidome bet kurį, jūsų manymu, turintį pasirodyti toliau pateiktose pastabose.



01. HTML, CSS ir „JavaScript“

interneto dizaino sąlygos: HTML5

HTML reiškia „HyperText Markup Language“, o HTML5 yra naujausia versija

Išleiskime šį kelią iš pat pradžių!

HTML

HTML reiškia „HyperText Markup Language“ ir yra žiniatinklio kalba.

Paprasčiau tariant, HTML suteikia galimybę interneto dizaineriui pasakyti savo naršyklei, kaip elgtis su tam tikru turiniu. HTML yra daugybė skirtingų žymų, leidžiančių dizaineriui pažymėti savo turinį semantine prasme, kad pastraipos būtų identifikuojamos kaip teksto kopija, o vaizdai būtų importuojami kaip vaizdai ir pan.

CSS

Tačiau norint sukurti gražius tinklalapius, nepakanka HTML. Kaskadinio stiliaus lapai (CSS) suteikia dizaineriams metodą, kaip sukurti vizualinį taisyklių rinkinį, nustatantį, kaip naršyklė ekrane pateiks skirtingus tinklalapio elementus.

CSS leidžia nustatyti tokius dalykus kaip teksto spalva, fonas, visų skirtingų puslapio dalių dydis, forma ir padėtis.

„JavaScript“

Galiausiai „JavaScript“ (kaip numanoma pagal pavadinimą) yra scenarijų kalba, leidžianti dizaineriams sukurti sąveiką tinklalapyje.

Istoriškai „JavaScript“ pirmiausia buvo naudojamas formoms patvirtinti ir pateikė tuos erzinančius įspėjimų langelius, kurie atsirado, kai pamiršote telefono laukelyje įvesti savo telefono numerį. Šiais laikais yra daug daugiau perspektyvių „JavaScript“ naudojimo būdų, įskaitant specialius vizualinius efektus arba galimybę įkelti naują turinį nereikalaujant iš naujo įkelti viso puslapio.

Svarbu atkreipti dėmesį į tai, kad, nepaisant savo pavadinimo, „JavaScript“ neturi jokio ryšio su „Java“ programavimo kalba.

Taip pat skaitykite:

02. Reaguojantis dizainas

interneto dizaino terminai: reaguojantis interneto dizainas

Reaguojantis interneto dizainas greitai tampa įprastu požiūriu į visą interneto dizainą

Negalite neišgirsti apie reaguojančio dizaino koncepciją. Per pastaruosius kelerius metus tai buvo tikras žinomas žodis internete, ir tai nerodo jokių nusileidimo ženklų. Klientai netgi pradėjo reikalauti iš savo dizainerių reaguojančių svetainių, dažnai visiškai nesuprasdami, ko jie prašo!

Paprasčiau tariant, reaguojantis dizainas yra toks, kuris pritaikomas vartotojo įrenginiui ir, idealiame pasaulyje, vartotojo kontekstui, kad reikalingas turinys būtų rodomas tinkamiausiu ir prieinamiausiu būdu, neatsižvelgiant į tai, koks yra prijungtas prie interneto įrenginys. naudojamas norint jį peržiūrėti. Praktiškai tai reiškia, kad tinklalapis vėl bus puslapinamas, kai ekrano dydis sumažės arba padidės ir bus rodomas keliuose stulpeliuose, kai žiūrima staliniame kompiuteryje, bet tik vienu stulpeliu, kai žiūrima išmaniajame telefone.

Atkreipkite dėmesį, kad reaguojančio dizaino koncepcija yra daug daugiau nei paprasčiausias turinio performatavimas. Perskaitykite šiuos straipsnius apie reaguojantį dizainą ir sužinokite daugiau:

03. Semantinis žymėjimas

interneto dizaino sąlygos: semantinis žymėjimas

Semantinis žymėjimas yra susijęs su atitinkamų metaduomenų susiejimu su turiniu

Semantinis žymėjimas yra HTML kodavimo metodas, kai žymėjimo žymos, naudojamos apibūdinti turinį, taip pat pateikia svarbius metaduomenis apie patį turinį. Pavyzdžiui, informacija, susijusi su pagrindiniu puslapio turiniu, bet ne tiesiogiai su tema, gali būti pažymėta kaip.

lego apollo saturnas v išankstinis užsakymas

Nors tai gali atrodyti kaip akivaizdi geriausios praktikos metodika, o žiniatinklis tikrai buvo sukurtas atsižvelgiant į semantiką, naudoti šį metodą ne visada buvo paprasta ...

Ankstyvos dienos

Pirmosiomis interneto dienomis prieinamų HTML žymų skaičius buvo ribotas. Daugelis egzistuojančių žymių buvo grynai semantinio pobūdžio:

Pavyzdžiui, žyma naudojama pastraipų turiniui pažymėti.

Laikui bėgant dizaineriai norėjo peržengti ribas, kad būtų galima sukurti sudėtingesnius maketus, nei leidžiama kalba, kai naudojama gryniausia forma, taigi, pavyzdžiui,

ir
žymos, skirtos lentelių duomenims pažymėti, buvo pritaikytos, kad būtų patikimas sprendimas stulpelių išdėstymui sukurti.

Tuo pačiu metu dizaineriai ėmė remtis numatytosiomis tam tikros žymos vizualinėmis charakteristikomis, norėdami apibrėžti, kurią žymą jie naudojo turiniui, o ne pertvarkydami semantiškai tinkamą žymę, kad ji atitiktų dizainą. Todėl didelis paryškintas tekstas dažnai buvo pateikiamas kaip antraštė (

,

,

ir tt), o ne a arba - pabrėžti - žymėti.

kaip rasti savo meninį stilių

Prarasta karta

Dėl šios priežasties kartai buvo prarasta didžioji HTML prasminio pobūdžio dalis. Ne semantinio interneto pusė yra ta, kad tampa nepaprastai sunku išlaikyti ar suprasti pagrindinį svetainės kodą, o paieškos sistemos negali programiškai tiksliai apibrėžti svarbiausių puslapio elementų.

Laimei, atsiradus CSS ir naujausiai HTML kalbos versijai, grįžo galimybė sugrįžti į puristiškesnį semantinį požiūrį. CSS palengvina sudėtingesnius išdėstymus, nei tai buvo įmanoma naudojant

žymą, o HTML kalba buvo išplėsta įtraukiant naujas semantiškai orientuotas žymas, tokias kaip ir.



04. SaaS

interneto dizaino sąlygos: SaSS

„SaaS“ („Software as a Service“) apibūdina viską, pradedant „Google“ dokumentais ir baigiant „Photoshop Express“

Negalima painioti su SASS , „SaaS“ yra „Software as a Service“ akronimas. Paprasčiau tariant, tai reiškia bet kokią paslaugą, teikiančią programinės įrangos platformą, teikiamą iš debesies arba per ją.

Populiariausi veikiančios „SaaS“ pavyzdžiai yra naujausios „Microsoft Office Online“, „Google Docs“ ir „Photoshop Express“ versijos.

Kiekviena iš šių paslaugų suteikia vartotojui panašią į darbalaukį patirtį, tačiau jos pristatomos tiesiogiai iš interneto, nereikalaujant įdiegti papildomos programinės įrangos vartotojo kompiuteryje.

05. A / B testavimas

A / B testavimas leidžia išbandyti įvairias tinklalapio versijas

A / B testavimas leidžia išbandyti įvairias tinklalapio versijas

A / B testavimas yra metodika, kaip išbandyti skirtingus būdus pasiekti tą patį galutinį rezultatą, siekiant eksperimentais nustatyti, kuris sprendimas yra efektyviausias.

Paprastai A / B testavimas naudojamas išbandyti skirtingus tinklalapių išdėstymus, stebint, kiek vartotojų konvertuoja į mokančius klientus, naudodami alternatyvius maketus.

Tęsiant kartotinį prototipų kūrimo, vertinimo ir pritaikymo procesą, A / B testavimas gali žymiai padidinti atskirų puslapių konversijų rodiklį. Tai naudinga priemonė: geresnė konversija reiškia geresnį balansą!

Taip pat skaitykite:

  • Kaip naudotis AB testavimu, akių stebėjimu ir svetainės optimizavimo priemone
  • Penki įgūdžiai, kurių reikia, kad AB testavimas būtų sėkmingas
  • Kelias į žiniatinklio programų sėkmę: prototipai ir vartotojų bandymai

06. ORO

interneto dizaino sąlygos: ARIA

ARIA („Accessible Rich Internet Application“) aprašomos technologijos, padedančios padaryti žiniatinklį prieinamą

ARIA yra „Accessible Rich Internet Application“ akronimas ir nurodo idėją, kad žiniatinklio programomis naudojasi daugybė žmonių, kuriems reikia skirtingų pagalbinių technologijų ir išdėstymo poreikių.

ARIA paprastai vartojamas kaip terminas, apibūdinantis naudojamas technologijas, padedančias panaikinti atotrūkį tarp vartotojo poreikių ir svetainės ar žiniatinklio programos.

Todėl, siekiant padidinti turinio ir funkcionalumo prieinamumą, jis gali būti susijęs su ekrano skaitymo programine įranga, struktūrinio išdėstymo metodais ir projektavimo metodikomis, pavyzdžiui, į vartotoją orientuotu sąsajos dizainu. W3C remia didžiąją šioje srityje atliktą darbą, o daugiau galite sužinoti svetainėje Žiniatinklio prieinamumo iniciatyvos ARIA svetainė .

Taip pat skaitykite:

07. Informacinė architektūra (IA)

interneto dizaino sąlygos: IA

Informacinė architektūra (IA) sukasi apie tai, kaip organizuojama svetainė

Informacijos architektūra (IA) yra bendras terminas, vartojamas apibūdinti svetainės turinio ir informacijos semantinį išdėstymą. Tai nurodo informacijos organizavimą, sprendžiant, kokie puslapiai patenka į svetainės struktūrą, koks turinys yra kiekviename puslapyje ir kaip kiekvienas iš jų sąveikauja su kitais svetainės puslapiais.

IA rūpinasi, kad vartotojams būtų kuo lengviau rasti ieškomą informaciją, siekiant padidinti konversiją, pajamas ir (arba) vartotojų pasitenkinimą.

  • Taip pat skaitykite: Kodėl planuoti svetainę yra tarsi statyti namą

08. Serverio pusės scenarijai

interneto dizaino sąlygos: PHP

Serverio pusės scenarijai - naudojant tokią kalbą kaip PHP - reiškia, kad duomenys manipuliuojami serveryje

Yra du skirtingi būdai, kaip teikti programų funkcionalumą svetainėje: kliento pusė, kur visą logiką ir duomenų tvarkymą tvarko žiniatinklio naršyklė naudodama „JavaScript“, ir serverio pusė, kai duomenys manipuliuojami serveryje. Daugelis žiniatinklio programų sujungia abu šiuos dalykus, todėl vartotojo požiūriu viskas tvarkoma naršyklėje, tačiau užkulisiuose duomenys siunčiami atgal į serverį saugoti, tvarkyti ar generuoti.

Serverio pusės scenarijai yra bendras terminas, apibūdinantis kalbas, naudojamas programuojant šį serverio duomenų manipuliavimą. Scenarijų kalbos, tokios kaip PHP ir ASP.NET, yra paprastas būdas interneto kūrėjams sukurti sudėtingą verslo logiką, galinčią sąveikauti su duomenų baze, atlikti sudėtingas duomenų operacijas ir pateikti informaciją atgal į naršyklę.

Kadangi apdorojimas atliekamas serveryje, vartotojo internetinė naršyklė neturi dirbti taip sunkiai, pagerindama akivaizdų našumą, bent jau žiūrint iš vartotojo perspektyvos.

09. Vaizdinė hierarchija

interneto dizaino terminai: vizuali hierarchija

Vizualinė hierarchija reiškia dizaino elementų išdėstymą taip, kad kai kurie būtų labiau akcentuojami

Tai neapsiriboja vien tik interneto dizainu, tačiau jis vis dažniau naudojamas, kai kalbama apie tinklalapio dizainą ir išdėstymą, todėl įtraukėte jį į mūsų geriausių terminų sąrašą. Paprasčiau tariant, vaizdinė hierarchija reiškia dizaino elementų išdėstymą puslapyje, kad svarbiausi elementai būtų labiau akcentuojami.

ar turėčiau gauti sunkų atvejį mano „MacBook Pro“

Šis akcentas paprastai pasiekiamas naudojant dydį, spalvą, šriftą ir specialiuosius efektus, pavyzdžiui, šešėlius. Vizualinė hierarchija dažnai yra sąmoningas sprendimas dėl informacinės architektūros proceso.

10. Begalinis / paralaksinis slinkimas

Begalinis slinkimas ir paralaksinis slinkimas yra dvi susijusios technikos, kurios tampa vis populiaresnės

Begalinis slinkimas ir paralaksinis slinkimas yra dvi susijusios technikos, kurios tampa vis populiaresnės

Begalinis slinkimas ir paralaksas yra du atskiri dalykai, tačiau jie dažnai matomi kartu, todėl mes juos čia supakavome kartu.

Begalinis slinkimas šiuo metu yra madingas būdas pateikti svetainę, kad užuot įkėlus atskirus puslapius turinio peržiūrai, visas puslapio turinys būtų įkeltas į vieną puslapį, kuris slenka, kad būtų rodomos skirtingos turinio sritys.

Prielaida yra ta, kad vartotojui slenkant žemyn puslapiu link turinio pabaigos, naujas turinys įkeliamas ir pridedamas prie puslapio apačios, sukuriant „begalinį“ slinktį. Populiariausi pavyzdžiai yra „Facebook“ laiko juostos rodinys, „Pinterest“ ir „Tumblr“.

Paralaksas yra efektas, matomas, kai daiktai, esantys arčiau jūsų požiūrio taško, atrodo, juda greičiau nei daiktai, esantys toliau. Tai geriausiai matyti iš važiuojančio automobilio ar traukinio, kur tvoros ir šalia transporto priemonės esantys medžiai atrodo greitai judantys pro šalį, o tolumoje esantys kalnai - lėčiau.

Žiniatinklyje tas pats efektas naudojamas kuriant svetainės dizaino gylio jausmą, dažnai suteikiant judesį atsakant į vartotojo slinkimą.

Taip pat skaitykite:

Žodžiai: Samas Hamptonas-Smithas