Condivisione della tecnologia

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

Classificazione degli archetipi

1. Schizzo del prototipo

Disegni disegnati a mano, utilizzati nelle prime fasi della progettazione, per organizzare le idee

2. Prototipi a bassa fedeltà

Interazione semplice, senza necessità di corrispondenza dei colori, principalmente nero, bianco e grigio, utilizzata nelle fasi di pianificazione e revisione del prodotto

I prototipi standardizzati a bassa fedeltà costituiscono la base per i prototipi ad alta fedeltà

3. Prototipi ad alta fedeltà

Interazioni complesse, generalmente utilizzate per dimostrazioni pubbliche,

Il prodotto produce innanzitutto un prototipo a bassa fedeltà e il progettista produce una bozza di progetto basata sul prototipo.

Prototipo a bassa fedeltà + bozza di progetto = prototipo ad alta fedeltà

Ascia

1. Interfaccia operativa

①Area menu ②Area livelli ③Area componenti ④Area disegno ⑤Area stile

2. Operazioni comuni

1. Crea un nuovo file: File->Nuovo
2. Apri il file: File->Apri
3. Salvare il file: File->Salva
4. Principali tipi di file

• .rp: file prototipo
• .rplib: file della libreria dei componenti
• File di progetto del team .rpteam
• File della pagina Web .html

1. Salvataggio automatico: Preferenze->Abilita backup
2. Combinazione: Ctrl+G
3. Pubblica: genera il prototipo in un file HTML -> Si consiglia di creare prima una nuova cartella
4. Aiuto: Informazioni su Axure ->Visualizza versione
5. Aiuto: Gestisci autorizzazione->Crack software
6. Aggiungi libreria originale: libreria componenti + numero
7. Rimuovi libreria componenti: Apri libreria componenti->Altro->Rimuovi libreria componenti

disegno 3.Style

Trascina il componente nell'area di disegno e modifica lo stile

4.Progettazione dell'interazione

L'interazione è il processo di interazione uomo-computer e l'interaction design è la progettazione delle regole e delle prestazioni dell'interazione.

In Axure, l'interazione è divisa in stile di interazione e logica di interazione

1. Lo stile interattivo presenta modifiche di stile comuni integrate, che sono facili da usare ma non possono impostare la logica.

2. L'impostazione della logica di interazione è più flessibile Aggiungendo eventi e azioni agli elementi, è possibile completare stili personalizzati e interazioni logiche

3. Gli effetti interattivi impostati devono essere visualizzati nell'anteprima

5. Ripetitore

La funzione del ripetitore è riutilizzare la struttura senza dover copiare e incollare continuamente.

1. Crea un ripetitore, fai doppio clic sul ripetitore per accedere alla modalità di modifica
2. Assegnare un nome a tutti i componenti per facilitare la successiva associazione dei dati.
3. Esci dalla modifica e inserisci i dati della tabella (i nomi delle colonne supportano solo l'inglese)
4. Visualizza->Maschera->Disattiva la maschera ripetitore

6. Pannello dinamico

Utilizza i pannelli dinamici per ottenere effetti di commutazione dei contenuti

1. Aggiungi la barra di navigazione a sinistra
2. Aggiungi un pannello dinamico a destra
3. Fare doppio clic sul pannello dinamico per accedere alla modalità di modifica
4. Imposta elementi diversi in stati diversi

1. Aggiungi eventi clic alla navigazione e imposta lo stato del pannello dinamico

1. Effetto anteprima

specifica del prototipo

La differenza tra le app del cellulare e quelle del computer:

1. Adattamento dello schermo (dimensioni dello schermo, risoluzione)
2. Metodo di interazione (il mouse è più preciso del controllo con le dita)

Versione per PC

1. versione cuore

L'attuale risoluzione mainstream è 1920 * 1080, quindi il centro versione è generalmente compreso tra 960 e 1200 e la raccomandazione generale è 1200

Prima del 2012, la risoluzione tradizionale era 1024 * 768, quindi il centro versione era 760

2.Navigazione

3. Forma

4. Elenco

Fine M

Non esiste una specifica di dimensione fissa per il terminale mobile. I prototipi vengono realizzati in base alla dimensione del modello adattato. Ad esempio, la dimensione dell'iPhone 6 è 375 * 667

1. Dimensione fissa dell'elemento

2. Aree comuni

3. Forme di visualizzazione comuni