Composition, correspondance des couleurs, polices, conception des effets (pas plus de trois polices et couleurs, sélectionnées en fonction du style)

intimité

Alignement

répéter

contraste

Résumé : N'ayez pas peur des espaces blancs. L'espace blanc aide l'image à se détendre et non à se déprimer. Ne soyez pas trop obsédé par l’alignement central. L’alignement à gauche et à droite donnera de meilleurs résultats. N'ayez pas peur d'agrandir le titre et de réduire la taille du texte.

Tri des informations : déterminer le public visé par le travail de conception, l'environnement et la forme de présentation, l'objectif final et les éléments de conception (images du produit, informations sur le produit)

Définissez le centre de mise en page (plage de conception (marges)/position du fond perdu : définissez la grille/les lignes auxiliaires pour montrer le sens général de l'image, puis planifiez la distribution des différents types d'informations (distribution selon le principe d'intimité).

Extraction d'informations : le contenu le plus important/mineur est trié par taille et position pour mettre en évidence l'accent, et les effets de thème et de mise en page sont repensés. Certaines informations sont correctement iconisées pour mettre en évidence la concision et l'intuitivité.

Proches et éloignés : placez les informations similaires proches les unes des autres pour les rendre faciles à lire, mais pas trop dispersées pour paraître encombrées.

Disposition et alignement : dans les graphiques et les textes répétitifs et complexes, tous les blocs d'éléments sont alignés uniformément, montrant le bord droit de la disposition globale de la conception.

Guidage visuel sur l'écran : lorsqu'il y a beaucoup de texte, l'ordre doit être clairement organisé et le guidage pour la cohésion des paragraphes doit être bien fait.

Composition et répétition : lorsqu'il y a plusieurs blocs d'informations identiques sur l'écran, ils peuvent être intégrés dans la même ligne de conception et placés selon des règles.

Utilisation flexible des courbes : utilisez des courbes dans toute l'image (la couleur doit être claire ou fine) et combinez les informations associées dans l'image avec des lignes pour rendre l'image vivante et non rigide.

Centre de gravité : lors de la conception, faites attention au centre de gravité de l'image globale. L'image globale doit avoir une impression de symétrie diagonale et ne doit pas être lourde, vide à droite ou à gauche, déraisonnable en densité, déraisonnable. répartition des points clés, et l'arrière-plan de certaines images peut dépasser la position de saignement, comme lorsque l'image est agrandie en bas, en haut. coin supérieur gauche, coin inférieur droit

Composition symétrique : composez l'image et le texte selon des triangles ou des triangles inversés de haut en bas, ou composez la composition de manière symétrique (par exemple, une rangée entière de produits est disposée avec des tailles plus petites des deux côtés, lorsque les polices sont symétriques). mieux vaut utiliser des polices serif.

Comparaison : Organisez et distinguez deux éléments, et comparez celui que vous souhaitez mettre en avant (souvent vu dans le e-commerce), comme comparer la robustesse et la mode dans les publicités automobiles. (Les éléments C se distinguent par leur couleur

Segmentation de la mise en page : elle peut être organisée selon le nombre d'or, le nombre d'argent, la troisième division égale (les blocs de zone supérieure, centrale, inférieure ou 1:2 supérieure et inférieure sont clairement divisés).

Disposition en pyramide inversée : disposez les informations importantes vers le haut (affiches ordinaires : choisissez de mettre les informations principales en haut et les images qui les accompagnent en bas) (affiches de films : placez les images qui les accompagnent en haut et les informations sur le film en bas )

Composition pyramidale : organisez les informations de haut en bas, en transmettant les informations étape par étape dans l'ordre.

Espace blanc : l'espace blanc doit être petit là où les éléments associés sont proches, l'espace blanc autour des éléments principaux doit être grand et l'espace blanc doit être grand là où différentes informations regroupent, le contenu est différent ou là où vous souhaitez attirer l'attention. Vous pouvez également utiliser le ciel ou la partie blanche de l’image pour laisser un espace vide. Dans l'ensemble de l'aménagement, un espace vide est laissé aux quatre coins pour créer une ouverture de ventilation pour l'espace, afin que l'aménagement ne paraisse pas plein et étouffé. L’aménagement luxueux et haut de gamme est également adapté aux grands espaces blancs.

Modifications de l'épaisseur de la police : l'utilisation de différentes épaisseurs de la même police peut maintenir la police globale unifiée, coordonnée et pleine de changements en couches.

Une sensation de mouvement : modifiez l'angle de manière appropriée, ajoutez des lignes droites ou des courbes non horizontales ou non verticales et ajoutez des flèches pour guider le sens de la direction (le texte d'accompagnement doit être cohérent avec le sens de la direction)

Back-off : définissez la couleur du contour d'arrière-plan des personnages ou des images afin de créer une atmosphère joyeuse (couramment utilisée par les célébrités dans les magazines de divertissement).

Limite : utilisez des lignes fines pour séparer chaque groupe d'éléments similaires, ou créez une surface de forme et utilisez des blocs de couleur pour les séparer.

Embellissement : lorsque vous ne souhaitez pas que la disposition globale change de manière significative, vous pouvez utiliser des éléments pour embellir une grande surface.

Ajouter des images : seul le texte dans la mise en page ne suffit pas. Vous devez ajouter des images pour améliorer l'attention et exprimer le contenu de l'information de manière plus intuitive. Plusieurs photos liées peuvent être placées (méthode de conception de montage). Lorsqu'il y a plusieurs photos, elles peuvent être disposées dans la même taille. Si vous souhaitez mettre en valeur une certaine photo, vous pouvez agrandir la mise en page séparément ou la placer au premier plan. centre pour être bien en vue.

Contraste : utilisez les changements de luminosité de l'arrière-plan (couleurs claires avec texte sombre) et les changements de forme/profondeur de couleur/épaisseur/taille/couleur/proximité des éléments pour mettre en valeur des éléments spécifiques (il est préférable de contraster seulement un ou deux éléments, cela affaiblira également l'effet d'accentuation)

Différences : ajout de cadres, arrière-plans d'icônes de blocs de couleur, lignes de séparation, modification de l'angle des éléments, ajustement de la taille de l'espace blanc, ajout d'éléments d'embellissement individuellement (sans modifier la disposition globale), création d'effets de contraste et modification des polices.

Rayonnement : le corps principal est placé au milieu et d'autres éléments sont disposés radialement, ou des arrière-plans ou des symboles de guidage sont ajoutés aux éléments principaux pour mettre en évidence les éléments principaux. Ou utilisez une couleur différente pour que l'élément central du corps se démarque

Doux et dur : confère aux éléments des propriétés molles et dures. Par exemple, transformez les angles droits d'un quadrilatère en coins arrondis, transformez une ligne droite en courbe ou combinez des coins droits et droits et adoucissez les bords des éléments régionaux avec des dégradés.

Rythme : Disposez plusieurs des mêmes éléments sous plusieurs angles et tailles pour créer un rythme de saut. (Ajoutez des triangles de couleur claire et des cercles de différentes tailles à l'arrière-plan) Sens de la quantité, déformation exagérée, taux d'agrandissement

Texture : ajoutez divers effets de matériau de texture

Motif : ajoutez un motif de remplissage à l'élément. Le motif ajouté doit être coordonné avec la couleur des autres éléments de l'image.

Mimétisme : utilisez diverses icônes qui simulent des objets réels (logos de poubelles, logos de salle de bains, logos d'ordinateur/carte/téléphone/météo, etc.)

Traitement d'impression : le papier non couché/le papier offset est rugueux et a une mauvaise clarté (images/copies/livres) ; le papier couché/le papier couché est lisse et brillant, avec des tons clairs et clairs (magazines/couvertures de livres/albums photo) ;

Concevoir du texte sur l'image : vous pouvez concevoir du texte à l'endroit où les informations sur l'image sont petites (couleur relativement unie) ou où il n'y a pas de texte. Vous pouvez ajouter manuellement la partie de couleur unie de l'image, comme la conception graphique courante. ajoute la partie ciel) ou elle ne peut pas être synthétisée pour ajouter l'image. Pour la partie de couleur unie, vous pouvez concevoir le texte pour le mettre en surbrillance (par exemple, ajouter un bloc de couleur derrière le texte pour le mettre en surbrillance), ainsi que la couleur du texte. le texte peut être extrait de l’image pour le garder uniforme.

Ajouter des personnages à l'image : Vous pouvez placer directement une figure carrée avec un fond, mais elle aura l'air ordinaire. Vous pouvez également placer le personnage découpé, puis délimiter le personnage en blanc, ou ajouter une barre de couleur inclinée derrière le personnage.)

Affiches dynamiques : par exemple, lorsque vous créez des affiches dynamiques de personnages en train de courir, vous pouvez disposer le texte selon un angle, faire correspondre l'épaisseur, décaler le texte et ajouter des bandes de couleur inclinées de différentes longueurs en arrière-plan. (ligne, plan, taille inégale)

Affiches haut de gamme : environ deux couleurs, polices unifiées, beaucoup d'espace blanc, aucun effet de texte, utilisation du noir, contenu redondant et mise en page simple et épurée

Décrivez le sujet en une grande et une petite taille (répéter et agrandir) - disposition des informations de rédaction (primaire, secondaire, conception des polices, partition d'informations) - correspondance des couleurs, peint à la main pour enrichir l'image

Compétences en matière de composition : alignement (centrage gauche et droit), regroupement, contraste hiérarchique (taille/épaisseur/forme/couleur/longueur/virtuel et aplat/clair et foncé/clair et foncé/texture/superposition recto et verso/perspective/projection/couleur - 63 blocs pour mettre en évidence/sélection de cadre/effet de lumière)

Utilisation de polices anglaises : l'anglais peut améliorer le contraste et la superposition, combler les détails manquants et les lacunes et augmenter le sens de la forme.

Évitez les images vides : 1. Utilisez un grand texte en filigrane pour remplir l'espace vide (mots anglais/mots de calligraphie/chiffres) avec une transparence de 5 à 15 %. 2. Faites bon usage des petits éléments auxiliaires pour coordonner et aligner l’image globale. 3. Remplissez la projection de lumière 4. Mettez en surbrillance la texture inférieure et les blocs de couleur

Améliorer la qualité du travail : tons sombres (noir, bleu, gris, rouge foncé et violet avec des embellissements appropriés), correspondance des couleurs nette (tons blancs clairs), espace blanc approprié, forme et tempérament de police unifiés (police de titre/police de sous-titre/ texte explicatif), haute définition et texture (grande image en arrière-plan), bonne hiérarchie visuelle et priorités claires, ainsi que l'harmonie, le raffinement, la concision et la cohérence d'ensemble.

Hiérarchie des tailles de texte : informations primaires (agrandies pour être mises en évidence) - informations secondaires (réduites) - informations supplémentaires (à nouveau réduites) distinguées par la taille, l'épaisseur et la couleur (les différents styles de police doivent être unifiés et coordonnés)

Proéminence et mise au point du sujet : proéminence des couleurs, proéminence du grossissement, proéminence de la position, proéminence de la forme, proéminence de la densité, proéminence du guidage de chemin.

Conception simple : Les niveaux d’informations sont clairement distingués. La première astuce : le titre a un fort contraste de taille (le rapport de taille de police entre le titre et la description est de préférence supérieur à 2 fois). La deuxième astuce : ajoutez du chinois et de l'anglais à l'arrière-plan pour créer une impression de hiérarchie (ajouter). un peu d'anglais pour former une relation d'occlusion entre le haut et le bas). La troisième astuce : petits symboles, petits éléments

Le processus de conception : organiser les informations de l'affiche pour déterminer le thème - distinguer les informations primaires et secondaires et améliorer le contraste (tapez d'abord toute la rédaction pour faciliter notre opération. Ensuite, selon notre objectif de conception, extrayez les mots du thème, agrandissez les informations importantes pour le rendre plus visible et les informations secondaires (réduire l'affichage) - mettre davantage en valeur le sujet et rendre le contraste plus fort et plus clair - visualisation des informations Ajoutez des détails (ajoutez une bordure pour attirer l'attention du lecteur au milieu. Visualisez les informations, comme l'ajout d'une icône d'avion pour SF Express et l'ajout d'un réveil pour les heures d'événements. Laissez les consommateurs percevoir les informations plus rapidement. De plus, ajoutez quelques changements de ligne, rendre l'image pleine de formalité, enfreindre les règles et ajouter quelques éléments pour l'embellissement)

Style Memphis : 1 : Divers points et surfaces combinés avec de petits éléments comme décoration, 2 : Diverses formes géométriques tracées comme support principal, 3 : Utiliser des couleurs contrastées plus vives et plus vives dans la correspondance des couleurs

Système de grille : alignement global, séquence du nombre d'or (rapport PS par défaut ~ 4:5 5:7 2:3 16:9)

Sélection de la police : Pour le texte principal, il est recommandé d'utiliser une police sans empattement facile à lire telle que la police Siyuan ou Microsoft Yahei.

Expérience de correspondance des couleurs : les couleurs sont presque toutes dans la même zone sur le sélecteur de couleurs (saturation HSB est proche), contraste de luminosité/contraste de phase de couleur/contraste de pureté/contraste chaud et froid, rouge, orange, jaune, vert, bleu et violet. Plus les teintes sont éloignées, plus le contraste est fort, et plus elles sont éloignées, plus la correspondance est douce. La dernière étape consiste à contrôler le rapport des couleurs de l’image et à l’assembler avec des couleurs pures. Correspondance avancée des couleurs (noir marron)

Titre : Fondateur Lanting Black Simplified, Fondateur Medium Black, Character Workshop Series, Fondateur Tan Black, Mona Super Black, Fondateur Lanting Black Simplified, Fondateur Medium Black. Les titres de deuxième niveau peuvent utiliser les fines polices noires et noires du fondateur Lanting. Le texte principal ne peut pas utiliser de polices calligraphiques grasses ou de grande taille avec Song/Helvetica. Lors de la combinaison du chinois et de l'anglais, les styles et les formes de police doivent être coordonnés et unifiés.

Lors de la disposition du texte, l'espacement des paragraphes doit être supérieur à l'espacement des lignes et l'espacement des lignes doit être contrôlé entre 1,4 et 1,6 bits.

Laissez les éléments principaux diverger du centre vers les environs selon certaines règles, ou s'étaler en forme d'éventail. Lorsque les éléments sont disposés selon certaines règles, cela deviendra beaucoup plus ordonné. De plus, une composition divergente présente les avantages d’un impact visuel et d’une concentration forts.

Police : droite, italique, verticale. Les polices couramment utilisées pour les thèmes sont Word Workshop/HeiTi/Microsoft Yahei/autres polices élégantes et belles. Les petits thèmes utilisent généralement New Song Dynasty, des polices fines, un grand espacement et séparés par des points ou des barres obliques. Le grand titre en gras au-dessus et le petit titre en caractères fins au-dessous (centrés de haut en bas ou alignés vers le haut, le bas, la gauche et la droite) peuvent être séparés par des lignes horizontales ou ondulées en plus de la couleur unie qui correspond à la couleur de fond. , la couleur de la police peut également être similaire à la couleur de l'image ou du dégradé.

Couleur : Le ton général doit être facile à assortir. Il est préférable d’avoir plus de trois couleurs. Essayez de faire de chaque image individuelle un système de couleurs distinct.

Couleurs assorties courantes : fond marron foncé, polices jaune blanc clair, petites polices orange-rouge, fond blanc cassé, polices orange-rouge ou polices blanches en bloc orange-rouge (peuvent être disposées verticalement), papier kraft, jaune foncé, petites polices , polices noires, papier kraft, fond jaune foncé, polices marron foncé, polices jaune vif foncé, fond vermillon foncé avec polices blanc/noir, blanc clair avec fond rouge avec polices noires et polices rouge foncé, cyan foncé et blanc comme la plupart des couleurs de fond , lilas et jaune foncé clair Police noire, différentes nuances de violet vif, bleu, dégradé jaune-vert, police blanche sur fond orange clair, police blanche sur fond bleu clair, fond bleu brume bleu foncé ou bloc de couleur police blanche et noire, transition bleu jaune foncé clair vers foncé cyan, le même La correspondance de différentes nuances de teinte, la correspondance transitionnelle coordonnée des teintes, le fond rose clair, les polices rouge clair et foncé, le cyan clair, jaune foncé et foncé.

Disposition : les informations du haut et du bas sont centrées de haut en bas, alignées à gauche et à droite, le logo/sous-titre en haut, les informations supplémentaires en bas, les grandes performances du thème au milieu et les grandes polices peuvent être déformées par Word Workshop.

Conception de l'arrière-plan de l'image : choisissez une image avec une tonalité de couleur qui met facilement en valeur le texte. Dessinez un petit bloc noir translucide rectangulaire sur l'image d'arrière-plan pour placer une ligne de texte, ou dessinez un bloc noir translucide plus petit que la proportion globale de l'image. la photo. Le thème du texte peut être placé dans un wireframe. Ce texte peut être placé partout dans l'image dans une disposition carrée. Il peut être assorti horizontalement et verticalement. Des lignes et des points peuvent être ajoutés, ou l'image peut être placée dans la moitié ou la majeure partie. l'image et le contenu du texte du thème peuvent être placés dans l'autre moitié. La couleur du texte et la tonalité de couleur de l'image doivent être similaires et unifiées. Vous pouvez également avoir du texte dans la zone d'image et dans la zone de texte. peut utiliser des barres obliques fines, un espacement important et des polices épaisses et fines pour correspondre au design.

Conception du bloc d'informations : il peut s'agir d'un bloc de couleur séparé ou d'un bloc de zone de texte aligné séparément. Le bloc de zone de texte peut être aligné verticalement ou horizontalement, et peut être plus grand ou plus petit. Chaque bloc d'informations est uniformément réparti pour maintenir divers alignements.

Couverture simple : des formes géométriques simples comme arrière-plan ou des images couvrant l'écran principal comme arrière-plan. La police du thème en gras peut être agrandie horizontalement en haut ou verticalement sur la gauche. D'autres informations secondaires peuvent être concentrées et alignées dans une position vide.

Conception de l'écran de bannière : image d'un côté, texte de l'autre côté. L'image et le texte peuvent être séparés par un arc ou un demi-cercle, ou une ombre de couleur peut être superposée sur la ligne de séparation. Zone de texte : logo supérieur, lettre inférieure. Informations complémentaires, Le thème du milieu est agrandi en caractères gras et noirs, et le petit thème en caractères fins est placé en dessous, centré ou aligné à gauche avec le grand thème, et mis en évidence avec un bloc de couleur filaire.

Commencez à concevoir : 1. En partant du point central, déterminez les informations les plus importantes. Que souhaitez-vous le plus que les lecteurs voient ? puis soulignez fortement 2. Regroupez les informations, déterminez le contenu intime et séparez les différentes sections de contenu. 3. Alignez le texte à l'écran et clarifiez les limites 4. Choisissez des techniques de conception répétitives et réutilisez-les dans d'autres sections de contenu pour garantir l'unité de l'image. Différentes images de la même série utilisent des techniques de conception répétitives pour maintenir la cohérence.

Dans la conception de cartes de visite, concentrez-vous sur une petite quantité de contenu au recto ou en position principale et placez d'autres informations sur l'autre côté.

Le contraste est la chose la plus importante dans la conception d’un CV. Concentrez-vous sur la mise en évidence des avantages qui vous distinguent. La seconde est la répétition. Chaque fois que l'expérience professionnelle et l'expérience éducative sont répétées, le temps et l'unité sont mis en évidence.

Dans la conception des publicités dans les journaux, ne choisissez pas d'empattements délicats et de lignes très fines, n'utilisez pas de texte inversé (texte blanc sur fond sombre), utilisez un espace blanc pour le contraste et séparez-le des autres contenus pour le faire ressortir.

Dans la conception d’une brochure, concentrez-vous sur l’utilisation du contraste, mettez en évidence les points clés et établissez le niveau d’information. Utilisez la répétition pour garder le même ton tout au long de l’image (polices, couleurs, mise en page, symboles, etc.). L'intimité est également très importante, rassemblant différentes sections de contenu