Théorie de la conception numérique pour les graphistes : Médias sociaux, Web et au-delà

1. Introduction du cours: Ce court cours de base théorique vous guidera à travers la théorie du design numérique, y compris les meilleures pratiques pour les médias sociaux, conception d'icônes de site Web et la conception d'affichage numérique statique. Je vais vous présenter le design numérique et ce qui rend le design numérique différent du design imprimé . Nos autres médiums de design traditionnels qui parleront d'abord de la conception solide des médias sociaux et comment attirer l'attention des téléspectateurs et les garder engagés par le contraste. Couleur et photos. X couvrira la conception Web et mobile et parlera de l'importance de la hiérarchie des types et comprendra le rôle joué par un graphiste et les projets de conception Web examineront plusieurs exemples de mises en page qui fonctionnent bien et se convertissent et expliqueront les raisons pour lesquelles couvrent également l'accessibilité, conception conditionnelle et la façon de penser aux autres avec des limitations physiques lors de la création de vos expériences numériques. Enfin, nous parlerons de principes forts et de la conception numérique statique, comme les couvertures maléfiques, campagnes de courrier électronique, panneaux d'affichage numériques et plus encore. Ce cours couvre tous les sujets de conception de veillée et vous préparera non seulement à rester à jour avec le design dans le monde moderne, mais je vais vous donner une base de base nécessaire pour commencer à aborder de nouvelles, passionnantes, numériquement projets ciblés 2. Introduction à la conception numérique: La conception numérique désigne tout design conçu pour l'espace numérique, y compris les appareils mobiles, les tablettes, les ordinateurs de bureau, ordinateurs de bureau écrans de projecteur, grands panneaux d'affichage numériques et plus encore. Les graphistes se sont surtout concentrés sur les projets de conception d'impression comme les cartes de visite, les bannières stationnaires de zoo, les T-shirts, chapeaux, conception de paquets dans le passé. Mais à mesure que le temps passe, il n'y aura que B'more et plus de demande pour les projets numériques. C' est à vous en tant que concepteur d'être bien informé dans tous les aspects du design numérique, de sorte que vous pouvez vous sentir à l'aise pour concevoir des écrans super petits et super grands écrans de projection , aussi. Tous les projets de conception numérique sont dimensionnés à l'aide de pixels, de pixels ou de carrés de lumière qui peuvent être blancs, rouges, verts, bleus ou noirs. Tous les affichages numériques sont créés à l'aide d'une certaine zone de pixels. Votre écran large 10 80 p images TV Air créé en utilisant une combinaison de 1920 pixels et 10 80 pixels et battage médiatique, ce qui donne à cet écran un total de 2 073 600 pixels. C' est beaucoup de pixels qui, soit savaient juste être activés pour créer cette image haute et nette résolution. Quatre grains de boîtier utilisant encore plus incroyable quantité de pixels orteil illuminent l'écran avec 2160 pixels de hauteur et 38 40 pixels. Et fouetter. Je pense que l'aspect le plus difficile de travailler avec des projets de design numérique en tant que concepteur est le large éventail d'écrans avec lesquels nous devons être prêts à travailler. Parfois, ils pourraient être plus petits comme un iPhone huit écran entrant et seulement 750 pixels large par 1334 pixels de hauteur. Encore plus petite encore est une annonce d'affichage mobile qui arrive à seulement 300 pixels sur 50. Je pense que la clé pour être un grand designer numérique est de comprendre comment utiliser au mieux les petites tailles à votre avantage. Par exemple, une simple campagne sur les médias sociaux. Disons que nous avons différentes tailles avec lesquelles nous devons travailler, mais nous devons en quelque sorte communiquer certaines informations de base requises par le client. À mesure que nos tailles deviennent de plus en plus petites, certaines concessions doivent être faites, et c'est à vous de le comprendre et de communiquer avec le client. Ces concessions, par exemple, dans notre campagne sur les réseaux sociaux, nous avons commencé avec de gros messages Facebook, puis nous devons créer des annonces d'affichage statiques ou il y a des petites annonces que vous voyez sur en haut et sur les côtés d'un bloc de contenu ou d'un blawg. Certaines de ces annonces d'affichage peuvent être très petites. Plus petits encore, sont ces annonces d'affichage mobiles. Nous devons en quelque sorte convaincre notre concept principal et le thème dans des domaines plus petits, mais conserver sont toujours l'image de marque cohérente notre message et notre concept principal de la campagne. Et nous le faisons en nous concentrant sur ce qui est le plus important dans ce cas. L' action appelée est la partie la plus importante d'une annonce, et sans raison de cliquer sur la page de destination, votre site Web n'a aucune valeur créée par l'annonce. C' est juste statique, et ce n'est que les médias sociaux. Il y a tellement de catégories et de design numérique qui dépendent d'un graphiste pour développer les graphismes. Car il y a aussi la conception pour mobile. Il peut s'agir de versions mobiles, APS ou même mobiles de sites Web. Quelles couleurs utiliser, comment utiliser le contraste, quelles pensées utiliser ? Toutes ces décisions jouent un rôle important dans l'efficacité d'une application mobile ou d'un site Web. Il y a aussi un format plus grand. Des graphismes numériques comme ceux que vous voyez dans votre stade local. Leur power point diapositives pour les grandes conférences qui doivent être faites qui correspondent à l'image de marque de la conférence. Il y a même des panneaux d'affichage numériques grand format, qui sont de plus en plus favorisés par rapport aux panneaux d'affichage imprimés de style ancien. En raison des coûts réduits d'utilisation d'un panneau d'affichage numérique, icônes comme celle que vous voyez pour les icônes APP sur votre téléphone doivent également être créées. Il existe une méthode spéciale pour créer ceux qui utilisent une grille spéciale créée par Apple pour aider à trouver le placement le plus efficace des éléments. Certaines icônes peuvent être vues mieux que d'autres et une mer de différentes icônes d'application. Parfois, l'utilisation de la couleur comme un rouge, peut aider vraiment se démarquer dans ce C ou une forme simple ou une lettre. En outre, il y a des icônes qui doivent être créées pour APS, sites Web et applications. Il y a un art à créer des icônes qui communiquent des actions complexes. L' utilisation des formes les plus simplifiées est possible. Les icônes ne peuvent être que 50 par 50 pixels et la taille de n'importe quel moment, donc être en mesure de simplifier un concept complexe est quelque chose appris et pratiqué Icônes qui seront utilisés comme un ensemble ensemble doivent avoir un look et une sensation cohérents. Par exemple, ils ont une taille de trait similaire dans l'ensemble, et ils ne s'arrêtent pas là. Il y a aussi des vignettes vidéo qui doivent être créées pour YouTube et d'autres plateformes . Ceux-ci doivent convertir et être efficaces pour dessiner l'utilisateur à cliquer sur la vidéo. façon dont vous utilisez les photos, les couleurs et la typographie contribuera à l'efficacité de la vidéo et des taux de clics . Par exemple, miniatures YouTube qui sont simples dans la nature et qui ont un point focal principal ont tendance à faire mieux que celles qui ont des tonnes de texte et de photos. En outre, ces miniatures avec les visages des gens ont tendance à mieux convertir avec des miniatures avec seulement du texte . C' est parce que, comme les humains ont tendance à se connecter aux visages humains et à la psychologie humaine, pouvons jouer un grand rôle dans le design numérique. Il y a aussi des couvertures de livres électroniques, et elles ont tendance à stimuler les ventes en fonction de l'efficacité de la conception de la couverture. Parfois, la couverture d'un livre est la seule chose que le spectateur voit quand il trie des centaines de sélections de livres possibles et qu'il est capable de créer une couverture de livre numérique qui convertira, attirera et vendra. Le livre peut faire la différence entre les bonnes ventes et les grandes ventes. Comme vous pouvez le voir, concepteurs ont d'énormes rôles à jouer dans un monde supplémentaire, et c'est notre travail de nous assurer que nous sommes prêts à créer rapidement des images très efficaces qui pourraient générer des ventes pour nous-mêmes, nos clients et les entreprises pour lesquelles nous travaillons. 3. Conception pour les réseaux sociaux: qu' est-ce qui se passe dans la conception d'une image à utiliser sur les médias sociaux ? Quelles sont les choses qui sont connues pour être efficaces et qui attirent ces balles hautes à notre contenu  ? Il y a quelques règles de base et des conseils qui peuvent vous aider à être plus efficace. Concepteur de contenu de médias sociaux Tout d'abord, comprenez votre public cible. Qui essaies-tu de parler ? Teoh ? Essayez de comprendre le public cible en étudiant les informations démographiques. Vous obtenez cette information pour qui vous travaillez ? Votre annonce d'affiche sera-t-elle affichée ? Deux femmes de plus que des hommes ? Vous les ciblez ? Et une démographie plus jeune qui pourrait façonner et façonner la façon dont vous abordez le design ? Une population plus âgée pourrait avoir besoin d'une approche de conception plus prudente, tandis qu'un public plus jeune pourrait se connecter davantage avec quelque chose de plus audacieux et de montrer s'arrêter. Enfin, là où ils se situent géographiquement, ceux des États-Unis pourraient se connecter davantage à un certain design que quelqu'un d' Amérique du Sud ou d'Asie, en utilisant peut-être des photos qui représentent le mieux le public cible. Plus pourrait aider à cet égard avec votre annonce être authentique et il semble évident. Mais être authentique est plus facile dit que fait surtout dans le travail avec les clients faisant de la publicité payante . Les clients veulent pousser les offres et les services sur les produits. Mais nous devons trouver des moyens de créer un design qui les rendra moins semblables à vos offres standard. Nous voyons tous les jours, et ils font un orteil plus convaincant. Notre public cible. Par exemple, nous pouvons créer une simple annonce pour une entreprise de nourriture pour animaux de compagnie et placer un sac de nourriture directement au centre de l'annonce sur les réseaux sociaux avec un simple coupon. Cela semble très traditionnel, mais, eh bien, eh bien, que faire si nous utilisions une image d'un propriétaire d'animal de compagnie appréciant son chien et ensuite la photo d'un produit  ? Mieux encore, si nous nous connections avec eux en utilisant un titre intelligent aussi ? Ce sont de petits petits ajustements et changements annonces orteils, mais ils peuvent avoir un impact important sur l'efficacité de l'utilisation de l'annonce. Contraste bien, et nous parlons de contraste dans presque toutes les leçons de cette classe. contraste est la simple différence entre les éléments de conception. Plus la différence est dramatique, plus le contraste est élevé. Nous pouvons utiliser efficacement le contraste en tant que concepteurs pour attirer les yeux de l'utilisateur dans la partie la plus importante de l'annonce, généralement l'appel à l'action, ou qui maintenant glisser vers le haut pour plus de bouton ou de zone. Mais nous pouvons également utiliser le contraste avec notre type en mettant en évidence un mot dans notre titre pour faire ressortir un mot plus favorable qui aide à pousser les gens vers notre objectif principal pour l'annonce. Par exemple, cette annonce qui utilise le contraste pour amener ce mot dans le titre pour attirer l'utilisateur dans le concept global du contraste publicitaire peut être facilement utilisée pour de nombreux éléments qui diffèrent considérablement peut causer un aspect d'annonce occupé, obsolète et très difficile à regarder le contraste est préférable d'utiliser avec parcimonie et avec un but. Utilisez des photos qui se connectent à la visionneuse. Cela revient à être authentique aussi. Les photos choisiraient pourraient avoir d'énormes impacts sur le dessin des spectateurs. Et cela est vrai aussi pour les annonces imprimées traditionnelles. Prenez, par exemple, cette annonce pour une salle de sport, nous pouvons utiliser la photo standard qui est facilement jeté un coup d'œil sur où nous pouvons utiliser une image à impact plus élevé pour attirer ces spectateurs et arrêter même pendant une seconde pour jeter un coup d'oeil supplémentaire à la photo et l'annonce. Les photos en couleur ont tendance à attirer les utilisateurs et plus que le noir et blanc se souviennent dans les médias sociaux . Vous avez le moins de temps disponible pour attirer les gens dans votre affiche. Ajoutez la moindre quantité de toute autre plateforme publicitaire. Pensez à la vitesse à laquelle vous faites défiler votre flux instagram. Pas beaucoup de temps, est-ce des photos de la première chose que les gens voient et ils commencent à lire le texte. Ensuite, utilisez ceci à votre avantage. Comment vous recadrez. Votre image est aussi énorme. Nous pouvons rendre les choses ordinaires ou dramatiques simplement en les recadrant de la manière la plus convaincante dans cet exemple de la fille dans un endroit exotique. Le recadrer de cette façon. Ça a l'air sympa, mais recadrez comme ça. Cela semble presque magique et inspirant. N' hésitez pas à éditer vos photos aussi. Pour ajouter des touches de couleur, vous pouvez le faire facilement, soit en ajoutant de nouveaux calques à la boutique photo ou à un éditeur de photos et en utilisant les modes de fusion pour dessiner la couleur pour faire des couchers de soleil. Et plus dramatique, j'ai même vu des gens cloner dans différents nuages pour vraiment mettre la scène. Mais s'il vous plaît soyez prudent d'être authentique aussi. Parce que les influenceurs célèbres des médias sociaux ont eu des problèmes pour ajouter et faux nuages ou faire du shopping photo, leurs corps. Il y a une ligne fine, et c'est à vous de décider où cette ligne tombe pour vous et vos téléspectateurs. Quoi que vous fassiez, assurez-vous de raconter une histoire vraie, crédible crédibleet authentique. Utiliser de la variété. Pensez à vos messages sur les réseaux sociaux et à vos campagnes comme une tapisserie d'art. Il doit y avoir une certaine cohérence de marque dans tout, mais cela ne signifie pas que vous devez créer un cookie. Cutter ajoute que tous ont le même format. Certaines personnes aiment voir différentes photos étant utilisées les manchettes, les arrangements et le style. C' est idéal pour tester les utilisateurs afin de déterminer quelle est la meilleure mise en page et l'efficacité pour différents types d'annonces. Les médias sociaux font partie de plus en plus d'un ensemble de compétences de concepteur et savent comment le mieux conçu pour les médias sociaux peut vous rendre plus commercialisable en tant que concepteur. Dans l'ensemble, cela nécessite beaucoup de pratique et de tests utilisateur 4. Conception pour le Web: maintenant ce qui rend une grande conception Web tous les sites Web éthiques ? Cela pourrait être de convertir les utilisateurs à un service d'abonnement, acheter un produit pour simplement fournir des informations utiles à l'utilisateur. Un excellent site Web est celui qui convertit bien ses téléspectateurs. Cela pourrait être grâce à l'utilisation d'une image de marque cohérente, l'authenticité et bien écrit des photos de produits efficaces et plus encore. Alors, quel est votre rôle est un graphiste dans le monde du web design ? Eh bien, si vous pouvez développer dans le code un site Web, vous êtes une race rare et vous serez payé gracieusement. Mais avec la conception de sites Web devenant de plus en plus complexe et le codage, devenant de plus en plus spécialisé et ne serait peut-être pas une mauvaise chose d'avoir nos différentes spécialités, je vois le web design étant la responsabilité de trois principaux contributeurs. Tout d'abord, il y a le développeur. Il prendra le design final et le transformera en un truc codé, riel pratique. Il a besoin de connaissances des langages de codage frontal et backend, langages côté serveur et mawr. Ah, personne hautement spécialisée. Il se concentre sur le côté technique des choses. Comment ça marche ? Et récemment ajouté au groupe au cours des 10 dernières années est le concepteur UX ou concepteur d'expérience utilisateur . Beaucoup de graphistes commencent à apprendre ce domaine du design, et il devient de plus en plus populaire. Le concepteur UX fera beaucoup de tests utilisateur et de recherches utilisateur pour déterminer l'ordre de la façon dont l'utilisateur doit se déplacer sur le site Web. Cela signifie qu'ils vont cartographier un parcours utilisateur afin que vous sachiez combien d'options de menu principal il doit y avoir pour l'utilisateur et combien d'étapes dans chaque processus pour amener l'utilisateur à son objectif en . Cela nécessite un Thanh de recherche et quelque chose appelé cadrage métallique. cadrage de fil est loin pour qu'un concepteur UX cartographie le flux d'un site Web et bloque les zones où un bouton peut avoir besoin d'aller. Ah, photo ou où les options peuvent se trouver pour l'utilisateur. Cela inclut rarement les graphismes finaux et peut parfois être tout simplement super boîtes de sortie. Alors qu'en est-il des visuels cool, de l'image de marque, des couleurs ? C' est là que vous êtes le graphiste. Moi, concepteur d'interface utilisateur, pourrais entrer et vraiment affiner les détails visuels. Une fois que vous avez le cadre de plan de site de base, il est de votre travail de créer des guides de style d'icônes, idées de mise en page de base afin que le développeur puisse coder cela et en faire une réalité vraiment polie . Alors maintenant que nous connaissons notre rôle, comment puis-je créer un design de site Web efficace ou une application mobile ? Et il y a quelques idées de base à garder à l'esprit en utilisant le contraste. Et ici, nous parlons de contraste encore une fois. Le contraste est un excellent moyen de conduire l'utilisateur dans un voyage vers la destination souhaitée. Cela pourrait être vers un panier d'achat, nous pouvons utiliser le rouge, ce qui serait une couleur de contraste plus élevé ici parmi la mer de blanc. Pour que l'utilisateur trouve facilement le panier, ce qui rend son expérience plus facile. Vous avez la taille à votre avantage. Qu' est-ce que tu en penses ? Convertit mieux dans cette mise en page de magasin de commerce électronique, une fonctionnalité de produit qui a une petite photo ou un qui a une photo plus grande. La photo plus grande se convertit naturellement mieux car elle donne au spectateur une meilleure idée du produit sur lequel il s'apprête à cliquer. Qu' est-ce qui, selon vous, fonctionne mieux ? 12 articles listés sur un écran ou trois articles sélectionnés sélectionnés. Les éléments ont une plus grande fonctionnalité, ont tendance à faire mieux. Les gens sont submergés par trop d'options lorsque vous avez été condamné à une amende pour ces options pour le spectateur. Il tend à réduire cette tension émotionnelle, qui facilite la sélection d'une option. Dans l'ensemble, c'est la raison pour laquelle les gens apprécient les contenus organisés comme les nouvelles. Il y a des centaines d'articles. On peut le lire à tout moment. Mais utiliser la taille pour mettre en évidence les plus importants fait émerveillement pour notre âme dans nos esprits et notre conversion et cliquer à travers les taux propres et simples. C' est le nom du jeu. Parlons un peu du design propre et de la conception Web et mobile. Que pensez-vous fonctionne mieux, La mise en page sur la gauche ou la mise en page sur la droite ? Simplifier la conception peut aider l'utilisateur à se sentir moins submergé, tout comme il l'a fait quand nous lui avons donné plus. Les options sélectives basées sur la taille ont un sens de la hiérarchie. Ne vous sentez pas obligé de tout écraser dans une seule zone. Ce seront certains objets qui seront diffusés ou importants que d'autres. Par exemple, certains produits se vendent mieux et constitueront une priorité absolue. La hiérarchie peut être appliquée à la conception mobile et Web de plusieurs façons. Vous avez une hiérarchie de types, qui peut être définie en établissant une taille de police et attendez votre plus grand type de titre , puis vous travaillez lentement vers les titres plus petits. Ceci est généralement indiqué par le terme H un pour le plus grand et descendant à H deux h trois , h quatre et ainsi de suite pour les plus petites tailles de titre. Ensuite, vous avez votre copie de corps principal ou votre type de taille de paragraphe, qui est généralement une police simple, un poids normal et un peu plus petit par rapport aux tailles de titre. Votre travail est un concepteur est d'établir et de définir ce sens de la hiérarchie dans la conception. Prenons cet exemple. L' exemple sur la droite n'utilise pas vraiment le type sont des éléments clés ou des tailles similaires, et ils ont presque aucun contraste. Mais l'exemple de gauche établit un système de hiérarchie de types fort, qui utilise différents styles pour certains types d'informations, titres et sous-lignes, donnant le design et le sentiment ordonné. Nous pourrions faire la même chose avec la conception d'impression, et cela se traduit bien sur le Web. Les choix de polices ne sont pas seulement importants dans la conception Web, mais tous les projets de conception trouvent des choix sont tout. Plus grandes tailles combattues peuvent avoir un impact énorme sur les pages de destination pour stimuler les ventes sont de stimuler une action ou une réponse émotionnelle. Les pontes trop petits peuvent avoir un impact sur la lisibilité et l'efficacité. La meilleure pratique pour choisir les polices pour votre projet numérique est de le garder simple et ordonné que possible. Vous voulez vous assurer que vos choix de polices cochent toutes les cases en tout temps. Numéro un. Il est lisible à la taille finale. Une police utilisée sur un site Web de bureau peut être belle et grande et lisible. Mais quand il se rétrécit à la version mobile du site, est-il encore lisible et ne conserve pas le même impact ? Numéro deux. Vous n'utilisez pas trop de polices différentes. Essayez d'éviter d'utiliser plus de trois polices sur une page Web ou un graphique numérique, moins qu'il n'y ait une raison spécifique de création. Pour le faire. Évitez d'utiliser des types de polices similaires, comme l'utilisation d'Helvetica près d'Ariel. Ils sont tous les deux très similaires dans une apparence d'époque, et ils sont tous les deux des polices sans serif, confond le spectateur dont l'un est lequel. Enfin, assurez-vous qu'il est facile à lire en gardant la longueur de ligne raisonnable. Quelle colonne d'information est plus facile pour vous de lire La version à gauche sont la version à droite. La droite est probablement plus facile à lire car la longueur totale de notre ligne du type est plus facile à lire pour les yeux. Il en va de même pour les projets d'impression. Vous voulez être en mesure de conserver votre longueur de ligne ne dépassant pas 60 caractères par ligne. Vous pouvez utiliser des colonnes et des photos pour vous aider à rendre cela plus possible pour vous. N' ayez pas peur d'être expressif avec votre typographie et votre design numérique. Nous utilisons les polices de caractères par défaut comme Helvetica pour Danna une antenne parce qu'elles étaient sécurisées sur le Web et que les appareils de tout le monde les avaient préinstallés. De nos jours, nous pouvons stocker des polices sur le cloud. Par exemple, Google Fonts conserve toutes leurs polices dans le cloud afin que vous puissiez charger une plus grande variété de polices maintenant. Et les gens n'ont pas à les faire installer d'autres ordinateurs pour les voir dans leurs navigateurs . Cela a ouvert un monde de typographie créative expressive sur le Web. Maintenant, nous n'avons plus besoin d'utiliser des images pour montrer des polices expressives ou des typographies. Nous pourrions le faire en direct, ce qui signifie que les gens peuvent le sélectionner, copier, interagir avec elle et parfois vous pouvez même le faire bouger. En tant que designers, nous pourrions être Justus, créatif comme nous le sommes avec des projets d'impression avec des projets numériques. Assurez-vous d'expérimenter avec une typographie intéressante pour vos titres. caractères San Serif ont tendance à dominer le jour du passé, mais vous voyez maintenant de plus en plus détaillées des polices de caractères et même des polices de script en direct sur les interfaces numériques. Le seul avertissement ici est de vous assurer que vous n'utilisez pas trop souvent la typographie expressive et détaillée dans votre design numérique. Ils auraient pu être une grande attention à saisir les titres, mais évitez d'utiliser trop de polices uniques personnalisées pour les zones plus petites de texture, copie et de paragraphes. Il est préférable de garder ces polices vraiment expressives et belles à une lisibilité maximale, ce qui les rend plus grandes en les utilisant pour les titres. Étudiez les nouvelles façons populaires et émergentes d'afficher l'information là tant de façons émergentes d' afficher un menu. Ce qui était populaire auparavant était le menu hamburger dans l'application mobile ou la conception de site Web. C' est une icône simple, qui a étendu un menu coulissant. C' était agréable et a fourni à l'utilisateur un accès facile à un menu sans prendre trop de place sur l'écran de l'application du four supérieur. Mais avec les téléphones qui deviennent beaucoup, beaucoup plus grands, l'utilisateur doit maintenant prendre leur silhouette aller jusqu'au sommet de son téléphone pour accéder à ce menu hamburger. Maintenant, les menus d'étagère en bas ont tendance à être préférés par les utilisateurs. Ces petites évolutions et vous I ou la conception de l'interface utilisateur d'une application mobile, par exemple, sont de petites choses dont vous devez être conscient. Si vous êtes intéressé à perfectionner le design numérique, nous devons d'abord penser à Mobile. n'y a pas longtemps, nous avons pensé à la version de bureau d'un site Web, puis nous avons trouvé la meilleure façon de s'adapter à un écran mobile plus petit. Eh bien, les temps ont changé, et maintenant nous devons changer cette mentalité. Une bonne façon standard de concevoir maintenant est de concevoir d'abord à des tailles plus petites, puis de travailler jusqu'à des tailles plus grandes. Ainsi, par exemple, commençant par une version mobile d'un site Web, puis vous devez comprendre comment cela se développera-t-il quand il est sur un navigateur sur une tablette ? Et puis, enfin, vous voulez voir à quoi il ressemble sur un écran de bureau plus grand. Il en va de même pour les bulletins d'information électroniques. façon dont vous affichez un e-mail sur votre application de messagerie iPhone, par exemple, est très différente de la façon dont vous affichez ce courrier électronique sur votre bureau. Les images sont beaucoup plus petites que ce que vous attendez lorsqu'elles sont visualisées sur votre téléphone. Et c'est la meilleure pratique de garder cela à l'esprit lors de la création d'une image de conception numérique. Et cela mène à un design réactif. Qu' est-ce que le design responsive ? C' est simplement la façon dont le site Web répond lorsqu'il est affiché à différentes tailles de navigateur. Parfois, des éléments se sont effondrés pour le rendre plus facile à voir sur un appareil mobile. Parfois, les éléments ne sont pas affichés sur un appareil mobile lorsqu'il est converti en une taille plus petite, comme une photo, par exemple. Ces choix sont tous importants pour vous de les comprendre lors de la conception pour des tailles plus grandes et plus petites et quelque chose que vous et votre développeur vous joignez en équipe. 5. Conception pour l'accessibilité: nous devons réfléchir à l'accessibilité pour les téléspectateurs ayant des besoins spéciaux. C' est beaucoup plus important que vous ne le pensez, et quelque chose que vous pouvez vous assurer qu'il arrive pour tout ce que vous concevez. Le Web ou l'appareil mobile pense au store de couleur lors de la création de vos palettes de couleurs . Pensez à ceux qui peuvent être aveugles de couleur. Ne comptez pas totalement sur la couleur pour communiquer l'étape suivante ou l'appel à l'action. Mais par exemple, c'est pourquoi nous avons deux boutons ici. Si nous devions ajouter d'autres indicateurs que ce bouton est important d'appuyer, comme l'épaississement de la base serrée ajoutent une bordure spéciale. Cela pourrait être un autre indicateur pour aider l'utilisateur qui peut ne pas voir cette couleur rouge vif. Non, c'est la prochaine chose à faire. Une bonne astuce pour voir si cela fonctionne est de rendre votre design totalement noir et blanc pendant un certain temps pour voir si vous pouvez naviguer sur votre site en noir et blanc, tout comme vous le feriez si c'était une version en couleur. Nous devons également penser aux malvoyants. en va de même pour s'assurer qu'il y a suffisamment de contraste avec vos couleurs et vos éléments. Faible contraste, peut-être plus difficile pour les personnes ayant une déficience visuelle de voir et de naviguer sur votre site Web. La conception de formulaires en est un bon exemple. 1 000 000. Bien sûr, vous avez assez de contraste dans votre conception lorsque nous aimons économiser de l'espace chaque fois que possible. Parfois, nous mettons l'étiquette ou le nom dans la bulle d'entrée. Pour des raisons de contraste, il est plus facile de lire si l'étiquette est placée sur le dessus ou à l'extérieur de la bulle. L' élément suivant est quelque chose qui peut être plus pour le développeur ou le codeur, mais s'assurer que vos images ont des descriptions alternatives ou des descriptions alternatives afin que leur lecteur Web audible puisse parler de la description de la photo. Donc, ils ne manquent pas l'impact des visuels. Une autre question à considérer est également de vous assurer que vous pouvez naviguer sur votre site Web à l'aide d'une seule main, par exemple, en vous assurant que vous pouvez utiliser le bouton d'onglet pour vous déplacer sur votre site Web. J' utilise juste un clavier. S' ils sont sur un téléphone, assurez-vous que les boutons et les actions ne sont pas trop éloignés les uns des autres. Par exemple, le système de menu peut être utilisé accès à l'aide d'une main ou d'une figure parce qu'il est en bas de l'écran Il y a aussi les malentendants. Si vous utilisez n'importe quel type de visuels ou de vidéos, assurez-vous que les légendes sont disponibles. également Assurez-vouségalementque l'audio n'est pas une expérience requise dans votre expérience numérique de concepteur. exceptions particulières, bien sûr, il y a tellement plus qu'il pourrait faire pour rendre des expériences de conception numérique accessibles à l'utilisateur. Et c'est génial de garder ça à l'esprit. Assurez-vous que votre code ou développeur est inclus dans ces discussions tôt afin qu'ils puissent implémenter beaucoup d'entre eux. 6. Mise en page numérique efficace: Nous avons parlé de plusieurs aspects à considérer lors de la conception de sites Web de médias sociaux. Plus d'expériences mobiles. Mais qu'en est-il des mises en page numériques statiques comme les campagnes de courrier électronique, panneaux d'affichage numériques, les icônes, diapositives Power Point ? Tout livre couvre tous ces différents articles. Attraper l'utilisateur dans une situation différente. Les panneaux d'affichage numériques capturent les gens qui conduisent vite de leurs voitures et de leur distrait avec un accent très limité. Et la clé d'un panneau d'affichage numérique solide et de panneaux d'affichage est de rendre quelque chose lisible en cinq secondes. Vous pouvez utiliser des arrière-plans et des graphiques simples pour rendre ce processus rapide et facile pour eux. Évitez les chiffres. Peu de gens peuvent écrire des numéros de téléphone pendant qu'ils conduisent, mais ils peuvent se souvenir d'un simple votre l ou site Web. Qu' en est-il des couvertures de livres E ? Avez-vous essayé de trouver un livre électronique sur Amazon dernièrement ? Savez-vous combien de couvertures de livres différentes vous avez regardé lorsque vous essayez de trouver un livre ? Je suggère de visiter amazon dot com et de regarder les livres ou livres électroniques. Notez à quelle vitesse vous faites défiler ces couvertures, qui attirent votre attention jaune couvertures brillantes, celles avec une photo convaincante. Nous devons garder à l'esprit où et comment le spectateur sera premier livre de visionneuse couvrir des thèmes complexes air difficiles à digérer comme ils sont quand vous pouvez physiquement ramasser un livre à la librairie, sorte que les couvertures numériques ont tendance à être plus simples dans la nature. Vous remarquez un thème avec simplicité avec des projets de design numérique ? Je le suis sûr. Vous devez penser à votre situation de visionneuse pour chaque projet numérique différent. Par exemple, les campagnes par e-mail. Ils peuvent voir cela sur leur ordinateur de bureau et voir une belle, grande image haute résolution. Et ce même e-mail pourrait être vu sur leur navigateur mobile dans l'image est minuscule et a un faible impact. Si c'est trop occupé, nous devons nous mettre dans les chaussures du spectateur et tester nos conceptions et différentes situations. La conception d'impression semble facile maintenant, car il n'y a qu'un seul formulaire imprimé final à craindre. Mais avec le design numérique, il y a un changement d'esprit qui doit se produire. Nous devons penser aux nombreux appareils sur lesquels les gens craignent votre contenu. J' ai une petite tâche pour toi. Étudiez votre boîte ce mois-ci. Gardez un œil sur les campagnes de courriels qui attirent votre attention, pas seulement le graphique, mais pensez à tout. Même la ligne d'objet de l'e-mail à parfois des graphiques et des flèches et même emojis peut aider à se démarquer dans votre boîte de réception. Aussi ennuyeux que parfois ils semblent, ils sont efficaces. Qu' en est-il d'une campagne vous incite à cliquer sur quel est l'objectif principal d'une campagne par e-mail  ? Cela pousse les utilisateurs à atteindre cet objectif qui pourrait être d'acheter un produit ou d'inciter les gens à se réjouir d'une annonce de service à venir. Ceux que je trouve les plus efficaces simplifient le message autant que possible. Au lieu de parler de deux activités faites ou de deux événements principaux comme le bulletin d'information électronique, auraient-ils tendance à être hyper concentrés sur ce seul objectif utilisateur ? Ils utilisent une seule image en haut et très peu de texte de copie de corps, mais un grand bouton de clic ou un grand client appelé action. Parfois, une fois que vous parlez d'une grande chose, mais ils ont tendance à vouloir que vous orteil aussi serrer dans un tas de choses déjà parce que vous envoyez un e-mail à tous leurs contacts. Ils veulent être efficaces, mais les e-mails qui convertissent le mieux ont un seul objectif. Essayez d'éduquer le client sur ce fait et pratiquez-le dans nos propres conceptions de campagne. Les bulletins d'information sont un peu différents, et c'est là qu'il pourrait être plus élaboré avec des informations. Et c'est avec tout ce qui est conçu, mais soyez cohérent avec votre image de marque et avoir connecté des campagnes numériques. En outre, avec tous les projets numériques, nous devons maintenir cette cohérence farce. Vous n'avez pas besoin que chaque modèle numérique soit un emporte-pièce, mais assurez-vous d'utiliser des couleurs similaires tout au long de vos campagnes car les internautes peuvent voir votre campagne à différents endroits, les conduisant lentement à un entonnoir qui les convertira. à une vente. Par exemple, ils peuvent diffuser sur une annonce Facebook. Ils s'inscrivent pour obtenir plus d'informations, puis ils reçoivent une campagne par e-mail. Ils pouvaient également voir une annonce d'affichage sur un site Web d'actualités, puis cliquer sur une page de destination. Et puis ils cliquent. Mais ils sont retargeés par une campagne sur les réseaux sociaux sur Instagram. Avoir une image de marque et des couleurs cohérentes peut les aider à reconnaître la piste et plus loin que le processus de l'entonnoir de vente. Je voulais m'assurer de mentionner les grilles ce qui est génial dans les projets de design numérique, car ils pourraient être de nature similaire aux projets de design d'impression et le fait qu'ils peuvent tous deux utiliser le système de grille à leur avantage. Rides air guides fantastiques qui nous aident à bloquer le contenu important et son design. Ils peuvent nous aider à trouver le bon placement d'un visage de la partie principale d'un logo et un média social conçu. Par exemple, ils pourraient fournir des conseils pour travailler avec des mises en page Web complexes et des mises en page d'APP mobiles. Lorsque vous avez affaire à des produits numériques, vous avez également affaire à des pixels. Parfois, il est agréable d'avoir une grille pour connaître vos marges de la même largeur. tous les côtés sont les gouttières entre les colonnes d'un site Web ou même sont. Les boutons d'une application mobile sont alignés avec un espacement et un alignement similaires. Il y a beaucoup de systèmes de grille différents que vous pouvez utiliser dans les produits Detroit. Par exemple, mise en page de site Web mobile a une grille standard à quatre colonnes, mais un site Web peut avoir une grille de 12 colonnes Gullit standard qui peut vous aider à trouver le bon espacement entre les photos, les colonnes et les mawr. Avec l'icône AP Design Apple a créé cette magnifique grille basée sur les principes du ratio d'or . Il nous aide à trouver le bon placement des éléments pour créer convaincante. Icônes d'application faciles à trouver Si elle est utilisée correctement, vous pouvez utiliser une grille modulaire boxer pour vous aider à bloquer Une campagne e-mail est une couverture de livre électronique pour vous aider à trouver un équilibre entre les éléments de conception. Il y a beaucoup à penser lors de la conception de projets numériques, mais à la fin, certaines des mêmes fondations de conception de base, comme la typographie correcte, photo et l'anneau de mise en page vrai dans l'espace numérique est bien. Nous avons ajouté des éléments de préoccupation à propos de maintenant, comme la taille de visualisation d'un écran, la distance à une résolution d'écran et la façon dont le type est rendu sur l'écran. Mais en fin de compte, ce sont ces principes de conception de base qui peuvent vous aider à créer des projets numériques convaincants . Maintenant, nous avons pris un certain temps pour approfondir la théorie du design numérique. Nous allons aborder beaucoup de projets qui sont considérés comme une grande partie de l'espace de conception numérique, comme les campagnes sur les médias sociaux, YouTube, vignettes, couvertures de livres électroniques, campagnes par e-mail, un site Web mobile, icône de mise en page, application de conception, conception d' icône, Instagram post qui et plus encore. Alors allons de l'avant et commençons avec une application pratique 7. Que faire ensuite ? Le masterclass complet de conception numérique maintenant sur Skillshare maintenant: l' avenir du design est numérique. Ce cours a été conçu pour permettre aux graphistes de se familiariser avec les derniers et les plus grands projets de focus numérique afin qu'ils puissent élargir leurs compétences et offrir plus de services. Ce cours est massif couvrant tant de projets de design numérique provenant des médias sociaux, je peux concevoir du Web design et plus encore. Tout d'abord, nous abordons la théorie du design numérique, apprenant les différents aspects de la conception pour le numérique comme la création de campagnes de médias sociaux puissantes , conception de sites web, mise en page pour le numérique et même la conversation sur l'accessibilité dans le design numérique. Ensuite, nous conquérons plusieurs projets de design numérique populaires, y compris la création de plusieurs miniatures YouTube qui incitent les utilisateurs à cliquer. Nous créons même une campagne de médias sociaux entière et discutons de la façon de concevoir pour Facebook instagram. Nous parlons même de créer des annonces d'affichage pour les sites Web afin que vous puissiez vous sentir à l'aise pour étendre vos compétences à tous les types de création d'annonces numériques. Avez-vous toujours voulu savoir comment créer une couverture de livre E convaincante ? Va faire exactement cela et apprendre à concevoir un livre couvertures. Nous parlons du dimensionnement, de l' exportation et de la façon de créer un design qui attrape les spectateurs. L' attention passera sur la façon de prendre la typographie écrite à la main et l'apporter dans Photoshopped pour l'utiliser sur notre couverture de livre électronique et aussi apprendre à travailler avec d'autres esquisses APS comme Procreate pour apporter la vie des actifs écrits à la main. Nous créons également notre propre maquette pour afficher notre design final. Aimez-vous esquisser ou illustrer ? J' ai même créé un projet étape par étape où nous prenons un croquis au crayon et la numérisons à l'aide outil stylo d' Adobe Illustrator. Savoir numériser des croquis est une grande partie de l'expansion de vos compétences. Situé dans l'arène numérique, design Icahn est au centre de tout projet de design numérique. Les icônes peuvent être utilisées sur des sites Web, APS mobiles, des applications et plus encore. Et nous allons utiliser un modèle fourni pratique que nous créons un concept élevé cohésif. Ou apprenez comment utiliser des grilles pour créer un ensemble thématique et même comment ajouter de la couleur et comment exporter des icônes partout et les bonnes tailles pour une utilisation partout. Après avoir créé une icône de base simple, set va aller encore plus loin pour créer une icône de l'application Apple Store très détaillée à partir de zéro. Wilder. Beaucoup d'outils comme comment utiliser l'éclat pour créer un effet dimensionnel ainsi que les outils de motif, et beaucoup d'autres apprendront à exporter ces fichiers pour une utilisation sur l'Apple Store, ainsi que comment présenter notre icône dans un de manière professionnelle. Il est difficile d'enseigner le design numérique pour les graphistes sans inclure quelques sections qui se concentrent sur le Web design va apprendre quel rôle les graphistes de Zara dans l'espace, ainsi que comment préparer un fichier d'exportation pour les projets de conception Web, nous allons apprendre à partir de zéro. Adobe X T et un cours de crash rapide apprendront de nombreux aspects de la conception et de la mise en page Web solides en créant une page de destination ensemble. Pas à pas. Nous allons même apprendre avait un lien ou plusieurs pages ensemble pour créer un prototype de travail et apprendre quelques façons d'exporter nos fichiers pour un développeur Web. Enfin, nous allons conquérir un site web de première page conçu pour une entreprise de voyage. L' utilisation de WordPress apprendra les bases mêmes de WordPress et apprendra le plug de construction de page très populaire pour WordPress appelé Element, ou pour construire notre page Web, musique, arrière-plans vidéo, parallaxe images, icônes, colonnes, texte animé et plus encore. Enfin, il y a des tonnes de ressources téléchargeables est dans cette classe, y compris les modèles pré-faits pour la plupart des projets. Cela inclut Photoshopped, livre électronique, YouTube, YouTube, modèles de médias sociaux et un jeu d'icônes, une icône APP Store, modèle et un illustrateur adobe. Ce cours n'est pas destiné aux étudiants qui n'ont jamais été dans Adobe Photo Shopper illustrator auparavant, mais ce cours est assez général et assez basique pour la plupart des concepteurs graphiques débutants qui sont intéressés à ajouter cela à leurs compétences pour ceux qui n'ont jamais ouvert le logiciel Adobe auparavant, je suggère de suivre mon autre cours de conception de base appelé Graphic Design Master Class, pour se lancer dans ces outils très, très basiques. Ce cours suppose que vous avez des connaissances de base sur Adobe Photo Shop et illustrateur et des outils comme WordPress, Adobe X'd, le générateur de page élémentaire et Mawr sont enseignés à partir de zéro, donc aucune expérience préalable n'est nécessaires pour ceux - ci. Alors, êtes-vous prêt ? Complétez votre jeu de design et ajoutez un tout nouveau jeu de compétences à vos offres. Êtes-vous prêt à explorer cela ? Un site central du design. Je te verrai dans la première leçon