1 / 24

MULTIMEEDIA RAKENDUSTE KUJUNDAMINE

MULTIMEEDIA RAKENDUSTE KUJUNDAMINE. Kujundamise reeglid. Ole konservatiivne! Ära ilusta ja kaunista liiga palju ehk: alati disaini, mitte ära dekoreeri! Rohkem ei ole alati parem! (Less is more) Ole järjekindel! Järgi reegleid, kui Sul ei ole just väga head põhjust neid rikkuda!.

ailsa
Download Presentation

MULTIMEEDIA RAKENDUSTE KUJUNDAMINE

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. MULTIMEEDIA RAKENDUSTE KUJUNDAMINE

  2. Kujundamise reeglid • Ole konservatiivne! • Ära ilusta ja kaunista liiga palju ehk: alati disaini, mitte ära dekoreeri! • Rohkem ei ole alati parem! (Less is more) • Ole järjekindel! • Järgi reegleid, kui Sul ei ole just väga head põhjust neid rikkuda!

  3. Kommunikatsioonireeglid • Materjal peab lugejat köitma • Materjal peab olema kergesti loetav • Materjal peab rõhutama olulist infot • Materjal peab olema väljendusrikas • Materjal peaks looma äratundmisefekti • – “Seda ma ju tean!”

  4. Ülesehitus Määratle • millised on rakenduse eesmärgid - õpetavad vms; • vahendid nende eesmärkide saavutamiseks; • esitluskoht: esitus klassis, individuaalne kasutamine või mõlemad; • auditoorium: kogemuste tase, suhteline keerukus, vanus jne; • kasutatav tehnika: võrk, helisüsteem, projektsioon jne

  5. Enne detailidesse laskumist olgu valitud ja koostatud: • kondikava; • pealkiri; • sisukord või üldine orienteeriv lehekülg koos mõningase näitliku sisuga; • navigatsioonivahendid (nupud vms.) rakenduse piires liikumiseks; • alajaotus, mis seotakse sisukorraga.

  6. Kasuta kogu ekraani, kui: • on suur kirjasuurus, palju informatsiooni, detailiseeritud graafika; • rakendus on ette nähtud auditooriumis ettenäitamiseks (kus pilt peab olema võimalikult suur); • on tarvis ära hoida kogenematute kasutajate ligipääs muudele programmidele.

  7. Kasuta osalist ekraani, kui: • on vaja, et kogenud kasutaja pääseks ligi ka teistele vahenditele ja programmidele, mis seostub põhirakendusega; • see rakendus ongi tehtud kasutamaks teda koos teiste rakendustega (sõnaraamat); • lihtsalt on selline pisike, et mahub ära osale ekraanist.

  8. Kasutajaliides See peab olema väga lihtne • Soovitav on rakendusele leida piltlik alus • Loo oma rakenduses koht, kus saab ülevaate kogu organisatsioonist ja muuda see koht kõikjalt kättesaadavaks (sisukord, menüü, kaart jms.)

  9. Kasutajaliides • Kindlusta kasutaja väljapääsuga igast rakenduse harust. • Kui kasutajal on võimalus pidevalt hüpata ühest kohast teise, peaks tegema talle võimalikuks jälgimise, kus ta on.

  10. Navigatsioonivahendid • Navigatsioonivahendid (nupud, ikoonid) olgu ühemõttelised • Püüa arvestada kasutaja kogemustega • Kasuta märke ja mõisteid • Kasutajal olgu tagasiside • Tee navigatsioonivahendid vähem silmatorkavaks • Grupeeri ühele teljele sarnase funktsiooniga nupud • Ära risusta oma ekraani üle

  11. Järjepidevus paigutuses • Elementide paigutus ekraanil on erakordselt tähtis, sest kui kasutaja peab pingutama leidmaks ekraanil vajalikku infot või juhtnuppe, juhitakse ta tähelepanu rakendusesisust kõrvale.

  12. Disaini alused Professionaalses disainis teenib kõik eesmärki • Üldine stiil paika

  13. Disaini alused Kehtivad järgmised figuuri – tausta seoste reeglid: • Pilgu püüdmine ja kinnihoidmine • Kuju ja tausta suhe

  14. Figuuri – tausta seoste reeglid:

  15. Kaal • Igal visuaalsel elemendil on disainis oma suhteline kaal (weight)

  16. Kaal

  17. Objektide paigutus ekraanil • Osa ekraanist (lehekülje pinnast) tõmbab rohkem tähelepanu kui teised • Objektide paigutamine lehe/ekraani keskele on ootuspärane ja igav • Inimfiguurid peaksid alati vaatama lehe/ekraani sissepoole • Väga oluline on ka tasakaal

  18. Lihtsus eelkõige • Ärge kuhjake objekte üksteise otsa • Vaba ruumi vähesus tähendab, et korraga pakutakse liiga palju informatsiooni • Korrastatud struktuur on alati eelistatav kaosele • Kui on vaja edastada palju informatsiooni, siis tuleks see kuidagi mitme lehe/ekraanitäie vahel ära jagada

  19. Kuidas vähendada ekraani tihedust (density) • Kõnekeelse programmiakna (conversational window) tihedus peaks olema 25 – 30% ehk 70 – 75% akna pinnast peaks olema tühi • NASA uurijad avastasid, et tihedalt täispakitud (70%) ekraanipildile kiire pilgu heitega uurimine (scan) võtab aega umbes 5 sekundit, samas 30% täidetud ekraanipildi uurimine vaid 3,4 sekundit

  20. Tiheduse vähendamiseks antakse järgmised soovitused: • Esita informatsioon organiseeritult • Aseta nupud (buttons) korrektselt • Loo informatsiooni funktsionaalsed grupid • Paku ainult hetkel vajalikku informatsiooni • Esita informatsiooni, mida võib-olla soovitakse, mida oleks meeldiv teada, eraldi dialoogiaknas

  21. Objektide joondamine (align)

  22. Disaini köitvamaks muutmine • Ruumilisus

  23. Disaini köitvamaks muutmine • Lisa liikumist (action)

  24. Disaini köitvamaks muutmine • Raamide kasutamine

More Related