Quels sont les quatre principes de mise en page du texte ?

Quatre principes : 1. Le principe d'intimité ; si les éléments sont liés, alors ils doivent être visuellement liés. 2. Principe d'alignement : Chaque élément du projet doit assurer une certaine relation d'alignement avec les autres éléments. 3. Le principe de répétition : les éléments de conception doivent apprendre à être réutilisés, ce qui rend la conception plus unifiée et cohérente et renforce l'impression d'utilisation de l'utilisateur. 3. Principe de comparaison.

La mise en page du texte est la compétence de base d'un concepteur. Elle détermine la tendance du style de la page entière et est également l'endroit où les détails de conception peuvent être le mieux reflétés.

Quatre principes de mise en page du texte

Principe 1 : Intimité

Si éléments sont liés les uns aux autres, ils doivent alors être liés visuellement.

Si les contenus sont liés ou liés dans la compréhension, ils doivent alors être placés proches les uns des autres lors de la composition. Tout comme lorsque nous allons à une fête, nous recherchons toujours des personnes que nous connaissons, et celles qui ont de fortes corrélations doivent être visuellement proches.

▲Vous constaterez facilement que les éléments dans la case rouge sont liés les uns aux autres car ils sont proches les uns des autres. Vous ne penseriez pas que le contenu de l’encadré rouge est lié à la grande image de gauche.

▲ On peut facilement dire que le texte sous l'image est lié à l'image, rien qu'en regardant l'image, on peut deviner qu'ils expriment la même information, et. c'est facile à savoir, le titre correspond au texte de contenu à côté.

Principe 2 : Alignement

▲L'alignement est divisé en : alignement à gauche, alignement au centre, alignement à droite.

a. Pour les gros paragraphes de texte, n'utilisez pas plusieurs méthodes d'alignement sur une seule page, sinon la page semblera désordonnée et il n'y aura aucun modèle à suivre. Il est préférable d'utiliser une seule méthode d'alignement (tout à gauche, tout à droite ou tout au centre). Mais généralement, vous n’utilisez pas l’alignement central à moins que vous ne soyez déjà très compétent en conception de mise en page. Pour les informations textuelles ne comportant qu'une seule ligne, la mise en page peut être plus flexible et trouver une référence pour l'alignement.

▲La mise en page alignée à gauche semble très régulière, concise et visuellement confortable sur la page. Quant au grand titre qui n'affiche qu'une seule ligne, il peut être ajusté de manière flexible en fonction de la mise en page, mais il n'est pas sans règles et conserve toujours une relation alignée avec les éléments de la page.

▲ Si vous devez utiliser l'alignement central, traitez tout le paragraphe de texte dans son ensemble (la case rouge dans l'image), puis alignez tout le paragraphe sur le à gauche ou à droite. De cette façon, l’unité et la coordination de l’image peuvent toujours être préservées.

b. Chaque élément du projet doit avoir une certaine relation d'alignement avec d'autres éléments. Tout comme les gens ne peuvent pas vivre sans société, les éléments de la page ne peuvent exister sans la page. Il doit y avoir une certaine relation d'alignement entre chaque élément et les autres éléments.

▲Le texte apparemment placé au hasard a également une certaine relation d'alignement avec d'autres éléments.

Il convient de noter que lorsque de nombreux designers commencent à concevoir, afin de mettre en valeur le thème, le texte est aligné à gauche et le titre correspondant est souvent centré. C'est faux. liés au contenu. Assurez-vous d’éviter de vous aligner différemment du texte !

▲Après avoir connu les règles, vous pouvez également apprendre à les enfreindre (comme les cases rouges). Si l'alignement sur la page semble trop délibéré, vous pouvez enfreindre les règles. sentiment rigide de manière appropriée. Même si vous enfreignez les règles, elles doivent être fondées et appliquées avec flexibilité.

Principe 3 : Répétition

Apprenez à réutiliser les éléments de conception pour rendre la conception plus unifiée et cohérente, renforcer l'impression d'utilisation de l'utilisateur et également bénéficier à la conception. Les enseignants s'améliorent efficacité.

Il existe de nombreux éléments qui peuvent être réutilisés : polices, couleurs, espaces blancs, symboles, mises en page, lignes... Les éléments réutilisés ne sont peut-être pas exactement les mêmes, mais il doit y avoir une sorte de connexion, ici il est lié à la modularisation Le Design thinking a des approches différentes mais similaires.

(Essayez de trouver quels éléments sont réutilisés dans l'image de droite)

▲Mais attention à ne pas trop répéter un élément. Par exemple, si vous utilisez une seule couleur de texte ou des blocs de couleurs sur une page, il sera difficile de trouver le focus si vous n'utilisez qu'une seule couleur principale, la. la page sera inévitable. Cela semble trop monotone et ennuyeux. Apprenez à utiliser ce principe de manière interchangeable.

Principe 4 : Contraste

Le contraste rendra la page plus attrayante, évitera les éléments trop similaires, et en même temps ouvrira la hiérarchie visuelle et créera du focus . Contrastes courants : contraste de taille, contraste de couleur, contraste de densité, contraste de texte et d'espaces blancs, contraste virtuel et réel, contraste d'épaisseur, etc.

a. Le point clé du contraste est qu'il doit être audacieux et fort ! N'ayez pas peur ! Ne comparez pas le texte de 28 px avec le texte de 29 px. Les tailles sont trop similaires. Pour augmenter le contraste du texte, il est préférable de l'augmenter par multiples de 4. Généralement, il est préférable de l'augmenter par 2 fois 4, soit 8px. De nombreuses applications utilisent désormais de grands titres populaires, qui peuvent être plus grands pour augmenter le contraste visuel.

▲ Les éléments qui ne sont pas exactement les mêmes doivent avoir un effet contrasté Puisqu'ils doivent être comparés, ils doivent être complètement différents pour que cela se voit d'un seul coup d'œil et les réduire. le coût du filtrage des informations pour les utilisateurs.

b. N'ayez pas peur de réduire la taille de certains éléments. Cela facilite non seulement le contraste avec d'autres éléments, mais permet également de laisser plus d'espace blanc pour mettre en évidence le contenu clé. Si le lecteur n'est pas intéressé, il ne le lira pas même si vous agrandissez la taille de la police. S'il est intéressé, il le lira même si la taille de la police est petite. En conception, nous rencontrons souvent des clients qui nous demandent de réaliser le texte. la taille de la police est plus grande et le logo plus grand. J'ai peur que les autres ne le voient pas, ce qui rend de nombreux concepteurs en détresse et incapables de faire quoi que ce soit. À l'avenir, ils utiliseront simplement ce principe pour le briser, ce qui est raisonnable et bien. -fondé. (Mais si ça ne marche vraiment pas, il faut être réticent. Après tout, le travail est plus important)

conseils :

À moins qu'il ne s'agisse d'un titre ou d'un texte décoratif, ne utilisez des polices spéciales et assurez-vous que le contenu est clair et facile à lire. Surtout pour les gros paragraphes de texte, essayez d’utiliser des polices de base, telles que la police gras ou Song, afin qu’elles ne soient pas difficiles à lire.

Pour plus de connaissances connexes, veuillez visiter : Site Web PHP chinois !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!