background preloader

Modular Grid Pattern

Modular Grid Pattern

http://modulargrid.org/#app

Related:  Webdesign

A ne pas rater les plus beaux sites réalisés en Flat design - Pour vous donner de l’inspiration pour vos prochains webdesign, j’ai sélectionné ici les plus beaux sites en flat design. Avec la rentrée vous souhaitez peut être renover le design de votre site internet (ou celui de vos clients). Vous savez que les tendances ont bien changées, notamment avec l’apparition du flat design (en opposition total avec le skeuomorphisme imposé depuis quelques années par Apple). Oui mais voila, pas facile de s’y retrouver, de trouver les bonnes idées.

Kuler: Le nuancier en ligne par Adobe Bien qu’il existe des tas de nuanciers en ligne, je me devais de vous présenter celui créé par Adobe et répondant au nom de Kuler. Vous êtes préts? Alors allons y pour une brève présentation: Kuler est un nuancier, c’est à dire que c’est un outil en ligne qui vous permet de générer une palette de plusieurs couleurs à partir d’une couleur, d’une photo ou d’un mot-clé. Je m’explique: si vous possédez une photographie ou une image, vous l’ uploadez sur le site et l’outil est capable d’afficher instantanément les couleurs et les tons qui ressortent le plus de votre image et qui s’accordent le mieux les unes entre elles. Si vous ne possedez pas d’images et que vous desirez creer une palette, selectionnez alors une teinte et Kuler vous precisera les autres teintes qui s’accordent le mieux selon le principe du cercle chromatique.

Conception Web : utiliser la grille - JDN Développeurs Une grille est très prosaïquement une série de lignes horizontales et verticales, qui partage la page de manière symétrique ou harmonieuse. En basant sa conception Web sur l'idée de grille, on donne ainsi de l'importance à certaines zones (ligne, colonne ou jonction des deux), importance que l'utilisateur mémorise inconsciemment, et qu'il peut ainsi plaquer naturellement sur les autres pages du site. La grille trace des lignes au travers de la page. Celles-ci peuvent être visibles, ou subtilement suivies en s'intégrant à des éléments de conception visibles. Le concepteur peut, grâce à ces lignes imaginaires, créer une idée de continuité visuelle entre deux éléments dissociés. Qu'elle soit visible ou non, la grille décide de l'harmonie d'une page.

Détourer avec l'outil lasso : Manuel pratique de la retouche avec Photoshop Le lasso est surement la méthode de détourage la plus basique. C'est un outil libre, c'est-à-dire que tout ce que vous tracerez avec le lasso sera retranscrit à l'identique au niveau de la sélection. Il est très précis pour les détails puisqu'il est très maniable. En revanche, à la moindre erreur de votre part (écart au niveau du contour, relâchement de la sélection par inadvertance...) il faudra tout recommencer ! - Sélectionnez l'icône "outil lasso". - Cliquez sur votre photo et, sans relâcher la souris, dessinez le contour de l'objet à détourer.

Tester son site sous IE8/IE7/IE6, Firefox, Safari, Chrome et Opera La virtualisation applicative prend forme avec Xenocode Browser Sandbox. Les concepteurs de sites Web, les administrateurs système et autres utilisateurs peuvent désormais tester sans risque sur le Web avec Internet Explorer 8, 7 et 6, Mozilla Firefox, Apple Safari, Opera et Google Chrome. Rappelons qu'il existe des alternatives fournissant des captures d'écran en ligne du site à tester, avec l'inconvénient d'un petit temps d'attente : Browsershots.org (une cinquantaine de navigateurs) NetRenderer (Internet Explorer seulement) Browsrcamp (Safari uniquement) Plus pratique d'utilisation sont les installateurs indépendants :

Les 10 règles de bases à respecter si vous êtes webdesigner - Voici la liste des 10 règles de base à respecter si vous utilisez Photoshop pour créer du webdesign ! Quand vous utilisez Photoshop pour créer des webdesigns il y a certaines règles fondamentales à ne jamais transgresser ! Des règles de bases que tout à chacun peut connaitre en suivant une école de graphisme, une formation ou tout simplement en se formant sur le tas. Color Scheme Designer 3, assortissez vos couleurs en ligne Que ce soit pour réaliser un site web, un webdesign ou même une illustration, trouver le bon spectre de couleur n’est pas chose aisée. Et pourtant les couleurs déterminent bien souvent la première impression que l’on se fait, surtout sur le Web. Si les designers expérimentés sont capables de choisir leurs couleurs et assortir les teintes de manière instinctive, pour les débutants (comme moi ;), il n’y a qu’a regarder ce blog…), c’est un exercice difficile. Color Scheme Designer est un webware simple mais intéressant. Il permet de créer des spectres de couleurs en se basant sur la théorie des couleurs.

Les grilles WEB : mythe ou réalité ? S’il est un débat qui déchaîne les passions entre ergonomes et webdesigners c’est bien celui de l’utilisation ou non des grilles… Il a ses partisans, parfois intégristes, et ses détracteurs, souvent narquois (dubitatifs, largués, etc.). Mais avant tout, qu’est-ce qu’une grille ? Il s’agit d’une structure ou combinaison de lignes servant à faciliter le positionnement des éléments d’une création peux-on lire sur la couverture du livre dédié au sujet de chez Pyramyd Edition. En d’autres termes, il s’agit de guides définissant les zones d’expressions d’un espace et aidant à sa structuration, à son organisation, à son homogénéisation.

Pixel2vector : un plugin Photoshop qui convertit les pixels en vectoriel Voilà un petit plugin Photoshop qui est très pratique, il va vous permettre en un clic de transformer une forme pixelisée en une forme vectorielle. Une fois que vous avez téléchargé le ZIP, il suffit d’installer le plugin via l’Extension Manager. Une fois que c’est fait, on relance Photoshop, on va dans Fenêtre > Extensions > Pixel2vector Ensuite, c’est tout simple, il suffit de choisir dans ses calques celui que l’on veut transformer au format vectoriel, on clique sur Vector Shape dans le panneau, et bingo !!

Related:  PSDModular grid (модульная сетка)ToolsGridmise en page fixeinteresting tools\(-_-)/Grilles