Tag Archives: Web Template

Pencil Project Software Open Source – Draft, Pencil, Project, Sketchy, Prototyping

Design, Grafica, Ubuntu, , , , , , ,

Pencil Project, un ottimo programma per realizzare prototipi di siti web per il classico web design, o anche per le nuove frontiere del design e dell’interfacce: Mobile site, Web App, Mobile App.

Download: http://pencil.evolus.vn/en-US/Home.aspx
Pencil Project - Software Open Source

Il Software per progettare GUI è disponibile nelle versioni installabili su Windows e su Linux, ma anche per Mac OS e quindi per qualsiasi sistema operativo attraverso l’estensione per Firefox.

Dal sito è possibile scaricare “Collection”, raccolte, per aumentare i modelli e i simboli pre installati. Vi sono collezioni più specifiche per interfacce ajax e GUI Widgets. Trovate anche icone utili per la realizzazione di interfacce software.

http://pencil.evolus.vn/en-US/Downloads/Stencils.aspx

Gui Widgets

Basta scaricarle in formato zip e importarle dal menu: Tools > Install New Collection>

Pencil Project prevede la possibilità di esportare in PNG e PDF e nei classici formati Office (.odt, .doc)
Se invece volete esportare le schermate con una navigazione html, vi consiglio di scaricare lo zip “HTML Template with Tab Navigation”.

Per installarlo scaricarlo in formato zip e importarle dal menu: Tools > Manage Export Template>

Per lo sviluppo di siti web, scaricate i Templates pronti per i Framawork CSS, Blueprint CSS e 960 Grid al seguente url (http://groups.google.com/group/pencil-user/web/pencil-templates)

Ecco alcuni esempi di realizzazioni:

Web Design
Web Design
Inter-page Linking
Inter-page Linking

Template Vettoriale di Internet Explorer & Template Windows 7 e Vista

Design, ,

Per contestualizzare il layout di un progetto web è utile inserire il design all’interno dell’interfaccia software che lo conterrà. Rendendo la sensazione di usabilità/utilizzo estremamente reale a gli occhi del cliente.

Per comodità ho disegnato in vettoriale la finestra di Internet Explorer basata sulla grafica di Windows 7 e Vista.

Download File: Illustrator – Eps – Svg (Vector Template Internet Explorer Browser)

L’utilizzo di Adobe Illustrator per la progettazione di una interfaccia di un sito o di una applicazioni web based, permette di riutilizzare il layout anche per lavori di stampa di grande formato. Normalmente si preferisce lavorare con Adobe Photoshop, creando file a 300 dpi, per facilitare utilizzi futuri del file in stampa offset.

Molti grafici come me, amano la capacita creativa data dagli strumenti di Photoshop; ma dopo questi ultimi anni di esperienza con le versioni di Illustrator (8,9,10), posso affermare che il divario creativo/strumentale si è ridotto tantissimo. Aggiungo a questa considerazione anche l’estrema versatilità data dagli elementi vettoriali e l’impareggiabile gestione dei singoli elementi; che solo un programma vettoriale come Illustrator può offrire.

Lasciando perdere le opinioni sul la validità di uno o dell’altro software.
Sono contento di poter condividere/sherare il file vettoriale della finestra di Internet Explorer basato su un formato 1024px per 728px del foglio di lavoro.

Internet Explorer Browser

Concludo con un link ad un post che permette di scaricare sempre in vettoriale, il browser Safari di mamma Apple.

Licenza Creative Commons
Vector Template Internet Explorer Browser by Mario Montalto is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
Based on a work at www.immagimario.it.