Concept et théorie de la conception d'inspiration pour les concepteurs Web

L'élaboration d'un concept significatif est une étape cruciale dans tout projet de conception. mais il est une compétence que peu de gens prennent vraiment le temps de comprendre et d'apprécier. Aujourd'hui, Ahmed (UI Manager chez Adobe et développement Lien User Group Manager en Egypte) va nous promener à travers la création d'un processus de conception et d'inspiration. Nous allons passer par l'étape de processus par étape, jusqu'à ce que nous arrivons à un concept réussi pour commencer notre conception de sites Web.







Pourquoi un développement Matters Concept dans la conception Web.

Dans mon dernier article, le Gestalt Principe: théorie de la conception pour les concepteurs Web. nous avons établi la nécessité de commencer toute conception avec la conception de la coque contenant avant d'aller dans les détails, dans cette partie, nous allons discuter de la méthodologie de venir avec une conception de la coque.

Le véritable design a un sens derrière elle - c'est pas seulement jolies formes, des filtres ou la typographie - chaque élément doit dire en fait quelque chose au sujet du projet sous-jacent.

A ce stade, si vous avez suivi la méthodologie des exigences créatives collecte (Comment obtenir les bons exigences créatives de votre client), vous devriez avoir suffisamment entrée pour tirer parti et travailler quelle forme de conteneur ou le style de votre conception s'adaptera à.

Commencez par bâtir une bibliothèque d'images de référence

Le choix de ces images celles que vous le souhaitez, vous pourrez facilement vous retrouver avec une grande bibliothèque d'idées de remue-méninges pour commencer.

La conception commence par un Brainstorm

Comme pour tout exercice de réflexion, ne négligez pas d'idées. ils sont cependant étranges. Il est toujours plus facile de édulcorer un design que d'essayer de pimenter ... assis devant votre bibliothèque d'idées, obtenir un crayon et du papier (qui sont d'excellents outils à ce stade) et commencer à esquisser des concepts qui viennent à l'esprit en regardant votre bibliothèque, aide parce que les idées de croquis ont tendance à disparaître aussi vite qu'ils sautent dans votre esprit :)

Par exemple, si un client me demande un design « frais », je vais simplement entrer « frais » dans Google par exemple (ou votre moteur de recherche préféré) et extraira les résultats d'image.

Voici un échantillon de ce que je suis venu avec:

Concept et théorie de la conception d'inspiration pour les concepteurs Web

Comment ces images me inspirer? Que feraient-ils me dire au sujet de la direction de la conception?

Eh bien, tout simplement savoir que mon client veut un design frais et en utilisant cette méthode dans l'interprétation des images que je comprendrais que:

  • Je surtout aller pour des formes organiques ou courbes
  • Lumière des nuances de couleurs « frais » sont préférés (plus sur la couleur dans un article ultérieur)
  • Utilisation du style « cristal » et des composants semi-transparents.
  • Avoir beaucoup d'espace blanc et sans la foule des composants

Il est important de parler au cours de cette étape dans le processus de conception! Le mot « frais » signifie différentes choses pour différentes personnes - donc faire sur la recherche initiale repose pas uniquement des résultats d'image ou votre propre interprétation pour être la source définitive d'inspiration.







Ne pas copier des idées, Steal Them!

Concept et théorie de la conception d'inspiration pour les concepteurs Web

Les bons artistes copient, grands artistes volent,
- Pablo Picasso (1881 - 1973)

Mon interprétation de cette citation est la suivante: Copier une autre idée vous fera un bon designer, cependant, « voler » une idée ou un concept à partir dans une autre conception et utiliser à bon escient (sans copie flagrante) vous fera un grand designer.

Avoir volé une idée est difficile - beaucoup plus difficile que la copie - vous devez vraiment comprendre le concept de la soulever d'un endroit et déplacez-le dans votre conception.

Étude de cas: Stealing les pyramides

Ce fut un vrai défi, mais en passant par la méthode ci-dessus, nous est venu avec des images comme celles-ci:

Le problème est que le seul style qui est unique en Egypte est Pharaon style. Si nous sommes allés avec l'art arabe, par exemple, il ne serait pas unique en Egypte. Si nous montrons la plongée ou des plages, il est unique. Si nous allons avec tout autre style, il ne sera pas unique, en Egypte et qui était une exigence stricte.

En même temps, on nous a dit de ne pas utiliser des images claires ou égyptiennes anciennes Hiéroglyphes que le client voulait promouvoir tous les types de tourisme égyptien, et non pas seulement des temples ou des pyramides. Un bref design délicat, pour être sûr.

En fin de compte, nous sommes arrivés avec un croquis comme celui-ci:

Concept et théorie de la conception d'inspiration pour les concepteurs Web

Nous avons simplement pris une partie de l'entrée Pylônes « portail » dans le temple de Karnak, en utilisant uniquement les lignes obliques pour identifier les murs, la zone au milieu a été utilisé pour animer différentes images de l'Egypte et nous avons utilisé la zone de gauche pour le tout logo et navigation l'ensemble de la zone droite a été utilisé pour le contenu.

Il était un concept très simple, mais il satisfait à toutes les exigences. Une telle idée aurait été difficile de venir à l'esprit si nous n'avions pas regardé les photos et les images qui ont été soulevées à partir d'une simple requête de recherche « Egypte ».

Nous avons pu voler les idées derrière le temple de Karnak et les pyramides, puis les utiliser dans notre conception.

Les bons concepts se passent de

À première vue, pour la plupart des gens, il est juste une étoile à 3 branches. Cependant, le concept derrière cette étoile est qu'il représente la domination de la terre, la mer et l'air - ayant le bras supérieur représentant l'air et les 2 bras inférieurs représentant la terre et la mer.

Qui savait? Très peu de gens en dehors de la société. mais ce n'est pas le point, est-il maintenant? Un bon concept parle pour lui-même - même si les gens ne comprennent pas tout de suite exactement ce que cela signifie, les formes intentionnelles et les idées sous toujours prendre une vie de leur propre. Concept-moins conceptions ne sont pas ce genre de vie. ils sont assis juste là.

Trouver l'inspiration pour les concepts

Il est souvent préférable de regarder d'autres sources hors écran - Panneaux d'affichage, magazines, affiches et publicités télévisées sont de très bonnes sources si vous avez le temps, surtout parce que les règles régissant la conception web diffèrent grandement de la conception d'impression ou de télévision annonces, ils vous donnent une expérience unique perspective que vous aider à venir avec des idées très originales que vous pouvez travailler dans votre concept de design.

conceptions architecturales peuvent aussi être bons et sources d'inspiration unique:

Concept et théorie de la conception d'inspiration pour les concepteurs Web

L'astuce est de garde toujours les yeux ouverts et utiliser tout comme source d'inspiration, ne pas restreindre vos options en collant à la recherche que d'autres conceptions web ou d'essayer de trouver quelque chose sur vous-même.

Conclusion

Voyant vient avant les mots. L'enfant regarde et reconnaît avant de pouvoir parler.
- John Berger, façons de voir

Si vous ne l'avez pas rencontré John Berger, façons de voir. il vaut la peine de trouver une copie de poche (ou au moins une version e-book!). Je ne vais pas creuser trop profondément dans les détails, mais il est un livre qui explore les façons dont les gens voient le monde autour d'eux. Le message sous-jacent est que la vision est un instinct vital et primordial pour nous les humains - nous « voyons » avant de lire, avant de parler, et avant que nous marchons.

Un grand merci à Ahmed, qui a tourné dans cet article au milieu du chaos qui se passe en Egypte.







Articles Liés