* Developpeur/Agence Theme Freelance CMS DRUPAL Antibes

Developpeur/Agence Theme Freelance CMS DRUPAL Antibes

Article:

Réaliser un guide de style permet d'obtenir une vision globale de l'interface dans le but d'assurer une cohésion entre les éléments. Un guide de style comprend des privilèges supplémentaires, dont le fait d'être précisément plus exhaustif que les maquettes graphiques et de rendre le travail des intégrateurs plus aisé en leur indiquant clairement les dimensions, l'espacement et les proportions à suivre. Par ailleurs, il existe deux types de guide de style possibles :
Un guide de style bitmap;
Un guide de style en CSS.
Créer un guide de style de type CSS est presque inéluctable. En travaillant en mode natif Web on enlève la version bitmap du guide de style.
Samantha Warren un designer chez Twitter proposa de commencer par créer le langage visuel du site qu'elle appelle « style tile ». On pourrait le décrire comme un mélange entre un moodboard et un guide de style. l'agence américaine Spark-box propose un nouveau type de livrable : un styled prototype. Similaire au « style tile », celui-ci est quand à lui présenté en HTML/CSS, avec une mise en page inductible. l'avantage de cette méthode est qu'elle permet de voir les interactions et la typographie telles qu'elles seront vues dans un navigateur Web.
Un cadriciel d'interface est déjà une excellente base pour construire le prototype d'un site ou d'une application. C'est d'ailleurs avec cet objectif qu'a été créé Foundation, l'un des cadriciels d'interface les plus populaires. Une fois le prototype réalisé à partir des maquettes ergonomiques, le designer aura une excellente idée des actifs et des éléments d'interface à styliser. Ce style peut ensuite être facilement intégré au prototype. Cette modification du style peut se faire assez facilement. Par exemple, avec le cadricielBootstrap, on peut modifier en quelques lignes la rondeur des coins de tous les boutons du cadriciel. Il existe aussi des thèmes pour y modifier le style du cadriciel, ainsi que des outils interactifs.
La liberté que Photoshop offre est essentielle dans l'exploration des différentes avenues graphiques. Mais comme vous avez put le constater, la pertinence d'utiliser Photoshop lors de la création des gabarits de page est de plus en plus mis en doute. Des pistes de solutions permettront de répondre aux nouveaux défis que pose le web d'aujourd'hui.