https://github.com/italia/design-wireframe-kit

Official Italian wireframe kit for LoFi prototyping
https://github.com/italia/design-wireframe-kit

design

Last synced: about 5 hours ago
JSON representation

Official Italian wireframe kit for LoFi prototyping

• Host: GitHub
• URL: https://github.com/italia/design-wireframe-kit
• Owner: italia
• License: bsd-3-clause
• Created: 2018-04-17T09:10:46.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-07-10T12:05:24.000Z (over 5 years ago)
• Last Synced: 2024-08-03T02:04:43.556Z (3 months ago)
• Topics: design
• Homepage:
• Size: 61.1 MB
• Stars: 17
• Watchers: 19
• Forks: 3
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Authors: AUTHORS

Awesome Lists containing this project

• .github - design-wireframe-kit

README

        
[![Join the #design channel](https://img.shields.io/badge/Slack%20channel-%23design-blue.svg)](https://developersitalia.slack.com/messages/C7658JRJR/)

[![Get invited](https://slack.developers.italia.it/badge.svg)](https://slack.developers.italia.it/)

# Wireframe Kit

 

Il Wireframe Kit fa parte di un progetto più ampio che si chiama Designers Italia e che include una serie di [kit di design](https://designers.italia.it/kit/) utili a progettare e realizzare i servizi digitali destinati ai cittadini. 

Il wireframe serve a costruire la struttura di un sito web, ad impostare i layout delle pagine, la gerarchia delle informazioni e l'interazione, senza essere distratti dai colori e dagli stili.

Il kit contiene elementi (modelli di pagine e componenti) utili per costruire un prototipo low-fi di un servizio pubblico digitale. 

Il progetto è aperto a chiunque voglia contribuire a costruire elementi o screens e a migliorare quanto già è stato fatto. :eyes: Puoi vedere e commentare i componenti e i pattern su Invision: [Italia Wireframe Kit.](https://invis.io/V3LYDHT5FME) 

## Indice

- [Come iniziare](#come-iniziare)

- [Segnalazione bug e richieste](#segnalazione-bug-e-richieste-di-aiuto)

- [Come contribuire](#come-contribuire)

## :ledger: Come iniziare

Il wireframe kit è realizzato in Sketch pertanto se non lo hai già, puoi scaricare il software Sketch e assicurarti di avere sempre la versione più aggiornata per aprire correttamente il file.

Prima di iniziare, scarica da Google Font il typefaces: [Titillium](https://fonts.google.com/specimen/Titillium+Web)

Per avere i componenti sempre aggiornati, carica il file _.sketch_ come libreria. Per sapere come fare, leggi le [Sketch Libraries Wiki](https://github.com/italia/design-ui-kit/wiki/Sketch-Libraries) .

## :wrench: Segnalazione bug e richieste di aiuto

Vuoi segnalare un bug o fare una richiesta?

Dai un'occhiata a come [creare una issue](https://github.com/italia/design-wireframe-kit/blob/development/CONTRIBUTING.md). Se invece vuoi discutere delle scelte fatte o qualcosa non ti è chiaro, puoi venire a parlarne su [Slack](https://designersitalia.slack.com/messages/C7658JRJR/) o sul [Forum](https://forum.italia.it/) di Designers Italia.

## :sparkles: Come contribuire

Vorresti dare una mano al Wireframe Kit? **Sei nel posto giusto!**

 

Se non l'hai già fatto, inizia spendendo qualche minuto per approfondire la tua conoscenza sulle

[linee guida di design per i servizi web della PA](https://design-italia.readthedocs.io/it/stable/index.html),

e fai riferimento alle [indicazioni su come contribuire al Wireframe Kit](CONTRIBUTING.md).