1. Concept de base

1. Ceci est la visualisation des données

une variété de moyens indiqués car les données abstraites sont relativement complexes, abstraites De manière visuelle, appelée visualisation des données et des données intuitives est une information et des informations plus automatiques et des lois et des informations, favorisant la demande de réseau local et d'informations sur les données.

Selon le support actuel, visualisez des données sauf "images", il peut y avoir des fonctionnalités interactives disponibles. La nature de la visualisation des données est

L'espace de données sur la carte graphique est l'expression de données abstraites.

Data "Début"

Auteur: Shane Mielke

L'auteur a écrit ce livre, la carte montre la distribution des lecteurs du monde entier et le nombre correspondant de personnes.

Visualiser des données "Dessin du monde"

Auteur: TrageHappy

Communiquez les autres itinéraires de voyage, couleurs similaires ,Les gens plus souvent dans les deux pays.

2. Visualisez les données à grand écran

Visual Grand écran Data est le fournisseur d'affichage principal avec une conception de données d'écran intuitive.

"Grande zone, mouvement cool, couleurs riches", grand écran a facilement laissé l'impression choquante dans la vision, commode de créer une atmosphère unique, de créer une sensation de cérémonie. Le commerce électronique de grande taille 11 utilise cette fonctionnalité pour créer une atmosphère de vacances chaleureuse, un festival et une visualisation de la visualisation peut être visualisée, vous pouvez transférer les sentiments des personnes, activer la résonance des personnes, la culture de transfert et la valeur de la société.

avec une grande surface, les caractéristiques d'informations peuvent être affichées et le groupe peut être discuté, décidé, et par conséquent, l'écran grand est souvent utilisé pour surveiller l'analyse des données. Les données visuelles grandes écran affichent principalement des informations, des tabouretDonnées précoces et surveillance et avertissement.

Classe d'analyse des données:

Source: Ben
Image de l'auteur: Logiciel de voile Co Ltd.

PRINCIPAUX DE CONCEPTION DE DONNÉES Deuxième écran de grande taille, des besoins de conception, Détails récapitulatifs
1. Conception Besoins de service

La conception de l'écran doit éviter de montrer, la typographie de la mise en page, la sélection du graphique, etc. Servira les entreprises, donc la conception d'écran de grande taille basée sur les besoins de l'entreprise.

Qu'est-ce que les besoins de l'entreprise?

Les besoins des entreprises sont des objectifs résolus ou atteints. Les designers qui aident les employés connexes à travers des conceptions conçus pour atteindre cet objectif sont la valeur de la visualisation des données à grande écran.

2. Détails de la première vue d'ensemble

Large grand écran, portant des données, pour éviter que les informations manquantes et grandes écran soient concentrées, ayant un maître de rang. Vous avezJetez les données de base dans l'utilisateur en comparant, puis parcourez le deuxième ou le troisième teneur après que l'utilisateur comprenne le contenu principal et affiche la logique du grand écran. Certaines données détaillées peuvent être temporairement masquées et l'utilisateur doit être évoqué en cliquant sur.

Mardi, le processus de conception grand écran
Le processus de spécification consiste à garantir de bons résultats. Trouvez un processus de remboursement, puis étape par étape, vous pouvez éviter de nombreux processus de refaire inutiles, assurer la qualité de la conception et du calendrier de projet.

1. Selon la scène d'entreprise, les indicateurs principaux
sont des mots courants, qui est un ensemble de définition du groupe. Ou collectif, une série de données. Dans des circonstances normales, un indicateur est dédié au grand écran. Par conséquent, grâce à la définition principale de l'indicateur, nous savons quel contenu sera affiché sur le grand écran et le grand écran est divisé en plusieurs.

Obtenir le système de surveillanceClôtures électroniques pour les vélos partagés Par exemple, les principaux indicateurs sont les suivants: parking d'entreprise, violations commerciales, points chauds, véhicules, V.V.

Après avoir déterminé l'indicateur principal, la priorité (principale, lycée, supplémentaire) de chaque indicateur est préparée selon les besoins de l'entreprise.
2. Réglez la taille de l'analyse d'index

"côté horizontal du haut". Données du même indicateur, il existe de nombreux résultats différents d'une analyse de taille différente. De nombreux petits partenaires ont terminé la conception visuelle, ont révélé que les graphiques visuels ne font pas exactement exactement leurs intentions et ne peuvent pas transmettre les informations que vous devez et les graphiques visuels sont confus ou incorrects Dinh. Cela se produit dans une large mesure car la taille de l'analyse n'est ni spécifiée ni déterminée.

L'image montre que quatre dimensions sont souvent utilisées par analyse des données. Après l'index sélectionné, nous devons discuter avec d'autres petits partenaires de l'équipe de projet: différents indicateurs CNos principaux veulent vous montrer quelque chose, et de plus, nous voulons montrer ce que les lois et les informations par la visualisation.

L'image ci-dessus peut nous guider de "contact, distribution, comparaison, formant" une pensée en quatre dimensions sur la logique sur ce problème.

la corrélation entre les données
: quelle gamme se concentre principalement sur la cible de l'indicateur, montrant quelle loi

comparative

: quel est le La différence entre les données est principalement réfléchie dans quels aspects

forme

: Quels sont les composants des données dans l'indicateur et que chacune la pièce est inclus
bien sûr l'exemple du graphique de Le diagramme ci-dessus est plus traditionnel et toujours un type d'informations géographiques différent dans la visualisation des données de grande taille (généralement dans la version 2/3d, la présentation de la Terre). Bien que l'image ne soit pas incluse, il nous fournit pour déterminer l'idée de la taille et de la méthode d'analyse des données.u à contacter, peut être utilisé.
3. Sélectionnez le type de graphique visuel

après avoir déterminé la taille d'analyse, le type de graphique que nous pouvons choisir essentiellement déterminé. Ensuite, nous devons juste filtrer les meilleures choses pour refléter nos intentions de conception à partir de quelques graphiques.

Les considérations de graphique sélectionnées: facile à comprendre, peuvent être effectuées.

Facile à comprendre

est une conception intuitive qui devrait envisager l'utilisateur final de l'écran de fin, alors comprenez les résultats de la visualisation, pas besoin de penser et de comprendre trop, et donc c'est un raisonnable Choix d'éviter de sélectionner des graphiques hostiles et intuitifs.

(1) Nous devons comprendre les informations, le ratio de données existant, la capacité calculée, le contact, etc. Après cela, évaluez si les données peuvent prendre en charge les performances visuelles correspondantes. (2) Notre tableau graphique de conception doit être développé. Dans le vrai travailMéditerranée, certains effets visuels qui allouent le code de développement sont faciles à mettre en œuvre et efficacement, mais le concepteur cet effet utilise PS / AI / AE Cette simulation d'outil trouvera plus difficile. De même, certains concepteurs d'effet peuvent être facilement réalisés par des outils de conception, mais il est difficile de développer du code à atterrir.
Par conséquent, il est très important de communiquer avec le développement de la conception à grande estrade. Nous devons supprimer quels designers locaux peuvent jouer, où doivent être soigneusement conçus! Un projet est toujours une semaine de temps et de restrictions budgétaires, aucune modification indéfiniment, le concepteur doit donc saisir l'accent, a une hiérarchie, aucune corne, ni la mort? Disponible.

4. Comprenez le gros écran physique, déterminez le manuscrit de conception

la plupart des conceptions La plupart des conceptions L'écran de la machine calculille de plus grandes sources de signal.

Lorsqu'il y a des sources de signal, il y aura de nombreuses descriptions, à l'époqueM Chaque conception, la taille de l'écran d'ordinateur de signal correspondant.

La résolution de la description de la description est la résolution de l'ordinateur, lorsqu'il existe plusieurs sources de signal, il est parfois personnalisable ordinateur via une carte graphique. La résolution de l'écran est faite pour rendre la résolution d'affichage de l'ordinateur non égale à sa résolution physique. À ce stade, la résolution de la conception correspondante deviendra la résolution définie.

En outre, lorsque la résolution de l'ordinateur a été investie, elle ne correspond pas à la croissance de la physique du grand écran (source de signal unique), également personnalisée avec l'écran de la résolution. Le projet de résolution de conception change également. Donc avant que la conception commence

comprenne la longueur de l'écran physique grand.

5. Disposition de la page, divisée par

après la définition de la taille, la sélection de la conception et des versions de page divisées. Le département ici est principalement basé sur le chNotre numéro d'entreprise précédent, les indicateurs de base des entreprises sont organisés en position médiane, occupant de grandes surfaces; Les indicateurs restants sont déployés autour de l'indicateur de base à tour de rôle à tour de rôle dans les indicateurs de base à tour de rôle des indicateurs de tour à tour de rôle à son tour dans les indicateurs de base. En général, l'indicateur correspondant est généralement adjacent ou fermé et l'indicateur du type de graphique est placé ensemble, de sorte que le fardeau des téléspectateurs et l'efficacité de la transmission d'informations puissent être réduits.

6. Détermination du style de conception
De nombreux petits partenaires peuvent ne pas être exposés au travail de conception grand écran, mais la plupart des gens devraient avoir une application ou expérience de définition web. Quelle est la façon dont nous utilisons lorsque nous déterminons quelle conception ou site Web?
Version émotionnelle!
Le grand écran est génial, mais c'est vraiment le site Web qui fonctionne dans le navigateur, donc la méthode de définitionLa conception importante peut également être effectuée avec des versions émotionnelles, cette méthode également actuellement la science et la définition plus efficace des moyens de style.

La figure sur fournit la carte du cerveau de la version émotionnelle de l'application. Pour plus de détails, n'introduisez pas, les petits partenaires ne savent pas beaucoup de choses peuvent trouver des informations.
Un ensemble de versions et de styles émotionnels de notre définition est essentiellement précis et peut nous guider pour mettre en œuvre la conception. Si c'est Chofang Papa, faites un grand écran, ce processus peut nous faire proposer plus convaincant.

7. Conception visuelle

Mise en œuvre d'une conception visuelle raisonnable basée sur le type de graphique sélectionné. Actuellement, la visualisation à grande écran est principalement la suivante:
Indicateur Informations Points et Informations géographiques

Deux données visuelles.

Les effets visuels des points d'informations indicateurs sont relativement faciles et les points d'information géographiques sont souvent affichés àEn outre, il est relativement difficile à croître et le concepteur a besoin de communication multi-communication.

Les informations géographiques ont généralement un espace fort, des particules riches, un flux de filtrage, etc. En attente de la performance des périphériques matériels, le cas de la configuration matérielle peut se produire ne causer pas de cas, cela est donc nécessaire pour communiquer en premier.

[Confirmer la fusée de tirage

Ici, la communication est de trois niveaux:

Conception de communication, la conception de la communication de la maison, designer et grand écran.

Lien de communication d'échantillon, le diagramme d'échantillon initial n'a pas besoin d'être très délicat, nous pouvons la comprendre comme une "basse vitesse" puis par la communication et la modification continues , il s'améliore progressivement, petit à courir, évitant le type de temps pour aller à la fin, puis révision.

Parce que nous avons identifié la mise en page, le type de graphique, les fonctionnalités de type de page, nous avons donc besoin d'utiliser unLe moyen le plus simple est de faire quelques étapes dans la page. Reflètent rapidement, alors essayez d'identifier cinq aspects en fonction de l'effet d'échantillon:

La composition est définie avant qu'il ne soit toujours approprié après avoir placé la teneur en conception; Si le type de graphique est défini par reste la cible et exactement selon les éléments principaux, les couleurs, les structures, les styles de page créés par les éléments principaux qui sont essentiellement transmis par une atmosphère et une sensation attendue;

Types existants, Contenu de données, efficacité, etc. Il existe des problèmes de déploiement de développement

si le grand écran est une différence de couleur, que le contenu du texte soit clair non, et il y a une déformation prolongée.

Il s'agit également d'un lien spécial avec le grand écran "Communication"

, c'est aussi ce que la conception à grande estrade est différente d'autres étapes. Les gros écrans ont des résolutions uniques, des compositions d'écran distinctes, des affichages de couleur et une exécution, affichant des environnements, il y a beaucoup de problèmes ici. On peut le trouverJ'espère sur le grand écran. Par conséquent, cette étape est très importante dans le lien de confirmer la communication du régime, parfois la démonstration doit être développée, plusieurs fois des vérifications à plusieurs reprises.

9. Complétez la page, développez

En fait, la phase de développement de la page ne le fera pas, le développement de la page que mentionné uniquement suivez le type frontal, les données d'arrière-plan réelles . Les travaux de préparation ont commencé après avoir défini un bon indicateur d'analyse et notre travail actuel consiste à accéder aux données à l'avant, puis présent avec le style de conception.

car le grand écran est en réalité un site Web, la phase de coupe augmente moins que l'étiquette.

Partie: Quels éléments doivent couper des images, comment couper?

ne peut pas écrire le code de développement commun et nécessaire pour que les concepteurs puissent réduire le support: tels que le contour des conteneurs de données, une petite motivation, une page générale de la page, BUne partie de la partie, v.v. Coupe peut couper en fonction des normes normales de conception Web.

Mission:

Quels plugins utilisés par le site pour créer une étiquette, je suis très familier, je ne dirai pas grand chose. Il convient de noter que si la page de grand écran doit être affichée en fonction de différents tarifs, l'étiquetage et le développement de l'étiquette et de développement peuvent être effectués comme unité de base, de sorte que la page Big Screen aura une meilleure évolutivité et une meilleure adaptation dans le période suivante. sexe.

10. Ajustez et vérifiez les détails globaux

Cette section consiste à placer une page réelle dans un grand écran pour vérifier et optimiser les pages réelles après la fin du développement de la page. A principalement deux parties du travail ici.
Chèque

(un peu d'interface utilisateur est pris comme l'application): éléments d'image principaux, taille de la police de police, page de motivation, illustration de cartes de la carte, etc. En attente.

Vérifier les performances et les données
: Animation du graphique lisseQuelles données sont chargées et rafraîchissantes est inhabituelle; La page est affichée pendant une longue période et le système de contrôle suivant peut être normal. Convertir la page d'accueil affichée.

4: Mesures de conception à grande écran

1. Utiliser des polices Prioriser les polices à utiliser la police par défaut du système, nécessaire pour incorporer des polices à prendre en compte peut identifier Les polices, qu'il s'agisse de la fusion avec le style de conception actuel, est disponible gratuitement.

Si la page est un déploiement en nuage, vous devez intégrer le package de polices, je peux utiliser le logiciel tel que FontCreator pour supprimer ces caractères à partir du package de polices, puis être la restauration, réduire le téléchargement. La taille du paquet de police, optimisez l'expérience de chargement de la page, évitez le texte de la page pendant le processus de remplacement de la police par défaut et d'autres phénomènes.

(En général, un fichier de polices contient de nombreux personnages tels que l'arabe, les icônes, latin, japonais, cyrlin, lui lCeci, princesse et symbole phonétique et cette scène claire pour le grand écran. Nous pouvons supprimer d'autres personnages qui ne sont pas utilisés, uniquement chinois, princesse et chiffres)

2. Combinez des couleurs
(1) la différence de luminosité et La saturation des couleurs est significative, comparable, essayez d'éviter l'utilisation de couleurs voisines

(2) sur l'arrière-plan du soir: le fond sombre peut réduire l'inconfort de la balayage. En raison de la grande surface d'arrière-plan, l'utilisation de l'obscurité Les couleurs peuvent également réduire l'impact de l'écran couleur à des performances globales; simultanément, un fond sombre plus concentré, et il est également pratique de mettre en évidence le contenu, de faire des particules élégantes, des particules, etc

(3 ) Utilisez ATTENTION: Écrans de couleurs universels larges Les grands écarts sont affichés, il est affiché, l'utilisation de la pente doit donc être déterminée selon les commentaires de grande taille afin de déterminer si elle est ajustée ou non, et la couleur unie est optimale.

3 . Page

Primaire clair, clair, attention aux unités d'affichagePetite utilisation blanche, raisonnable et raisonnable sur le grand écran et essayez d'éviter les données importantes.

Années, Q & AMP; A
1. Que dois-je faire si le manuscrit de conception est dans le grand écran?
Résolution, ratio grand écran, utilisation de l'environnement et de la projection, V.V. Affectera la conception. Idéalement, nous devrions ouvrir le système grand écran pour effectuer des tests simples avant le début de la conception. Nous pouvons collecter de grandes conceptions d'écran qui opèrent de différents concepteurs d'Internet, puis effectuent des effets réalistes.

Parce que la plupart des grands écrans existeront des couleurs trompeurs, les types de couleurs correspondent à la pente, des couleurs voisines peuvent être trouvées dans le grand écran cible en essayant un test. Si vous ne pouvez pas, n'utilisez pas la couleur correspondant à l'effet d'affichage lorsque nous avons conçu. D'autre part, carte carte carte est également très importante.

2. Une fois la conception du grand écran terminée, coupez l'imageU fois?
Parce que nous avons apporté l'écran de notre ordinateur sur grand écran, le contenu du grand écran est la page qui s'exécute sur notre navigateur informatique. Par conséquent, le nombre peut être une fois en fonction de la résolution de notre ordinateur.

3. 1920 * 1080 Conçu, à l'écran 9000 * 4320, les photos de texte seront virtuelles?

Voir la situation, les spécifications matérielles et la distance de visualisation du grand système d'écran sont définies. Ces quatre concepts doivent vous contacter:

Résolution de la logique de grande taille (taille de conception) - Résolution de la sortie de carte vidéo - Convertisseur de matrice vidéo (DVI) Résolution de support - Résolution physique réelle à grand écran.

En général, deux pas de problèmes, de gros écrans et de commutateurs matriciels sont fournis par des fabricants de grands scénarios, généralement un grand écran. Le problème facile est la résolution de sortie de la carte graphique. Notre résolution d'écran de l'ordinateur n'est pas la résolution de la dernière carte graphiqueEnsemble pour l'interface DVI. La résolution est transférée à l'interface DVI en tant que résolution maximale que les graphiques informatiques peuvent exporter (certains ordinateurs peuvent être placés ou auto) déterminer la résolution de sortie).
Résolution de sortie égale à la résolution de support DVI, l'écran est optimal; La résolution de sortie est inférieure à la résolution prenant en charge DVI et DVI transmettre des signaux sur le grand écran et il y a le processus de zoom. Les informations sur l'image sont perdues, bien qu'il existe de nombreux algorithmes différents appuyant dans ce processus afin de garantir que l'image est aussi claire que possible, mais l'algorithme sera meilleur, il reste encore une distance avec des graphismes réalistes.

En outre, le projet source multi-signal est supérieur à une source de projet source unique. Pour les données en direct en place, il existe au moins deux sources de signaux, de destinations et d'un autre point, mais c'est dans un état de veille.

La distance du grand écran affecte également la sensation d'observation, est souvent proche, la sensation du grain est claire, la distance est légèrement claire.

4. Une fois le manuscrit de conception terminé, on constate que la page est étirée ou comprimée sur le grand écran. Comment réparer?
En général, le développement ne doit être restauré que sur le tableau de conception. Cependant, dans des cas spécifiques, telles que des extensions correctement affichées, car la page est prolongée ou comprimée. À ce stade, nous pouvons obtenir le taux de compression prolongé / de compression, puis à compresser / étendre la vue d'ensemble, puis étirement / comprimé / compressez, de sorte que la vulnérabilité d'étirement / compression puisse obtenir un certain calibrage.

De plus, les gens comprennent que les fonctionnalités matérielles de l'ordinateur et certains ordinateurs peuvent résoudre cette partie du problème avec une résolution personnalisée.

5. En plus du développement de la visualisation, que puis-je avoir à atteindre pour faire vite?

Alibaba Cloud Datav, carte de nuage Tencent, Yahoo, V.v.

6. Le style de graphique visuel des données peut être trouvé dans ces endroits? Deux bibliothèques TL'éblouissement de la première colonne de la première colonne du graphique ci-dessous est nos concepteurs de le voir. Tous les types de graphiques sont basés sur le code basé sur le code, peuvent être utilisés comme références pour notre carte de conception. Autoriser le code à utiliser ou dans les modifications de base du graphique , la couche d'outil a besoin d'une certaine base de code, également un graphique riche, alors communiquer avec le développement de la lecture est également important car ils peuvent comprendre qu'il y a des informations mises à jour Graphiques frontaliers que nos concepteurs ne savent pas, il est donc si important de communiquer entre eux. Cet article est copié partagé, s'il concerne des œuvres, des droits d'auteur et d'autres problèmes, veuillez nous contacter pour supprimer la première fois (Micro Signal: LOVEDATA0520)