


Conception et compétences web de haute qualité n°4 (Organisation des éléments)
Le métier de designer attire de nombreuses personnes car le processus de création de créativité est vraiment intéressant. Je sais que le processus d'organisation du contenu n'est pas si intéressant, mais une fois que vous aurez développé une bonne habitude d'organiser le contenu, vous constaterez que ce n'est pas aussi ennuyeux que vous le pensez. La façon dont vous organisez votre contenu dépend toujours de la situation. Par exemple, de quel type de site s’agit-il ? Quelle est l’importance d’un élément de contenu particulier sur la page ?
Il y a tellement de permutations possibles sur comment et où placer le contenu. Mais il reste encore quelques conseils à suivre. La chose la plus fondamentale est de décider d’abord quel effet votre conception doit produire. Par exemple, créez-vous un site Web qui vend des choses ? Est-ce pour l'affichage du contenu ? Ou créez-vous une page d’enregistrement des utilisateurs ? Page de promotion ? Attendez...
Business by Design : 37Signals
Consultez ce site Web populaire parmi 37 signaux. Le fait que leurs produits se vendent si bien n’est pas dû au hasard. Leur site Web vous permet de découvrir leurs produits aussi facilement que possible et vous aide à prendre votre décision finale. Tout ce que vous voyez est superbement conçu et présenté.
Comme le montre l'image, ils vous donnent quatre raisons d'acheter leurs produits. Attirer l'attention est la première étape. Ils ont créé une zone noire, mis une brève introduction sur le produit et utilisé un titre en gras. Ensuite, ils utilisent de belles illustrations pour susciter votre intérêt et présenter les avantages du produit. Ensuite, ils veulent vous donner envie d'acheter, ce qu'ils peuvent faire en plaçant des devis d'avis clients et des certificats de récompense de produits. Dans ce cas, ils l’ont fait à travers plusieurs vidéos « Ce que nos clients ont à dire ». La dernière chose à réaliser est de promouvoir l'action d'achat (Action) ; le site Web de 37Signals comporte un grand nombre de points d'action (liens qui guident les utilisateurs vers l'étape suivante) sur toute la page. Parce que la page est très longue, plus de points d'action. sont placés en bas de page. De nombreux points d'action.
Conçu pour le contenu (Blog) : bien médicamenté
La situation est très différente lors de la conception de pages de blog. Vous n’avez pas besoin de travailler dur pour persuader vos utilisateurs de faire confiance à votre produit, votre « produit » est déjà affiché devant eux – c’est-à-dire le contenu de votre blog. Tout ce que vous avez à faire est de vous assurer que les utilisateurs peuvent facilement lire vos articles, explorer le contenu et se connecter avec vous et votre blog.
Le contenu doit être (l'une des) premières parties de votre blog qui apparaissent devant les lecteurs. Dans l’exemple ci-dessous, un titre rose en gras attire votre attention et vous dirige directement vers le contenu de l’article. Il y a une image d'aperçu d'une taille appropriée à gauche, et à droite il y a deux ou trois paragraphes de résumé de l'article et un lien « continuer la lecture ». Bien sûr, il y a aussi les informations standard sur la date et l’auteur. C'est un exemple parfait de ce que je considère comme la « conception de contenu ». L’attention peut être dirigée vers tout ce qui présente un intérêt. Dans cet exemple, le magnifique bouton d’abonnement RSS occupe le devant de la scène. Sans oublier que cette orientation permet aux lecteurs de se sentir connectés au contenu, mais elle aide également le site à gagner plus d'abonnements. Encourager vos lecteurs à explorer votre contenu est aussi simple que d'ajouter une liste de liens vers vos articles les plus récents ou les plus populaires dans la barre latérale, de créer un menu déroulant ou d'organiser une liste efficace d'autres contenus que vous souhaitez diffuser. C'est simple à faire, mais assez efficace, surtout pour les blogueurs. Un blog est un domaine privé. Dire aux lecteurs vos coordonnées (Connect) via différents canaux peut les aider à vous comprendre, et cela peut également apporter des avantages inattendus.
Conseils pour organiser votre contenu
Bien sûr, vous pouvez rencontrer des moments où vous devez enfreindre les règles et faire quelque chose d'inhabituel, mais vous pouvez toujours suivre ces conseils simples . Pour assurer une bonne structure du contenu et un bon ordre de lecture.
Pourquoi concevez-vous ?
Comme mentionné ci-dessus, déterminez l'objectif de la conception.
Utiliser les grilles
Les grilles vous aident à tirer le meilleur parti de vos pages.
Position de l'élément de test
Examinez la convivialité du contenu du point de vue du visiteur.
Supprimez tous les éléments inutiles
Les choses inutiles doivent être éliminées, ou du moins ne pas être placées dans des endroits bien en vue
Équilibre de l'attention
Certaines choses doivent être simplifiées pour que d'autres choses brillent de mille feux
Ce qui précède est le contenu d'une conception Web de haute qualité et des compétences n°4 (organisation des éléments). Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Aperçu de l'inspiration créative et des possibilités illimitées que l'animation CSS3 apporte aux concepteurs de sites Web : dans la conception de sites Web modernes, les effets d'animation sont devenus un facteur important pour améliorer l'expérience utilisateur et accroître l'attractivité des sites Web. L’émergence de la technologie d’animation CSS3 a apporté aux concepteurs Web des options de conception plus flexibles, plus riches et plus créatives. Cet article explorera l'inspiration créative et les possibilités illimitées que l'animation CSS3 apporte aux concepteurs Web et fournira quelques exemples de code. 1. Concepts de base et syntaxe de l'animation CSS3 Avant d'introduire l'animation CSS3, nous devons d'abord.

Découvrez les avantages uniques du positionnement absolu dans la conception Web. Dans la conception Web, le positionnement absolu est une méthode de mise en page couramment utilisée. En utilisant le positionnement absolu, les éléments peuvent être placés précisément à des emplacements spécifiés sur la page Web et certains effets de mise en page spéciaux peuvent être facilement obtenus. Cet article explore ces avantages et les illustre avec des exemples de code spécifiques. Positionnement précis des éléments Le positionnement absolu permet un contrôle précis de la position des éléments sur une page Web. En spécifiant les attributs top, right, bottom et left de l'élément, l'élément peut être

Partage de compétences en conception de sites Web et d'expériences pratiques basées sur CSS3 À l'ère d'Internet d'aujourd'hui, la conception de sites Web devient de plus en plus importante. Avec l’avènement de CSS3, les concepteurs peuvent désormais utiliser une variété d’effets époustouflants pour impliquer les utilisateurs. Cet article partagera quelques compétences en conception Web et une expérience pratique basées sur CSS3, dans le but d'aider les lecteurs à améliorer leur niveau de conception Web. 1. Utilisez des effets de transition Les effets de transition peuvent produire des effets d'animation fluides pour les éléments d'un état à un autre. En utilisant la propriété de transition CSS3, nous pouvons

Explorer l'impact de l'introduction de frameworks tiers dans CSS sur la conception Web Introduction : Avec le développement rapide d'Internet, la conception Web est devenue de plus en plus importante. Afin d'améliorer l'expérience utilisateur et de fournir des fonctions plus riches, les développeurs doivent souvent utiliser des frameworks tiers pour faciliter la conception et le développement. Cet article explorera l'impact de l'introduction de frameworks tiers CSS sur la conception Web et donnera des exemples de code spécifiques. 1. Qu'est-ce que le framework tiers CSS ? Le framework tiers CSS est un ensemble de styles et de composants CSS prédéfinis qui peuvent être appelés directement lors de la création d'une page Web. Ces frameworks sont riches en contenu,

L'application des sélecteurs d'éléments dans la conception Web nécessite des exemples de code spécifiques. Dans la conception Web, les sélecteurs d'éléments sont un sélecteur CSS très important, qui peut nous aider à contrôler et à ajuster les styles des éléments dans les pages Web. En utilisant de manière flexible les sélecteurs d’éléments, divers effets de conception Web exquis peuvent être obtenus. 1. Syntaxe de base et utilisation des sélecteurs d'éléments Le sélecteur d'élément est le type de sélecteur CSS le plus simple. Il sélectionne l'élément correspondant en spécifiant le nom de balise de l'élément HTML. La syntaxe de base du sélecteur d'élément est la suivante : nom de la balise {

Comment utiliser la mise en page CSSPositions pour concevoir la mise en page des cartes pour les pages Web. Dans la conception Web, la mise en page des cartes est une méthode de conception courante et populaire. Il divise le contenu en cartes indépendantes, chaque carte contient certaines informations et peut facilement créer un effet de page soigné et superposé. Dans cet article, nous présenterons comment utiliser la disposition CSSPositions pour concevoir la disposition des cartes d'une page Web et joindrons des exemples de code spécifiques. Créer la structure HTML Tout d'abord, nous devons créer la structure HTML pour représenter la disposition de la carte.

Cinq étapes pour vous apprendre à créer le framework CSS parfait : Rendre votre conception Web plus professionnelle et plus belle Maintenir une conception Web professionnelle et belle est le rêve de tout concepteur de sites Web. Et établir un framework CSS parfait est la clé pour atteindre cet objectif. Le framework CSS est un ensemble de feuilles de style et de règles prédéterminées qui aident les concepteurs à créer rapidement des mises en page et des styles de pages Web. Aujourd'hui, je vais vous présenter une méthode en cinq étapes pour vous aider à créer un framework CSS parfait. Voici les étapes spécifiques : Étape 1 : Analyser les exigences et déterminer la structure du cadre au début

HTML5 (H5) est la cinquième version de HTML, conçue pour améliorer la flexibilité et la fonctionnalité du développement Web. Les principales caractéristiques de H5 comprennent: 1) de nouvelles étiquettes sémantiques, telles que, et al.; 2) Support audio et vidéo intégré, tel que, et al.; 3) API de dessin en toile; 4) API de géolocalisation. Ces fonctionnalités sont implémentées via le moteur JavaScript du navigateur, ce qui rend les pages Web plus dynamiques et interactives.
