Prisitaikantis išdėstymas: kas tai yra ir kaip juo naudotis. Adaptyvios sąsajos Naudingos paslaugos ir įrankiai
Šiuo metu apie 11-12% iš 100 000 lankomiausių svetainių yra reaguojančios ir neabejotina, kad per ateinančius kelerius metus šis skaičius didės.
Kadangi vis daugiau organizacijų raitojasi rankoves, kad suvoktų kelių įrenginių žiniatinklio realijas, verta apsvarstyti keletą strategijų, naudojamų nirvanai pasiekti:
Adaptyvusis modernizavimasInteraktyvus pertvarkymas – tai esamos tik staliniams kompiuteriams skirtos svetainės paėmimas ir iš esmės „pertvarkymas“, kad ji būtų interaktyvi.
Danas Cederholmas
Daugeliui organizacijų net nesvarstoma didelio masto naujo dizaino kūrimas nuo nulio. Štai kodėl reaguojantis modernizavimas yra populiarus būdas sukurti gerą mobiliųjų įrenginių patirtį.
Privalumai- Palyginti greitai.
Yra keletas būdų, kaip atlikti interaktyvų modernizavimą. Ši strategija gali būti svetainės įtraukimas į small-screens.css failą. Nepaisant šio gana grubaus pavyzdžio, adaptyvusis modernizavimas yra patrauklus pasirinkimas daugeliui organizacijų, nes nereikia visko perstatyti nuo nulio. - Pažįstamas.
Neklaidina vartotojų. Žmonės daug metų priprato prie sąsajos, o atnaujindamos esamą, organizacijos išlaiko pažįstamą požiūrį ir pagerina mobiliuosius įrenginius turinčių žmonių gyvenimą. - Organizaciniu požiūriu greičiau.
Kalbant politiškai, sąsajos modernizavimas yra saugesnis nei pradėti nuo nulio. Bus mažiau diskusijų apie tai, kokį žalios spalvos atspalvį pasirinkti, kokias nereikšmingas nuotraukas naudoti, o vadovybei nereikės sukti rankų. Tai leidžia komandoms greičiau paleisti reaguojančias svetaines.
- Paveikia tik nedidelę dalį.
Vėlgi, yra daug galimybių pertvarkyti, tačiau daugumos jų tikslas yra „padaryti gražią išvaizdą“. Sutelkiant dėmesį į išdėstymo pertvarkymą, perprojektuojant dažnai praleidžiama daugybė kitų veiksnių, į kuriuos reikia atsižvelgti kuriant sėkmingą įvairių įrenginių dizainą. - 10 litrų vandens trijų litrų stiklainyje.
Kadangi staliniams kompiuteriams skirtos svetainės yra skirtos tik staliniams kompiuteriams (ir dažnai veikia ilgai), jose gali būti daug netvarkos. Ir kadangi modernizavimą daugiausia sudaro maketo išlydymas, į daugumą turinio problemų nėra visiškai atsižvelgiama. - Spektaklis.
Kodo rašymas, kad būtų geriau palaikomi maži įrenginiai, yra keista. Nereikalingų dalykų pašalinimas gali būti per toli, tačiau nekreipiant dėmesio į produktyvumą, jis savaime neišaugs. - Blogiausias palaikymas.
Medijos užklausos, iš pradžių sukurtos staliniams kompiuteriams, yra menkai palaikomos daugelyje mobiliųjų įrenginių. - Laikini pataisymai.
Jaučiuosi kaip mirti, kai girdžiu žmones, kurie manęs prašo ką nors „padaryti atsakingą“, tarsi tai būtų tik žymimasis laukelis projekto plane (kas kartais iš tikrųjų yra). Šio tipo ribotas mąstymas praleidžia realias galimybes, kurias siūlo reaguojantis dizainas.
Mobilioji versija suteikia galimybę pasėti sėklą, kuri išaugs iš jūsų senosios svetainės.
Laikui bėgant, pasenusi svetainė gali būti pašalinta, o svetainė taps pritaikyta mobiliesiems, bus interaktyvi ir atsižvelgs į būsimas tendencijas.
- Mažesnė rizika.
Dauguma organizacijų vis dar mato srautą iš mobiliųjų įrenginių kaip mažumą. Taigi paleidus mobiliesiems pritaikytą svetainę šioms organizacijoms suteikiama galimybė išbandyti vandenis nesigilinant į temą. - Galimybę išmokti būti lanksčiam.
Dizaineriai gali išmokti mąstyti lanksčiau. Kūrėjai išmoks daugybę „Android“ įrenginių gudrybių. Vadovai gali išsiaiškinti, kaip atsikratyti pikselių tobulumo. Interaktyvi svetainė mobiliesiems gali būti puiki smėlio dėžė mokymuisi. - Infrastruktūra.
Komandos gali išmokti kartą ir visiems laikams išspręsti turinio valdymo problemas, tokias kaip vaizdo kūrimas - Pašalinkite perteklių.
Šis požiūris suteikia puikią galimybę komandoms paklausti savęs „ar mums to tikrai reikia“, kartu sutelkiant dėmesį į našumą. Kodėl? Kadangi pagrindinis jų dėmesys skiriamas svetainės naudotojų patirčiai mobiliuosiuose įrenginiuose gerinti. - Ateitis – svetainės, skirtos pirmiausia mobiliesiems.
Nors iš pradžių trūko turinio ar funkcionalumo, šios svetainės mobiliesiems ilgainiui gali pakeisti viso puslapio protėvius su pakankamai laiko ir pastangų.
- Tai vis dar svetainė mobiliesiems.
Nesvarbu, ar tai responsive, ar ne, šis metodas vis tiek išlaiko daugybę mobiliųjų svetainių trūkumų: URL peradresavimo, turinio valdymo, nuoseklaus turinio, nuoseklumo, SEO optimizavimo ir kt. - Laikini pataisymai.
Daugelis svetainių mobiliesiems yra sukurtos kaip band-Aid – siekiant sustabdyti kraujavimą. Tokios svetainės kuriamos siekiant iškrauti augantį srautą iš mobiliųjų įrenginių. Šie sprendimai vis dar gali patenkinti esamus poreikius, tačiau, atsižvelgiant į ateities tendencijas, vargu ar jie ilgainiui jus išgelbės. - Tikimybė nuvyti ant vynmedžio.
Kai kurios organizacijos gali pradėti tokius projektus, baigti įpusėjus, o tada atsisakyti viso to, kol bus priimtas kitų metų biudžetas. - Dizainas mažiems ekranams.
Kadangi iš pradžių daugiausia dėmesio skiriama mažiems ekranams, vėliau sąsajos perkėlimas į didesnius ekranus neprarandant kokybės gali būti iššūkis.
Trūkumai - 50 netobulumo atspalvių.
Šis metodas gali nepavykti, nes vartotojai turės susidurti su sena ir nauja Frankenstein sąsaja. - Galimybė nudžiūti ant vynmedžio.
Šio tipo projektams reikia aiškių galutinių tikslų arba jie gali visam laikui įstrigti skaistykloje. - Techninis sambūvis.
Kas atsitinka, kai vienas modulis, naudojant naujausias technologijas ir metodus, susidūrė su pasenusiu moduliu? Šis požiūris turi daug architektūrinių iššūkių.
Tai Brado Frosto straipsnio pavadinimu „Reaguojanti strategija“ vertimas. Su autoriaus pritarimu išvertė UXDepot.
PS nuo vertėjų: Tikiuosi, kad straipsnis jums patiko. Džiaugsimės, jei nurodysite vertimo klaidas, kad galėtume jas greitai ištaisyti. Rašykite mums adresu [apsaugotas el. paštas], Prašau:)
Prisitaikantis išdėstymas keičia puslapio dizainą priklausomai nuo vartotojo elgesio, platformos, ekrano dydžio ir įrenginio orientacijos ir yra neatsiejama šiuolaikinio interneto kūrimo dalis. Tai leidžia žymiai sutaupyti ir nereikės braižyti naujo dizaino kiekvienai raiškai, o keisti atskirų elementų dydį ir vietą.
Šiame straipsnyje apžvelgsime pagrindinius svetainės elementus ir kaip juos pritaikyti.
Ekrano raiškos reguliavimasIš principo galima suskirstyti įrenginius į skirtingas kategorijas ir kurti kiekvienam iš jų atskirai, tačiau tai užtruks per daug laiko, o kas žino, kokie standartai bus po penkerių metų? Be to, remiantis statistika, turime daugybę skirtingų skiriamųjų gebų:
Tampa akivaizdu, kad mes negalėsime toliau kurti kiekvienam įrenginiui atskirai. Bet ką tada daryti?
Dalinis sprendimas: padaryti viską lanksčiąŽinoma, tai nėra tobulas metodas, tačiau jis pašalina daugumą problemų.
Ethanas Marcotte'as sukūrė paprastą šabloną, demonstruojantį reaguojančio išdėstymo naudojimą:
Iš pirmo žvilgsnio gali atrodyti, kad viskas paprasta, bet taip nėra. Pažvelkite į logotipą:
Jei sumažinsite visą vaizdą, užrašai taps neįskaitomi. Todėl, siekiant išsaugoti logotipą, paveikslėlis yra padalintas į dvi dalis: pirmoji dalis (iliustracija) naudojama kaip fonas, antroji (logotipas) proporcingai keičia savo dydį.
Elemente h1 yra vaizdas kaip fonas, o vaizdas sulygiuotas su konteinerio fonu (antraštė).
Lankstūs vaizdaiDarbas su vaizdais yra viena iš svarbiausių problemų dirbant su reaguojančiu dizainu. Yra daug būdų, kaip pakeisti vaizdų dydį, ir daugumą jų gana paprasta įgyvendinti. Vienas iš sprendimų yra naudoti maksimalų CSS plotį:
Vaizdas (maksimalus plotis: 100 %;)
Maksimalus vaizdo plotis yra 100 % ekrano arba naršyklės lango pločio, todėl kuo mažesnis plotis, tuo mažesnis vaizdas. Atminkite, kad maksimalus plotis nepalaikomas IE, todėl naudokite plotį: 100 % .
Pateiktas būdas yra geras variantas kuriant adaptyvius vaizdus, tačiau keisdami tik dydį, vaizdo svorį paliksime tą patį, o tai padidins įkėlimo laiką mobiliuosiuose įrenginiuose.
Kitas būdas: reaguojantys vaizdaiFilament Group įdiegta technika ne tik keičia vaizdų dydį, bet ir suspaudžia vaizdų skiriamąją gebą mažuose ekranuose, kad būtų pagreitintas įkėlimas.
Šiam metodui reikalingi keli failai, pasiekiami „Github“. Pirmiausia paimame JavaScript failą ( rwd-images.js), failą .htaccess Ir rwd.gif(vaizdo failas). Tada mes naudojame tam tikrą HTML, kad susietume didelę ir mažą skiriamąją gebą: pirmiausia mažas vaizdas su priešdėliu .r(kad parodytumėte, kad vaizdas turi būti jautrus), tada susiekite su dideliu vaizdu naudodami data-fullsrc:
Bet kuriame ekrane, platesniame nei 480 px, bus įkeltas didesnės raiškos vaizdas ( largeRes.jpg), o mažuose ekranuose jis bus įkeltas ( smallRes.jpg).
„IPhone“ ir „iPod Touch“ turi savybę: dideliems ekranams sukurtas dizainas tiesiog susitrauks mažos raiškos naršyklėje be slinkimo ar papildomo mobiliojo išdėstymo. Tačiau vaizdai ir tekstas nebus matomi:
Norėdami išspręsti šią problemą, naudokite metažymą:
Jei pradinė skalė lygi vienetui, vaizdų plotis tampa lygus ekrano pločiui.
Pritaikoma puslapio išdėstymo struktūraNorint žymiai pakeisti puslapio dydį, gali tekti pakeisti bendrą elementų išdėstymą. Tai galima patogiai padaryti naudojant atskirą stilių failą arba, dar efektyviau, naudojant CSS medijos užklausą. Problemų neturėtų kilti, nes dauguma stilių išliks tokie patys ir tik keli pasikeis.
Pavyzdžiui, turite pagrindinį stiliaus failą, kuriame nurodomos #wrapper , #content , #sidebar , #nav kartu su spalvomis, fonu ir šriftais. Jei dėl pagrindinių stilių išdėstymas yra per siauras, trumpas, platus arba aukštas, galite tai nustatyti ir įtraukti naujų stilių.
style.css (pagrindinis):
/* Pagrindiniai stiliai, kuriuos paveldės antrinis stilių lapas */ html,body( background... šriftas... spalva... ) h1,h2,h3() p, blockquote, pre, code, ol, ul () /* Struktūriniai elementai */ #wrapper( plotis: 80%; paraštė: 0 automatinis; fonas: #fff; užpildymas: 20 pikselių; ) #content( plotis: 54%; slankioji: kairė; paraštė-dešinė: 3%; ) # šoninė juosta-kairė (plotis: 20%; plūduriuoti: kairė; paraštė-dešinė: 3%; ) #šoninė juosta-dešinė (plotis: 20%; plūdė: kairė; )
mobile.css (vaikas):
#wrapper( plotis: 90%; ) #content( plotis: 100%; ) #sidebar-left( plotis: 100%; aiškus: abu; /* Papildomi naujo dizaino stiliai */ border-top: 1px solid #ccc ; paraštė viršuje: 20 pikselių; ) # šoninė juosta dešinėje (plotis: 100 %; aiškus: abu; /* Papildomas stilius mūsų naujam išdėstymui */ border-top: 1px solid #ccc; paraštės viršuje: 20 pikselių; )
Plačiame ekrane kairė ir dešinė šoninės juostos gražiai priglunda prie šono. Siauresniuose ekranuose šie blokai yra išdėstyti vienas po kito, kad būtų patogiau.
CSS3 medijos užklausosPažiūrėkime, kaip galite naudoti CSS3 medijos užklausas kuriant reaguojančius dizainus. min-width nurodo minimalų naršyklės lango arba ekrano, kuriam bus taikomi tam tikri stiliai, plotį. Jei kuri nors reikšmė yra mažesnė nei min-width , stiliai bus nepaisomi. maksimalus plotis veikia priešingai.
@medijos ekranas ir (minimalus plotis: 600 piks.) ( .hereIsMyClass ( plotis: 30 %; plūduriuoti: dešinėje; ) )
Medijos užklausa veiks tik tada, kai minimalus plotis yra didesnis arba lygus 600 pikselių.
@medijos ekranas ir (maks. plotis: 600 piks.) ( .aClassforSmallScreens ( aiškus: abu; šrifto dydis: 1,3 em; ) )
Šiuo atveju klasė ( aClassfor Smallscreens) veiks, kai ekrano plotis yra mažesnis arba lygus 600 px.
Nors minimalus ir didžiausias plotis gali būti taikomi ir ekrano pločiui, ir naršyklės lango pločiui, mums gali tekti dirbti tik su įrenginio pločiu. Pavyzdžiui, ignoruoti naršykles, atidarytas mažame lange. Tam galite naudoti minimalų įrenginio plotį ir didžiausią įrenginio plotį:
@medijos ekranas ir (maksimalus įrenginio plotis: 480 pikselių) ( .classForiPhoneDisplay (šrifto dydis: 1,2 em; ) ) @medijos ekranas ir (minimalus įrenginio plotis: 768 pikseliai) ( .minimumiPadWidth ( aiškus: abu; margin-bottom : 2px solid #ccc ) )
Ypač iPad, medijos užklausos turi savybę orientacija, kurių vertės gali būti bet kurios kraštovaizdis(horizontalus), arba portretas(vertikaliai):
@medijos ekranas ir (orientacija: gulsčias) ( .iPadLandscape (plotis: 30 %; plūduriuojantis: dešinėn; ) ) @medijos ekranas ir (orientacija: stačias) ( .iPadPortrait (aiškus: abu; ) )
Taip pat galite derinti medijos užklausos reikšmes:
@medijos ekranas ir (min. plotis: 800 piks.) ir (maks. plotis: 1200 piks.) ( .classForaMediumScreen ( fonas: #cc0000; plotis: 30 %; slankusis: dešinėje; ) )
Šis kodas bus vykdomas tik 800–1200 pikselių pločio ekranuose arba naršyklės languose.
Galite įkelti konkretų lapą su skirtingų laikmenų užklausų reikšmių stiliais, pavyzdžiui:
JavaScript
Jei jūsų naršyklė nepalaiko CSS3 medijos užklausų, stilių galima pakeisti naudojant jQuery:
$(document).ready(function())( $(window).bind("keisti dydį", resizeWindow); funkcija resizeWindow(e)( var newWindowWidth = $(langas).width(); // Jei plotis yra mažesnis nei 600 px , mobiliojo telefono stiliaus lapas naudojamas if(newWindowWidth< 600){ $("link").attr({href: "mobile.css"}); } else if(newWindowWidth >600)( // Jei plotis didesnis nei 600 px, naudojamas darbalaukio stiliaus lapas $("link").attr((href: "style.css")); ) ) ));
Pasirenkamas turinio rodymasGalimybė susitraukti ir pertvarkyti elementus, kad tilptų mažuose ekranuose, yra puiki. Tačiau tai nėra geriausias pasirinkimas. Mobilieji įrenginiai paprastai turi platesnį pakeitimų rinkinį: supaprastinta naršymas, labiau sutelktas turinys, sąrašai arba eilutės, o ne stulpeliai.
Laimei, CSS suteikia mums galimybę neįtikėtinai lengvai rodyti ir slėpti turinį.
Ekranas: nėra;
ekranas: nenaudojamas objektams, kuriuos reikia paslėpti.
Štai mūsų žymėjimas:
Pagrindinis turinys Kairioji šoninė juosta Dešinė šoninė juosta
style.css (pagrindinis):
#content( plotis: 54%; plūdimas: kairė; paraštė-dešinė: 3%; ) #sidebar-left( plotis: 20%; flot: left; margin-dešinė: 3%; ) #sidebar-right( plotis: 20 % float: left; .sidebar-nav( display: none; )
mobile.css (supaprastinta):
#content( plotis: 100%; ) #sidebar-left( display: none; ) #sidebar-right( display: none; ) .sidebar-nav( display: inline; )
Jei ekrano dydis sumažintas, galite, pavyzdžiui, naudoti scenarijų arba alternatyvų stiliaus failą, kad padidintumėte baltą erdvę arba pakeistumėte naršymą, kad būtų patogiau. Taigi, turėdami galimybę paslėpti ir rodyti elementus, keisti paveikslėlių, elementų dydį ir dar daugiau, galite pritaikyti dizainą prie bet kurio įrenginio ir ekrano.
Kaip „Yandex“ naudoja jūsų duomenis ir mašininį mokymąsi paslaugoms pritaikyti –.
Siųsti savo gerą darbą žinių bazėje yra paprasta. Naudokite žemiau esančią formąStudentai, magistrantai, jaunieji mokslininkai, kurie naudojasi žinių baze savo studijose ir darbe, bus jums labai dėkingi.
Paskelbta http://allbest.ru
1. Adaptyvusis modernizavimas
2. Interaktyvios svetainės mobiliesiems
3. Reaktyvus dizainas, skirtas mobiliesiems įrenginiams
4. Fazinė strategija
1. Adaptyvusis modernizavimas
Interaktyvus pertvarkymas – tai esamos tik staliniams kompiuteriams skirtos svetainės paėmimas ir iš esmės jos pritaikymas.
Šiuo metu apie 11-12% iš 100 000 lankomiausių svetainių yra reaguojančios ir neabejotina, kad per ateinančius kelerius metus šis skaičius didės. Kadangi vis daugiau organizacijų raitojasi rankoves, kad suvoktų kelių įrenginių žiniatinklio realijas, verta apsvarstyti keletą strategijų, naudojamų nirvanai pasiekti:
Kalbant apie paruoštas svetaines (ypač komercines), komandos ne visada turi galimybę viską išmesti ir kurti iš naujo. Daugeliui organizacijų net nesvarstoma didelio masto naujo dizaino kūrimas nuo nulio. Štai kodėl reaguojantis modernizavimas yra populiarus būdas sukurti gerą mobiliųjų įrenginių patirtį.
Privalumai:
· Palyginti greitai. Kadangi nereikia visko perstatyti nuo nulio.
· Pažįstamas. Neklaidina vartotojų. Žmonės daug metų priprato prie sąsajos, o atnaujindamos esamą, organizacijos išlaiko pažįstamą požiūrį ir pagerina mobiliuosius įrenginius turinčių žmonių gyvenimą.
· Organizaciniu požiūriu greičiau. Atnaujinti sąsają yra saugiau ir lengviau nei pradėti nuo nulio.
Trūkumai:
· Paveikia tik nedidelę dalį. 10 litrų vandens trijų litrų stiklainyje. Daug turinio
· Produktyvumas.
· Blogiausias palaikymas. Medijos užklausos, iš pradžių sukurtos staliniams kompiuteriams, yra menkai palaikomos daugelyje mobiliųjų įrenginių.
2. Interaktyvios svetainės mobiliesiems
Interaktyvios svetainės mobiliesiems – tai atskiros svetainės kūrimas „m.yourdomain.ru“ formatu naudojant interaktyvaus dizaino metodus.
Mobilioji versija suteikia galimybę pasėti sėklą, kuri išaugs iš jūsų senosios svetainės. Laikui bėgant, pasenusi svetainė gali būti pašalinta, o svetainė taps pritaikyta mobiliesiems, bus interaktyvi ir atsižvelgs į būsimas tendencijas.
Privalumai:
· Mažesnė rizika. Srautas iš mobiliųjų įrenginių yra mažuma.
· Interaktyvi svetainė mobiliesiems gali būti puiki smėlio dėžė mokymuisi.
· Pašalinkite nereikalingus daiktus. Šis požiūris suteikia puikią galimybę komandoms paklausti savęs „ar mums to tikrai reikia“, kartu sutelkiant dėmesį į našumą.
· Ateitis – mobiliesiems skirtos svetainės. Nors iš pradžių trūko turinio ar funkcionalumo, sugaišus pakankamai laiko ir pastangų, šios svetainės mobiliesiems ilgainiui gali pakeisti savo protėvius visą puslapį.
Trūkumai:
· Tai vis dar svetainė mobiliesiems. Nesvarbu, ar tai responsive, ar ne, šis metodas vis tiek išlaiko daugybę mobiliųjų svetainių trūkumų: URL peradresavimo, turinio valdymo, nuoseklaus turinio, nuoseklumo, SEO optimizavimo ir kt.
· Laikini pataisymai. Daugelis svetainių mobiliesiems yra sukurtos kaip juostos pagalba, siekiant sustabdyti kraujavimą. Tokios svetainės kuriamos siekiant iškrauti augantį srautą iš mobiliųjų įrenginių. Šie sprendimai vis dar gali patenkinti esamus poreikius, tačiau, atsižvelgiant į ateities tendencijas, vargu ar jie ilgainiui jus išgelbės.
· Galimybė nudžiūti ant vynmedžio.
· Dizainas mažiems ekranams. Kadangi iš pradžių daugiausia dėmesio skiriama mažiems ekranams, vėliau sąsajos perkėlimas į didesnius ekranus neprarandant kokybės gali būti iššūkis.
3. Interaktyvus dizainas, skirtas mobiliesiems įrenginiams
išmaniojo telefono sąsajos dizainas
„Pirmiausia mobiliesiems“ – tai principas, apimantis sąsajos sukūrimą, atsižvelgiant į mobiliosios aplinkos apribojimus (mažą ekraną, mažą pralaidumą ir kt.), tačiau išnaudojant visas didelių ekranų galimybes.
Privalumai:
· Pradėkite su naujomis jėgomis. Pirmiausia mobilusis – nauja pradžia.
· Geriausias palaikymas. Daugiau mobiliųjų įrenginių, ypač senesnių, kurie nepalaiko medijos užklausų, palaikymas.
· Produktyvumas. Nors svetainės našumas pirmiausia priklauso nuo jos įgyvendinimo, mobiliesiems pritaikyti dizainai suteikia komandoms galimybę nuo pat pradžių sutelkti dėmesį į našumą.
· Atsižvelgiant į viską ir iš karto. Mobiliesiems pritaikytas dizainas (nepaisant jo pavadinimo) gali pritaikyti daugybę skiriamųjų gebų, o ne tik taikyti vieną įrenginių klasę.
· Ateičiai atsparus dizainas.
Trūkumai:
· Skirkite daug laiko
Sąmonės poslinkis
· Sunku organizaciniu požiūriu
· Nepažįstamas
4. Fazinė strategija
Žingsnis po žingsnio interaktyvaus dizaino strategija suskaido didelės apimties kampaniją į kelis veiksmus. Kaip ir modernizuojant (šios strategijos viena kitos nepaneigia), gali būti neįmanoma atlikti didelio masto pertvarkymo, todėl kai kurios organizacijos tai daro po vieną žingsnį. Yra keletas būdų, kaip žingsnis po žingsnio sukurti prisitaikančią sąsają: Puslapis po puslapio.
Privalumai:
· Pastebimas
· Galimybę išmokti būti lanksčiam. Galite sužinoti viską apie interaktyvių sąsajų kūrimą ir panaudoti šias žinias likusioje svetainės dalyje.
· Didesnės paleidimo galimybės
Trūkumai:
Trūksta vientisumo
· Galimybė nuvyti ant vynmedžio
Paskelbta Allbest.ru
Panašūs dokumentaiVartotojo sąsajų kūrimo principai ir metodai, jų projektavimo taisyklės. Klasikiniai vartotojo sąsajų prototipų kūrimo būdai naudojant „Microsoft Expression Blend“. Darbas su tekstu ir grafika naudojant Expression Blend.
kursinis darbas, pridėtas 2012-03-19
Interneto kūrimo istorija ir pagrindiniai jo principai: protokolai, paslaugos, paslaugos. Priklausomybės nuo interneto, trolinimo, kiberpanko ir cenzūros sąvokų apibrėžimas. Svetainių klasifikavimas ir išdėstymas, jų dizaino kūrimas. Naršyklės Mozilla Firefox ir Opera.
santrauka, pridėta 2011-11-10
Svetainių kūrimo ir projektavimo metodų ir įrankių apžvalga. Programavimo kalbos interneto svetainėms kurti. TVS turinio valdymo sistemų privalumų ir trūkumų analizė. Interneto svetainės dizaino ir maketavimo kūrimas. Produkto kūrimo kaštų skaičiavimas.
baigiamasis darbas, pridėtas 2016-02-06
Šiuolaikinių programų optimizavimo sistemų grafinių vartotojo sąsajų analizė. SBkZ_PP valdymo sistemos matematinio modelio ir algoritmo sukūrimas, jos architektūrinė-kontekstinė diagrama. Programinės įrangos techninė dokumentacija.
baigiamasis darbas, pridėtas 2012-04-18
Universiteto svetainių, įskaitant sukurtų TVS pagrindu, naudojamų technologijų, turinio ir dizaino peržiūra ir analizė. PRIPIT svetainės turinio ir įvairių potencialių jos lankytojų grupių informacijos poreikių tyrimas. Interneto svetainės dizaino kūrimas.
baigiamasis darbas, pridėtas 2010-11-03
Ekrano grafiniai komponentai, sistemos objektai ir funkcijos. Vartotojo sąveikos su įrenginiu priemonių sistema. Asmeninių kompiuterių grafinių vartotojo sąsajų istorija, jų klasifikacija. X langų sistema.
pristatymas, pridėtas 2012-05-22
Prekybos įmonės interneto puslapio kūrimo ir projektavimo metodų parinkimas. Darbo su interneto dizaino elementais ypatybės: šriftas, pavadinimai, grafika. Interneto svetainių kūrimo ir naudojimo teisinis reglamentavimas.
baigiamasis darbas, pridėtas 2010-11-11
Kompiuterių hierarchinių sistemų informacijos sąveikos sąsajų charakteristikos. „grįžtamojo ryšio“ principas. Aparatinės ir programinės įrangos sąsajų kūrimo savybės, paprastumas ir taisyklės. Naujos kompiuterinių sistemų projektavimo kryptys.
kursinis darbas, pridėtas 2017-05-01
Konsultacijų verslo žiniasklaidos analizė: programavimo kalbų ir programinės įrangos, skirtos svetainėms, informacinėms sistemoms ir konsultacinių įmonių svetainėms kurti, apžvalga. Verslo procesų modeliavimas. Interneto buvimo plėtra.
baigiamasis darbas, pridėtas 2012-11-04
Interneto paslaugos kūrimas, siekiant sukurti vaizdinę sąsają prieglobos įmonės sisteminėms paslaugoms. Sąsajos ir plėtros krypčių vertinimo kriterijai. GlideOS darbalaukis. Paslaugų architektūros, programavimo kalbos ir komunikacijos metodų parinkimas.