Lorsque la conception des données visuelles, les principes suivants peuvent être suivis:
- Clear && & Cool: Principe esthétique; Construction raisonnable de sentiment d'espace et de précision élémentaire
Connotation: La bonne histoire visuelle choisit; Dépistage raisonnable de densité; Données pour visualiser le mappage visuel; Interaction visuelle appropriée.
Total: Métaphore visuelle naturelle; Utilisez l'animation et la conversion.
Conception intuitive de huit principes (de bas en haut)
Premiers principes de conception Visual 1: principes cosmétiques
La vision est la chaîne la plus importante de l'information, plus de 50% des fonctions du cerveau humain sont utilisées pour conscience visuellement et les cerveaux humains sans définitions l'unité absolue. Standard, mais il doit y avoir une certaine loi. Pour respecter le principe esthétique, vous pouvez explorer à partir du point de vue du composant, de la mise en page et de la couleur.
1. Xiemii - composant stable
Semblable aux besoins psychologiques, les images doivent également "stabilité désir", des capteurs d'image stables peuvent rendre les gens à obtenir la stabilité et le confort. La conception visuelle porte un écran élevé haute résolution, nécessite davantage sur la balance des images. Organisation et arrangement raisonnable du concepteur de l'écran
,
et
Design lui-même équilibrer les propriétés physiques
formant une image équilibrée. La forme plus précise, la forme des composants, la perspective de la vue, l'équilibre des composants et la balance des couleurs affecteront la stabilité de l'ensemble de l'image visuelle. 2. Disposition MIDE - Disposition d'informations raisonnables
Le principe de la tour de format est très important dans la conception de l'expérience utilisateur, en particulier l'interface visuelle à grande écran. Avec le principe, vous pouvez aider les utilisateurs à trouver ce qu'ils veulent et voient ce qu'ils voient dansclignoter.
La disposition des informations raisonnables peut apprendre du principe de formatage, comme ci-dessous, les principes spécifiques sont: la proximité, de la même manière (similaire), la fermeture, le contenu, simple (simple), symétrique, etc.
3. Belles couleurs - Emotions de couleur appropriées
Dans les données de conception visuelle, les couleurs sont l'un des facteurs les plus importants. Utilisez des émotions colorées raisonnables pour améliorer les effets cognitifs de la conception de l'image pour mobiliser l'humeur d'orientation.
Les émotions colorées font référence à des informations optiques de différentes longueurs d'onde dans le comportement des agences visuelles humaines. Après avoir traversé le nerf visuel dans le cerveau, il a été perdu avec la mémoire et l'expérience antérieure, formant ainsi une série de réactions psychologiques colorées.
Différentes couleurs apportent des personnes une sensation psychologique différente, telle que: rouge représente des festivals, un enthousiasme, une joie, une amour, une vitalité, V.V. Peu importe combienLes temps, le rouge sont également liés à des émotions négatives telles que la catastrophe, la guerre, la colère; Bleu apportera la convivialité, l'harmonie, la foi, la paix, l'espoir, le V.v donnera à tout le monde froid, cruel.
La combinaison de différentes couleurs peut décrire différentes émotions, utilisées pour exprimer le style de thème de la conception visuelle, la mobilisation émotionnelle de l'orientation.
Technologie / Science, Future, Premium: Ultraviolet, Bleu, V.V.;
Jeunesse, Vitalité: rouge, jaune, bleu, v.v.;
Premium, Texture: noir, gris + gradient / lumière, v.v. Vous pouvez choisir la "lame" qui correspond à la couleur sur l'articulation de couleur et des images plus abondantes; Vous pouvez également choisir la combinaison de couleurs «sans couleur», l'image sera plus de couleurs.
"Blade" bleu violet
"Couleur" non complexe - rouge rouge
Lundi, principes de conception visuelle 2: Construction raisonnable de sentiment d'espace et de croyancesSanté
Données traditionnelles visibles basées sur plusieurs composants de graphique courants, incapable d'atteindre des effets visuels cool et choquants. La visualisation des grandes données nécessite des effets visuels intéressants, permettant ainsi une conception visuelle exceptionnelle à tout moment, n'importe où.
Après avoir créé un grand nombre de schémas visualisés de grands scénarios visualisés, l'auteur dessinerait une visualisation de données intéressantes avec des caractéristiques d'image populaires:
Sentier senior, conformité au match de match visuel
Il y a une forte sensation d'espace, la capacité d'apporter des informations solides;
Modèle de matériaux de construction à haute précision, avec une ampoule confortable confortable;
Perles riches, ouverture clignotante et autres effets d'animation.
- Excellentes effets de grandes données visuelles
- Principes de conception intuitive
- 3: Histoire visuelle et option de vue
La planification est l'âme de la visualisationChimie de données. Modification d'histoires visuelles, des plans prudents du point de vue sont les données de la tâche principale du grand écran.
Avec des produits fonctionnels, les scripts d'utilisation des utilisateurs sont des conceptions de données légèrement différentes et visuelles doivent également se concentrer sur les données. Grâce à l'analyse, aux données d'excavation, affinez l'histoire visuelle masquée dans les données, puis déterminez le bon angle tel que requis par l'histoire narrative. Des histoires de données simples peuvent être affichées avec des histoires visuelles de base et des histoires visuelles complexes pouvant planifier plusieurs modes de visualisation, plusieurs modes de visualisation hiérarchiques et séquentiels affichent des informations importantes dans des données, montrant les histoires visuelles correspondantes.
Exemple: une entreprise doit introduire la capacité d'une partie à faire la fête. Comment utiliser une solution visuelle conservée pour vivre avec la fête d'un père? Tout d'abord, vous devez planifier une histoire en directConvaincu. C'est la question de la découverte → des problèmes d'analyse → Résoudre les idées pour créer des histoires visuelles.
Pour la première fois,
Discovery affichés des données sur la Partie de données connexe du père en données visuelles, via une exploration de données, après "roues de dessin", devinez les effets de nos produits peuvent être atteints.
Suivant
Analyse Problème
entrez le lien "Affichage musculaire", indiquant la manière dont nos produits sont élevés.Enfin
Résolution de problèmes
, nous pouvons créer une scène réelle liée, la résolution de la langue peut se produire, augmenter la capacité convaincante.
Selon la parcelle visuelle, la sélection de la vue est également reconnue: des données d'analyse (problèmes de données et amplis; effet prophète), conditions du produit (fonction technologique), script d'application réelle (aperçu).
Quatre informations raisonnables ont montré, facilitant les histoires visuelles de narration visuelle pour les utilisateurs.Informations raisonnables Affiche les exigences:
Densité d'informations de dépistage, pour des expositions d'informations modérées; Distinguer le propriétaire afin que les informations soient affichées.
Effets de comparaison antérieurs et après avoir critiqué les informations présentées sur l'image ci-dessous:
La visualisation de la défaillance principale peut survivre à deux cas extrêmes: plus ou trop peu d'affichage de données information. Le premier cas extrême, le concepteur visuel veut trop surmonter, augmenter le fardeau visuel intuitif, rendra des téléspectateurs confuses, des informations importantes sont inondées de nombreuses informations supplémentaires, définir la conception intuitive ne peut décrire rapidement l'histoire que vous souhaitez révéler
Un autre cas extrême, la conception de la visualisation est fortement simplifiée, formant un trouble cognitif pour les utilisateurs, les utilisateurs ne peuvent pas connecter les données associées et les informations des paragraphes possibles en série connectée pour créer de manière intuitive.
V. Principes définisEH Visual 5: Données à la métroplation visuelle visuelle
L'effet essentiel de la visualisation consiste à obtenir des informations signées par des données dans les plus brefs délais. Observation directe des données abstraites ne peut clairement pas obtenir rapidement les informations que vous souhaitez afficher, alors choisissez les données appropriées sur la carte Visual Eym, peut améliorer la disponibilité et la fonctionnalité de la conception visuelle.
Les cartes de données pour les éléments d'image nécessitent la meilleure utilisation de l'expérience inhérente, telles que l'utilisation de l'expérience, choisissez un tableau approprié en fonction des caractéristiques et des expressions des données.
SIXIe Principes de conception, Images 6: Interaction visuelle appropriée
Dans le processus de données narratives visuelles, les informations de données peuvent être automatiquement converties avec des informations, des animations, etc. Visualiser à l'avance. Histoire de l'histoire. Donc, les utilisateurs alternatifs ne doivent pas utiliser trop de modes, afin de ne pas créer de confusion, peuventP en informations de lecture.
Conception intuitive de données Lorsque l'utilisateur interagit, les données sont garanties de guider les instructions et de prédire la capacité de fonctionner et d'avoir des instructions avant d'interagir et d'avoir une contrepartie lors de l'interaction, de sorte que toute la visualisation de l'histoire. est naturel et cohérent. En outre, il est nécessaire d'assurer l'intuition, la compréhensibilité et la compréhensibilité et la réduction des seuils d'utilisation des utilisateurs.
Seven, principe de conception visuelle 7: métaphore visuelle naturelle
Métaphore visuelle naturelle Lorsque vous utilisez des données pour décrire des histoires, des informations étranges de données utilisées par les choses qui sont familiers avec la visualisation de l'utilisateur. Comparez, soutenez l'amélioration de la compréhension des utilisateurs visuels. Les utilisateurs sont également faciles à présenter et à refléter l'idée de la conception visuelle de chacun.
Il existe un niveau de liens ou de similitudes entre le corps et les lettres, de telles métaphores visuelles sont naturelles et non soudaines, le modèle peut réduire le seuil du BlunG Visualisation, approfondir l'impression du produit. Par exemple, en utilisant le processus d'utilisation du processus de production d'ateliers pour exprimer la gestion des données, le processus de production industrielle est parfaitement expliqué dans le parcours de données abstraites; Utilisez le processus de traitement métaphorique du cerveau humain pour plus d'informations, transformer les informations en stockage de connaissances, tous les processus.
Principes de conception visuelle 8: Utilisation intelligente et conversion intelligente
Les activités et les effets de transition peuvent augmenter l'abondance et la compréhension des résultats en direct vieillissent le mandarin, d'augmenter l'effet de retour interactif des utilisateurs naturels, cohérents; Il est également possible d'améliorer les informations clés ou les performances de l'image globale, attirer l'attention de l'utilisateur et augmenter l'impression.
Cependant, l'utilisation de l'animation et une conversion inappropriée apporteront l'effet approprié. Comment utiliser l'animation et le commutateur, vous devez procéder comme suit:
La plupart des principes: actifLa figure ne doit pas être utilisée trop (surtout automatique), évitez d'être arrêté en conception de transition;
Le principe unifié: le Massifant est un comportement uniforme, un comportement similaire conformément à l'animation, une expérience utilisateur cohérente;
Facile à comprendre le principe: déformation simple, temps approprié, facile à juger, facile à capturer, éviter d'accroître le fardeau de sensibilisation de l'orientation.
En cas d'animation et d'effet de conversion pour obtenir des effets à mi-temps? Principalement utilisé dans les scénarios suivants:
Si des informations visuelles sont filtrées, la densité est toujours plus grande, le concepteur est souvent conçu la vue pour afficher des informations sur différentes données. Et différentes vues de conversion en direct peuvent utiliser l'effet de source ou l'effet de transition, aidant les utilisateurs à suivre les éléments de conversion d'autres vues ensemble Channel image visuel (volume de données, expression / statut / statut)Modifier, pour réduire le "impact" en raison du point de vue des utilisateurs, évitez d'utiliser les modifications des modifications des utilisateurs, des formulaires d'animation peuvent être utilisés.
Exercices de changement de données
(2) Effet de rétroaction interactive Effets de rétroaction en temps réel Aidez les utilisateurs à avoir confirmé les utilisateurs Cette activité, évitant ainsi les utilisateurs aveugles de l'opération iables. Lorsque la souris se déplace vers une zone d'image spécifique, différents changements dans le halo ou le micro-mouvement se produisent dans la direction de l'utilisateur. [3) Détails intuitifs: Effets d'interaction micro-totaux, Attirer les téléspectateurs Les canaux d'image interactifs ont souvent des sports, des effets d'animation clignotants tels que l'objet virtuel Actions, cette micro-interaction est facile à attirer l'attention des téléspectateurs. Il s'agit d'informations importantes que les téléspectateurs sont nécessaires pour saisir rapidement, vous pouvez choisir l'attentionUne micro-interaction pour attirer l'attention de l'utilisateur. De plus, les micro-problèmes sont souvent utilisés pour augmenter la conception intéressante, améliorer l'intérêt des téléspectateurs, de sorte que les téléspectateurs ont des émotions sexuelles. Attirant l'attention PS: Ces postes liés à thème ne sont que des idées sur l'auteur comme un designer. S'il y a des lacunes, il espérera également que les prédécesseurs / doigts des dieux, l'auteur continuera de réparer et d'améliorer le système de connaissances personnelles pour surveiller et riche. Cet article est copié à partager si vous concernez des œuvres, des droits d'auteur et d'autres questions, veuillez nous contacter pour supprimer la première fois (Microcurry de crédits: LOVEDATA0520)