* Developpeur/Agence Theme Freelance CMS DRUPAL Albi
Developpeur/Agence Theme Freelance CMS DRUPAL Albi
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 appréhende plusieurs droits additionnels dont entre autre le fait d'être précisément plus exhaustif que les maquettes graphiques et d'aider le travail des intégrateurs en indiquant distinctement les dimensions, l'espacement et les proportions. Il existe deux types de guide de style possibles : Un guide de style bitmap; Un guide de style en CSS. La réalisation d'un guide de style sous la forme CSS est presque inévitable. Lorsqu'on travaille en mode natif Web (par exemple avec un outil comme TypeCast), on retire la version bitmap du guide de style. Un designer chez Twitter du nom de Samantha Warren, propose de débuter par la création du langage visuel du site qu'elle appelle « style tile ». On pourrait le décrire comme étant un hybride entre un moodboard et un guide de style. l'agence américaine Spark-box va plus loin en proposant un nouveau type de livrable : un styled prototype. Similaire au « style tile », celui-ci est toutefois présenté en HTML/CSS, avec une mise en page adaptative. l'avantage de cette méthode est qu'elle permet de voir très tôt 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. Photoshop n'a pas dit son dernier mot. La liberté qu'il propose 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. Heureusement, des pistes de solutions prometteuses permettront peut-être de répondre aux nouveaux défis que pose le web d'aujourd'hui.