Kas yra žiniatinklio sąsajos dizainas – išsamus apibrėžimas
· Время на чтение: 14vyras · pateikė · Paskelbta · Atnaujinta 
Klausykite šio straipsnio
Kas yra žiniatinklio sąsajos dizainas? Sąsajos dizainas (y., vartotojo sąsajos dizainas) yra informacijos perdavimo ir apsikeitimo tarp žmonių ir mašinų priemonė. Teigiama, kad FaceUI apima aparatinės įrangos sąsają ir programinės įrangos sąsają. Tai informatikos ir psichologijos, dizaino meno, pažinimo mokslo ir ergonomikos sankirta. Pastaraisiais metais sparčiai tobulėjant informacinėms ir kompiuterinėms technologijoms, taip pat sparčiai vystantis tinklo technologijoms, žmogaus ir mašinos sąsajos projektavimas ir kūrimas tapo aktyviausia tyrimų sritimi tarptautiniuose kompiuterių ir dizaino sluoksniuose.
UI yra santrumpa vartotojo sąsaja. Vartotojo sąsajos dizainas reiškia bendrą žmogaus ir kompiuterio sąveikos dizainą, veikimo logiką ir gražią sąsają. Geras vartotojo sąsajos dizainas ne tik padaro programinę įrangą asmenišką ir stilingą, bet ir leidžia patogiai, lengvai ir nemokamai valdyti programinę įrangą, visapusiškai atspindinčią programinės įrangos padėtį ir savybes.
Klasifikuojant įvairius sąsajos dizaino reikalavimus ir sąsajos dizaino elementų įtaką vartotojo elgesiui, tiriama vartotojų svarba sąsajos projektavimui.
interaktyvumas tapo interneto sąsajos dizaino tikslu. Kad dizainas atitiktų tinkamumo naudoti reikalavimus, būtina visapusiškai suprasti vartotojo charakteristikas ir įvairius reikalavimus. Norint tai padaryti, būtina rasti tinkamą būdą dokumentuoti ir įgyvendinti įvairius vartotojo reikalavimus.
Sąsaja yra terpė, per kurią žmonės ir objektai sąveikauja, kitaip tariant, sąsaja yra naujas veidas, kurį dizaineriai suteikia objektams.
Interneto sąsajos dizaino klasifikacija
1. Sąsajos projektavimas, pagrįstas funkcijų įgyvendinimu
Pati pagrindinė savybė sąsajos dizainas Sąveika yra susijusi su funkcionalumu ir patogumu. Kurdami sąsają, vartotojai gali suprasti funkcinę veiklą, o informacija apie pačią operaciją gali būti sklandžiau perduota vartotojui, tai yra vartotojui, kuris yra funkcinės sąsajos egzistavimo pagrindas ir vertė, bet kadangi žinių lygis ir kultūrinis pagrindas vartotojai yra skirtingi, sąsaja turėtų tarptautiškiau ir objektyviau atspindėti informaciją apie patį kūrinį.
2. Sąsajos dizainas, akcentuojant emocinę išraišką
Tikrasis meninis dizaino žavesys slypi emocijų perteikime vartotojui per sąsają. Naudotojo jausmai kontaktuojant su kūriniu sukelia emocinį rezonansą, o emocinė išraiška naudojama siekiant efektyviai atspindėti emocinius kūrinio ir vartotojo santykius. Žinoma, perkėlimas apima tikrumo ir neapibrėžtumo vienybę emocinė informacija. Todėl daugiau dėmesio skiriame emociniams vartotojų išgyvenimams, kai jie liečiasi su kūriniais.
3. Sąsajos projektavimas, pagrįstas aplinkos veiksniais
Joks interaktyvus projektavimo darbas negali egzistuoti be aplinkos, o aplinka turi ypatingą įtaką projektavimo darbų informacijos komunikacijai. Įtraukiant savo istorijos, kultūros, technologijų ir daugelio kitų aspektų ypatybes, sąsajos aplinkos kūrimas yra projektavimo darbas, kurio negalima ignoruoti, dėl tos pačios priežasties žiūrint filmą reikia išjungti šviesą.
Kaip išmokti kurti žiniatinklio sąsają
Pirmiausia išmokite žiniatinklio dizainui reikalingą kalbą – html kalbą. Atminkite, kad html yra ne programavimo kalba, o žymėjimo kalba. Šios kalbos turinį gana lengva išmokti, be to, yra tinklalapis, kuris palaiko HTML kodo paleidimą internete.
Išmokite HTML/CSS
Web dizainas paprastai reikalauja html kalbos ir css kalbos derinio. CSS yra svetainių kūrimo kalba, kuri yra nepakeičiama kuriant interneto svetainę. Čia aš rekomenduoju puslapį, pavadintą runoob, kuris gali derinti ir paleisti kodą keliomis kalbomis, o tai labai tinka pradedantiesiems, kaip aš, mokytis.
Javascript kalba – taip pat pravers
Norėdami pagerinti specialiuosius efektus tinklalapiuose, turite išmokti javascript. „Javascript“ kalba yra dinamiškai spausdinama kalba, todėl dabar būtina kurti įvairius dinamiškus tinklalapius. Jei turite pakankamai įgūdžių, galite išmokti ir Java kalbos.
Turite turėti tam tikrų meninių įgūdžių
Tikrai geros nuotraukos dažniausiai negeneruojamos pagal kodą, todėl reikia turėti gerus piešimo įgūdžius. Žinoma, pagalbos galite paprašyti ir draugų, kurie gali piešti. Norint išmokti naudotis Photoshop programine įranga, tai būtina grafinio dizaino programinė įranga. Ši programinė įranga yra dažniausiai naudojama ir lengviausiai išmokstama projektavimo programinė įranga. Galime pasakyti, kad jis yra gana prieinamas ir paprastas naudoti.
Jei tikrai tingite kurti svetainę patys, galite prašyti ir kitų, kad padėtų ją sukurti, tačiau dėl kainos reikia susitarti iš anksto, juk interneto svetainės kūrimas nėra lengvas darbas!
Kokių įgūdžių reikia kuriant žiniatinklio vartotojo sąsają
Daugelis žmonių nori būti žiniatinklio vartotojo sąsajos dizaineriu, todėl nori žinoti kai kuriuos įgūdžius, kuriuos reikia įvaldyti, todėl toliau pristatysiu, kokių įgūdžių reikia interneto vartotojo sąsajos kūrimui, pažiūrėkime.
1. HTML/CSS kodas
HTML/CSS yra lengviausia žiniatinklio kūrimo kalba, todėl interneto dizaineriams svarbu suprasti, kaip skaityti, redaguoti ir spręsti problemas. Bet kuriuo atveju suprasti, kaip stiliai ir spalvos yra valdomi ir konfigūruojami naudojant kodą, ilgainiui gali būti labai naudingi.
2. Antraštių rašymas
Kuriant tinklalapius pagrindines sekcijas galima naudoti kaip vietos rezervavimo ženklus, bet ne kaip antraštes. Koncepciniame projekte vaizdinė ir turinio informacija yra nuoroda tarp pavadinimo ir negalite naudoti tik vieno sakinio.
3. Susipažinęs su įvairia įranga
Kaip žiniatinklio dizaineris, norėdami naršyti internete, turite turėti galimybę naudoti įvairius skaitmeninius įrenginius. Skirtingos sistemos ir įrenginiai turi skirtingus žiūrėjimo būdus, todėl žiniatinklio sąsajų kūrėjai turi būti pasirengę atsisakyti labiausiai žinomų elektroninių įrenginių ir eksperimentuoti su skirtingais skaitmeniniais įrenginiais.
4. Suvokti tendencijas
Kaip žiniatinklio vartotojo sąsajos dizaineris, jums nereikia žinoti visų tendencijų, bet bent tris iš populiariausių. Gebėti paaiškinti šių dizaino tendencijų vizualines ypatybes, kodėl jas naudojate, kaip jos veikia, kodėl jums patinka ar nepatinka ir pan.
5. Paaiškinkite dizaino teoriją
Spalva, srautas, balansas, proporcijos, intervalai Šias bendras dizaino koncepcijas turėtų suprasti ir žiniatinklio sąsajos kūrėjai. Šios sąvokos turėtų būti suprantamos ir taikomos kuriant projektą. Dizainas reiškia ne tik gerą išvaizdą, bet ir tai, ką jame pateiktos sąvokos ir principai gali pasakyti vartotojams. Jų supratimas ir gebėjimas juos interpretuoti sukuria subalansuotą grožį.
Kas yra paprastos ir praktiškos interneto dizaino programos?
„Macromedia“ visada buvo interneto dizaino lyderė, o jos „Trys žiniatinklio muškietininkai“ turi pranašumą interneto dizaino srityje. „Web Musketeers Web Page“ yra trys plačiai naudojami programinės įrangos įrankiai interneto kūrimo procese, būtent „Dreamweaver“, „Fireworks“ ir „Flash“.
Dreamweaver interneto dizaino programinė įranga
svajonių audėjas yra galingas interneto dizaino įrankis su patogiais ir praktiškais WYSIWYG spausdinimo įrankiais ir funkcijomis, sąsaja yra labai patogi ir paprasta naudoti. Galite naudoti jo galingas funkcijas kurdami profesionalius tinklalapius nemokėdami HTML kalbos.
„Dreamweaver“ taip pat yra patogus programavimo įrankis, galintis lengvai parašyti ASP, PHP, JSP kodus, programinės įrangos automatinio užbaigimo funkcija ir kodo spalvinimo funkcija gali efektyviai padėti vartotojams rašyti ir derinti įvairius kodus. Naudodami Dreamweaver galite greitai ir lengvai kurti įvairias dinamines ar statines svetaines.
„Dreamweaver“ gali lengvai sukurti svetainę, o pagrindinės jos funkcijos yra šios:
- Galite sukurti Dreamweaver svetainę – per Dreamweaver svetainę galite nurodyti svetainės darbo aplinką, tvarkyti failus svetainėje, patogiai ir greitai valdyti įvairius svetainėje esančius resursus, įrašyti įvairią informaciją.
Tik sukūrę „Dreamweaver“ svetainę galėsite naudotis visomis įvairiomis „Dreamwaver“ funkcijomis ir tvarkyti savo svetainės failus. Pavyzdžiui, automatiškai sekti ir prižiūrėti nuorodas, tvarkyti failus ir bendrinti failus. - Galite kurti tinklalapius, žiniatinklio šablonus ir CSS stilius. Čia daugiausia dirbama su Dreamweaver. „Dreamweaver“ teikiami įrankiai leidžia lengvai kurti tinklalapius, žiniatinklio šablonus ir CSS stilius.
- Tinklalapius galima išbandyti. „Dreamweaver“ teikia patogias ir patikimas tinklalapių testavimo funkcijas, kurios gali padėti greitai nustatyti galimas problemas jūsų tinklalapiuose.
- Tinklalapiai gali būti publikuojami. Nustatę nuotolinės svetainės serverio informaciją, galite tiesiogiai naudoti „Dreamweaver“ svetainei įkelti, taip pat tiesiogiai redaguoti nuotolinės svetainės turinį.
Flash interneto dizaino programinė įranga
Blykstė yra interaktyvios vektorinės grafikos ir žiniatinklio animacijos standartas, kurį pristatė „macromedia“ ir įsigijo „Adobe“. Interneto dizaineriai naudoja „Flash“, kad sukurtų gražias keičiamo dydžio naršymo sąsajas ir kitus įmantrius efektus. „Flash“ pirmtakas yra „Future Splash of Future Wave Company“, pirmoji pasaulyje komercinė 2D vektorinės animacijos programinė įranga, skirta „Flash“ dokumentams kurti ir redaguoti.
Trys pagrindinės „Flash“ animacijos dizaino funkcijos yra svarbios ir esminės visai „Flash“ animacijos dizaino žinių bazei, įskaitant grafikos piešimą ir redagavimą, tinkinimą ir maskavimą. Tai trys glaudžiai susijusios loginės funkcijos ir šios trys funkcijos egzistuoja nuo pat „Flash“ atsiradimo.
Programos ypatybės:
- „Flash“ plačiai naudojama kuriant internetinių puslapių vektorinę animaciją. Naudojant vektorines operacijas (VectorGraphics), gautas filmas užima mažiau vietos saugykloje.
- Filmai, sukurti naudojant „Flash“, turi savo specialų failo formatą (SWF). Bendrovė teigia, kad 97% interneto naršyklėse pasaulyje yra įmontuoti Flash grotuvai (FlashPlayer).
- „Flash“ yra viena iš „Macromedia“ pasiūlytos „Rich Internet Application“ (RIA) koncepcijos diegimo platformų.
Kai kurios žiniatinklio sąsajos dizaino ypatybės
1. Orientacijos į vartotoją principas
Kurdami tinklalapį pirmiausia turime apibrėžti tinklalapio vartotojus, o dizainą apsvarstyti ir suprojektuoti iš vartotojo patirties perspektyvos. Norėdami tai padaryti, turite bendrauti su vartotojais, kad suprastumėte jų poreikius, tikslus, lūkesčius ir pageidavimus. Interneto puslapių kūrėjai turi žinoti, kad vartotojai yra skirtingi ir jų galimybės skiriasi.
- Pavyzdžiui, kai kurie vartotojai gali būti silpnaregiai (pvz., daltonikai) ir nesugebėti atskirti daugelio spalvų;
- Kai kurie vartotojai taip pat gali turėti klausos problemų ir lėtai reaguoja į svetainės balso raginimus;
- Daugeliui kompiuterių vartotojų patirtis vis dar yra labai elementari ir sudėtingoms operacijoms atlikti reikės daug laiko.
Be to, vartotojų naudojama kompiuterio konfigūracija labai skiriasi, pvz., skirsis vaizdo plokštė, garso plokštė, atmintis, tinklo greitis, operacinė sistema ir naršyklė ir kt. Jei dizaineris nepaiso šių skirtumų, sukurtas tinklalapis sukels painiavą, kai bus rodomas skirtinguose įrenginiuose.
2. Eksploatacijos paprastumo ir patogumo principas
Paprastumas ir naudojimo paprastumas yra svarbiausi interneto dizaino principai. Svetainė iš esmės yra tinklo paslauga, skirta prieiti prie bendrųjų interneto vartotojų informacijos. Nereikia tinklalapyje atlikti per daug operacijų ir kaupti daug sudėtingų ir įmantrių paveikslėlių. Šio principo reikalavimai yra tokie:
- Tinklalapio įkėlimas neturėtų viršyti 6 sekundžių (įprastas namų plačiajuostis ryšys yra 2M, o greitis paprastai yra 220 kbps);
- Tinklalapiai turėtų kuo geriau išnaudoti teksto nuorodas, kuo labiau sumažinti didelių vaizdų ir animacijų naudojimą bei pagreitinti tinklalapio atidarymo laiką;
- Darbo schema turi būti kuo paprastesnė, turi būti aiškūs darbo patarimai;
- Visas svetainės turinys ir paslaugos turi būti paaiškintos vartotojams kuo geriau matomoje vietoje.
3. Išdėstymo valdymas
Kalbant apie tinklalapio išdėstymą, daugelis interneto dizainerių neskiria tam pakankamai dėmesio, interneto sąsajos dizainas ir išdėstymas yra per griežtas ir netgi nukopijuotas kitų. Jei tinklalapio išdėstymas yra netvarkingas, paprasčiausiai sukaupus daug informacijos skaitytojui bus sunku skaityti. Paprastai principai, kurių reikia laikytis kuriant žiniatinklio sąsajos išdėstymą, yra tokie −
1. Milerio formulė 7±2
Psichologo George'o A. Millerio tyrimų duomenimis, informacijos kiekis, kurį žmonės gali gauti vienu metu, yra apie 7 bitai. Apibendrinant formulę: informacijos kiekis, kurį žmogus gauna vienu metu, yra 7 ± 2 bitai. Šis principas plačiai naudojamas kuriant svetaines. Paprastai geriausias tinklalapio stulpelių pasirinkimas yra nuo 5 iki 9. Jei svetainės pateiktos turinio nuorodos, kurias žiūrintysis gali pasirinkti, viršys šį diapazoną, žmonės bus psichologiškai susierzinę. Taip žmonės jausis, kad informacija yra per tanki, kad ją būtų galima pamatyti, ir labai varginanti.
Pavyzdžiui, Aol.com stulpelio nustatymai: Pagrindinis, MyAol, Mail, People, Search, Shop, Channels ir Devices iš viso turi aštuonias kategorijas. Msn.com stulpelio nustatymai: MSN Home, My MSN, Hotmail, Search, Shopping, Money and People & Chat, iš viso septyni. Tačiau daugelyje vietinių svetainių yra stulpelių, gerokai už šio diapazono ribų.
2. Paketinis apdorojimas
Kaip minėta aukščiau, informacijos ar stulpelių klasifikacija negali viršyti 9. Bet jei jūsų turinio yra per daug, daugiau nei 9, turite jį sugrupuoti. Jei jūsų tinklalapyje yra daugybė straipsnių nuorodų, turite pridėti tuščią eilutę arba lygiagrečią eilutę kas 7 straipsnius, kad juos sugrupuotumėte.
Jei jūsų svetainės turinyje yra daugiau nei 9 stulpeliai, pvz., „Tencent“ svetainė ar keli kiti gerai žinomi portalai, stulpelių yra daug ir daugiau nei 9. Kad nebūtų pažeista Miller 7 ± 2 formulė, reprezentatyvesnės kategorijos yra paryškintos. projekte, tada sugrupuoti pagal pobūdį ir galiausiai suskirstyti į 6 dideles kolonas.
4. Vizualinis balansas
Kuriant internetinius puslapius, įvairūs elementai (pavyzdžiui, grafika, tekstas, tarpai) turi turėti vizualinį balansą. Pagal vizualinį principą grafikos vizualinis efektas yra didesnis nei teksto.
Taigi, norint pasiekti vizualinę pusiausvyrą, kuriant interneto puslapį reikia subalansuoti vaizdą su daugybe teksto. Pavyzdžiui, didžioji teksto dalis yra sulygiuota kairėje <Lygiuoti = kairėn>, dešinėje tinklalapio pusėje turite pridėti keletą vaizdų arba ryškesnių ir akį traukiančių spalvų.
Paprastai kiekvienas tinklalapis turi antraštės ir poraštės dalis. Antraštės dalyje paprastai yra reklaminių antraščių arba naršymo juostų ir Svetainės LOGO, o poraštės dalyje paprastai pateikiama kontaktinė informacija, informacija apie autorių teises ir kt., svetainė turi būti sukurta daugiausia dėmesio skiriant vizualinė pusiausvyra.
Taip pat nevertėtų nuvertinti ir balto tarpo vertės, tinklalapyje rodoma informacija yra labai tanki, o tai ne tik nepalanku skaitytojams skaityti, bet netgi kelia skaitytojų pasibjaurėjimą ir gadina svetainės įvaizdį. Kurdami žiniatinklio dizainą pridėkite šiek tiek tuščios vietos atitinkamose vietose, kad pagerintumėte ir sublimuotumėte savo tinklalapio vaizdą ir estetiką, kad jis būtų glaustas.
Kuo skiriasi vartotojo sąsajos dizainas ir žiniatinklio menas
Visų pirma, reikia išaiškinti atitinkamas vartotojo sąsajos dizaino ir interneto meno pareigas:
- UI dizainas: vartotojo sąsaja iš tikrųjų yra vartotojo sąsajos santrumpa, o vartotojo sąsaja reiškia sąsają žmogaus ir mašinos sąveikos procese. Vartotojo sąsajos dizainas – tai elementų ir žingsnių, reikalingų žmogaus ir kompiuterio sąveikos procese, projektavimas. Kaip pavyzdį paėmus mobilųjį telefoną, mobiliojo telefono sąsaja reiškia vartotojo sąsają. Vartotojas per šią sąsają siunčia instrukcijas į mobilųjį telefoną, o mobilusis telefonas generuoja atitinkamą grįžtamąjį ryšį pagal šias instrukcijas. Asmuo, kuris kuria šį vaizdinės sąsajos elementų rinkinį, vadinamas vartotojo sąsajos dizaineriu.
- Art: paprastai nurodo techninius gabumus, kurie prideda plokštumo, spalvų, tonų, kūrybiškumo ir kt., skirstomi į plokščią meną, internetinį meną ir trimatį meną. Paprastai reikia turėti žinių apie projektavimo programinę įrangą, pvz., „Photoshop“. Dauguma meno krypčių vystosi dėl elektroninės prekybos augimo, jos daugiausia atsakingos už įmonės įvaizdžio pakuotę, svetainių optimizavimą, produktų reklamavimo albumus ir elektroninės komercijos temų dizainą.
Skirtumas tarp vartotojo sąsajos dizaino ir meno yra toks:
1. Menas, kaip rodo pavadinimas, turėtų papuošti svetainės išvaizdą. Gilesnis lygis yra pabrėžti pačios svetainės konotaciją. Ir tikroji vartotojo sąsajos dizainerio prasmė nėra susijusi su menu (ir jokiu būdu tai nėra vien tik „dekoravimo“ darbas).
2. Tiksliau tariant, vartotojo sąsajos dizaineris reiškia vartotojo sąsajos dizainerį, kuris specializuojasi produktų tyrime ir plėtroje. Tikslas yra padėti vartotojams lengviau suprasti ir valdyti pagrįstą GUI dizainą, atsižvelgiant į pasitenkinimo funkcijomis prielaidą, siekiant pagerinti gaminį vartotojų mintyse.
3. Prieš dvejus ar trejus metus tinklalapiui labiau rūpėjo sąsajos išvaizda, todėl statinę sąsają sukūrę žmonės buvo vadinami menininkais. Iš esmės puslapio struktūros svarstyti nereikėjo, viskas buvo pataisyta, o klientas tiesiog norėjo, kad jis būtų stilingas. Per pastaruosius dvejus metus vis stiprėjo interaktyvus interneto puslapio reikalavimų efektyvumas, taip pat dėmesys buvo skiriamas ir vartotojo patirčiai. Kurdami dizainą, dizaineriai turi organizuoti dizainą atsižvelgiant į vartotojo naudojimą.
4. Neabejotina, kad vartotojo sąsaja yra IT dalis, ir tai produktas, kuris atsiras tik tada, kai IT tam tikru mastu išsivystys.
- IT plėtra nuo funkcijų įgyvendinimo perėjo prie grožio ir humanizavimo siekimo;
- Tuo pat metu tai taip pat yra meno kategorijos dalis, nes tai yra estetika pagrįstų vartotojų veiksmų derinimo procesas.
Todėl IT produktai, galintys įgyvendinti tik funkcijas, nebegali patenkinti vartotojų poreikių, o atsižvelgiant tik į meną, taip pat bus pamiršta ir vartotojo patirtis.
5. Todėl apskritai UI skiriasi nuo grafikos tuo, kad UI daugiausia dėmesio skiria vartotojo patirčiai, o grafinis dizainas yra puslapio efektai, orientuoti į daugiau žinių apie puslapį.
Dėkojame, kad skaitėte Nicola Top
