Interneto dizaino terminai yra pagrindiniai dalykai, kuriuos verslininkas turėtų žinoti. Web dizainas – tai vizualinių ir funkcinių svetainės aspektų kūrimo ir organizavimo procesas. Tai apima įvairius terminus ir sąvokas, apibūdinančius įvairius tinklalapio kūrimo ir kūrimo aspektus.
Interneto dizainas egzistuoja jau seniai ir negaišta laiko kuriant sudėtingą, žargonu užpildytą kalbą. Kai tik žengsite bent menkiausią žingsnelį į interneto dizaino pasaulį, pradėsite girdėti: „Kokią TVS norite naudoti?“, „Norite jos virš matomos ribos ar žemiau matomos ribos?“, „Ar norite nori fiksuoto išdėstymo? “, „Kokią žiniatinklio prieglobą norite naudoti? “ ir jums lieka įdomu, ką visa tai reiškia. Žinome, kad bandymas išsiaiškinti visus pagrindinius žiniatinklio dizaino apibrėžimus ir terminus gali būti didžiulis, ypač kai viskas nauja.
Interneto dizainas apima platų darbų spektrą – nuo žiniatinklio kūrėjų, rašančių kodą, UI ir UX dizainerių, kurie dirba su sąsajomis, iki žiniatinklio dizainerių, kurie rūpinasi jūsų svetainės išvaizda. Su interneto dizainu užsiima daug žmonių.
Sužinoję, ką reiškia tik keli žiniatinklio dizaino akronimai ir žargonas, dizaineriui ir kūrėjui gali būti daug lengviau, be to, galite suprasti, kaip iš tikrųjų veikia jūsų svetainė. Taigi, nesvarbu, ar samdotės pagalbą, ar tai darote patys, žinant dažniausiai vartojamus ir dažniausiai klaidinančius terminus interneto dizaino ir kūrimo srityje, gali praversti:
Interneto dizaino apibrėžimai ir terminai.
Prieinamumas
Šiuo metu galimas yra labai svarbus kuriant interneto svetainę. Iš esmės tai reiškia, kaip jūsų svetainė yra prieinama žmonėms, įskaitant turinčius klausos ar regos sutrikimų. Tai svarbu atsiminti prieš ir kuriant svetainę. Pažvelkite į šiuos šešis veiksmus, kad jūsų interneto dizainas būtų prieinamas, jei nežinote, nuo ko pradėti.
10 „Google“ nuobaudų, kurios gali turėti įtakos jūsų svetainei
Po užlenkimu (ir virš užlenkimo).
Žemiau ir virš matomos ribos yra du terminai, kilę iš laikraščių. „Sulenkimas“ yra vieta, kur susilanksto laikraštis. Viršuje ir apačioje nurodoma, ar informacija rodoma viršutinėje ar apatinėje lenkimo dalyje. Tinklalapiuose „lankstymas“ paprastai apibrėžiamas kaip taškas, nuo kurio turėtumėte pradėti slinkti, tačiau principas yra tas pats – puslapio viršuje esanti informacija (ATF) yra prieinamesnė ir matomesnė nei informacija, esanti puslapio apačioje (BTF). . .
Elastingas (išdėstymas). Elastingas (išdėstymas). Web dizaino sąlygos
Elastinis išdėstymas yra tinklalapio dizaino metodas, apibūdinantis ryšį tarp elementų ir jų vietą puslapyje procentais, o ne specialiai sukurtais tarpais ir dydžiais. Tai reiškia, kad internetiniai puslapiai tampa labiau pritaikomi – tiek prie jūsų lankytojų nustatytų pageidavimų dydžio atžvilgiu šriftas ir atstumą tarp jų bei optimizuoti puslapį peržiūrai išmaniajame telefone ar planšetiniame kompiuteryje.
Šiais laikais elastingi maketai yra pagrindinė reaguojančio dizaino metodų dalis, tačiau prieš gimstant interaktyvaus dizaino idėjai, elastingi maketai buvo lengvas būdas paversti svetaines reaguojančias.
Pvz. Buvęs
Ex yra matavimo vienetas, kurio standartinis matas naudoja mažąsias „x“ raides.
Fiksuotas plotis (išdėstymas). Fiksuotas plotis (išdėstymas). Interneto dizaino apibrėžimai ir terminai.
Fiksuoto pločio maketas – tai tinklalapių kūrimo būdas, kai dizaineris nurodo, kokio dydžio yra tinklalapis ir kur tiksliai jame bus rodomi elementai. Tai suteikia dizaineriams daug daugiau galimybių valdyti tinklalapio dizainą nei elastingas išdėstymas, tačiau puslapiai mažiau reaguoja. skirtingų dydžių ekranas.
Šešioliktainis.
Šešioliktainiai skaičiai, taip pat žinomi kaip šešioliktainiai skaičiai, yra 16 bazinių skaičių sistema, o tai reiškia, kad spalvai apibrėžti jie naudoja 16 simbolių. Šešioliktainiai skaičiai naudojami skaičiais nuo 0 iki 9 ir raidėmis A iki F. Kiekviena spalva identifikuojama pagal tris šešioliktainių skaičių poras. Pirmoji skaičių arba raidžių pora reiškia raudoną atspalvį, antroji pora – žalią, o trečioji pora – mėlyną atspalvį.
Begalinis slinkimas. Begalinis slinkimas
Begalinis slinkimas yra tada, kai tęsiant slinkimą įkeliamas naujas turinys. Taip sukuriamas „begalinis“, nesibaigiantis slinktis. Kai kurie populiarūs to pavyzdžiai yra „Facebook“, „Pinterest“ ar „Twitter“ laiko juostos.
Paralakso slinkimas. Paralakso slinkimas.
Šis slinkimo metodas sukuria gilumo jausmą svetainės dizainas. Kai vartotojas slenka, elementai svetainėje bus skirtingu atstumu ir judės skirtingu greičiu, kai vartotojas slenka. Tai sukuria gylio ir atstumo iliuziją plokščioje svetainėje.
Rezoliucija. Leidimas. Interneto dizaino apibrėžimai ir terminai.
Rezoliucija yra ekrane rodomų pikselių skaičius. Tai standartinis metodas, naudojamas interneto dizaino nustatymui dydžio vaizdai. Vaizdo kokybė paprastai apibūdinama pikseliais colyje, o daugiau pikselių suteikia aukštesnės kokybės vaizdą.
Reaktyvus / pritaikytas mobiliesiems / optimizuotas mobiliesiems. Reaguojantis / pritaikytas mobiliesiems / optimizuotas mobiliesiems
Praėjusiais metais daugiau nei pusė interneto srauto gaunama iš išmaniųjų telefonų. Tai reiškia, kad vis svarbiau, kad svetainė atrodytų geriau mobiliuosius įrenginius, taip pat kompiuteriuose. Padaryti svetaines reaguojančias / mobiliesiems pritaikytas / optimizuotas mobiliesiems reiškia sukurti ir sukurti svetainę, kuri prisitaikys prie įrenginio ar ekrano, kuriame ji peržiūrima.
Naudojamumas. Naudojimo paprastumas.
Naudojamumas yra žiniatinklio dizaino koncepcija, apibūdinanti, kaip paprasta jūsų svetainė yra skirta lankytojams. Idealiu atveju lankytojas galės lengvai naudotis jūsų svetaine, kai pirmą kartą su ja susidurs, su minimaliomis kliūtimis, nusivylimu ir poreikiu prašyti pagalbos. Naudojimo principų supratimas yra pagrindinis žingsnis kuriant puiku Interneto svetainė.
UX (naudotojo tyrimas) / UI (naudotojo sąsaja)
UX ir UI dizainas yra darbas, gerinantis vartotojo patirtį. Svarbu žinoti UX ir vartotojo sąsajos skirtumus, kad suprastumėte, kaip jie veikia kartu.
UX, vartotojų tyrimas, apima visus vartotojo patirties su svetaine aspektus nuo pradžios iki pabaigos. Tikslas – pagerinti kokybę vartotojo sąveika su svetaine.
UI, vartotojo sąsaja, orientuota į vaizdinius ir interaktyvius svetainės elementus, tokius kaip mygtukai, piktogramos ir tipografija. Tikslas – pagerinti svetainės išvaizdą ir funkcionalumą.
Priekinės svetainės anatomija. Interneto dizaino apibrėžimai ir terminai.
-
Duonos trupiniai. Duonos trupiniai.
Kai tinklalapiuose naudotojams rodoma, kaip jie naršė tinklalapį ir kaip į jį grįžti pagrindinis puslapis, tai dažnai daroma naudojant džiūvėsėlius. Paprastai tai rodoma kaip įdėtųjų kategorijų serija, pvz., Pagrindinis > Kategorija > Metai > Mėnuo > Įrašas.
Favicon. Favicon.
Favicon yra maža piktograma, rodoma jūsų naršyklės skirtukų juostoje. Paprastai jie yra 16 × 16 pikselių dydžio (kuris iš tikrųjų yra labai mažas) ir išsaugomi kaip .ico, .gif arba .png vaizdai. Galite naudoti beveik bet kokį vaizdą kaip piktogramą, jei jis yra tinkamo dydžio ir išsaugotas tinkamu formatu.
Židinio taškas. Koordinatorius.
Tinklalapio dėmesys yra ta puslapio dalis, į kurią atkreipiamas jūsų dėmesys. Dizaineriai praleis daug laiko kurdami židinio tašką, kuris tikrai patrauks žiūrovo dėmesį, o tada sutelks dėmesį į svarbiausią puslapio dalyką. Taip užtikrinama, kad ją pamatytų kuo daugiau žmonių.
Priekinis galas. Priekinis galas.
Tai visi elementai, pvz., vaizdai, tekstas, puslapiai, kuriuos žmonės matys pirmą kartą apsilankę jūsų svetainėje. Iš esmės tai yra tai, su kuo žmonės sąveikaus ir sąveikaus svetainėje.
Mėsainio piktograma. Mėsainio piktograma.
Mėsainio piktograma nurodo meniu piktogramą, kuri dažniausiai randama vėlesnėse programose. Jis turi tris horizontalias juosteles (taigi „mėsainis“) ir slepia tradicinį naršymo meniu už vienos piktogramos.
Nukreipimo puslapis. Nukreipimo puslapis.
Tai pirmasis puslapis, kurį pamatys jūsų svetainės lankytojai. Daugelis svetainių naudoja tam skirtą nukreipimo puslapį, kad sužinotų ką nors iš lankytojo (pvz., pasidalytų el. pašto adresu arba konkretaus produkto puslapiu). Tavo nukreipimo puslapis yra vienas iš svarbiausių jūsų svetainės puslapių ir jūs turėtumėte skirti daug laiko jos optimizavimui.
Navigacija. Navigacija.
Navigacija yra sistema, naudojama judėti tarp elementų jūsų tinklalapyje ir yra vienas iš svarbiausių bet kurio tinklalapio elementų. Štai kodėl taip svarbu žinoti pagrindinius svetainės naršymo principus. Labiausiai ryškus pavyzdys Navigacijos yra meniu, rodomi daugumoje tinklalapių. Tačiau taip pat atkreipkite dėmesį į tai, kaip puslapiai yra tvarkomi ir ryšiai tarp jų. Jie taip pat gali palengvinti lankytojų naršymą tinklalapyje.
Svetainės fono anatomija. Interneto dizaino apibrėžimai ir terminai.
-
Galinis galas. Galinis galas.
Tai yra jūsų sistemos dalis, kuri efektyviai valdo jūsų svetainę, bet yra paslėpta nuo lankytojų. Yra daug skirtingų galimų vidinių komponentų, tačiau juose paprastai yra tie patys dalykai – programos, informacijos struktūra ir TVS.
TVS
Turinio valdymo sistema yra vidinė įrankis jūsų svetainės turiniui tvarkyti, pridėti vartotojų, tvarkyti komentarus ir galbūt daug daugiau. Jei kada nors naudojote „WordPress“ svetainei kurti, naudojote TVS. TVS palengvina tinklalapio kūrimą ir kūrimą, nes slepia didžiąją dalį neapdoroto kodo, kuris valdo svetainę.
El. prekyba. Elektroninė komercija.
Elektroninė prekyba reiškia „elektroninė prekyba“. kaip ir „e-mail“ reiškia „elektroninis paštas“. Paprastai prie savo svetainės pridedate parduotuvę elektroninė prekyba, kuri tvarkys prekių aprašymus, pirkimus ir pardavimus bei klientų duomenis.
HTTP/HTTPS
Tai sistema, tvarkanti ryšį tarp naršyklių, serverių ir žiniatinklio programų. Jis apibrėžia, kaip duomenys turi būti supakuoti ir išsiųsti.
HTTPS yra HTTP plėtinys, galintis užmegzti ryšius per SSL (Secure Socket Layer). Tai daug saugesnis būdas dalytis duomenimis internete. Daugelis šiuolaikinių interneto naršyklių įspės jus, jei svetainė naudoja standartinį HTTP protokolą, o ne HTTPS.
Kaip svetainės savininkas, galite įsigyti SSL sertifikatus, reikalingus HTTPS naudojimui, iš įvairių teikėjų. Pridėjus, jūsų svetainė taps saugesnė ir padidins klientų pasitikėjimą.
Prijungti. Web dizaino sąlygos
Maža programa, kuri įdiegiama pagrindinės svetainės viršuje ir suteikia papildomos apsaugos. Įskiepiai yra prieinami populiariausioms TVS platformoms ir gali būti naudojami daugeliui skirtingų funkcijų, nuo tinklaraščio įrašų automatizavimo iki potencialių klientų valdymo.
Šablonas. Pavyzdys.
Šablonai žiniatinklio dizaine naudojami beveik taip pat, kaip naudojami dokumentams ir vaizdams – siekiant užtikrinti nuoseklų dizainą daugelyje skirtingų puslapių. Dauguma TVS platformų pateiks jūsų svetainės šablonų rinkinį, kuris padės užtikrinti puslapių ir jų dizaino nuoseklumą.
Techninės sąlygos internetui. Interneto dizaino apibrėžimai ir terminai.
-
Inkaro tekstas. Inkaro tekstas.
Inkaro tekstas yra frazė arba keli žodžiai, kuriuose yra hipersaitas. Tinkamo prierašo teksto naudojimas gali labai pakeisti jūsų puslapio reitingą paieškos sistemose.
Atgalinė nuoroda. Atgalinė nuoroda.
Tai nuorodos į jūsų svetainę iš kitų svetainių. Kai kita svetainė pateikia nuorodą į jūsų svetainę, pavyzdžiui, norėdami nukreipti savo skaitytojus į šaltinį, gavote atgalinę nuorodą. Atgalinės nuorodos yra labai svarbios, kai reikia padidinti paieškos reitingą, nes kelios atgalinės nuorodos iš patikimų svetainių padidins jūsų svetainės matomumą.
Pralaidumas. Pralaidumas.
Pralaidumas yra terminas, vartojamas daugelyje skirtingų kontekstų, tačiau iš esmės tai reiškia per tam tikrą laikotarpį išsiųstų arba gautų duomenų kiekį. Jis gali būti naudojamas, pavyzdžiui, apibūdinti jūsų interneto greitį, kur jis paprastai nurodomas kilobitais per sekundę (kbps). Tačiau kartais jis naudojamas apibūdinti, kiek duomenų galite naudoti per mėnesį kaip žiniatinklio prieglobos paketo dalį.
Talpykla. Grynieji pinigai.
Talpykla yra duomenų rinkinys, saugomas žiniatinklio naršyklėje. Tai reiškia, kad kitą kartą vartotojui apsilankius svetainėje, puslapis bus įkeltas greičiau, nes įkeliamas iš vietinės atminties.
DNS interneto dizaino sąlygos
DNS reiškia domeno vardo paslaugą. Tai sistema, kuria jūsų interneto naršyklė randa tinklalapius. Kada tu azbyka.com.ua , jūsų naršyklė suranda „DNS lentelę“, kuri šį žmonėms pritaikytą adresą paverčia kompiuteriui pritaikytu adresu (ty adresu, sudarytu iš skaičių). DNS sistema seka, kur yra visi pasaulio tinklalapiai, kad jūsų naršyklė galėtų juos rasti.
Домен
Tai jūsų svetainės pavadinimas. Domenus galite įsigyti iš daugelio įmonių. Juose gali būti ne daugiau kaip 63 simboliai. Pavyzdžiui, https://azbyka.com.ua/yra mūsų domeno vardas.
FTP
FTP reiškia failų perdavimo protokolą ir yra sistema, skirta failams ir duomenims iš vietinės saugyklos (tarkim, kompiuteryje) perkelti į žiniatinklio serverį. Norėdami naudoti FTP, turite atsisiųsti nedidelę programą, vadinamą FTP klientu.
Nuolatinė nuoroda. Nuolatinė nuoroda
Nuolatinė nuoroda, leidžianti pateikti adresą, kuris visada nurodys konkretų tinklaraščio įrašą arba puslapį, nesvarbu, kaip pakeisite savo svetainės struktūrą aplink jį. Tai labai naudinga, jei naudojate tinklaraščio įrašus, kad padidintumėte srautą į savo svetainę, nes jums nereikės rankiniu būdu keisti dešimčių (ar šimtų) nuorodų, jei nuspręsite pakeisti jūsų svetainės dizainas arba pakeiskite savo domeno pavadinimą.
URL adresas
Adresas, nurodantis, kur galima rasti konkretų puslapį ar kitą šaltinį.
Interneto priegloba. Interneto dizaino apibrėžimai ir terminai.
Žiniatinklio priegloba yra įmonė, valdanti jūsų serverius веб-сайт. Kaip paaiškiname straipsnyje apie žiniatinklio prieglobą, žiniatinklio prieglobos siūlomų paslaugų lygis gali labai skirtis. Geras žiniatinklio priegloba galės jus užtikrinti, kad jūsų svetainė bus pasiekiama 99,9 % laiko, taip pat suteiks jums įrankius, kad ji būtų saugi ir veiksminga.
Tinklapio serveris
Žiniatinklio serveris yra kompiuteris, kuriame iš tikrųjų saugomas jūsų tinklalapis. Greičiausiai jis yra jūsų žiniatinklio prieglobos serverio įrenginyje, nors taip pat galima paleisti savo serverius.
Interneto kūrimo terminija. Interneto dizaino apibrėžimai ir terminai.
CSS
CSS reiškia Cascading Style Sheets, o kartu su HTML šie lapai yra svarbiausia bet kurio tinklalapio dalis. Prieš dešimt metų tinklalapio formatavimas, pvz., antraščių dydis ar vaizdų rėmeliai, buvo nustatytas pačiame HTML kode. Tai reiškė, kad formatavimo keitimas reikalauja daug darbo kiekvieno elemento perdavimo procesas puslapiai ir kodo pakeitimai.
Su CSS viskas daug paprasčiau. Puslapio stilius yra viename (ar keliuose) CSS failuose, kurie nustato, kaip atrodo antraštės, kaip rodomi vaizdai ir daugelis kitų elementų. Jie nurodo naršyklei, kaip rodyti svetainę. Taigi, pakeitus tik vieną kodo dalį galima pakeisti visų svetainių formatą.
DHTML
DHTML reiškia dinaminę hiperteksto žymėjimo kalbą. Tai kalbos terminas, sujungiantis kelias žiniatinklio dizaino kalbas – HTML, JavaScript ir CSS – į vieną puikią žiniatinklio kūrimo kalbą. Šiuolaikiniai interneto kūrėjai dažniausiai tai naudoja kurdami svetainę.
Doctype. Interneto dizaino apibrėžimai ir terminai.
HTML dokumento tipas yra aprašymas, kokio tipo HTML ir jo versija yra naudojama tinklalapyje. Jį naudoja naršyklės, kad patikrintų puslapio vientisumą ir, jei jis neteisingas, gali atsirasti saugumo klaidų.
Em. EM. Web dizaino sąlygos
Em naudojamas šrifto dydžiui apibūdinti, palyginti su puslapyje naudojamu pirminiu šriftu. 1Em reiškia, kad šriftas (arba kartais kiti elementai) yra tokio pat dydžio kaip pagrindinis elementas, 2em reiškia, kad jie yra dvigubai didesni ir pan.
Įterptas stilius. Integruotas stilius. Web dizaino sąlygos
Nors CSS (žr. aukščiau) gali būti naudojamas apibūdinti visų puslapių formatą vienu metu, kartais reikia pakeisti tik vieno puslapio stilių. Tai yra tada, kai naudojamas inline stilius. Įterptinis stilius – tai CSS kodo dalis, įrašyta į tinklalapio antraštę, kuri veikia tik to puslapio elementus, o ne visą svetainę.
Šriftų šeima/stilius/svoris. Šriftų šeima/stilius/svoris
Interneto dizaineriai ir kūrėjai dažnai nedirba su tam tikrais šriftais, nes skirtingos naršyklės ne visada naudoja tuos pačius šriftus. Štai kodėl CSS dokumente pamatysite, kad naudojamas šriftas yra apibrėžiamas kaip šriftų šeima – šriftų grupė, kurią galima naudoti – o ne tik vienas atskirai. Kartu su šiuo apibrėžimu CSS dokumentas taip pat apibrėžs šrifto stilių (kursyvas, pabraukimas ir kt.) ir svorį (pusjuodis, šviesus ir kt.).
HTML. Interneto dizaino apibrėžimai ir terminai.
Hiperteksto žymėjimo kalba yra interneto pagrindas. Visi tinklalapiai bent tam tikru mastu parašyti HTML kalba, kuri buvo sukurta taip, kad būtų kuo lengviau rašyti. Tiesą sakant, tai gali būti labai naudinga, pabandykite Pamoka apie HTML kodas, kad pamatytumėte, ar lengva rašyti – nustebsite, ką galite pasiekti per kelias valandas!
Metaduomenys.
Metaduomenys yra tinklalapių antraštėse esantys duomenys. Šie duomenys yra prieinami jūsų naršyklei, bet nerodomi kaip jūsų žiūrimo tinklalapio dalis – norėdami jį pasiekti turėsite peržiūrėti šaltinio kodą.
Atviro kodo. Atviro kodo. Web dizaino sąlygos
Atvirojo kodo programinė įranga yra palaikoma vartotojo ir gali būti laisvai naudojama bei modifikuojama. Tai skiriasi nuo patentuotos programinės įrangos, kuri priklauso konkrečiai įmonei ir kurią prižiūri. Dauguma žiniatinklio kūrėjų bent kartais naudos atvirojo kodo programinę įrangą, nes ji ne tik pigesnė, bet ir saugesnė. Šiais laikais dauguma žiniatinklio kūrėjų sumažina saugumo pažeidimus naudodami konteinerius, parašytus atvirojo kodo kalbomis.
Inscenizacija. Inscenizacija. Interneto dizaino apibrėžimai ir terminai.
Interneto pastatymassvetainė yra procesas, kurio metu sukuriama beveik galutinė jos kopija ir išbandoma prieš diegiant tiesioginę svetainės versiją. Daugelis žiniatinklio kūrėjų prieš išleisdami svetainę „surengia“, kad įsitikintų, jog viskas veikia tinkamai. Ir dažnai pagrindiniai svetainės pakeitimai vyksta sustojimo svetainėje, o ne tiesioginėje svetainėje.
Galioja. Galioja.
Interneto kūrime tinkami tinklalapiai yra tie, kuriuose nėra klaidų. Praktiškai tai reiškia tinklalapius, kurie atitinka standartus, išdėstytus HTML specifikacijose, kurias paskelbė W3C – bendruomenė, kuri nustato interneto svetainių kūrimo standartus.
XML. Web dizaino sąlygos
XML reiškia Extensible Markup Language. XML yra pagrindinė interneto dizaino dalis, nes ji veikia kaip „metakalba“, verčianti vienos kalbos elementus į kitą. Tai reiškia, kad tinklalapius galima kurti naudojant daugybę skirtingų kalbų, kurios visos bendrauja per XML.
Paskutinis dalykas…
Žinoma, norint pradėti, nebūtina žinoti visų šių interneto dizaino apibrėžimų ir terminų. interneto svetainių kūrimas - savarankiškai arba su pagalba. Galų gale, interneto dizainas yra mokymosi procesas, o geriausi dizainai yra kartojami meno kūriniai, kurie nuolat tobulėja mokantis naujų dalykų.
Tačiau gali būti labai naudinga turėti vadovą apie kartais sudėtingą žiniatinklio dizaino pasaulį, ypač kai tik pradedate. Mūsų profesionalūs interneto dizaineriai padės jums pradėti jaudinantį interneto dizaino pasaulį.
Оставить комментарий