Share
Aussi importantes que soient la conception de l’information et de l’interface, c’est le sentiment de satisfaction de concevoir quelque chose qui a tout simplement l’air génial qui nous maintient en vie lorsque le puits créatif est au sec, lorsque vous regardez fixement une toile vierge pendant des heures, quand vous ' J'ai sauvé cent tentatives.psd, et quand vous en avez marre du design. C’est parce que vous savez que lorsque vous avez terminé, peaufiné, véritable œuvre d’art sur votre écran, que vous avez basculé Photoshop en mode plein écran et que vous le regardez sous différents angles autour de la pièce, vous êtes Profitant de la gloire de vos pixels parfaitement positionnés, sachez qu’il s’agit du plus grand métier au monde.!
Ce billet est le cinquième jour de notre session de conception Web. Sessions créatives "Session Day 4Session Day 6"
Lors de la conception d'un site Web pour un client, vous devez souvent fournir deux concepts de conception différents. Lorsque vous sentez que vous avez bien compris la première fois, il est assez ennuyant de devoir créer une autre version qui ne vous permettra pas de sortir de Photoshop. Mais au fil du temps, je me suis rendu compte que c’est une bonne idée de créer plus d’une version, même si vous êtes heureux avec la première..
Qu'il s'agisse de plusieurs itérations du même dessin ou de plusieurs dessins, en règle générale, plus de temps semble donner un meilleur résultat. Cela ne veut pas dire que vous devriez continuer à ajouter à un dessin, en fait, il vaut souvent mieux enlever des choses. Si vous utilisez plusieurs concepts de design, vous pouvez parfois fusionner avec succès les meilleurs éléments d’un design dans un autre..
Photoshop dispose d'une fonctionnalité intéressante qui vous permet de prendre des instantanés d'un point de l'historique de votre document. Une fois que vous avez créé un instantané, vous pouvez basculer d’un instant à l’autre, ainsi que du premier point de l’historique et de la vingtaine d’étapes les plus récentes. Cela signifie que vous pouvez continuer à prendre des instantanés, puis à essayer de nouvelles pistes de réflexion pour voir où elles vous mèneront. Attention, les instantanés ne sont pas enregistrés lorsque vous enregistrez un fichier. Vous devez donc les parcourir individuellement et enregistrer chaque instantané à la fin de la journée..
Voici comment vous prenez un instantané:
Comme je l'ai mentionné précédemment, ce n'est jamais une bonne idée de suivre le mouvement des dernières tendances et d'utiliser certains styles à l'aveuglette. Cependant, il est tout à fait possible d’utiliser un certain style lorsque cela convient. Donc, si vous concevez un site qui mérite un look net et net, cela ne veut pas dire que vous devriez éviter de le faire, simplement parce que cela s'avère être à la mode à l'époque. De la même manière, si vous concevez un site qui mérite un beau design sale et grungy, alors si la chaussure vous va, portez-la!
C’est pourquoi il est utile d’avoir une bibliothèque de styles sur lesquels s’appuyer. Lorsque vous dessinez un vide lors du démarrage d'un nouveau projet, il peut parfois être judicieux de vous contenter d'un choix stylistique prédéfini et de vous laisser guider par ce choix. Inévitablement, vous vous retrouverez avec quelque chose de totalement différent de tout ce que vous avez conçu auparavant, et cela vous aidera au moins à démarrer..
Mais soyez très prudent en utilisant le mauvais style simplement parce que ça a l'air cool, et non pas parce que c'est approprié pour le client / message / contenu. Le seul antidote à cela est de connaître et d'avoir beaucoup de styles de conception différents. Comment "apprends-tu" les styles de design? Eh bien, vous pouvez commencer par les observer et les imiter. J'aime surfer sur des galeries de sites Web géniaux et d'idées visuelles absorbantes, voir quels types de polices fonctionnent avec quels types d'apparences et, en général, apprendre les techniques des autres. Lorsque vient le temps de créer mes propres conceptions, cette information est quelque part dans ma tête, mais quand elle paraît, elle a la particularité du projet sur lequel je travaille, ainsi que mes propres idées créatives..
Certaines des meilleures conceptions sur lesquelles j'ai travaillé sont le résultat de ce que l'un de mes collègues avait autrefois appelé "des accidents heureux". Vous savez que lorsque vous désactivez un calque, que vous collez accidentellement une mauvaise illustration ou que vous déplacez trop le curseur Teinte, vous regardez tout à coup votre écran et vous dites "OMG, c’est le design or!"
Je pense que nous souhaitons tous pouvoir fabriquer des idées de conception incroyables sur une base, mais avouons-le, parfois vous allez au réservoir et vous courez à vide. Des accidents heureux relancent souvent votre pensée créative. Il est donc logique non seulement de courir avec eux quand ils se produisent, mais aussi de les encourager en les dérangeant. Parfois, je ne fais que déplacer des formes de façon arbitraire, essayer différentes couleurs ou faire d'autres choses «aléatoires» pour voir si je peux rencontrer quelque chose que je n'avais jamais pensé.
Je trouve que quelque chose qui fonctionne bien, en particulier sur les sites avec un design visuel moins inhérent (pensez aux sites d’entreprise), est de jouer sur un élément visuel. Par exemple, vous pouvez utiliser des lignes en pointillés dans votre conception, puis reproduire ce thème dans votre menu, dans des séparateurs horizontaux, des collages de photos, des diagrammes, sous forme de puces, etc. Vous pouvez choisir et utiliser un grand nombre d'éléments visuels en tant que thème, par exemple des formes, des types de coins tels que des courbes ou des diagonales, des motifs, des caractères de texte tels que des crochets, etc..
Bien sûr, vous devez trouver un équilibre entre une mise en miroir subtile et aller au-delà, mais c’est une technique utile pour relier un site à un thème cohérent - d’autant plus que je dis si vous n’avez pas grand chose à faire avec.!
Je suis plutôt friand de dire que la conception Web est entièrement axée sur les pixels. Les visiteurs des sites Web que vous concevez regarderont votre travail de près et de près, souvent avec des yeux fatigués et des doigts de souris qui démangent. Il est important que chaque pixel de votre page soit soigné, net, net et net, afin que votre conception soit nette et claire..
Cela signifie que votre texte est bien espacé, à la fois entre les lettres et entre les lignes, que les contours sont accentués et parfaitement pixelisés, que les graphiques sont accentués (mais n'allez pas trop loin et qu'il n'est pas trop net!) Et que vous utilisez des techniques telles que le contour 1px. tout faire sortir de la page.
Il y a un peu plus d'un an, j'ai écrit un tutoriel ici sur Psdtuts +. Il a été appelé pour peaufiner la conception d'un site Web contenant de nombreuses informations sur la netteté et le nettoyage d'un site..
Parce que je me suis appris à concevoir des sites Web, certains principes de base de la conception m'ont échappé dès le début. Quelques années après avoir commencé à créer des sites Web, j'ai rejoint une association de design locale et rencontré un gars du nom de Matt Leach, devenu rédacteur en chef du magazine underground Empty. Quoi qu'il en soit, Matt a fait deux choses pour lesquelles je suis éternellement reconnaissant. La première est qu'il m'a présenté à ma charmante épouse Cyan (yay!) Et la seconde un peu moins importante est qu'il m'a appris à utiliser la structure dans ma conception.
À cette époque, je jetais simplement des objets sur une page et parfois des objets alignés ou espacés ou utilisant un peu une grille, et parfois bien ils tombaient comme ils avaient chuté. Matt a critiqué un design que j'avais fait et m'a montré les merveilles d'alignement et d'espacement et je n'ai jamais regardé en arrière.
Si vous ne le faites pas déjà, prenez le temps de faire les choses suivantes:
Une fois que vous avez structuré votre conception et que vous avez pris l'habitude d'aligner, d'être ordonné et systématique, seul puis est-il temps de sortir et de mélanger les choses. C'est le vieil adage qui dit que vous devez comprendre les règles avant de les enfreindre.
Mélanger des éléments non structurés dans une conception structurée est un moyen très agréable d'obtenir un résultat ordonné et compréhensible sans pour autant être ennuyeux. Votre objectif principal est de sortir de la structure en utilisant quelques éléments visuels audacieux, de faire varier l’espacement, les polices de caractères et l’utilisation de votre grille, tout en ayant une structure sous-jacente..
En fait, vous pouvez même complètement vous défaire complètement de votre structure, mais c'est sacrément difficile de bien faire. David Carson est un célèbre designer réputé pour avoir enfreint les règles, principalement en matière de typographie, mais aussi de grilles et de structures de conception..
SmashingMagazine contient de nombreux articles sur la conception basée sur une grille, dont celui-ci sur la sortie de la grille de notre propre éditeur de Psdtuts +, Sean Hodge..
Si je pouvais donner un conseil à un nouveau designer, il faudrait en faire une habitude de conception personnelle: avec chaque projet que vous entreprenez, faites une chose que vous n'avez jamais faite auparavant. Qu'il s'agisse d'une nouvelle police, d'une nouvelle grille, d'un nouveau style visuel, d'un nouveau jeu de couleurs, d'un nouvel effet graphique, d'une nouvelle structure de menu, d'une nouvelle technologie, de n'importe quoi. Même si cela signifie que le travail prend un peu plus longtemps que prévu, même si cela conduit à quelques impasses que vous auriez pu éviter, même si cela signifie que vous devez dépenser un peu plus pour acheter une nouvelle police, faites-le simplement..
Cette habitude fera plusieurs choses pour vous. Cela vous obligera à élargir constamment vos horizons en tant que designer. Votre travail restera frais. Et cela vous évitera de tomber dans une ornière de conception et de simplement extraire le "habituel". C'est une habitude que vous pouvez adopter au début de votre carrière pour devenir meilleur et qui, longtemps après votre établissement, continuera à payer des dividendes..
Si vous n’enlevez qu’un élément de tous les articles de la Semaine de la conception Web sur lesquels j’ai travaillé si dur, dites-le-moi: poussez-vous habituellement en tant que concepteur, essayez de nouvelles choses, expérimentez, apprenez toujours et ne jamais cesser de trouver de la joie dans les nouvelles techniques, styles et idées.
Ce billet est le cinquième jour de notre session de conception Web. Sessions créatives "Session Day 4Session Day 6"
Accentsconagua