65 termes de conception web que vous devriez connaître

Le langage de conception web comprend de nombreux termes de conception web que vous devriez connaître. Que vous créiez votre propre blog ou site Web, que vous travailliez avec un concepteur web ou un développeur Web, ou que vous vouliez en savoir plus sur la conception web en général, cet article présente les termes les plus importants utilisés dans la conception web. Nous détaillerons également la composition du processus de conception web, y compris les méthodes de dépannage et les flux de travail. Lors d’un récent webinaire avec Michelle schulp, spécialiste de la conception web, nous avons appris à connaître la terminologie de la conception web et à mieux dialoguer sur la conception web.
Terminologie de la conception de page Web: Vocabulaire de la conception de page Web la conception de page web implique souvent des disciplines transversales, donc nous avons ajouté un vocabulaire qui implique la marque, la composition, la couleur et la typographie. Apprendre à utiliser un langage de conception web vous aidera à poser de meilleures questions, à communiquer plus efficacement et à produire de meilleurs produits finaux. Vous pouvez également noter comment ces termes sont mis en œuvre (pour le meilleur ou pour le pire) sur une grande variété de sites Web. Parce que la conception web est un processus global, les concepteurs Web sont formés pour voir des images plus grandes, même des détails.
Pour en savoir plus sur la terminologie du Web dans le nouveau livre électronique: 65 terminologie de la conception du site Web vous devriez savoir maintenant télécharger la terminologie de la marque la marque est un échange d’information, de valeurs et d’expériences organisationnelles. Des logos d’entreprise et des éléments de conception reconnaissables aux « sentiments instinctifs » des gens à l’égard de l’Organisation, les gens connaissent les raisons qui sous – tendent le site. Lorsqu’il s’agit de conception web, vous avez l’occasion de créer des expériences qui renforcent la marque de l’entreprise. 1. Logo: la représentation visuelle globale de la marque peut comprendre le logo, la couleur, la composition, l’image, le son, etc. Plus qu’un signe. 2. Alphabet \/ lettrage \/ identification: type a d
Ra. La hiérarchie aide également à guider les utilisateurs à travers le site. Les décisions concernant le style et l’emplacement des éléments ont une grande influence sur l’expérience du site.
25. Échelle: Quelle est la taille relative des éléments de la page? Proximité \/ alignement: quels éléments de page sont associés les uns aux autres? Focus: points 28 sur la page que nous attirons l’attention des utilisateurs. Balises sémantiques: utilisez correctement les éléments HTML pour suggérer la hiérarchie et l’utilisation dans le contenu. Typographie terminologie la typographie est une décision esthétique concernant la typographie. La taille, l’espacement, l’alignement, la taille des colonnes et les types de tailles associés ont une grande influence sur l’expérience utilisateur et l’esthétique. Le choix de la typographie doit être envisagé pour renforcer le grand système de formatage tout en étant esthétique et facile à lire \/ comprendre.
Police (police): ensemble de lettres et de caractères \/ symboles 30. Famille de polices: quelle police utilisez – vous? 31. Taille de la police: Quelle taille \/ Quelle taille? 32. Taille de la police: Combien est – il lourd \/ léger? Styles de caractères: italique, soulignement, suppression 34. Hauteur de la ligne: Quel est l’espacement entre les lignes? Espacement des lettres (trace): ajuste l’espacement entre les groupes de lettres \/ blocs de texte. Plis: espacement entre les lettres individuelles. 37. Décoration de texte: le texte a – t – il un soulignement ou un style supplémentaire? Serif \/ sans serif: les polices serif ont des traits ou des lignes décoratives supplémentaires à la fin des lettres, mais pas les polices sans serif. Termes de couleur la couleur comprend la décision esthétique d’utiliser la couleur dans une composition. Les couleurs peuvent être utilisées pour évoquer des éléments émotionnels, stressants, divisés ou groupés; La couleur peut créer l’unité et l’équilibre de la vision. C \/
La couleur est généralement liée à la marque. Les couleurs doivent être choisies avec soin et utilisées uniformément sur tout le site.
Hexadécimal: sur le site Web, la couleur hexadécimale, un six chiffres, est utilisée pour représenter la couleur en html \/ CSS. 40. RGB: modèle de couleur supplémentaire pour l’écran, les valeurs de lumière rouge \/ vert \/ bleu sont combinées pour former la couleur. 41. CMYK: le motif de décoloration utilisé pour l’encre lors de l’impression, l’encre cyan \/ Magenta \/ jaune \/ noir étant combinée en couleur. PANTONE \/ flattone: encre personnalisée spécifique à une couleur donnée. Les grandes marques ont généralement leurs propres couleurs Pantone personnalisées. 43. Chroma: Où est – ce dans le spectre? Saturation: Quelle est la couleur vive ou opaque? Contraste: dans quelle mesure est – il proéminent? Opacité: solide ou transparent? Terminologie de l’image la terminologie de l’image comprend les éléments visuels et graphiques d’un site Web. Les images sont importantes pour communiquer votre message et communiquer avec le public. Cependant, lorsque les images sont mal utilisées, elles peuvent augmenter la capacité supplémentaire du temps de chargement du site sans trop d’impact sur l’expérience utilisateur. Utilisez des images pour soutenir vos informations; Utilisez le bon format d’image pour le contenu.
Vecteur: Image mathématique (SVG, EPS). Raster: image composée de pixels (JPG, TIFF, PNG, GIF). 49. Résolution: nombre de pixels de l’image Raster (par exemple 800 × 600 ou 2400 × 1200). Plus la résolution est élevée, plus la taille est grande, mais plus le détail est grand. Compression: optimisation (grande \/ petite taille de fichier). Jpg \/ JPEG: pour les photos et les images détaillées. PNG: idéal pour les graphiques, les couleurs simples et les images transparentes. Gif: idéal pour les graphiques ou les animations à faible détail. 54. TIFF: parfait pour la qualité d’impression, pas pour VI
Orn – comprendre le langage de conception Michelle schulp de marktime Media est graphiste indépendante et développeur frontal à Minneapolis. Avant de commencer sa carrière, il a étudié la communication visuelle, la psychologie et la sociologie. Au fur et à mesure que son travail avance, elle s’étend également au développement de première ligne et à la conception de l’expérience utilisateur pour compléter ses compétences. La combinaison de ces disciplines l’a amenée à adopter une approche de conception fondée sur des stratégies, axée sur la résolution de problèmes tangibles et la réalisation d’objectifs réels en fonction de la façon dont les gens pensent. Apprenez – en davantage sur le Web Design avec Michelle lors du camp de formation sur le Web design. Pour en savoir plus sur la terminologie Web dans le nouveau livre électronique: 65 terminologie de conception web vous devriez savoir maintenant télécharger et regarder la diapositive replaydownload Kristen Wright Kristen écrit des tutoriels pour aider les utilisateurs de WordPress depuis 2011. Vous le trouverez généralement lorsque vous écrivez de nouveaux articles pour le blog themes ou lorsque vous développez des ressources pour # wpprover. En dehors de son travail, Christine aime tenir un journal intime (elle a écrit deux livres!), Randonnée pédestre, camping, cuisine et aventure quotidienne en famille dans l’espoir d’une vie plus moderne.