Carnet Wiki

Boîtes à Des outils projet participatifs webdesign & pour collaborer en design - graphisme - développement dev/inté

Version 10 — Mai 2018 irar

Améliorer le processus de conception des maquettes d’un site web et des présentation graphiques :

Pour améliorer le workflow avec les personnes avec qui on travaille, la modification en direct, pour une meilleure gestion et présentation des propositions, pour faciliter les retours, et pour le versionning de fichiers (genre calques, fichiers, dossier, branches etc...).

« »
Quand on travaille avec des gens de tout horizons, de tout niveaux et parfois avec des handicaps, c’est pas toujours évident de bien communiquer et présenter ses réalisations à distance ou à l’oral.

En recherchant des systèmes pour construire des maquettes beaucoup plus rapidement qu’en faisant pour chaque projet séparément : des grilles, des blocs, des boutons, des nuanciers, des icones, des images, et de devoir les poser 1 à 1 (ce qui implique de les retrouver, les avoirs sous le coude etc...).

Le but étant de se préparer sa bibliothèque de créations (comme un framework pour le css ou le javascript), avoir une bonne organisation des créations pour pouvoir les utiliser facilement, et donc rompre avec une utilisation sur plusieurs dossiers d’ouverts partout, plusieurs fenêtres ouvertes, même sur plusieurs écrans ça devient vite le cauchemar même si c’est parfois inévitable.

Quelques trucs, mais malheureusement pas de projet dans le libre, que du open source c’est déjà pas mal (bien vérifier les termes de confidentialité et l’utilisation de vos données si vous utilisez un des programmes qui suit dans l’article). Ça reste souvent du « freemium » c’est à dire version gratuite limitée et sinon des tarifs raisonnables pour stocker ses projets (eh oui ça coûte un prix le stockage sur les serveurs ! Surtout pour le graphisme qui peut prendre moulte place ! M’enfin si des devs se sentent un projet open source, pourquoi pas et on les remercierais bien fort ! ).

Voici quelques bribes de recherches à vous transmettre :

-  > Pour tous les OS

Alien Brain (pas de freemium) http://www.alienbrain.com/
Zero Height (parfait pr se faire sa biblio de compositions) https://zeroheight.com/
Pixelapse (projet repris par dropbox.. dommage le concept de base était très bon mais dropbox pas super sécurisant pr les données) http://pixelapse.com/demo
Abstract https://www.goabstract.com/
Perforce https://www.perforce.com/solutions
Viewflux (pas de freemium) https://viewflux.com/
Tortoise SVN (gestionnaire de versionning de fichier) https://tortoisesvn.net/
Proofhub (pas de freemium) https://www.proofhub.com/
Gravit designer (open source et gratuit « commercial licence »), toute plateformes :
Possibilité d’importer des « symboles » mais pas de les classer par catégories et les symboles ne sont pas importé/importable d’un projet à l’autre.. + un genre de toshop/illus gratuit ) https://www.designer.io/
Klex (même noyaux que Gravit Designer mais avec inscription) https://www.klex.io/
Dotgrid : simple illustration en vecteur (libre, open source) : https://alternativeto.net/software/dotgrid/
Alva (libre open source encore beta) : https://meetalva.io/

sources :
https://stackoverflow.com/questions/29292/version-control-for-graphics
https://blog.prototypr.io/git-repository-for-designers-abstract-sketch-9138cf6ab9b1
https://www.quora.com/Is-there-something-like-Github-for-graphic-design
Concept du « Open Design » lancé par le créateur de Pixelapse, un ancien employé de chez Google, beaucoup de liens morts, recherche à poursuivre : https://www.fastcodesign.com/3038135/ex-googler-builds-a-github-for-designers

-  > Propriétaires (presque toutes plateforme) :

Avocode (Interface de compos et biblio (freemium, ) https://avocode.com/?lng=en
Figma (Collaborative interface design tool (payant) avec bilbio et permet des retours faciles et rapide )) https://www.figma.com/
Proto (Animer ses zoning ou comportements de maquettes (payant)) https://proto.io/
Adobe XD (payant) https://www.adobe.com/products/xd.html

-  > Pour Mac only (comme d’habitude ils oublient toujours les designers sous Linux..hum aaaalala la vente forcée)

Sketch https://www.sketchapp.com/

sources :
https://blog.central.team/how-to-collaborate-on-sketch-files-inspired-from-git-589b4dddfee1
https://medium.com/@FolioForMac/a-simple-git-workflow-for-designers-342cac8fd9de
https://github.com/mathieudutour/git-sketch-plugin

Tous vos commentaires sont les bienvenus pour agrémenter la liste des projets de versioning pour les webdesigners & graphistes, surtout s’il en existe pour le libre !
Merci pour votre lecture !
P.-S.

Le lien avec spip : permettre de casser les barrières entre le monde des graphistes/designers et intégrateurs/devs/sys admin...

Dans spip il y a aussi des webdesigners/graphistes qui essaient de créer des thèmes sympa, ce topic existe pour leur donner peut-être des outils qui nous sont utiles à la conception d’un site web, que ce soit les maquettes ou l’inté, ça peut dépanner..

Apparemment Google, par son équipe Material Design (material.io) prépare un logiciel dédié au worflow de création design :
https://material.io/gallery/