Site Web ou interface filaire (également appelé wireframing) est en fait un présentation schématique des blocs de contenuou des parties d'une interface Web ou d'une application. Wireframe est un guide visuel qui représente le squelette d'un site Web / d'une interface.
En d'autres termes, il se concentre sur ce que fait un écran, pas à quoi il ressemble. Les wireframes peuvent être des dessins au crayon ou des croquis sur un tableau blanc, ou être réalisés à l'aide de logiciels tiers ou d'applications. Les wireframes se concentrent principalement sur :
Voici une utilisation métaphorique du wireframing, le site s'appelle webwithoutwords.
À première vue, il ne semble pas y avoir d'autre contenu, sauf des carrés avec des croix, mais lorsque vous survolez chacun d'eux, le contenu révèle.
Vous vous demandez probablement : "Pourquoi aurais-je besoin d'un kit de filaire pour Photoshop, s'il existe des programmes spéciaux et des applications pour cela ?"
Maintenant, vous savez pourquoi wireframing dans Photoshop est bien meilleur que dans d’autres applications, il est temps d’obtenir des fichiers PSD gratuits. Nous avons créé une liste de ressources impressionnantes où vous pouvez obtenir gratuitement des kits wireframing Photoshop et les utiliser dans vos maquettes de conception.
Tous ces kits contiennent des éléments de conception similaires (boutons, navigation, blocs de contenu, etc.), mais ils sont tous différents. Il existe également plusieurs kits pour les interfaces mobiles, vous y trouverez même les plus petits éléments des interfaces iPad, iPhone.
* * *Free Sketching Wireframing Kit
* * *Free Photoshop Wireframe Kit
* * *The Ultimate Wireframe UI Kit
* * *Mini Wireframing Kit
* * *Web Design Wireframe Kit PSD
* * *Flat Wireframe
* * *Wirekit
* * *Flat UI Kit Free
* * *Webpage Wireframe Stencil
* * *Wireframe Blueprint
* * *iOS7 Wireframe Kit
* * *Voilà, si vous utilisez des wireframes dans vos travaux quotidiens, vous êtes libre de partager les photos de vos maquettes dans les commentaires ci-dessous. Si vous avez vu d'autres kits wireframe et que vous pensez qu'ils doivent faire partie de cette sélection, partagez les liens et nous les ajouterons avec plaisir.