Qu'est-ce qui fait un professionnel du design?


10

Quelqu'un peut-il définir pourquoi quelque chose ne semble pas «professionnel»?

Qu'est-ce qui différencie les conceptions professionnelles / non professionnelles?

J'ai des clients qui ont dit que mon design n'avait pas l'air très professionnel. J'ai suivi toutes les choses pour le rendre professionnel - peut-être que je ne connais pas assez le design? J'ai vu beaucoup de modèles de conception "professionnels" qui semblent faciles et similaires aux miens. La plupart du temps, quand je n'ai aucun chemin à parcourir, je suis ces modèles de modèles - mais quand j'ai fini, je reçois des commentaires que "cela n'a pas l'air professionnel" . Mais cela ne m'aide pas. Est-ce que quelqu'un ici a de l'aide / de l'expérience / des suggestions du monde réel m'aiderait en ce qui concerne l'apparence, la police, le style ... tout . Veuillez me donner un moyen!

En bref: qu'est -
ce qui fait un professionnel du design?


Je ne pouvais pas m'empêcher de me souvenir de cette bande dessinée theoatmeal.com/comics/design_hell Pas que ça aide.
Joonas

celui-ci est drôle, j'ai déjà donné du temps à cela, mais je ne peux pas les passer à mon client ou à mon patron, j'aimerais pouvoir: D
Jack

5
Demandez-leur de vous montrer un exemple de site professionnel et d'en tirer des enseignements.
Kromster

4
Je sais que votre échantillon était approximatif, mais un autre point très important sur le professionnalisme est la copie. "Quelque chose à propos de nous"; "About Founder" est mal écrit et n'a même pas une capitalisation décente. Même sous forme de brouillon, la personne qui évalue la copie répondra à ces choses (MÊME SI vous dites 2000 fois c'est approximatif et pour position uniquement), et à ce stade de votre conception, vos en-têtes doivent être bien établis.
horatio

joli point horito je vais m'en occuper ..
Jack

Réponses:


19

J'ai fait une autre réponse car c'est pour commenter votre design:

Vous nous dites que vous pouvez facilement recréer des modèles professionnels. En fait j'en doute. Vous devez vraiment en apprendre beaucoup sur le webdesign. Sérieusement loin pour aller, mais vous avez hâte d'apprendre et j'ai donc fait cette maquette pour expliquer certaines choses. Ce n'est pas pour vous critiquer, sérieusement aucune infraction ne signifie, je suis juste honnête.

entrez la description de l'image ici

L'histoire de base est qu'il manque d'alignement et de profondeur ... beaucoup de profondeur.

Je vais également inclure une de mes créations sur laquelle je travaille actuellement sur la largeur d'une superposition de grille afin que vous puissiez voir ce que je veux dire. C'est loin d'être fait, mais vous comprendrez mon point. Veuillez ne pas utiliser certaines parties du design sur lequel je travaille car elles sont protégées par copyright.

entrez la description de l'image ici

Découvrez comment je crée de la profondeur avec des dégradés, des textures et des ombres lisses. En plus de cela, regardez comment il est espacé.

Edit: Juste pour que vous sachiez, j'ai modifié la largeur pour le copyright. Ce n'est donc pas dans un rapport d'aspect réel.

J'espère que cela vous aidera.


C'est vraiment bon à savoir merci beaucoup, je vais améliorer ces choses, bien que j'aie supprimé cette image pour certaines raisons, merci beaucoup
Jack

@Jack vous êtes les bienvenus, ne faites jamais de mal à aider :) Quant à l'apprentissage. Il existe une tonne de tutoriels et de blogs à ce sujet. Faites simplement une recherche sur Google. Le magazine Smashing est un bon début
Luuk

11

Robin Williams, l'ami de tous les concepteurs débutants, souligne quatre choses essentielles: le contraste, la répétition, l'alignement et la proximité (et oui, l'acronyme est CRAP!). Vous devriez obtenir son livre, " The Non-Designer's Design Book " et l'étudier. Tout ce qu'il contient s'applique au Web autant qu'à l'impression. C'est facile à lire et très clair. Procurez-vous alors " Le livre Web du non-créateur " et étudiez-le. J'ajouterais à son quatuor: Message, harmonie et pertinence.

  • Le message que le client veut faire passer est la première chose que vous devez savoir, car il informe tout le reste. Dans la photographie réussie, le design, la peinture, l'écriture, il y a un simple trio de règles qui ne sont jamais enfreintes: 1) Avoir un message; 2) Inclure uniquement ce qui contribue au message; 3) Retirez tout ce qui distrait du message. Dans une photographie d'un athlète, vous utiliseriez la photo d'elle dans les airs sans effort gracieuse, et clonez la canette de coke vide et le sandwich à moitié mangé en arrière-plan. En tant qu'artiste, vous devez savoir ce que vous essayez de dire. En tant que designer, vous devez savoir ce que le client essaie de dire. Après tout, c'est ce que le client vous paie.

  • L'harmonie est une autre exigence très large que vous devez considérer tôt. Si le client a un logo et des couleurs d'entreprise, votre site doit les utiliser et des couleurs qui s'harmonisent avec eux. Vous ne pouvez pas utiliser des polices de caractères similaires mais différentes pour les titres et la copie. Une bonne règle pour les concepteurs débutants consiste à utiliser un sans et un empattement qui vont de pair, et à n'utiliser que ces deux dans la conception.

  • La pertinence vient au tout début d'un cycle de conception. Elle s'applique à la couleur, à la typographie et à la mise en page générale. Vous n'utiliseriez pas le bleu poudré et le rose bébé pour la conception d'un site Web d'entreprise de haute technologie, ni pour un artiste hip-hop. Cette police grunge merveilleusement énervée ne fonctionnera pas pour un avocat ou un comptable, mais Times Roman le pourrait. (Vous éviteriez Times pour un site qui doit avoir l'air moderne.) Un groupe de heavy metal a besoin de formes et de couleurs audacieuses, d'un contraste élevé, mais une clinique médicale ou un site de vêtements pour bébés nécessiterait un look beaucoup plus doux.

  • Le contraste signifie sombre contre clair, couleurs riches contre teintes, sombre sur clair ou clair sur foncé. Si vos appels de conception pour les contrastes gras, l'essentiel est de les faire BOLD afin qu'ils soient clairement délibéré. Une seule chose casse un design plus rapidement que «presque mais pas tout à fait la même chose», ce que j'aborderai dans un instant.

  • La répétition place le même type d'élément au même endroit et avec les mêmes couleurs ou titres ou formes à chaque fois. L'espacement est cohérent. La disposition visuelle a un rythme, tout comme la musique. Si vos éléments ne tombent pas "sur le rythme", le spectateur est mal à l'aise, tout comme un groupe dont le rythme est ralenti est difficile à écouter.

  • L'alignement , le manque de, est le moyen le plus sûr de casser un dessin. Il n'y a rien qui crie "amateur" plus fort que des choses qui ne s'alignent pas tout à fait. En impression, nous travaillons avec une précision inférieure à 1 / 1000ème de pouce. Vous pouvez placer les choses ainsi hors de l' alignement, à condition que le déplacement est gras, évidente et délibérée. Mais jamais, jamais de rembourrage 7px sur le tag ap et 8px sur le h1. (En remarque: évitez les mises en page centrées pour autre chose qu'un mariage ou une invitation aux funérailles. Les mises en page centrées sont au repos, sereines, immobiles, ce qui n'est presque jamais ce que vous voulez. Les débutants utilisent des mises en page centrées car ils ne savent pas comment aligner des choses.)

L'alignement et la répétition sont la raison pour laquelle les grilles sont un outil si utile. La compréhension de ces points répondra à de nombreuses questions sur l'utilisation des grilles.

  • La proximité signifie simplement garder les choses qui vont ensemble près les unes des autres. Un titre doit être plus proche du paragraphe qui suit qu'il ne l'est par exemple ci-dessus.

Obtenez ces deux livres. Ils changeront vos designs. En attendant, voici un exercice: écrivez ces sept points dans une liste, puis visitez 10 sites Web que vous considérez vraiment brillants et trouvez où chacun de ces points a été appliqué. Ne trichez pas. Ils seront tous là, alors ne quittez pas avant d'avoir trouvé tout le monde. Jetez maintenant un œil à vos propres créations et découvrez où une ou plusieurs d'entre elles ont été violées.

Pratiquez ces sept points consciemment et délibérément. Avant longtemps, ils deviendront instinctifs et vos créations atteindront un tout nouveau niveau. Voilà une promesse.


2
Alan, votre réponse aidera tous les débutants, même si je suis sur cet exercice, merci beaucoup pour cela et je ferai de mon mieux pour tenir votre promesse ...... laissez le nouveau soleil se lever à l'intérieur .... :) Merci encore une fois ..
Jack

Comme je l'ai appris (assez souvent, à la dure), je passe. Vous êtes plus que bienvenus. Bonne chance!
Alan Gilbertson,

J'adore les livres de Robin Williams. Excellente réponse et bonnes suggestions.
Lauren-Clear-Monica-Ipsum

9

Comment rendre votre site Web professionnel à mes yeux, sans ordre particulier, oh ... et en bref :) Si vous avez besoin de plus d'explications sur ce que je veux dire, dites-moi simplement:

  • Basez votre palette de couleurs autour de l'identité d'entreprise du client.
  • Écoutez attentivement ses besoins afin de pouvoir s'adapter au style qu'il souhaite
  • Conception pour la convivialité. Vous pouvez faire un design à couper le souffle, mais si la conversion n'est pas bonne, elle est inutile.
  • Choisissez soigneusement votre typographie (par exemple: vous ne verrez pas les produits Apple avec une police de type graffiti)
  • Utilisez le système 960gs avant de commencer la conception, de cette façon, vous êtes sûr que votre alignement est bon
  • Expliquez et défendez votre conception. Dites au client pourquoi vous choisissez des éléments particuliers et expliquez-lui pourquoi ils sont bons. N'oubliez pas que nous, en tant que designers, n'avons pas toujours raison.
  • Continue d'apprendre. Suivez les blogs et les magazines en ligne pour de nouveaux tutoriels jQuery, etc. La lecture est la clé.
  • Assurez-vous que votre code est valide W3C et pas trop grand.

Je fais déjà ces choses de temps en temps mais je ne sais toujours pas ce dont ils ont besoin, je leur ai demandé de me dire ce qui manquait, ils disent "la couleur est ok" "le contraste est ok" tout fonctionne bien mais toujours "ce n'est pas à la recherche professionnel "il manque quelque chose, je ne sais pas quelle est la sensation d'être professionnel, regardez professionnel, presque toujours je dois donner beaucoup de tours qui m'énervent, je travaille pour mon patron il m'envoie un tel courrier et je suis démotivé avec de tels courriers , ils viennent toujours :( peut-être que je ne suis pas du tout un designer
Jack

2

Quelques points à retenir pour un beau design:

Nous allons donc apprendre 4 règles étonnantes de règles de conception graphique qui vous aideront à affiner vos compétences de conception. Les 4 règles sont les suivantes:

  1. Alignement et distribution
  2. Équilibrage et regroupement
  3. Contraste
  4. Motifs et dégradés

Alignement et distribution: c'est la règle la plus importante de tout design génial, génial ou visuellement attrayant. Une conception correctement alignée est parfaite partout, que vous conceviez pour les supports d'impression, les supports publicitaires, la PAO ou la conception liée au Web. Ça sonne bien hein! mais la question est de savoir comment utiliser un bon alignement ou obtenir le sens d'un bon alignement lors de la conception. Allons en profondeur dans l'alignement et la distribution, mais voyons d'abord l'exemple ci-dessous:

  • Alignement: l' alignement signifie organiser des éléments de conception similaires ou autres dans la dimension du haut, du bas, du centre, de la gauche ou de la droite pour rendre le design visuellement attrayant. Voir l'exemple d'image ci-dessus pour le comprendre.

  • Distribution: La distribution signifie donner ou maintenir la même distance entre des éléments similaires ou différents de toute conception pour rendre la mise en page graphique propre et décente.Voir l'exemple d'image ci-dessus pour le comprendre.

Balancing & Grouping: Balancing & Grouping est la deuxième règle la plus importante de toute conception visuelle. Dans cette règle, nous devons nous concentrer sur des éléments de conception, par exemple si nous avons du texte et des images dans notre conception, nous devons donc les organiser de manière à ce qu'ils s'équilibrent et soient également superbes. Vous pouvez le faire de deux manières.

  • Première méthode - Utilisation de différents éléments: Dans cette règle, nous organisons tous les éléments les uns avec les autres pour les équilibrer les uns avec les autres. Vous pouvez le comprendre facilement avec l'exemple donné ci-dessous:

Donc, comme vous pouvez le voir dans l'exemple ci-dessus, nous avons deux types d'éléments texte et image et nous les avons agencés les uns avec les autres pour rendre la mise en page attrayante et visuellement grande.Ils s'équilibrent.Maintenant, jetons un coup d'œil à la deuxième méthode.

  • Deuxième méthode - Groupement des éléments individuels: Dans cette règle, nous créons différents groupes d'éléments différents dans la conception. Jetez un œil à l'exemple pour le comprendre.

Ainsi, comme vous pouvez le voir dans l'exemple ci-dessus, nous avons créé différents groupes d'éléments de texte et différents groupes d'éléments de texte également. Cette méthode de mise en page est également bonne pour créer une mise en page décente et superbe. Vous pouvez également utiliser les deux méthodes ensemble pour créer une mise en page de conception impressionnante.

Contraste: Le contraste est la partie essentielle de toute bonne conception graphique.Dans cette règle, nous devons faire en sorte que chaque élément de notre conception se distingue des autres éléments.Cette règle est utilisée pour attribuer aux éléments leur importance dans la conception.

Motifs et dégradés: vous pouvez rendre votre conception encore plus impressionnante en ajoutant des motifs dans l'arrière-plan de vos conceptions ou dans d'autres éléments de vos conceptions.Les dégradés sont très utiles pour rendre votre conception plus vivante et plus joyeuse. Rappelez-vous toujours lorsque vous utilisez des dégradés, essayez d'utiliser un dégradé de deux couleurs avec des différences de couleur minimes.


Bonjour bareliya arts, bienvenue à GDSE et merci pour votre réponse détaillée. Veuillez ne pas vous fier aux liens pour les «réponses complètes». Stack Exchange vise à collecter des connaissances ici, indépendamment des liens qui pourraient se rompre ultérieurement. Un lien pour des informations supplémentaires est correct, tant que l'essentiel de la réponse est dans votre message. La communauté a tendance à sévir contre les réponses avec plusieurs liens externes, car cela ressemble à du spam. Merci de votre compréhension! Si vous avez des questions, consultez le centre d'aide . Continuez à contribuer et profitez du site!
Vincent

merci pour les informations @Vincent je m'en souviendrai la prochaine fois
bareliya arts

Toujours le bienvenu! N'hésitez pas non plus à nous rejoindre dans le chat du graphisme une fois que votre réputation vous le permet (20). Il y a généralement au moins un mod ou un utilisateur expérimenté prêt à répondre à vos questions.
Vincent

1

Ce qui rend votre design professionnel ou non, c'est si vous êtes payé ou non pour le faire.

Quant à l'utilisation du terme «professionnel» comme une sorte de commentaire esthétique, c'est à peu près inutile. Vous devrez travailler avec votre client pour qu'il soit plus précis quant à ce qu'il recherche en termes de buts et objectifs commerciaux - en particulier qui il essaie de cibler et quelle approche visuelle est la plus logique pour cette démographie particulière.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.