Teknologian jakaminen

[PM]Prototyypit ja vuorovaikutussuunnittelu

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Arkkityyppiluokitus

1. Piirrä prototyyppi

Käsin piirretyt piirustukset, joita käytetään suunnittelun alkuvaiheessa ideoiden järjestämiseen

2. Low-fidelity prototyypit

Yksinkertainen vuorovaikutus, ei tarvetta värien yhteensovittamiseen, pääasiassa musta, valkoinen ja harmaa, käytetään tuotesuunnittelu- ja tarkistusvaiheissa

Standardoidut low-fidelity-prototyypit ovat korkean tarkkuuden prototyyppien perusta

3. Korkealaatuiset prototyypit

Monimutkaiset vuorovaikutukset, joita käytetään yleisesti julkisissa mielenosoituksissa,

Tuote tuottaa ensin low-fidelity-prototyypin ja suunnittelija prototyypin pohjalta suunnitteluluonnoksen.

Low-fidelity prototyyppi + suunnitteluluonnos = high-fidelity prototyyppi

Axure

1. Käyttöliittymä

①Valikkoalue ②Tasoalue ③Komponenttialue ④ Piirustusalue ⑤Tyylialue

2. Yhteiset toiminnot
  1. Luo uusi tiedosto: Tiedosto-> Uusi
  2. Avaa tiedosto: Tiedosto->Avaa
  3. Tallenna tiedosto: Tiedosto->Tallenna
  4. Päätiedostotyypit
  • .rp: prototyyppitiedosto
  • .rplib: komponenttikirjastotiedosto
  • .rpteam tiimin projektitiedosto
  • .html verkkosivun tiedosto
  1. Automaattinen tallennus: Asetukset-> Ota varmuuskopio käyttöön
  2. Yhdistelmä: Ctrl+G
  3. Julkaise: Luo prototyyppi HTML-tiedostoksi -> On suositeltavaa luoda ensin uusi kansio
  4. Ohje: Tietoja Axuresta ->Näytä versio
  5. Ohje: Valtuutuksen hallinta-> Crack-ohjelmisto
  6. Lisää alkuperäinen kirjasto: komponenttikirjasto + numero
  7. Poista komponenttikirjasto: Avaa komponenttikirjasto->Lisää->Poista komponenttikirjasto
3. Tyylisuunnittelu

Vedä komponentti kankaalle ja muokkaa tyyliä

4. Vuorovaikutussuunnittelu

Vuorovaikutus on ihmisen ja tietokoneen vuorovaikutuksen prosessi, ja vuorovaikutuksen suunnittelu on vuorovaikutussääntöjen ja suorituskyvyn suunnittelua.

Axuressa vuorovaikutus on jaettu vuorovaikutustyyliin ja vuorovaikutuslogiikkaan

1. Interaktiivisessa tyylissä on sisäänrakennettuja yleisiä tyylimuutoksia, joita on helppo käyttää, mutta se ei voi asettaa logiikkaa.

2. Vuorovaikutuslogiikan asetus on joustavampi Lisäämällä elementteihin tapahtumia ja toimintoja, personoituja tyylejä ja loogisia vuorovaikutuksia voidaan täydentää

3. Asetetut interaktiiviset tehosteet on katsottava esikatselussa

5. Toistin

Toistimen tehtävänä on käyttää rakennetta uudelleen ilman, että sitä tarvitsee koko ajan kopioida ja liittää.

  1. Luo toistin, kaksoisnapsauta toistinta siirtyäksesi muokkaustilaan
  2. Nimeä kaikki komponentit myöhemmän tietojen sitomisen helpottamiseksi.
  3. Lopeta muokkaus ja täytä taulukon tiedot (sarakkeiden nimet tukevat vain englantia)
  4. Näytä-> Maski-> Sammuta toistinmaski

6. Dynaaminen paneeli

Käytä dynaamisia paneeleja sisällönvaihtotehosteiden saavuttamiseen

  1. Lisää vasen navigointipalkki
  2. Lisää oikealle dynaaminen paneeli
  3. Siirry muokkaustilaan kaksoisnapsauttamalla dynaamista paneelia
  4. Aseta eri elementit eri tiloihin

  1. Lisää napsautustapahtumia navigointiin ja aseta dynaamisen paneelin tila

  1. Esikatselutehoste

prototyypin spesifikaatio

Ero matkapuhelin- ja tietokonesovellusten välillä:

  1. Näytön sovitus (näytön koko, resoluutio)
  2. Vuorovaikutusmenetelmä (hiiri on tarkempi kuin sormiohjaus)
PC-versio

1. versio sydän

Nykyinen valtavirran resoluutio on 1920 * 1080, joten versiokeskus on yleensä välillä 960-1200 ja yleinen suositus on 1200

Ennen vuotta 2012 valtavirran resoluutio oli 1024 * 768, joten versiokeskus oli 760

2. Navigointi

3. Lomake

4. Luettelo

M loppu

Mobiilipäätteelle ei ole kiinteää kokoa. Prototyypit valmistetaan muunnetun mallin koon mukaan. Esimerkiksi iPhone 6:n koko on 375 * 667

1. Kiinteä elementin koko

2. Yhteiset tilat

3. Yleiset näyttölomakkeet