Modelli di prototipazione di dispositivi mobili gratuiti - Best Of

Grazie ad Apple, Microsoft e Google che hanno aderito alla guerra mobile con i loro eserciti di innovazione in questi anni, il mercato della telefonia mobile è entrato nella sua era d'oro che una massiccia quantità di marchi provenienti da settori molto diversi sta cercando la propria esistenza applicativa in questo mercato estremamente redditizio, aumentando così la necessità di risorse di sketch, wireframing e prototyping nello sviluppo di applicazioni.

A differenza dello sketch e del wireframing, la maggior parte dei clienti probabilmente avrà uno sguardo realistico su quale dovrebbe essere il prodotto finale nella fase di prototipazione. Per rendere la tua prototipazione presentata davvero piacevole prima degli occhi critici dei clienti, abbiamo elencato 31 modelli di prototipazione dei dispositivi mobili che includevano i famosi iOS, Android e Windows Phone 7, in diversi formati di software .

Afferrale e fai brillare il tuo prototipo prima dei tuoi clienti, elenco completo dopo il salto!

iOS

GUI iPad (Photoshop). Presentato dal noto creatore di template GUI professionale, il template fornisce elementi iPad di qualità necessari per progettare proof-of-concept di asset pronti per la produzione, e sì, è assolutamente gratuito ! C'è anche una versione Omnigraffle ben realizzata, realizzata da Information Architects.

Kit GUI per iPad (Photoshop). Un modello di prototipazione iPad sexy prodotto da RawApps. Il modello offre attualmente una dimensione tela vera per l'iPad con risoluzione 768 × 1024. Anche la maggior parte degli elementi grafici sono forniti in formato vettoriale, quindi hai molta flessibilità per adattarli alle tue esigenze.

Elementi di grafica vettoriale per iPad (Illustrator). Rilasciato da Icon Maker di qualità, questo set scalabile include quasi tutti gli elementi dell'interfaccia utente dell'iPad come pulsanti, schede, menu, tastiera, ecc., Probabilmente utili per i progettisti che non vedono l'ora di produrre prototipi realistici.

Modelli di prototipazione per iPad (Keynote). Quello che vedi nell'anteprima è solo un assaggio dell'intero template. Il modello di prototipazione iPad di Keynotopia include componenti e temi dell'interfaccia completi per l'orientamento orizzontale e verticale, disponibili esclusivamente per te con soli $ 9, un investimento degno!

Stencil di design iOS (Omnigraffle). Stencil di design per dispositivi iPhone, iPad e iPod touch. Tutti gli stencil sono creati a mano e raggruppati per facilitarne l'uso, inoltre è possibile ridimensionarli ed esportarli in qualsiasi formato vettoriale supportato in Omnigraffle.

iPhone 4 GUI (Photoshop). Ancora una volta questo è il mostruoso kit GUI fornito da Teehan + lax, e per mostruoso intendo che il kit include tutti gli elementi grafici essenziali per iPhone con la massima risoluzione possibile per la tua necessità di prototipazione e diamine, è persino gratuito.

iPhone Vector Kit (Photoshop). Un elegante kit vettoriale per iPhone rilasciato da Smashing Magazine nel 2008. La grafica è davvero buona per prototipare prototipi dall'aspetto professionale per i clienti commerciali.

iPhone UI Vector Elements (Illustrator). "Poiché ci preoccupiamo tanto dei nostri colleghi sviluppatori di iPhone, stiamo rendendo disponibili i nostri file vettoriali oggi. (Penso di essermi appena fatto vomitare un po ') "

Yahoo! Kit di stencil di design (Omnigraffle, Fireworks, Axure). Questo degno kit stencil per iPhone è una delle collezioni incluse in Yahoo! Kit di stencil di design. La cosa grandiosa di questo kit è la sua vasta compatibilità software, che include anche il formato InDesign.

Stencil per iPhone di ultima generazione (Omnigraffle). Realizzato dallo stesso fondatore di Graffletopia, questo stencil per iPhone include probabilmente tutto il necessario necessario per la prototipazione delle app per iPhone in Omnigraffle!

Stencil per iPhone 3G (Omnigraffle). Un altro kit stencil per iPhone completo con icone e pulsanti di Theresa Neil, gentilmente disponibili per tutti in formato Omnigraffle!

androide

Set di GUI Android (Photoshop). Un eccezionale set GUI disponibile per tutti coloro che renderanno la tua prototipia spicca di fronte a tutto il resto, prendili prima che i tuoi rivali lo facciano! I set sono disponibili nelle versioni dell'interfaccia utente Common e Sense.

Android GUI V2.0 (Photoshop). Il successore del set v1.0 mostrato di seguito, ma con design totalmente distinti per i modelli di applicazioni Android 1.5.

Android GUI PSD V1.0 (Photoshop). Ispirato a Teehan + lax, questo cosiddetto kit per la GUI Android v1.0 offre un'illustrazione ridimensionabile del telefono e componenti di base, entrambi in tracciati vettoriali, da provare!

Modello di prototipo Android (Keynote). Proprio come gli altri modelli di Keynotopia, il modello offre elementi grafici essenziali per scopi di prototipazione, il che lo rende un modello di prototipazione Android premium su cui vale la pena investire.

Stencil Wireframe per Android 2.1 di Google (Omnigraffle). Un altro mostruoso modello di prototipazione che ha aggiunto stencil include HTC Sense UI, Samsung TouchWiz e il sistema operativo Android di base predefinito, probabilmente aiutandoti a prevedere l'anteprima dell'app su dispositivi diversi.

Stencil di Google Android 1.6 Wireframe (Omnigraffle). Stencil di prototipazione più vecchio ma ben funzionante per Android 1.6 Donut. Gli elementi della pagina sono raggruppati come schermi per la flessibilità e l'UX mobile utilizza i controlli standard con elementi dell'interfaccia utente realistici.

Windows Phone 7

Modelli di design per Windows Phone 7 (Photoshop). Pubblicato ufficialmente dalla stessa Microsoft, si tratta di una raccolta di file modello di Photoshop con livelli che possono essere utilizzati per creare layout di applicazioni pixel perfetti, per aiutare a guidare lo sviluppo dell'interfaccia utente o per lanciare un'idea. In alternativa puoi avere la versione Omnigraffle, grazie a Torgerson.

Modello di prototipo di Windows Phone 7 (Keynote). Modello di prototipazione notevolmente considerevole se non si prevede alcun prototipo di qualità su Windows Phone 7.

Windows Phone 7 Wireframe (Omnigraffle). Esplora il meraviglioso mondo di Windows con tutte le possibilità! Come puoi vedere il kit ha fornito elementi grafici completi essenziali per la tua prototipazione e persino 3 diversi temi tra cui scegliere!

Mora

BlackBerry Prototyping Template (Keynote). Il modello di prototipazione di Keynotopia arriva su BlackBerry, come al solito il modello ha componenti grafici di qualità necessari per ottenere uno sguardo preciso su come la tua app appare sul dispositivo BlackBerry effettivo.

Nokia

Maemo 5 GUI (Photoshop). L'unico modello GUI esistente per il sistema operativo Nokia Maemo 5. Lo scopo del modello è di facilitare la creazione di prototipi di immagini ad alta fedeltà, velocizzando così il lavoro di perfezionamento dei pixel per scopi come la presentazione.

Riflessione

Penso che ogni modello di prototipazione GUI in mostra sia eccezionale, in particolare la serie di template Photoshop di Teehan + lax se mi chiedi del mio gusto personale, ma in realtà scelgo quello che si adatta meglio alla prototipazione dell'applicazione in termini di funzionalità e compatibilità software invece che visiva, dopotutto non vuoi soffrire nel Photoshop mentre la tua esperienza si trova in Omnigraffle!

Abbiamo perso qualsiasi modello di prototipazione di qualità che hai visto da qualche altra parte? Bene, condivideteci anche se è la vostra creazione, lo apprezziamo!

8 modi in cui i robot di Twitter ci stanno davvero aiutando

A seconda della tua esperienza su Twitter, potresti aver incontrato la tua giusta dose di fastidiosi e spammosi bot di Twitter che continuano a seguirti . E smetterti di seguirti quando non ti segui. Detto questo, non tutti i bot di Twitter sono quelli che normalmente trovi vendendo prodotti discutibili o che ti inviano link sospetti

(Consigli tecnici e di design)

Utilizza le query quantitative per rendere il tuo CSS sensibile alle quantità

Le query quantitative sono speciali selettori CSS che consentono agli sviluppatori di rendere il loro codice sensibile alla quantità . Nella progettazione reattiva, di solito utilizziamo le query multimediali per adattare il nostro design a diversi viewport. In alcuni casi, tuttavia, potremmo voler passare a un layout diverso o utilizzare altre dimensioni o estetiche dopo che una certa quantità dello stesso tipo di contenuto è presente sullo schermo.È

(Consigli tecnici e di design)