Palette colori in Axure RP Pro

Per realizzare un prototipo a fedeltà elevata in Axure è sicuramente molto importate puntare sul look’n feel oltre che sull’interazione.

Puntare sul look’n feel vuol dire prototipare con il massimo di fedeltà a quella che sarà la grafica finale del prodotto. In questo caso particolarmente importante è l’uso dei colori in Axure.

La palette colori in Axure ha tre grandi limitazioni per l’uso professionale del prodotto:

1. Quantità di colori aggiungibile ai “colori personalizzati” troppo basso. La limitazione risulta evidente sopratutto nel momento in cui ci si trova a lavorare con Axure su molti progetti che hanno linee cromatiche differenti.

2. La palette colori non è legata al file sul quale si sta lavorando… ragione per la quale molto spesso ci si trova a dover ridefinire tutti i colori nel passare da un file ad un altro.

3. Non è possibile definire delle etichette descrittive per i colori. Ogni volta bisogna quindi ri-mappare mentalmente la funzionalità di tutti i colori: colori di sfondo, colori del testo, colori per i titoli, colori per il testo libero, colori degli elementi di feedback e così via.

Queste tre limitazioni risultano particolarmente rilevanti sopratutto nel momento in cui vi è la necessità per il designer di prototipare un nuovo elemento di interazione che dia delle indicazioni specifiche e puntuali al professionista che dovrà poi realizzare la grafica, o nel momento in cui con il cliente si stiano discutendo aspetti di comunicazione in cui i cromatismi sono essenziali.

E’ possibile risolvere la situazione attraverso la creazione di una pagina palette e di uno strumento Colour Contrast Analyzer.

La pagina palette ci aiuta a tenere traccia dei colori per lo specifico file in cui viene inserita, mentre Colour Contrast ci aiuta a ricodificarli per riaggiornare la palette dei colori ogni qualvolta si cambi progetto su cui lavorare.

Un esempio di pagina per la palette dei colori.

Esempio palette in Axure

No Comments yet »

RSS feed for comments on this post. TrackBack URI

Leave a comment

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Powered by WordPress with GimpStyle Theme design by Horacio Bella.
Entries and comments feeds. Valid XHTML and CSS.