Transcription
1. Introduction: Salut. Je suis heureux que vous puissiez le faire et viendra à ma classe sur APP. Icône design un. Les disciplines les plus étonnantes là-bas. Mon nom est Michael et j'ai travaillé comme designer pendant 15 ans, et je vais essayer de prendre toutes ces années d'expérience de conception et de l'écraser dans ce petit digestible Knock it off. Fonds de design pur. Maintenant, pourquoi app ? Je ne peux pas, vous pourriez demander. Eh bien, c'est une bonne question. Je cohérente de plus en plus grande partie de tous les concepteurs ou développeurs vocabulaire que
la révolution ab est très bien aussi été l'icône icône icône de la révolution sont partout. C' est ce merveilleux défi qui relie les multiples disciplines de l'image de marque, douleurs
constantes et de la convivialité. Et tous les jours, des milliers de nouveaux APS sont lancés et ils auront besoin de nouvelles icônes d'application. Droit ? Peut-être que vous aimez devenir un designer professionnel d'Aiken. Peut-être que vous avez juste besoin de concevoir celui que je peux pour le projet sur lequel vous travaillez, peut-être que vous n'apprendrez pas quelque chose de nouveau. Je viens leur droit très personnel. Ils vivent sur nos téléphones et nous les organisons sur notre écran d'accueil, et c'est la première chose qui utilise voit quand ils voient une application. C' est ce qu'ils jugent chaque jour qu'ils touchent cette application. C' est ce qu'ils pensent quand ils pensent à une sieste ou à un service. Les icônes AB sont littéralement l'actif visuel le plus important. Un produit numérique a les jours, et donc une application magnifique, mémorable, mémorable,
identifiable. Je pourrais avoir un impact énorme sur le succès d'une sieste, mais qu'est-ce qui fait exactement une bonne application ? Je viens Eh bien, c'est quelque chose que nous allons essayer de déconstruire dans cette classe. C' est aussi un excellent apprêt sur ce signe en général, et beaucoup des choses qui parleront dans cette classe a un attrait universel pourrait être appliqué à d'autres domaines de la conception d'une manière,
l'application d'apprentissage, l'application d'apprentissage conception d'
icône Est-ce que ce façon amusante et très pratique de devenir un meilleur concepteur en général, et dans cette classe, vous serez chargé de concevoir une application. Je viens, bien
sûr, me
donner quelque chose sur lequel vous travaillez ou, vous savez, juste votre refonte de votre application préférée. Ça n'a pas vraiment d'importance. Ce qui compte, c'est que vous vous familiarisiez avec les outils de différentes manières en parlant juger l'iconographie dans ce contexte, et je vais exhorter tout le monde à suivre ce cours avec un projet de classe à l'esprit, et je vais faire 12 Je vais vous prendre à travers mon processus de recherche, d'esquisse et de rendu, et je vais partager certains de mes outils avec vous, et nous allons plonger dans ce que j'aime appeler les quatre aspects fondamentaux de la conception d'icônes d'applications que évolutivité, la reconnaissance, cohérence et unicité. Et à chaque aspect, je vais essayer de vous donner quelques exemples de la façon dont j'ai travaillé avec ces qualités dans le passé et comment elles ont tous un impact sur vos projets de classe se concentrera principalement sur les icônes de l'Iowa dans mes exemples. Mais les choses que nous allons faire pourraient s'appliquer à la plupart des plateformes, et je vais utiliser la boutique photo et je vais partager une ressource push up est avec vous. Mais ni Photoshopped ni mes sources re sont vraiment nécessaires pour vous de faire des icônes ou obtenir quelque chose de cette classe. Pourrait faire une tarte est livré avec à peu près n'importe quelle application qui peut sortir. Les fichiers raster veulent également ajouter que ce ne sera pas un
tutoriel Photoshopped étape par étape . Je vais vous montrer mon travail et comment je le fais. Mais le but de cette classe est d'élever et de célébrer l'art de la conception d'icônes d'applications. Nous allons parler de processus, nous allons parler de théorie et je vais vous donner quelques exemples et nous allons tous
faire des icônes d'application. Et quand vous avez terminé, je veux que vous sortiez de ce cours avec une nouvelle compréhension des implications conceptuelles et pratiques en fournissant des icônes d'application réussies et belles. Et je voulais m'amuser à faire ça. J' ai hâte de partager avec vous l'une de mes disciplines de design préférées. Commençons.
2. PROJET DE CLASSE: avant de commencer, je veux prendre un moment et parler du projet de classe. Je suppose que tu pourrais appeler ça ta mission pendant toute cette classe, parce que ce cours sera tellement plus amusant si on produit quelque chose, on va en apprendre beaucoup plus. Si on ne veut pas juste s'asseoir passivement et m'écouter parler tout le temps, tu as besoin d' orteils activement. Travailler avec une sorte de projet, non ? Le projet de classe va concevoir une icône APP hors cours. Une application. Droit. Eh bien, c'est quelques options que vous pourriez faire ici. Peut-être que tu as déjà une idée. Va avec ça. Si vous avez déjà une idée. Super. Mais si tu n'as pas une idée, laisse-moi te faire tomber un couple de passé que tu pourrais partir. Donc, tout d'abord, tu irais avec quelque chose de purement fictif. Une application que vous avez toujours souhaité existait, à droite, que vous n'avez jamais trouvée
vous pouvez, vous savez, juste imaginer cette application pour exister et concevoir une application. Aiken, Ford. Je ne pense pas que vous allez avoir à faire comme toute une histoire de fond sur votre application, mais cela aide en quelque sorte de savoir un peu sur l'application
pour laquelle vous allez concevoir l'icône , alors venez avec juste un peu de fonctionnalité pour quoi que ce soit dans votre application fictive que vous voulez concevoir, et je peux. Car je pense que c'est une façon très valable. y a vraiment pas de contraintes dans le monde réel. C' est vraiment ouvert à beaucoup d'interprétation et juste une sorte de concepts amusants, non ? Donc application fictive. Un bon choix, solide Si vous voulez avoir une totale liberté de création. Si vous voulez travailler avec, hum, des contraintes réelles de la vie, alors peut-être que reconcevoir une icône d'application existante pourrait être cool,bien
sûr, bien
sûr, c'est toujours quand vous reconcevez quelque chose que quelqu'un d'autre a fait. Vous devez être respectueux à ce sujet, surtout si vous partagez vos résultats. Je pense que ça aide toujours si tu dis aux gens que tu fais ça pour bien apprendre. Reconcevoir le Je viens pour votre application préférée pourrait être une option vraiment valide pour le
projet de classe . Ou peut-être que c'est une application que vous utilisez tout le temps à l'école ou à votre travail. C' est peut-être un outil interne. Nous allons prendre cette chose vraiment et vous essaierez de nouveau décidé que vous ferez votre projet de classe pour réimaginer à quoi ressemble cette icône d'application. Je pense que c'est une option vraiment valable si vous voulez travailler avec des contraintes de la vie réelle. Ce sont donc deux bonnes options. Soit vous inventez complètement votre propre application fictive et vous concevez et je peux Ford, soit vous irez redessiner quelque chose qui existe déjà dans le monde réel. Cool. Vous avez de bonnes idées ? Sinon, je peux vous dire mon idée, parce que je vais aussi faire un projet de classe en faisant la classe. Je pense que ce genre de chose a du sens. Tu regarderas par-dessus mon épaule et je passerai les mouvements avec toi et dessinerai ce truc. Mon idée va être purement fictive. Ce sera une application fictive pour laquelle je vais concevoir une icône pour, et l'application va être une application de machine à temps. J' ai toujours été fasciné par l'histoire, et qui ne voudrait pas voyager dans le temps ou même Ford dans le temps pour être comme un
observateur silencieux des événements historiques ? Je pense que ce serait génial, non ? Imaginons donc l'avenir où notre technologie a jusqu'à présent que vous pouvez réellement créer une application pour voyager dans le temps, n'est-ce pas ? a l'air joli rat. Je vais essayer de concevoir, en fait quelques icônes pour une application de voyage dans le temps. Je pense que c'est un projet assez ouvert n'a presque aucune contrainte de vie réelle. Nous avons beaucoup de liberté créative dans ce projet. Et encore une fois, le but n'est pas vraiment de concevoir le meilleur que je viens ici. Le but est de passer en revue les motions pour réfléchir à certaines de ces choses et utiliser le processus et les outils que je vous montrerai plus tard dans cette classe et aussi de passer en revue ces différents aspects. La théorie sur les icônes et vous avez tellement retenu ces idées individuelles que nous avons ces
rendus dans ces croquis et les regardons à travers ces différents lentilles et, vous savez, être en mesure de le juger. Et j'espère qu'
en me regardant en passant par ces motions, vous obtiendrez des idées dans votre propre projet de classe pour votre propre application. Je considère que vous êtes en train de concevoir. Vous avez des idées ? Ne vous inquiétez pas. Si vous ne le faites pas, il y a encore le temps. Postez cette vidéo. Allez vous promener dans les bois, trouvez votre endroit préféré notez quelques idées. Pensez à vos clients de rêve. Comme quel genre d'application je viens. Aimeriez-vous concevoir, n'est-ce pas ? Ou peut-être un peu plus pratique ? Prenez votre appareil. Passer par l'œil vient là. Eh bien, je ne pouvais pas. Aimeriez-vous changer si vous pouviez si vous aviez le pouvoir. Quel jeu ou application aimeriez-vous avoir ? Tu sais,
là, je peux redessiner certaines de ces choses et revenir à ce cours. Une fois que vous avez une idée solide pour votre projet de classe. Je pense que ce cours va être beaucoup plus agréable. Tu en apprendras tellement plus si tu produis quelque chose de sorte que quand je signerai dans quelques vidéos, tu auras quelque chose à montrer aux autres. Donc j'espère que vous êtes sur le chemin d'avoir formé une idée de votre projet de classe. Gardez ça dans votre esprit pendant que vous me voyez passer par les motions. Comme je travaille sur mon projet de classe, vous allez essentiellement travailler sur votre projet de classe étant sur bloc-notes, ouvrir, boutique
photo ou n'importe quelle application que vous utilisez et être prêt à mettre certaines de ces choses à bon utiliser dans votre propre projet. J' ai hâte de voir ce que tu vas faire pour ton projet de classe avant qu'on commence le processus. Avant de mettre le stylo au papier ou la souris à la toile, je pense qu'il serait bénéfique de réfléchir un instant sur l'application veulent. icônes sont là où nous essayons de faire ici ? L' un des produits livrables était les implications pratiques réelles de la mise à disposition d'une application. Je peux, mais aussi quel genre de tâches ? Faire l'application, je peux vraiment avoir à résoudre. Alors qu'est-ce que nous concevons vraiment, non ? On y plongera dans la leçon suivante.
3. What icône ?: cette leçon. Je voudrais brièvement, très
bien, sur cette question. Qu' est-ce qu'une application ? Je peux ? Qu' est-ce que c'est juste ? Et je sais que plusieurs d'entre vous regardant cette vidéo auront probablement une bonne idée de la
façon de répondre à cette question. Mais je pense que c'est une bonne idée d'avoir un terrain d'entente que nous en tant que classe ou envoyons pour créer quelque chose. Parlons donc de la pratique que vous savez, qu'est-ce qu'on fait ? Qu' est-ce qu'on livre ? Et le concept ? Quelles sont toutes les tâches à une application que je peux avoir besoin pour résoudre aspect de Faire une icône un est une application. Je peux vraiment un AB Aiken est une ancre visuelle pour votre produit. Vous pouvez le considérer comme un petit morceau de marque qui a non seulement besoin d'être attrayant et se démarquer, mais idéalement aussi communiquer l'essence de base de votre application. Maintenant, les icônes de
l'application ont été en quelque sorte élevés depuis ses débuts dans la conception de l'interface. Pour être ces objets de marque qui résout plusieurs tâches ? Je pense qu'il est vraiment important de comprendre que lorsque nous sommes assis pour faire de bonnes
icônes d'application , d'un point de vue pratique, ce que vous fournissez réellement lorsque vous créez des icônes sont ces ensembles de raster basés sur sorties. Ainsi, une gamme de fichiers PNG, exemple, baisse de 29 par 29 pixels jusqu'à 10 24 pixels par 10 24 pixels, qui est actuellement la plus grande taille dont Apple a besoin pour leurs icônes d'application IOS. Maintenant, vous produisez ces différents fichiers raster à regrouper avec votre application. Tu vas les donner au développement. Ils vont les mettre dans le pack d'applications. Donc, la plate-forme sait ce que je peux utiliser où ce que je viens d'utiliser dans l'écran d'accueil, ce que je peux utiliser dans l'App Store ce que je peux utiliser dans le panneau des paramètres. Droit ? Donc, c'est le truc pratique que nous produisons en fait était de produire un ensemble de fichiers
basés sur des raster . Vous pouvez également utiliser des trucs PDF vectoriels dans certaines des plates-formes, mais je pense que cela vous aide vraiment à penser à l'application. Je compose ce petit ensemble de fichiers que nous devons produire et ils ont besoin de regarder bien contextuellement où ils doivent être montrés et ils ont besoin de bien paraître dans toutes les différentes
tailles à travers le système d'exploitation droite ? Et c'est ce qui est les implications pratiques de faire des icônes d'application. Allons sortir une idée fausse du chemin pour l'instant. Les icônes d'application ne sont pas des logos. Ils partagent certainement beaucoup des mêmes qualités de marque, mais ce sont deux disciplines de design très différentes. Les outils, les mentalités. Les livraisons sont très différentes des deux disciplines du design. Oh, pourtant le mot logo est jeté par négligence ces jours-ci, et plusieurs fois vous entendrez un client lui demander le logo Apple. Et je veux, avec ce cours, éliminer une partie de cette idée fausse. Je vais passer un peu plus tard dans la classe à parler de la différence entre les deux et pourquoi c'est important et pourquoi nous devons changer la façon dont nous parlons d'eux et comment nous travaillons avec eux et comment cette confusion affecte actuellement beaucoup de mauvais choix de
conception d'icône d'application. Mais tout de suite, on pourrait dire que les logos sont des éléments vectoriels évolutifs de l'image de marque conçus pour les en-têtes et les panneaux d'affichage, les gens du coin
droit se composent d'une marque et que la topographie peut être organisée de différentes façons et a toutes ces règles attachées à elle. C' est une discipline de design merveilleuse. icônes AB, d'autre part, sont très différentes de cela. Ils sont généralement très limités en ce sens que le design doit vivre dans une toile carrée, et c'est là que la toile doit être montrée. travers Mobile West, par
exemple, raster, P et G tombe ce petit volume de différentes tailles droite qui doit paraître bien dans chacun des contextes respectifs. Et donc j'espère qu'il est clair que ces deux choses, les logos et les icônes APP sont assez différentes. L' état d'esprit que nous devons avoir lorsque nous les concevons,
les bulles de livraison réelles et les restrictions sont très différents de chaque discipline. Ceci est encore confondu par le fait que les icônes d'interface une icône Web sont généralement vectorielles et évolutives et doit fonctionner dans un design responsive. Droit. Mais AP je peux spécifiquement, qui est ce que cette classe est, sont souvent des sorties basées sur des raster qui doivent être conçues dans des tailles spécifiques dans la toile carrée est donc la réalité pratique hors livraison à Pie vient. Donc, résumons simplement ce qui n'est pas cela comme une icône d'application a conceptuellement besoin de résoudre beaucoup de tâches
différentes. Il est l'ancre officiel pour votre produit Il doit être beau, mémorable, identifiable. Il doit communiquer ce qu'est votre application. Il doit être quelque chose que l'utilisateur peut repérer et reconnaître. Sois comme, Oh, c'est ce truc ici, non ? Pratiquement ce que vous faites en fait est cet ensemble de fichiers PNG de différentes tailles que vous produisez orteil semblent bien dans différentes tailles, différents contextes. C' est ce qu'on fait. C' est une sieste que je peux pour toi. Espérons que certaines de ces informations ont éclairé certains des choix que vous faites dans votre esprit. En termes d'un type de projet de classe. Vous allez faire quel type d'ICANN vous allez concevoir, et la prochaine leçon se rapprochera du métal. Nous allons parler du processus réel. On a parlé de la sieste que je peux faire. Cela, nous avons parlé de l'importance des icônes APP. Comment leur faire écrire ça ? Eh bien, nous en discuterons dans la prochaine leçon. Merci d'avoir regardé
4. PROCESSUS: dans cette leçon. On va parler de processus. On va mettre le stylo sur le papier et je vais te montrer comment je fais des icônes. Je vais vous faire traverser les trois étapes que je fais toujours quand je conçois quoi que ce soit. Vraiment, ce qui est la recherche, esquisse et le rendu. Allons y plonger. Parlons donc un peu des mérites de la recherche. Je pense que ce sont différents types de designers ici. Et pendant de nombreuses années, j'étais le genre de designer qui se précipitait à la boutique de photos pour rendre une idée que j'ai immédiatement eu quand j'ai entendu parler de quelque chose juste quand j'ai eu l'idée. Je pense qu'au fil des ans, j'ai commencé à faire un peu plus de diligence raisonnable et à
faire des recherches réelles avant de me précipiter vers ma demande hors de mon choix, non ? Je pense qu'il a certainement ses mérites de tirer immédiatement ce qui vous vient à l'esprit. Mais le fait est que si vous ne faites pas vos recherches, si vous ne vous ouvrez pas à l'inspiration, cela pourrait être un concept doré que vous manquez totalement en vous précipitant vers cette
première chose qui vous est venue à l'esprit, donc faire des recherches sur la façon de le faire ? Qu' est-ce qu'il a même raison ? Eh bien, la recherche pour moi aujourd'hui, quand je prends un projet, c'est juste m'ouvrir à autant inspiration
visuelle sur un sujet que je peux. Nous avons de merveilleux outils pour cela. Nous avons Internet et quand je le fais habituellement. Dans mon cas, comme je vous l'ai dit pour mon projet de classe, je fais une conception d'icône d'application pour une application de machine à temps. Eh bien, dans le cas de la recherche pour cette application de machine à temps,
ce que je vais faire, c'est que je vais aller sur Google Image Search et juste taper dans la machine temporelle, voir quel type d'images apparaissent. J' irai probablement aussi sur plus de sites orientés designers comme Dribble With Three
Beasts et Beyonce et voir comment d'autres designers ont quelque peu traité ce sujet avant, juste et je pourrais m'inspirer beaucoup de tout ce que je vois, Je pourrais dire beaucoup d'images dans, comme un dossier d'inspiration que je peux fusiller plus tard. Le but de tout cela est juste de m'ouvrir à l'inspiration visuelle. Comment d'autres personnes ont géré ça avant ? Puis-je avoir des idées juste en m'exposant à toutes ces choses différentes. Et dans le cas d'une machine à remonter le temps, alors que le savoir assez rapidement, est qu'il ya quelques éléments de culture populaire là-bas qui reviendront encore et encore lorsque vous ferez ces types de recherches. Dans le cas de mon projet de classe, cela pourrait, par
exemple, être le condensateur de flux de retour vers le futur ou le Tardis de Doctor Who ou vous savez souvent qu'il y a comme un vortex de sorte impliqué dans les représentations du temps voyager ou faire fondre des horloges ou quelque chose comme ça. Donc, quand vous avez l'impression d'avoir englouti suffisamment d'inspiration du visage de recherche, vous avez enregistré ces images dossier d'inspiration orteil et vous commencez à former des idées que vous aimeriez prendre dans le visage suivant. Il est temps de trouver votre stylo et de faire quelque chose que je pense que beaucoup de designers
me sautent en fait , y compris pour un bon bout d'années, et c'est dessiner maintenant, croquis je reçois Cela peut être effrayant, et je Je pense que c'est pourquoi beaucoup de designers ont réellement évité parce que c'est le moment du processus, la première fois, le processus que vous produisez réellement quelque chose que d'autres personnes peuvent voir
et juger et je veux mettre un mythe ici. Tous les designers ne sont pas de bons illustrateurs. Je ne suis certainement pas un bon illustrateur, et il m'a fallu des années pour vraiment trouver la valeur de l'esquisse dans mon processus créatif. Ne sois pas moi. Il suffit de sauter par-dessus cette peur, aller directement à l'esquisse et d'utiliser cet outil puissant dans votre processus de création. Parce qu'à la base, ce qu'est vraiment l'esquisse est juste d'explorer à moindre coût et efficacement ce qui est dans l'œil de votre esprit. Et donc, vous prendrez ces concepts que vous avez commencé à former dans votre visage de recherche, et vous les mettrez sur papier. Dans le cas de mon projet de classe et pendant mes recherches, je ne cessais de revenir au flux. Condensateur, bien
sûr, à droite. C' est une culture si amusante et
populaire que je peux à partir d'un film avec lequel j'ai grandi, que j'ai dû l'inclure dans mes croquis. Et donc j'essaie de comprendre comment cet appareil fonctionne réellement dans une application que je consens. Je suis aussi généralement fan de concepts amusants et
excentriques, et j'ai discuté des concepts de machine à temps avec quelques-uns de mes amis, et nous avons continué à revenir à cette idée d'une machine à laver était une sorte de tourbillon temporel à
l'intérieur . Je pense que c'est une combinaison amusante de machine que tout le monde connaît, et ce concept abstrait du voyage dans le temps a fusionné en un seul. Dans mes croquis, vous me verrez essayer d'explorer cette idée d'une machine à laver avec un vortex à l'intérieur. Jouer aussi autour de quelques concepts pour ah, prendre
plus classique sur la chose de machine à temps, une bonne vieille horloge avec une flèche vers l'arrière, plus de l'approche de la falaise vraiment, et essayer d'esquisser cela aussi bien. Une fois que j'ai l'impression d'avoir tiré la plupart des idées que j'ai tirées de mon visage de recherche. Ce que je fais habituellement c'est de les laisser mijoter un moment. Si c'était comme un projet client, je les enverrais pour, vous savez, commentaires de clients, et nous pourrions avoir un peu d'aller-retour sur les concepts réels sans avoir
rien rendu . Mais dans ce cas, avec un projet de classe et vos cas pour vos projets de classe, vous n'avez pas nécessairement de parties prenantes. Vous pouvez montrer vos concepts à des amis sur Internet, peut-être obtenir des commentaires sur ce point de tout ce croquis est que maintenant vous aurez une sorte de représentation visuelle de certaines des idées que vous avez dans votre visage de recherche, droit ? Et il sera probablement déjà immédiat en regardant vos croquis que certains d'entre eux ne
vont jamais se transformer en icônes d'application, est-ce pas ? Ils n'ont pas marché. Et c'est le truc cool avec les croquis. C' était pas cher et facile à fabriquer, et nous pouvons donc explorer toutes sortes de choses. Certaines personnes font juste quelques croquis. Vous pourriez faire beaucoup de croquis. Vous pouvez sentir tout votre espace de travail avec des esquisses, mais le but est que vous choisirez quelques-unes de ces esquisses et les apporterez à la phase
suivante. Nous en parlerons plus dans la prochaine leçon, mais nous parlerons des outils que je vais vous donner une ressource est et va commencer à numériser et à rendre certains de ces croquis que vous avez faits. Donc, juste pour résumer très rapidement, mes processus de recherche, c'est l'esquisse et c'est le rendu. Je vous ai montré quelques recherches. Je vous ai montré quelques croquis, et ce que je pense que je veux que vous fassiez maintenant si vous ne l'avez pas déjà fait, c'est de faire ces deux choses en pensant à votre projet de classe. Va faire des recherches. Allez faire ces recherches d'images Google. Allez-y, triplez sur les derrières. Trouvez l'inspiration où vous pouvez les trouver Fusil à travers des magazines ou des couvertures de livres ou tout
ce que vous devez faire pour conceptualiser et internaliser cette chose que vous essayez de
faire droit. Et puis je veux que vous mettiez le stylo sur le papier. N' aie pas peur. Croquis librement. Apportez juste certaines de ces idées sur le papier. Et une fois que vous aurez fait ces deux choses et que vous allez probablement laisser mijoter un
instant, d'accord, et ensuite vous prenez quelques croquis et vous me retrouvez dans la vidéo suivante, mais pas avant que vous ayez fait vos devoirs.
5. outils: Bienvenue de retour. Content de vous voir dans cette leçon. Nous allons parler d'outils et, certes, ce sera probablement le cas, comme l'une des leçons maîtresses de ce cours. Parce que les outils sont importants. Ils ne sont pas tout, mais ils sont importants. Et donc, dans cette vidéo, je veux couvrir alors que les outils d'abord et avant tout, je veux parler un peu de pourquoi j'utilise la boutique photo car je reçois beaucoup de questions à ce sujet. Ensuite, je veux partager une ressource est avec vous. Vous voulez parler un peu de ressources est en général. Je veux partager avec vous des ressources que nous pouvons tous utiliser. Maintenant, nous allons y plonger et parler un peu des outils. Donc, avant tout, je veux dire que j'ai beaucoup de questions sur la raison pour laquelle j'ai utilisé la boutique photo, n'est-ce pas ? Je suis un grand croyant d'utiliser ce que vous savez, et j'ai grandi avec la boutique de photos. J' ai utilisé photo shop depuis de nombreuses années, c'est comme une extension de moi-même. Et donc j'ai utilisé photo shop parce que c'est une application que je connais vraiment bien. Si vous êtes à la recherche d'une autre application de conception alors, vous savez, Allez-y et utilisez cela. Et je reçois beaucoup de questions maintenant. Pourquoi utilisez-vous Photoshopped ? Ne le fais pas. Pourquoi ne pas utiliser comme une application vectorielle comme illustrator ou certains des outils You know , la nouvelle génération d'outils comme Sketch, par
exemple. Et j'adore ces outils. J' utilise ces outils dans d'autres domaines de ma conception. Mais quand il s'agit de travailler avec des icônes APP, je veux en quelque sorte rappeler la leçon où nous avons parlé un peu de ce que sont réellement les icônes
APP et ce que nous livrons parce que ce que nous livrons tous ces raster de fichiers PNG. Et donc je pense qu'il est beaucoup de sens d'utiliser une application qui a beaucoup de
contrôle de niveau raster , droit et métrage a certainement cela. C' est pour ça que je l'utilise. C' est parce que nous ne livrons pas de vecteur pur. Nous offrons une gamme de tailles qui doivent être belles dans différents contextes. Cela a en fait cette limite sur la quantité de pixels qui sont réellement dedans. Et donc je veux utiliser une application qui a le contrôle total de tous ces pixels et photo shop est une excellente application pour cela. Quatre. Le vaisseau a un mauvais représentant ces jours-ci. C' est une application massive. Et oui, il y a parfois un peu de courbe Steve Learning. Ont été de faire des ressources pour plusieurs de ces applications depuis quelques années maintenant, et je pense vraiment que la boutique photo est toujours le meilleur outil pour ce type particulier de travail. C' est pour ça que j'ai utilisé la boutique photo. Mais encore une fois, si vous utilisez une autre application, utilisez ce que vous savez. Théoriquement, vous pouvez créer des icônes dans M s peinture si vous êtes prêt pour cela. Si vous faites ça, assurez-vous de me tweeter. Mais dans ce cas, dans ma classe, je vais utiliser Photoshopped parce que c'est l'outil
avec lequel je suis le plus à l'aise . C' est un outil qui a beaucoup de sens maintenant que nous résolvons cette tâche particulière, et nous pourrions essentiellement ouvrir un outil, ouvrir une boutique photo et créer une toile de 10 24 x 10 24 pixels et commencer à concevoir et je viens. C' est parfaitement valable. Et si vous avez un autre outil de conception qui vous regarde en arrière en ce moment. C' est probablement ce que tu feras dans cette classe. Mais j'ai passé beaucoup de temps au cours des deux dernières années à essayer d'augmenter construit sur cet outil et de créer une expérience qui rend beaucoup plus facile de passer de ces croquis que nous produisons avant et à un produit fini réel. Vous voyez, je fais des ressources est depuis nombreuses années et a effectivement transformé en cette assez grande partie de ma carrière qui est appelé appliquer pixels dot com, qui est une plate-forme de ressources hors tri. Je suppose que vous pourriez appeler ça ma petite pince pour ma plate-forme de ressources dans cette classe. Donc j'ai eu un peu d'énigme quand je faisais ce cours parce que je n'avais pas l'
impression que les gens tirent devaient payer pour ça. Ma ressource est de sortir quelque chose de la classe. D' autre part, certaines de ces ressources, en particulier modèle Meyiwa Sap Aiken, est quelque chose qui a passé des années à raffiner et c'est une ressource vraiment précieuse, et je ne pouvais pas simplement le rendre disponible pour tout le monde, droite, donc j'ai un peu atterri sur le terrain du milieu ici en ce que j'ai créé une version légère de mon application
IOS, modèle
Aiken, qui va en fait être parfaitement utilisable pour ce que nous essayons d'obtenir dans ce classe. Et donc il a vraiment l'impression que cette version gratuite du modèle va vous voir à travers la classe très bien, et nous allons apprendre à utiliser la ressource basée sur l'objet intelligent est que je fais. Le but de tout ça, c'est que je suis très passionné. Ressource est que je fais Ressource est depuis tant d'années. Je sais beaucoup sur Resource est pour de nombreuses applications différentes. Je vous ai fait une version légère de mon modèle d'icône d'application IOS très populaire. Ce n'est pas la version complète, mais ce serait parfaitement utilisable pour ce que nous essayons de faire dans cette classe. Et si vous n'utilisez pas photo shop, vous utiliserez simplement votre propre outil de votre choix. Ici vous allez créer 10 24 par 10 24 pixels toile et vous allez créer des icônes dans leur
conversation assez . Plongons dans la viande et les pommes de terre. Téléchargeons cette version en direct du modèle et laissez-moi juste fouiller, vous
montrer comment cela fonctionne, et donc vous devez ouvrir un navigateur et aller à appliquer des pixels dot com et ici vous allez naviguer
vers l'Eye West. 12 app. Je peux allumer la version. On dirait ça et vous verrez qu'il y a un petit téléchargement pour la boutique photo juste ici. Vous cliquez sur que vous téléchargez les finis. Vous devriez avoir une application IOS 12. Je viens pour le dossier léger de bateau à pied. À l'intérieur de ce dossier, vous trouverez un me lire sur et vous trouverez le fichier de la boutique photo réelle et vous pouvez aller avant et ouvrir ce fichier Photoshopped. Et sur mon ordinateur, ça ressemble à ça. Nous avons le fichier de modèle principal ici, et puis nous avons un peu d'informations sur ce que ce modèle est et comment vous
l'utilisez juste ici. Ne vous inquiétez pas, trop de votre boutique photo semble différent de mon Photoshopped. Cela ne va pas être comme un tutoriel de photo strict où votre espace de travail doit ressembler
exactement à ceci. Espérons que vous pouvez toujours suivre Now. L' idée derrière tous mes modèles d'icônes est que nous voulons travailler dans la plus grande taille requise par la plate-forme et que notre outil le réduise pour nous. Pour que nous puissions le voir dans son contexte. La plupart des applications de conception ont ce type d'élément de conception de type d'objet imbriqué, droit et dans pour un travail appelé objets intelligents. L' icône que nous avons ici est en fait un objet intelligent, et si vous regardez dans les couches douleur, vous trouverez les sont pauvres froid. Icône 12 App de l'Iowa. Il y a une couche appelée Edit Meat and Safe. C' est nos objectifs intelligents, notés par un petit objet intelligent. Je viens ici et nous pouvons soit double-cliquer ou faire un clic droit dessus, puis appuyer, vous savez, modifier le contenu juste ici. Cela ouvre l'objet intelligent lui-même. C' est un fichier PSB. Maintenant. Ici, vous allez créer votre icône. C' est là que la magie se produit, et donc le modèle est livré préemballé avec quelques choses. Il y a un petit système de grille qui se passe ici. Peut masquer cela en frappant l'âge de la commande ou l'âge de contrôle sur une machine Windows. Nous avons le petit appliquer pixels logo glitzy ici, et vous pouvez simplement aller et cacher que si vous voulez. Il y a aussi dans la grille de l'Iowa que vous pourriez remarquer ici, ce qui est plutôt un guide qu'une exigence, vraiment. Mais c'est l'Apple Aiken officiel, et vous pouvez le suivre si vous voulez. Cela vous donne une bonne idée de la façon dont les compositions fonctionnent à l'intérieur et je peux le faire dans le
dossier Guides . Ici, vous trouverez quelques autres couches. Il y a un masque extérieur, et on peut montrer que je vais le montrer, et voici un mot du jour pour vous. Cette forme, l'application IOS que je peux façonner, s'
appelle en fait un Squirtle. C' est un super lèvres. C' est une forme mathématique, mais toutes les formes sont mathématiques. Je suppose que c'est une taille magnifiquement incurvée, très spécifique. Nous utilisions des icônes rondes épaves avant Iowa 7, mais maintenant nous utilisons le Squirtle et ce calque, le masque automatique clair est assez proche de l'endroit où le recadrage d'Apple va se produire, et l'allumer à l'intérieur d'un modèle ici sorte de vous donne une idée de ce à quoi cela ressemblera. Mais assurez-vous juste que lorsque vous livrez réellement vos icônes à votre développeur, vous êtes que vous ne l'avez pas sur. Vous devrez fournir des fichiers carrés complets pour votre développeur. Abbé va recadrer ces icônes eux-mêmes Mais en tant qu'outil de conception, il est assez cool d'avoir ce masque extérieur disponible pour que vous puissiez faire des appels de jugement sur. Il y a aussi un intérim. Demandez si vous avez encore besoin de cette forme de victoire. C' est une approximation du kal carré. C' est assez proche de ma connaissance. Donc ce sont quelques-unes des choses que nous avons dans le petit dossier de guides ici, et essentiellement, vous pouvez ajouter n'importe quoi. Je vais aller de l'avant et supposer que vous avez des connaissances de base de la boutique photo ici, non ? Comme je l'ai dit dans l'introduction, Ce ne sera pas une étape par étape Photoshopped tutoriel, mais je veux juste vous montrer comment cette ressource fonctionne réellement. Ajoutons simplement un nouveau calque ici. Un appel solide plus tôt. Allons au beau rouge et je pense qu'on va cacher le grain tout de suite. Et allons-y avec une forme personnalisée. Utilisé un outil de forme personnalisé ici. Et, euh, allons avec le bon vieux coeur juste ici. Et nous allons juste nous assurer que ce cœur va être blanc, maintenant les changements pour s'assurer qu'il garde ses proportions pendant que je le fais
ici est un beau petit cœur. Il suffit de le placer. Donc nous avons conçu quelque chose. Maintenant, laissez-moi vous montrer ce qui se passe si nous sauvegardons ce fichier objet intelligent il commande s ou contrôle eso goto fichier et puis sûr. Et puis vous pouvez le fermer. Une fois que c'est Safed, fermons ça et bouchons ! Regarde ça. Maintenant, ce que ce modèle fait en utilisant des fonctionnalités Photoshopped qu'il réduit que je peux fichier psb et vous le montre dans ce contexte hors de la capture d'écran. Maintenant, c'est une petite chose vraiment soignée, non, Parce que vous aurez immédiatement une idée de ce à quoi ressemble votre icône dans le contexte du système d'exploitation. Sentez-vous comme à ce stade, je devrais juste souligner les différences entre cette version libre de lumière du modèle qui utiliserait dans cette classe. Et puis vous pouvez aller et télécharger dès maintenant et la version payante complète que j'ai disponible plus à appliquer pixels dot com dans la version complète à appliquer pixels dot com. Vous avez en fait toutes les tailles rendues. Nous n'avons pas cela ici, et nous avons des actions d'exportation en un clic où vous cliquez simplement sur un seul bouton et extra
crache tous les fichiers que vous devez livrer à votre développeur correctement nommé et tout ce jazz. Nous avons également plus d'écrans contextuels où vous pouvez voir votre icône,
vous savez, vous savez, dans le panneau Paramètres de l'APP Store et toutes ces choses à droite il y a plus de blocs de construction à l'intérieur de l'icône. Paix être fichiers tous les IOS standardisés, Grady ins et couleurs, par
exemple. Bien sûr, la version complète est une sorte de cet outil professionnel mawr que vous pouvez réellement utiliser pour exporter . Finalisez ces fichiers, et je pense que c'est important à souligner. Et si vous savez déjà que ce que vous créez dans cette classe, votre projet de classe est quelque chose que vous allez utiliser professionnellement, et vous allez vraiment devoir livrer ceci à ah développeur. Je pense que vous devriez probablement acheter la version complète et appliquer des images dot com ou devenir membre de notre service d'abonnement là-bas, mais à des fins d'apprentissage. Et pour le reste de cette classe, j'utiliserai cette version légère du modèle parce qu'elle est parfaitement utilisable pour ce que nous essayons de faire ici. Maintenant, la façon dont nous travaillons normalement avec ce type de modèle, Un modèle intelligent basé sur un
objet est que nous allons réellement entrer et sortir de cet objet intelligent, faire des ajustements à notre conception et voir comment il évolue à travers la taille est juste. Et dans ce cas, tu sais, peut-être que je me sens comme le cœur. C' est un peu, tu sais, ce n'est pas exactement comme je le veux. Je vais juste y retourner, m'
éditer et enregistrer dans le fichier d'objet intelligent. Et je vais, vous savez, faire quelques ajustements. Et j'ai l'impression que le poids visuel devrait être décalé un peu ici. On y va. Peut-être que la couleur est juste un peu folle. Peut-être que j'avais un peu, tu sais, je voulais être un peu plus saturé. Et nous faisons ces ajustements et j'appuie sur les commandes ou les contrôles sur une machine Windows. Je le garde et je ferme la fenêtre. Maintenant, nous allons voir que ces changements sont rendus. Je pense que cet Aiken a l'air beaucoup mieux. C' est très simple. Je peux Il n'y avait pas essayé de créer la Mona Lisa ici. Il suffit de vous montrer comment utiliser ce fichier. Mais tu sais que c'est la ressource. C' est le modèle que vous pouvez aller et télécharger dès maintenant. Si vous avez photo shop installé sur votre machine, Go Donald Delight version du modèle. C' est parfaitement utilisable pour ce que nous devons faire dans cette classe. Je viens de réaliser que je ne vous ai pas dit comment exporter vos icônes une fois que vous avez fini travailler avec ce modèle. Donc, comme je l'ai dit avant la version complète du modèle APP Aiken que vous pourriez obtenir de appliquer cornichons dot com crache toute cette gamme de tailles que vous avez idéalement besoin. Si vous livrez une application professionnelle, je peux. Mais vous ne pouvez pas exporter Aikens parfaitement utilisables en utilisant ce modèle en exportant la plus grande taille. Donc, ce que vous voulez faire est que vous voulez aller dans le fichier d'objet intelligent et essentiellement simplement enregistrer. Cette toile est un gros PNG. Donc, vous allez fichier vous allez pour nous sauver parce que c'est un fichier objet intelligent va vouloir enregistrer comme un PSB. Vous ne voulez pas que vous vouliez enregistrer en PNG Vous allez trouver PNG et, hum juste frapper sauver et encore, Comme je l'ai dit Si vous savez que vous allez utiliser ce truc professionnellement et vous
avez vraiment besoin, comme le tableau complet , allez à appliquer des images dot com et consultez la version complète de l'application IOS. Je contemplatif là-bas. Cela suffit à propos des ressources, c'est que nous avons parlé des outils dont nous avons parlé. La ressource est maintenant. Je pense qu'il est temps que nous prenions les croquis que nous avons produits la leçon précédente. Nous commençons à travailler avec eux dans ce fichier ici. Comment on fait ça, non ? Et encore une fois, si vous utilisez une autre application que Photoshopped, je pense que vous trouverez des moyens de suivre de toute façon. Strata 10 24 par 10 24 Pixel toile et vous travaillerez dans ce fichier. C' est très bien nous. Eh bien, tu vas le traverser avec moi.
6. Rendez-vous : Partie 1: Eh bien, bonjour là, cerclage. Il va y en avoir un long. Ok, utilisons nos outils et utilisons cette ressource pour terminer notre processus. Prenons les croquis que nous avons faits dans la leçon précédente et voyons si nous pouvons les mettre dans cet outil et commencer à les rendre correctement. Et donc ce que je fais habituellement, c'est que je prends une photo de mes croquis et que je m'envoie cette photo à moi-même ou que je tombe dans mon ordinateur. Aidez à prendre ce fichier image et déposez-le dans Photoshopped. Droit ? Et c'est ce que j'ai fait ici. Vous voyez un de mes croquis sur cette machine à laver avec un vortex à l'intérieur. C' est juste un croquis vissé que je vais juste déposer dans le fichier d'objet intelligent, en
fait, fait, pour avoir une idée de la composition, accord, et vous devriez faire la même chose avec vos croquis. Prenez une photo,
mettez-la dans un magasin de photos, prenez, vous savez, vous savez,
découpez cette petite partie de votre croquis, redimensionnez-la et étirez-la pour qu'elle corresponde bien à cette toile Et c'est juste une excellente façon de commencer votre conception. Et ce que je ferai alors, c'est que j'utiliserai le Vous savez, je voudrais simplement définir les formes principales d'abord. Et donc dans ce cas, par
exemple, je pourrais juste utiliser les formes ici dans un magasin de photos comme l'outil lèvres. Et je vais essayer de faire glisser une forme ici pour en quelque sorte d'avoir une idée pour la composition globale pourrait également être un bord légèrement plus large autour de cela. Ici, dans mes couches, la douleur. Je trouverai ma vie que je viens de faire. Je vais le dupliquer. Je maintiens l'option enfoncée et juste la traîner dehors. C' est un petit truc cool à dupliquer, mais vous pouvez aussi juste,
vous savez, un clic
droit, puis appuyez sur le calque dupliqué droit. Et maintenant, nous avons une couche légèrement plus grande ici, et je veux en faire un peu plus grand. J' aime utiliser les pourcentages quand j'augmente les choses. Disons que c'est 110 110. Allons juste un peu de couleur sur ça. Je double-clique sur eux juste pour s'assurer qu'il y a de la couleur là-bas. Ce 1 peut être un peu différent maintenant. J' ai en quelque sorte quelques formes de base ici, et donc nous voulons probablement aussi créer un fond que nous pouvons ajouter comme un calque
vert rayonnant ici comme pour créer quelque chose de simple, comme des machines à laver. Un peu de blanc, non ? Donc nous allons résoudre, avoir un Grady large subtil et peut-être un peu de beige là-dedans. Donc des trucs très basiques. Je pose les formes du sol et je veux que vous fassiez de même. Emmenez vos croquis dans la boutique photo, mettez à l'
échelle afin que vous puissiez le voir dans cet objet intelligent. Faute de la ressource. Ou si vous êtes dans une autre application, prenez vos esquisses dans cette application et commencez à exposer les formes principales de l'icône . C' est là que nous avons numérisé ces choses. On peut faire des changements ici. C' est très facile. Nous n'ajoutons pas toutes ces peluches de style et de couleurs et toutes ces choses pour l'instant. Nous essayons juste de réduire les formes de base, non ? Et donc ce n'est pas une icône particulièrement inspirante de ce que j'ai créé ici, mais nous allons juste l'enregistrer et voir à quoi il ressemble dans notre petit modèle ici, ok ? Pas étonnant, ce n'est pas la plus grande icône du monde, non, mais ça prendra beaucoup plus de travail. Mais ça me donne déjà une idée de certaines des formes principales impliquées dans cette icône, à
droite et encore, droite et encore, si vous avez fait des croquis qui sont un peu plus avancés que des formes rondes, vous savez que vous pourriez vouloir pour se familiariser avec, disons, l'outil de broche dans la boutique photo, n'est-ce pas ? Pas sûr de. Vous avez l'habitude de stylo outil avant, mais c'est une sorte d'excellente façon de le faire. La plupart des gens ont, ah, ah,
unerelation
haineuse avec l'outil de stylo qui est en fait un outil très puissant basé sur la victoire
à l'intérieur de Photoshopped,
non ? relation
haineuse avec l'outil de stylo qui est en fait un outil très puissant basé sur la victoire à l'intérieur de Photoshopped, Vous pourriez dire,
Hey, Michael, Michael, vous nous avez dit qu'on distribuait des sorties basées sur des raster. Pourquoi utilises-tu toutes ces formes vectorielles et le stylo pour ne pas faire ça dans une
boutique photo ? Eh bien, oui, nous créons des sorties basées sur des raster et des métrages de a vraiment des outils puissants quand il s'agit de styliser ces choses. Mais j'ai l'impression qu'en tant que concepteurs, c'est aussi notre travail de veiller à ce que les choses que nous créons soient aussi à l'avenir que possible. Alors imaginons que Apple va introduire une nouvelle taille d'icône. Ensuite, c'est assez agréable, est
que les fichiers de travail réels ne sont pas de vieux raster que nous avons créé des formes de base qui peuvent être mises à l'échelle dans le métrage et exportées dans une résolution plus élevée. C' est pourquoi j'essaie de maintenir une sorte de qualités de victoire sur autant d' éléments que possible que j'ai mis ici. Ce n'est pas toujours possible quand vous êtes, vous savez, pousser ce rendu un peu plus loin et que vous voulez ajouter des surlignements ou que vous faites beaucoup d' autres choses que
la boutique photo est vraiment bon à. Ces données peuvent être difficiles à conserver en tant qu'objets vectoriels complètement évolutifs, mais c'est pourquoi j'utilise des formes et des crayons et tout cela. Ce ne sera pas un tutoriel sur le Pento, parce que nous serions là toute la journée, mais je dois Troy sur ma chaîne YouTube. Vous pouvez aller vérifier si vous voulez en savoir plus sur la façon dont j'utilise l'outil plume et plus en profondeur parce que cette chose peut certainement être difficile à maîtriser. Je vais frapper P pour l'outil de stylo ou c'est celui-ci ici dans votre panneau d'outils, ce petit méchant garçon ici et vous pouvez juste dessiner à droite et vous pouvez poser ces notes ? Et vous commencez aussi Drac sur des notes, et ils ont ces merveilleuses petites poignées et vous pouvez commencer à dessiner ces formes beaucoup plus complexes, non ? C' est donc ce que vous utiliserez si vous esquissez implique des choses plus organiques
qui ne pourraient pas être bloquées avec des formes géométriques de base. Mais je veux dire qu'illustrer des choses comme ça peut être difficile. Je vais aussi parfois dans d'autres applications qui sont meilleures pour dessiner comme Illustrator. Et puis je crée ces formes avancées et illustrateur, et je les copierai à nouveau dans la boutique photo, pas couvert par cette classe. Pas vraiment important pour l'apprentissage, vous savez, icône d'
application conçue spécifiquement qui est beaucoup plus proche du métal qui sait comment
rendre des choses spécifiques à l'intérieur des outils. Et ce cours durerait des heures si nous empruntions chacun de ces chemins et essayons de comprendre tout ça. Et donc, comme un bon programme de cuisine, j'ai un peu triché ici. Je ne vais pas vous asseoir et me regarder dessiner ces formes individuelles ici, non ? Mais c'est en quelque sorte le processus de le faire. Laissez-moi vous montrer comment j'ai transformé ce croquis avec quelques calques et d'abord en quelque chose qui ressemble un peu plus à une icône d'application, non ? Mon principal objectif était de dessiner ce vortex au milieu. Voici le vortex que j'ai créé. Laisse-moi te montrer ça. Donc, cela se compose en fait de quatre couches différentes dans la boutique photo. Laisse-moi juste le décomposer pour toi très vite. Il y a une forme principale ici et l'arrière de celui-ci, qui a quelques Grady et des superpositions là-dedans, ce
qui crée un effet radial ici nous avons une sorte de vortex, qui se compose de deux formes de victor entrelacées, Et il y a ah, un
violet. Et il y en a un bleu. Mais ce que vous voyez probablement, c'est que c'est très lumineux et flashy, non ? Et c'est parce que dans mon travail, j'utilise à nouveau beaucoup de styles de calques. Je ne vais pas passer par une ventilation complète de ce que sont les styles de calque. Mais laissez-moi vous expliquer rapidement comment j'ai utilisé ces choses, parce que si nous devions désactiver tous les effets sur ces quatre couches, le résultat serait tout à fait différent. Faisons ça très vite. Laisse-moi te montrer ce qui se passe si on n'a pas ça. Donc, ce sont ces quatre formes avec absolument aucun calque. Styling là-dessus est exactement ce dont je parlais quand je parlais de la façon dont Photoshopped est vraiment puissant à exercer un contrôle de niveau raster sur vos icônes parce qu' quelques clics, j'étais en fait capable toe Ajouter que rayonnant, vous savez, avoir ces éclats brûlés à travers les couleurs et créer cette
expression beaucoup plus vive . À mon avis, permettons-leur juste de nouveau très rapidement. Vous pouvez voir la différence. Et maintenant, nous avons ce que je pense est beaucoup plus intéressant ici, non ? Bien sûr, style
personnel joue dans ces tendances énormes, tendances du
design, tout ça. On en parlera un peu à la fin de la classe, mais c'est comme ça que je fais ces effets. Si vous allez dans un calque dans la boutique photo et que vous avez droit, cliquez dessus et appuyez sur les options de fusion ici, et voici les différents styles que vous pouvez appliquer à un calque. Et comme vous pouvez le voir, j'ai un Grady et plus tard en ce moment, et j'utilise mon mode de fusion préféré, qui est superposé, a cette chose merveilleuse qui brûle à travers les colliers. Tu vois, si on le désactive très vite, ça a l'air beaucoup plus plat, non ? Mais maintenant que nous avons cette lueur radio au milieu, je peux vraiment bouger ici presque comme déplacer une lumière ponctuelle. Ça tire le spectateur un peu à droite. C' est l'effet que je voulais pour le vortex. Tellement génial dans les superpositions est un excellent moyen d'ajouter cette profondeur et ce dynamisme que je n'ai pas. J' adore encore mon travail. Je voulais que tout le voyage ressemble aussi un peu à son éclat,
les bras individuels ou une sorte de briller et de tourner. J' ai donc utilisé une lueur extérieure pour ça. Voilà à quoi ça ressemble. Nous le désactivons et l'activons. Quelques fois. J' aime vraiment ce petit effet à nouveau. J' utilise la superposition. C' est l'un de mes modes de fusion préférés, mais il y a tellement d'autres modes de fusion ici, et il y a beaucoup de choses que vous pouvez faire ces styles de calque. Je ne pouvais pas espérer couvrir tout cela dans cette classe, donc j'espère que vous allez jouer avec certaines de ces choses vous-même dans le rendu. Essayez d'utiliser certaines de ces techniques. Je viens de parler d'utiliser trop le mode de fusion et d'ajouter des lumières et des INT Grady et des gants à votre couche. Il en va de même pour ce petit orbe au milieu. Il a un a une lueur d'écran très standard qui crée juste que vous savez, que je hors du vortex qui me regarde. Je pense que ça a l'air cool. Nous avons pris seulement quatre formes dans la boutique photo et les transformons en ce petit vortex. ce moment. Jetons un coup d'oeil au reste. Ce concept de machine à laver. On veut le tambour de la machine à laver, non ? Et donc j'ai créé ce petit loquet cette forme de victoire. Quelle chauve-souris ? Appliquez-le ici, et c'est une forme assez basique. Comme vous pouvez le voir, c'est vraiment juste un cercle et avec 1/2 cercle comme une sorte de loquet réel que vous tenez sur. Je suis toujours étonné de voir combien de contexte vous pouvez réellement déduire de ces formes simples lorsque vous créez des icônes et, comme vous le concédez, a
également quelques effets attachés à elle. Jetons juste un coup d'oeil à ceux-là. J' utilise en fait cette observation inter que je l'utilise souvent, ce qui est de jeter un surlignement. Ne réfléchissez pas trop à ce qu'Adobe appelle ces différents styles. Et l'ombre intérieure peut facilement être une mise en évidence intérieure si vous utilisez simplement l'écran de mode de fusion et d'
utiliser une couleur claire, droite eso. J' essaie toujours de trouver de nouvelles façons intéressantes d'ajouter et de combiner ces différents styles pour me donner le désir de résultat visuel que je veux. Et nous avons aussi, je pense, à l'éclat qui jettent juste un peu de lumière sur ce loquet. Alors essayez de le désactiver. Vous verrez qu'il ajoute juste ce petit peu de trois D ness à elle. C' est très subtil, mais ça donne juste à la forme entière un peu plus de volume à nouveau. Vous pourriez expérimenter avec différentes couleurs. Je double-clique sur la forme vectorielle ici et je fais glisser la couleur autour. C' est la chose cool à propos de l'utilisation de formes vectorielles. Nous avons parlé un peu du maintien de la capacité d'échelle ah dans cet environnement raster. Je pense que cela vaut la peine Mais c'est aussi cool de simplifier et d'avoir ces formes vectorielles où vous pouvez facilement changer les couleurs. Vous pouvez utiliser certains de ces outils modernes d'une manière qui vous est très peu coûteuse pour essayer beaucoup de choses différentes. Droit. Pendant que je travaillais là-dessus, je voulais qu'il se sent un peu plus. Trois D. C'est mon style personnel. J' aime quand je ne peux pas avoir un peu de dimension. Je voulais qu'il ait l'impression qu'il y avait de la classe à l'extérieur de ce vortex pour qu'il se remplisse plus comme une machine. Et donc, vous savez, juste ajouter un peu d'ombre intérieure, un peu de profondeur à l'ensemble, puis brillant, bon vieux brillant. Où serait-on sans ça ? C' est à nouveau une couche de brillance très simple, juste une couche vectorielle. J' ai juste pris ce bord du cercle et je l'ai tiré vers le haut. J' aime toujours ce petit tour. Il donne juste cette belle petite forme tombante, et ce que vous remarquerez, c'est que j'ai mis le remplissage de cette couche à pourcentage de sirop. Ce qui m'aide à faire, c'est que j'ai maintenant un calque entièrement transparent que je peux ajouter des effets qui affecteront les calques en dessous. Droit ? Et c'est ce que j'ai encore fait. Juste un Grady simple et trop. Celui-ci est filtré de sorte qu'il n'a pas vraiment d'impact. Tu sais, la couleur du calque en dessous. Et c'est juste une Grady linéaire. Et c'est comme ça que tu fais des gens brillants. Très simple. On fait du verre comme ça depuis, tu sais, une décennie. Juste un symbole. Grady dans Voir si je le tire vers le bas, ça devient un peu plus grand si je le tire vers le haut. La lumière qui semble frapper ce panneau de verre imaginaire change ici a traîné son petit Grady int ici. On peut aussi y ajouter un peu plus d'un laissez-passer. Imaginons que la lumière était vraiment dure. Maintenant, nous avons 100% opacité est comme la vieille école brillant de niveau égal. Vous utiliserez votre meilleur jugement avec ces choses là où vous avez l'impression que c'est en fait un bon niveau de brillance. Je dois l'admettre. J' aime les choses brillantes. Bien sûr, vous pouvez utiliser des styles de calque et déposer une ombre à l'ancienne façon classique, n'est-ce pas ? Faisons ça très vite juste pour vous montrer aller dans les options de mélange. Et, vous savez, voici une ombre portée en bas du calque. Styles le fera. C' est un peu d'ombre dure juste là. Donnons-lui juste un peu plus de distance et un peu plus de taille ici sur vous verrez comment ça commence à se réunir. Peut-être, bien
sûr, est un peu d'ombre dure. Et donc je me suis penché un peu sur le passage A. Je le fais parfois là où c'est approprié. Mais je suis en fait plus de fonds pour faire ce petit tour où j'ai un objet intelligent avec une forme de
victor à l'intérieur. Ici, dans ce cas, juste une version noire du tambour réel de la machine à laver. Et, euh, j'utilise ensuite Go Schindler, que vous pouvez trouver dans les filtres et ensuite flotter. Et puis va Schindler ici et il y a un rayon ici. Et je suis allé avec un grand rayon doux. C' est comme ça que je fais des ombres. Et vous pourriez le compenser un peu. Tu sais, si tu prends cette ombre, que bouges, tu fais une sorte de jugement sur la façon dont la lumière est réellement projetée dans toute la scène. C' est quelque chose que je travaille habituellement dans ces types d'icônes. J' aime imaginer où la lumière source ce cas. C' est tout droit d'en haut. Il frappe le bord de cette machine à laver crée ce petit point culminant que nous avons fait avec des styles de
couches. Il frappe le verre et crée son petit lustre. Et, bien
sûr, cela va aussi jeter comme une ombre douce sous le tout. C' est comme ça que je travaille avec l'éclairage. Tout est faux, vraiment vrai. On faisait juste semblant. Ce sont des formes vectorielles à l'intérieur d'une boutique photo avec les styles de calque qui leur sont appliqués. Quoi qu'il en soit, cette nouvelle machine à laver a l'air un peu différente de ce que nous avions
esquissé à l'origine . Droit ? Pourquoi c'est ça ? Eh bien, je pense que quelque chose d'intéressant se passe quand vous essayez de numériser vos croquis et que vous les mettez dans votre application de choix. Ce qui arrive habituellement, c'est que je continue à travailler avec ce concept. Comme je suis, je suis en train de traîner ces cette composition et d'établir les principaux éléments de l' icône. Donc, ne soyez pas découragé si votre rendu final ne ressemble pas à votre esquisse parce que ce que vous avez vraiment fait, il continue à fonctionner avec ce concept et vous avez fait beaucoup de petites charges dans le processus de conception de la numérisation de ces choses et exposant la composition. Et donc, dans ce cas, c'est à peu près ce que j'avais dans l'œil de mon esprit quand je dessinais ça. Je voulais probablement dire plus comme ça, non ? Voyons donc à quoi ressemble ce concept de machine à laver quand on le rend. Je vais frapper, sauver, fermer. Et c'est comme ça que je vais jeter un oeil à ce petit Jim ici. J' aime vraiment ce concept. C' est très proche de ce que j'avais en tête. Je veux dire, c'est assez abstrait dans son exécution. Et dans la leçon suivante, une autre idée que j'avais était un peu plus classique aperçu comme une prise sur l'autre concept de
voyage dans le temps .
7. Rendez-vous : Partie 2: Bienvenue de retour. Faisons un autre parce que j'ai rendu plusieurs de mes concepts maintenant. Une autre idée que j'avais était un peu plus d'un aperçu classique comme prendre sur le concept de
voyage dans le temps . J' ai donc apporté ça dans Photoshopped. J' ai commencé à dessiner ces différentes formes pour imiter ce que j'avais esquissé, et c'est sorti comme ça. Déconstruisons cela très rapidement dans la boutique photo juste pour voir comment je l'ai fait. Parce qu'il y a en termes de rendu est vraiment simple. Je peux donc j'ai une horloge, qui se compose essentiellement de trois formes. Il y a une sorte d'ellipse au milieu ici, puis nous avons les deux bras de l'horloge et encore une fois pour créer ce genre d'
effets de profondeur efficaces . Cette lumière frappe d'un côté de l'horloge. Je suis juste en train de tricher. J' utilise à nouveau les effets Photo shop. Tante, je fais ça avec un symbole très de biseau ici sur étaient juste ciseler le cœur, essentiellement ciseler le cœur,
et, et, euh, et ça crée cet effet, cet effet, cet un côté de celui-ci s'allume en fait. C' est juste en effet. Nous avons, genre, un petit cercle intérieur que j'ai ajouté juste pour un peu de visuel, vous savez, flair juste pour créer un peu de profondeur dans l'icône. Et puis j'ai créé cette flèche rotative, cette flèche tournante vers l'arrière. Conceptuellement, c'est un peu plus une interprétation classique de l'icône de la machine à temps. Je pense que les capsules de machine temporelle d'Apple ont cette icône comme quelque chose qui ressemble un peu ça. Je peux. Et donc j'en ai puisé une certaine inspiration. Vous savez, il Z littéralement oclock avec une flèche tournant vers l'arrière, la machine à temps
droit remontant dans le temps et rendu sage, j'ai l'impression que j'ai encore ajouté un peu de flair à elle, cette forme de symbole ihsaa que j'ai dessiné. Mais encore une fois, comme vous pouvez le voir, il y a beaucoup d'effets qui créent, euh, ce petit 3 degrés à elle. C' est mon propre style personnel. C' est comme ça que je rend les choses. Cela pourrait également être dans un ascenseur complètement plat. Si le projet faisait appel à cela parce que ce sont les formes Victor et c'est la boutique de photos, c'est vraiment facile pour moi d'explorer d'autres couleurs ici. Je double-clique sur le calque réel. On pourrait essayer avec une flèche rouge et une flèche verte. Ce qui ne se compose pas très simplement d'un fond sur un peu de lumière jeté de l'ingrédient sur le dessus de ce fond, et il se compose alors de ah, petit cercle intérieur. Il se compose de la flèche, qui est une forme de vainqueur unique, où j'utilise un masque pour créer cet effet qu'il s'estompe, puis trois couches pour l'horloge réelle. Donc 123455 couches victor, une couche d'arrière-plan et un peu de lumière jetée à partir d'un buff. Droit ? C' est tout ce qu'il a fallu pour créer cet effet. Sauvegardons ça. Voyez comment il évolue dans le modèle. Sauvez-le. Fermez-le. C' est très gentil que je peux. C' est certainement un peu moins stupide que la machine à laver je peux tout le projet. Nous sommes un peu plus corporatifs. Peut-être, et je peux aimer. Ce serait quelque chose que nous pourrions explorer, peut-être même aller même mawr entreprise, parce qu'ils ont encore certaines des marques que j'aime apporter à mes icônes, ce qui est comme il ya presque, vous savez, pétillantes, tu sais, formespétillantes,
tu sais,
douces. La plupart des formes ici n'ont pas de bords tranchants. Il se sent presque amical pour les enfants d'une certaine manière. Il y a ce soupçon très subtil de dimensionnalité que j'aime personnellement. Mais ce que je peux juste un monde a été comme une falaise très simple sur un fond ? Vraiment cool je peux pour une machine à remonter le temps, je pense. Faisons encore une dernière chose, non ? J' espère que pendant que je parle de ces choses, vous avez commencé à apporter vos croquis dans ces outils. Soit votre propre outil de choix ou Photoshopped et en utilisant ma ressource gratuite est d'essayer ces trucs pour essayer votre main à cela. Et si vous êtes novice chez Photoshopped, ne vous inquiétez pas, juste en jouant avec. Beaucoup de cela est vraiment juste de pratiquer et de jouer avec, et ces modèles sont faits de sorte que c'est vraiment facile, juste une sorte de sauvegarder et revenir en arrière et jeter un oeil à l'échelle des choses. Et j'espère que c'est comme ça que tu vas travailler avec ces dossiers, non ? Le dernier rendu que j'ai fait parce que j'ai fini par rendre trois de mes croquis. Je ne le fais généralement pas dans les projets clients parce que je suis un grand croyant et essayer de trouver ce bon concept avant d'investir beaucoup de temps dans le rendu des variations très diverses. Mais dans ce cas, c'est pour apprendre. C' est pour le plaisir, non ? Et je veux vous montrer quelques différents types d'icônes que nous pourrions créer. Et je pense que chacun d'entre eux représentait un point de vue légèrement différent sur tout
ça . Alors faites-moi plaisir si vous voulez. Donc le dernier que j'ai rendu Waas, bien sûr, le condensateur
de flux m'a permis de vous montrer que j'ai fait ça. Je peux surtout pour m'amuser. Donc, les troupeaux capacitifs du film vers le futur est cet appareil assez avancé qui a tous ces trucs amabob sort. Mais il a ce très classique triangulaire brillant mis en place que je pense que c'est si vous avez vu le film, il est très reconnaissable, non ? Et donc nous serions une sorte de chose amusante comme une sorte de ah poon sur Voyage dans le temps d'avoir que demandé l'application je conférer cette application imaginaire Voyage dans le temps, non ? C' est donc le type de rendu qui est lourd sur plusieurs branches d'exécution. Tout d'abord conceptuellement, c'est un peu difficile parce que vous êtes, Vous avez en fait une contrainte de la vie réelle. Nous regardons ce vrai dispositif du condensateur de flux, est-ce pas, essayant de comprendre comment ça fonctionne dans cet espace carré très restreint ? Et quels éléments mettez-vous là ? Quels éléments omettez-vous de côté ? Parce qu'ils seraient boueux dans les plus petites tailles si conceptuellement, même quand j'esquissais ceci, c'était très important pour moi que j'avais besoin de le traduire en application, en langage d'
icône d'une certaine manière, non ? Et en plus de ça,
je suis allé un peu par-dessus bord avec le rendu réel parce que j'adore ce genre de choses. Et c'était censé être la version amusante et
stupide de l'icône, non ? Même si avec la machine à laver était aussi assez stupide, Laissez-moi juste déconstruit très rapidement ici dans ce fichier, Je suis en quelque sorte de simuler un cadre extérieur pour l'icône entière. Si on allume rapidement le masque extérieur ici, tu verras que quand il est recadré à la pomme, il ressemble à un cadre métallique, ce qui est un effet amusant, non ? Et c'est très simplement réalisé en faisant simplement une forme d'écureuil plus petite. À l'intérieur de ton score, Khaled, et juste te faire savoir que la géométrie fait le travail pour toi, vraiment ? J' ai donc créé la plupart des Eiken à l'intérieur de cette petite partition Kal dans la toile. Et j'ai encore une vitre devant tout ça. C' est juste une couche transparente. Plusieurs pour cent Phil. Il est ici au-dessus de tout, mais il ressemble presque à du verre mousseux et un peu comme il est biseauté vers le spectateur, Et cet effet est obtenu très simplement en ajoutant dans son ombre des ombres intérieures dures encore une fois. L' utilisation dans l'ombre met en évidence la tricherie. Utilisation d'ombres intérieures dures avec écran. Une sorte de peut imiter cette réfraction qui nous aimait quand il frappe la surface une lueur intérieure juste avec un peu de choléra dedans, sorte qu'il semble qu'il ait un pouce où la lumière frappe en quelque sorte le bord. Difficile d'expliquer certaines de ces choses. Certaines de ces choses que j'ai appris en étudiant du matériel pendant des années et en dessinant beaucoup de choses et en trouvant des choses qui n'ont pas fonctionné pour que ces choses ne soient pas quelque chose qui pourrait facilement enseigner une classe ou simplement vous donner comme la liste des Voici comment vous faites toutes ces choses correctement ? Mais j'espère que vous pouvez voir qu'il est en fait construit tout simplement dans la boutique de photos, utilisant des effets très basiques un peu de, ah, Grady et superposer à nouveau, bon vieux brillant frappe en arrière. Juste une superposition d'écran. J' ai un peu de couleur là-dedans parce que j'ai imaginé ce dernier pour être un peu coloré, et j'ai un orteil travailler un peu avec l'ambiance de l'ensemble des icônes ont été ajoutés un peu de couleur là, assez le condensateur de flux réel composants. Appelons ça que j'ai une sorte de structuré comme un dossier ici appelé Inner Parts et quelques plaques. Les plaques sont ces petites choses rondes auxquelles le chosamabob est donc attaché. Donc, je n'ai pas de diplôme en appareils de voyage dans le temps. Donc j'ai peur de ne pas connaître les termes techniques pour ces choses ici, mais il y a des plaques ici, les parties intérieures, ces tubes et les tubes lumineux. Je les aime. Ils sont incroyables. Et encore une fois, juste dessiné grossièrement avec le crayon. Vous voyez les notes de Victor ici et ils ont un tas d'effets sur eux pour leur donner cette impression
tubulaire que les trois dimensions dont je parle n'est-ce pas ? Et si on les désactivait, tu verrais Oh, tout est plat. C' est juste une forme, non ? Ces effets à la rescousse et nous cachons cette forme mal dessinée et, euh, juste un peu de foudre, un peu de foudre clignotant parce qu'un likens a besoin d'un peu de foudre Onda nouveau dessiné à la main à l'aide de l'outil Plume. Laisse-moi te montrer ici. Voici l'outil de stylo. Laisse-moi te dessiner un peu de foudre. Voici un peu plus que vous savez, un peu plus de terre c'est comme quand vous étiez enfant et que vous aimez ces dessins étonnants tous ces effets. J' ai eu un peu de lueur extérieure à nouveau, ça
donne l'impression qu'il est pétillant juste. Il a dit. Il émet de la lumière. Il y a aussi ces petites poignées. Ils se composent littéralement de deux formes de victoires avec quelques effets sur eux, cette petite chose de voleur ici et puis cette tige de métal qui sort de lui à nouveau, juste essayer d'imiter ces surfaces et ces textures en utilisant des effets très basiques dans Photoshop. Quand nous serons heureux, nous allons juste l'enregistrer et voir comment cela semble réduit. C' est un plaisir que je peux bien sûr. C' est très détaillé, c'est très caricature. C' est juste pour te montrer quelque chose de différent, mais ça me plaît. Donc, j'espère que ici la fin de cette leçon, vous aurez pris certains de vos croquis que vous avez produits lors de la dernière leçon dans la
boutique photo . Dans cette ressource ou votre application de choix, vous aurez commencé à numériser ces esquisses que vous avez faites en dessinant compositionnellement les principales formes géométriques, peut-être essayer votre main à certains de ces effets que j'ai montrés vous tout en allant avant en
arrière à l'intérieur du fichier de sélection intelligente dans le fichier de modèle principal pour voir
si ce que vous créez est réellement à l'échelle,
n'est-ce pas . Et ne vous découragez pas si ce que vous voyez ne correspond pas à ce qui est dans votre esprit
ici, ici, est-ce pas ? J' ai des années de formation, et souvent je ne suis pas capable de créer mes visions. Le but de cet exercice n'est pas vraiment pour vous ni pour moi de créer la meilleure
icône du monde . C' est juste pour passer par les mouvements et j'espère que vous aurez en quelque sorte traversé ce visage d' idéation et de création et que vous sortiez de l'autre côté à la fin de cette leçon en ce moment avec quelques rendus que vous aimez ou du moins que vous vous sentez a quelque chose intéressant. Vous avez fait un Nikon ou plusieurs icônes. Si j'avais des confettis dans ce cours qui tournent en ce moment, oui, on l'a fait. On a fait des icônes. Eh bien, la question est, avons-nous fait de bonnes icônes ? Et c'est ce que nous allons essayer de répondre dans ces prochaines leçons où nous
prendrons ce que vous avez fait et nous allons en quelque sorte tenir contre ces aspects, les différents objectifs. Nous allons essayer de réfléchir, voir et de juger ce que nous avons fait sur si oui ou non ce sont de bonnes icônes, , alors que je pourrais réfléchir un peu et j'essaierai de discuter de mes projets de classe, mais aussi d'autres projets ont a travaillé pour mettre en évidence certains de ces aspects différents de la bonne iconographie. J' espère que vous continuerez à réfléchir sur vos projets de classe, peut-être même apporter quelques changements à vos rendus en fonction de ce qui serait discuté dans ces deux
prochaines leçons. Parce qu'il est temps de parler des quatre aspects fondamentaux de la conception d'icônes d'applications
8. Les quatre aspects de la conception d'icônes d'applications: Bienvenue en classe de retour. Jusqu' à présent, nous avons parlé de quelle carte je peux. Ce que j'ai partagé avec vous mon processus de création d'icônes d'application, off, recherche, de croquis et un rendu. Et j'espère que vous avez pris certains de vos projets de classe à travers cet entonnoir, non ? Je vous ai montré quelques outils, vous
ai donné quelques outils et je vous montre comment je fais des icônes avec ces outils. Maintenant, il est temps pour nous de passer à la partie plus réfléchissante de cette classe. Je vais vous présenter ce que j'aime appeler les quatre aspects fondamentaux de la conception d'icônes APP . Vous pouvez les considérer comme quatre concepts qui se chevauchent légèrement,
différentes lentilles vraiment à travers lesquelles nous pouvons regarder, voir et juger et parler de l'application, conception d'
icônes et les quatre concepts de base sont la compétence, la capacité, reconnaissabilité, cohérence et unicité. Je vais expliquer chaque concept et essayer de vous donner quelques exemples de la façon dont j'ai travaillé ces qualités dans le passé avec un exemple Projects ne veut pas prendre le projet de classe que j'ai fait et en quelque sorte les tenir à ces différents aspects et regarder travers cette optique où nous pouvons réfléchir à savoir si oui ou non. Nous nous en sortons bien dans cet aspect, et j'espère que vous prendrez vos projets de classe et ferez de même. Les quatre aspects de la conception africaine peuvent vraiment être considérés comme davantage du cadre. C' est un tas de mots que nous pouvons utiliser pour parler de ces choses correctement. Le premier aspect est appelé l'évolutivité est l'une des choses les plus importantes lorsque nous
parlons d'icônes APP, alors plongons dans celui-ci.
9. Scalability: Ainsi, l'évolutivité, l'
un des aspects les plus importants d'une évolutivité Nikon. Comment une icône donnée s'échelle ? Parce que l'icône va être montrée à plusieurs endroits tout au long de la plate-forme et plusieurs sciences. Il est important que votre création conserve son éligibilité. Il doit paraître bien dans le magasin APP, sur l'écran d'accueil et même dans le panneau Paramètres. Icônes trop compliquées qui tentent d'entasser trop sur la toile tombent souvent victime toe mauvaise évolutivité Dans presque toutes les icônes que vous allez travailler avec, L'évolutivité va être une chose énorme va être quelque chose que vous voulez penser à propos même, vous savez, quand vous faites vos recherches quand vous faites vos premiers croquis, comment va faire ce concept que je travaille à grande échelle ? Permettez-moi de vous donner un exemple de la façon dont j'ai travaillé avec l'évolutivité dans une application que nous avons fait
rupture à froid , briser petit lecteur d'alimentation de Wasp pour Mac avait cette merveilleuse petite fenêtre flottante et il a utilisé aujourd'hui robinet pour vous donner, vous savez, heures s flux de vos sites préférés. Il est assez difficile de réinventer l'icône RSS, mais l'icône que je suis venu avec pour l'application Mac était ce genre de déformation vague, composé d'un journal enroulé sur Max avec beaucoup de biens immobiliers, nous beaucoup, un beaucoup de place pour les détails et l'éclairage intéressant et le travail de texture. Je peux vraiment briller. Cependant, quand est venu le temps de concevoir, l'homologue de l'Iowa a rencontré quelques problèmes avec le concept original. C' est ce que je pensais qu'on pouvait faire en premier, non ? Réutilisez
juste la vague. Il va juste faire ça. Malheureusement, ces détails dans le journal et l'appareil général d'éclairage et de contraste sont vraiment mal
échauffés. La version 1 20 par 1 20 pixels de l'écran d'accueil d'un iPhone. Les détails et l'éligibilité sont devenus vraiment boueux. C' était encore pire sur la version 40 par 40 pixels de l'icône qui sera affichée dans le centre de notification. Il vient de perdre tout son impact sur le retour à ce blob pried. Donc, après de nombreuses générations, j'ai trouvé cela en supprimant les détails et en me concentrant sur les formes et les couleurs contractuelles. J' ai réussi à créer un homologue qui se sentait encore très lié, mais aussi beaucoup sa propre chose et Comme vous pouvez le dire, ce concept est beaucoup plus efficace à travers la minute il à partir des endroits que l'icône a besoin de briller. L' application iRAS avait maintenant une sorte de version de l'application que je viens qui se sentait toujours comme un
hommage payé à la version originale de Mac APP, mais avait un meilleur ajustement pour la plate-forme pour laquelle il était destiné. Ok, alors comment pouvons-nous améliorer l'évolutivité ? Tenir cette lentille et regarder à travers elle et juger les concepts que nous avons mis avec une très grande partie des étapes conceptuelles d'une sieste que je peux concevoir devrait vraiment être consacré à réfléchir, s'il y a une échelle de conception donnée gracieusement droite. Ce qui peut vraiment vous aider, c'est que vous voulez embrasser la simplicité et vous concentrer sur un seul objet, préférence une forme unique ou un élément qui conserve ses contras et qualités lorsqu'il est mis à l'échelle . Maintenant, vous avez vu une partie de mon travail, et embrasser la simplicité ne signifie pas toujours que vous avez besoin de faire des icônes ennuyeuses ou simples juste quand vous êtes à venir avec le concept de votre icône, vous avez vraiment besoin de réfléchir soigneusement à ce que vous inclure là parce que chaque fois que vous ajoutez un nouvel objet. Vous enlevez essentiellement quelque chose de l'évolutivité. Donc, l'évolutivité doit être à l'arrière de votre esprit tout le temps et embrasser la simplicité en termes de distance, peut-être en se concentrant sur ce seul R P X ou élément. Vous pouvez le rendre d'une manière amusante, bien
sûr, si vous le souhaitez. Mais embrassant cette simplicité de se concentrer sur ce single up. C' est un moyen vraiment sûr de créer des concepts qui sont assez évolutifs. Aussi, je veux dire comme on vient de le faire. Travailler sur une toile de 10 24 x 10 24 pixels peut être vraiment trompeur, surtout si vous le faites sur. Tu sais, grands écrans comme j'ai juste ici. Vous voulez vous assurer que vous essayez votre conception sur l'appareil et dans plusieurs contextes et taille est également une chose souvent négligée est que vous voulez vous assurer que l'icône APP semble bien sur une variété d'arrière-plans. Jetons donc rapidement un coup d'oeil à quelques exemples d'icônes qui, je pense, ont une très bonne évolutivité quand je viens. C' est vraiment évolutif, évidemment, est l'ancienne icône de papier à la place. Maintenant, c'est assez simple que je peux bien sûr, c'est très évolutif parce que c'est juste que je serif sur un fond blanc. Personnellement, j'aime la façon dont ils ont inclus cette texture de journal en arrière-plan. Donc je pense que cela ajoute un peu à cela. Ce n'est pas une icône qui montre vraiment à quel point elle peut être évolutive lorsque vous avez un contraste fort et juste un objet simple sur lequel vous vous concentrez à droite. Un autre que je viens que j'aime vraiment que j'ai sur mon écran d'accueil en ce moment est en fait trois . Je peux pour le podcast app overcast. C' est un autre simple que je peux. Et bien sûr, c'est un autre bon exemple d'évolutivité. J' aime ça. Ah, petite tour radio. Ici, il a ce plaisir petit avantage supplémentaire de presque vous montrer l'IOS Aiken. Les grandes lignes dans le design se sent comme un petit détail vraiment amusant. Ces cercles concentriques. Et encore, c'est un autre appartement. Je peux,
mais les couleurs audacieuses Bon contraste. Toutes ces choses aident vraiment à l'évolutivité. J' aime un peu cet ensemble de lunettes que tu mets en regardant si quelque chose se balance bien, accord. Et j'ai l'impression qu'une fois que vous commencez à réfléchir
à des concepts qui doivent évoluer. Eh bien, ça t'aide vraiment à voir. Je viens sous un jour complètement différent parce que je ne peux pas être juste, vous savez, ces choses massives pour lesquelles nous avons conçu, ou ces choses sur des panneaux d'affichage ou même pas seulement ces petites choses dans le menu des paramètres. C' est toutes ces choses, non ? Donc, la qualité d'un concept peut avoir hors d'être capable de bien évoluer sur toutes ces différentes tailles et de bien paraître dans cette grande taille et bien paraître dans cette petite taille. C' est un aspect vraiment important de la conception d'icônes, et je veux obtenir un peu de pratique en termes de création de concepts. Vous verrez l'évolutivité se faufiler partout. Il informera les choix que vous faites. Lorsque vous esquissez, cela changera la façon dont vous travaillez avec vos outils et votre ressource est l'habileté. La capacité est une chose
massive et massive. Donc, j'espère que cette petite discussion sur l'évolutivité vous fera penser aux icônes que vous avez déjà faites sous une lumière différente. Dans quelle mesure votre projet de classe évolue réellement ? Heureusement, tout
cet aspect est construit très bien dans la ressource que je vous ai donnée parce qu'il est juste là Fun centre. Dans le fichier de modèle, vous créez ces grandes tailles. Vous travaillez dans la grande taille, mais dès que vous enregistrez et sortez dans le fichier de modèle principal, vous verrez à quel point votre concept évolue. Laissez-moi juste plonger très rapidement dans les images ici et jeter un coup d'oeil sur les actions que j'ai réalisées. Dans quelle mesure sont-ils à l'échelle ? Droit. On va commencer par la machine à laver. Je vais enregistrer cela dans mon fichier de modèle principal. Je vais le fermer. D' accord ? Il y a peu de détails dans la machine à laver qui est un peu perdu dans les petites tailles. Si vous avez vraiment l'air prudent ici, peut-être que ce n'est pas immédiatement clair que c'est une poignée. Peut-être qu'il n'est pas immédiatement clair que c'est une machine à laver du tout. Et peut-être que nous pourrions travailler un peu plus avec ce rendu en termes de faire en sorte qu'il ressemble plus à une machine. Mon petit contre-intuitif dans ce cas, mais peut-être en fait ajouter quelques détails ici aiderait le concept mieux transmettre même dans la plus petite taille est ce que c'est réellement, non ? Donc, en termes d'évolutivité, je pense qu'il reste encore du travail à faire sur le concept de machine à temps que j'ai rendu ici et tout se résume vraiment à Où voulez-vous atterrir là-dessus ? Le réalisme contre le spectre d'abstraction, non ? Si vous parvenez en quelque sorte à élever à travers toute votre marque que ce petit vortex à l'intérieur petite forme, cela signifie
que la machine à temps qui est votre je viens que votre marque Eh bien, alors peut-être que vous n'avez pas besoin d'ajouter quoi que ce soit. Mais s'il est vraiment important que les gens comprennent que c'est une machine et qu'il vraiment important qu'ils comprennent l'humour en ce sens qu'il est représenté comme une machine à laver , peut-être que nous devons ajouter quelques conseils supplémentaires, en particulier les plus petites tailles, pour s'assurer que cela est bien transmis. Jetons un coup d'oeil à la suivante. Je viens ici en termes d'évolutivité. C' est ma falaise. Je peux sortir cette petite horloge avec la flèche vers l'arrière va sauver ça dans mon modèle, et nous allons jeter un oeil à comment ça va se faire ? Ok, donc ici nous voyons vraiment le pouvoir de faire quelque chose de simple dans sa nature,
juste,
parce que ce juste, sont des formes assez basiques, et ils ne sont pas rendus d'une manière très complexe, et donc il évolue très bien. Si souvent, si vous faites des choses qui sont vraiment simples et qui ont un contraste assez élevé, vous allez obtenir de très bonnes notes dans l'aspect habileté de la conception d'icônes, n'est-ce pas ? Il est donc tentant de sauter à la conclusion que c'est la meilleure icône, peut-être en termes de compétence. Mais l'évolutivité n'est vraiment qu'un des quatre aspects que je pense parfois à ces quatre
aspects comme des attributs de caractère dans un jeu de rôle comme vous pourriez avoir une
dextérité vraiment élevée . Mais ça veut dire que tu ne seras pas très bon pour d'autres choses, non ? Et de la même manière, avec ces différents aspects, avoir une grande capacité d'échelle ne signifie pas nécessairement que vous allez avoir une excellente
icône globale . C' est juste l'un des quatre aspects, Mais dans ce cas, je veux dire la machine de temps Google si basée, je ne peux pas vraiment nous, dans la catégorie d'évolutivité, regardons mon dernier saut de rendu dans et regardez le condensateur de flux. Je vais sauver ça. Je suis presque sûr que vous avez probablement déjà quelques idées sur la façon dont cela va faire dans l'aspect de l'évolutivité. Je vais le sauver ici. Cette icône est assez lourde sur le rendu. Il a beaucoup de petits détails, semble plutôt cool dans la grande version. Mais une fois que vous voyez la version plus petite, surtout si vous l'avez vu sur votre appareil, je pense que vous remarquerez qu'il y a beaucoup de ces détails qui disparaissent. Donc, je pense que le condensateur de flux que je viens n'est pas très bon en termes d'évolutivité. Je pense que pour certains concepts, en particulier celui -ci, je pense que cela pose la question. Pouvez-vous même probablement transmettre cet appareil avancé d'un film dans une si petite toile
carrée qui vit sur vos téléphones ? Et ça va toujours être un échange. Ça va être, quel point voulez-vous qu'il soit évolutif ? Comment reconnaissable voulez-vous qu'il soit, Comment coloré ou impactant, vif ou esthétiquement beau Subjectivement voulez-vous que cette chose soit juste ? Mais ici cet Aiken, bien que amusant et je l'aime vraiment, fait vraiment exemple si je combien il peut être difficile de rendre quelque chose avec beaucoup de détails. Je veux aussi ajouter que dès que nous passons dans des rendus comme ce condensateur de flux ici
avec ce niveau de détails et la façon dont il est rendu avec la brillance et l'éclairage sur matériaux étaient également en quelque sorte de se déplacer un peu en arrière dans le temps en termes de tendances et style. Après IRA 7, nous avons eu beaucoup de ces falaises très simplifiées sur des icônes de fond colorées, et j'ai beaucoup de choses à dire à ce sujet. J' aime toujours cette dimensionnalité. Bonne vieille inclinaison, plus imus fizz, comme les enfants cool l'appelaient dans la journée. Je pense que tout a sa place, et je ne pense pas qu'il y ait une tendance de design supérieure. Et je pense que ces types de rendus,
les choix que nous faisons à la fois dans la phase conceptuelle et la phase d'exécution réelle de faire des icônes cela dépend
vraiment de ce que nous essayons de transmettre à l'utilisateur. Avait été dire que je peux pour un jeu que peut-être ce niveau de qualité est juste. Mais en tant que test pur de l'évolutivité, je peux certainement avoir besoin d'un peu plus de travail ou nous devrons briller dans d'autres domaines pour être un bon AP que je peux. OK, donc c'est l'évolutivité, un aspect extrêmement important de l'icône conçu qui s'infiltre à peu près dans tout, et j'espère que vous avez déjà vu comment cela affecte votre travail dans votre propre
visage de rendu . Maintenant, je vous ai donné quelques exemples de l'impact que cela a sur les trois icônes que j'ai rendues. Et je veux que vous preniez cette notion cet aspect, ces lunettes que vous mettez hors de l'évolutivité et regardez ce que vous avez fait. Regardez les icônes que vous avez rendues jusqu'à présent et voyez si elles vous invitent à apporter
des modifications à ces concepts. Dans quelle mesure votre icône que vous avez fait échelle ? Si vous pensez que c'est nécessaire, apportez quelques modifications à votre icône et rejoignez-moi dans la prochaine vidéo. Nous allons parler d'un aspect beaucoup plus délicat. Reconnaissance du froid.
10. Reconnaissabilité: la reconnaissance a beaucoup à voir avec la capacité d'échelle dont nous venons de parler dans le sens où il est difficile d'avoir une bonne reconnaissabilité sans une évolutivité appropriée. Car même si elle se chevauche conceptuellement, je le considère toujours comme son propre aspect. Laisse-moi être un peu poétique ici. Une icône APP est comme une petite chanson, et être capable de l'identifier facilement parmi tous les bruits du magasin ou de votre
écran d'accueil est un élément clé dans la conception d'icônes géniales. Un peu comme le verset de la chanson a besoin de résonner avec l'auditeur. Alors faites cela façonne les couleurs et les idées d'une icône APP. Le design doit créer le sens de la mémoire et de la connexion à la fois sur le plan fonctionnel et
émotionnel . reconnaissance est un aspect très délicat, mais je vais essayer de vous expliquer cet aspect et de vous montrer pourquoi. Je pense que c'est un objectif important à avoir dans votre boîte à outils. Permettez-moi de vous donner un exemple. Il y a quelques années, je suis allé dans cette folle aventure de produire ces minuscules petits thermomètres numériques froids avec les Moto's. Maintenant, nous avons fait une campagne Kickstarter très populaire et avons continué comme une aventure de deux ans produisant ces choses. C' était un petit design de porte-clés où vous aviez ce petit capteur que vous pouviez mettre dans la prise audio de votre appareil lorsque nous avions des ports audio sur nos téléphones et il pouvait
vous donner des mesures immédiates de température. Et pour ce faire, vous avez également besoin d'avoir cette petite application compagnon qui allait lire et stocker et rendre disponible
dans le monde entier. données que vous mesurez avec ce petit appareil et les photos elles-mêmes avaient ce petit design porte-clés est venu dans une variété de couleurs et de finitions, et l'appareil réel lui-même que vous branchez dans votre téléphone est absolument minuscule. L' application que nous avons conçue avait cette ambiance très minimaliste propre à elle. Et quand vous avez cueilli dans la jeunesse, la moto, il était en quelque sorte le reconnaître et le printemps à l'action de cette façon merveilleusement ondulée qui vous
aiderait à comprendre les évolutions instantanées de la température. Donc, cette application compagnon, qui suivrait l'appareil matériel autour, toujours évidemment besoin d'une sieste, je peux écrire. Donc, nous avons essayé beaucoup de choses différentes des falaises de symboles mêmes à la version plus soigneusement rendue sur le matériel lui-même. Nous avons eu tant de discussions à ce sujet et nous avons demandé à une tonne de personnes et les opinions qu'elles ont beaucoup
varié. En passant, c'est quelque chose que je fais souvent quand je conçois des icônes. Je pourrais les mettre dans une grille à côté de l'autre, à de meilleures glandes à leurs forces et faiblesses les unes par rapport aux autres. Droit ? Donc je pourrais faire ces petits grains d'Aiken, comme vous le voyez ici avec ABC en haut, puis 1234 et ainsi de suite. Thea, autre accès et vraiment en regardant ceux-ci, vous pouvez avoir une idée des forces et des faiblesses de chaque concept, non ? C' est l'application que je peux gagner avec maintenant, la raison pour laquelle nous sommes finalement allés. Mais cette conception était due à la connexion immédiate entre le chaud, où vous avez besoin pour l'application, le travail des
orteils et l'application elle-même. Il est sorti en quelque sorte l'un des aspects les plus importants. Donc, je suppose que vous pourriez dire que dans ce cas, la reconnaissance était vraiment aussi simple que de représenter le chaud réel où utilisé pour l'application. Bien sûr, c'est un peu injuste parce que je connais beaucoup de l'application, a dit
Aiken. Nous allons concevoir n'a pas le luxe d'avoir un chaud où la
reconnaissance des composants est dans de grandes parties, faire
quelque chose qui se démarque et dit, Hey, c'est moi. Je fais cela se souvenir, et l'utilisation de taches instantanément il et pas assis droit. Et c'est une qualité si vague et éphémère à concevoir en général, mais nous devons quand même encapsuler un aspect afin que nous puissions en parler et le juger. Alors, comment pouvons-nous améliorer la reconnaissance ? Eh bien, tout d'
abord, je dirais que les icônes fades et trop compliquées sont un peu comme l'ennemi de la bonne reconnaissance. Si vous sentez que vous êtes des concepts sont en difficulté et je ne suis pas si reconnaissable, vous devriez probablement essayer de supprimer certains détails de votre je peux jusqu'à ce que le concept commence à se détériorer et constamment vous demander si oui ou non ce que vous venez de faire. Meilleure reconnaissabilité. aussi Vous pouvezaussifaire ce que je viens de faire sur le Moto Project. Vous pouvez essayer des variations sur votre design, les
aligner sur un grand et essayer de résoudre les glandes sur eux et de voir quels aspects de la conception qui attirent votre attention. Je veux aussi dire que vous avez déjà probablement des icônes que vous aimez vraiment sur votre appareil . Regarde ces icônes. Pourquoi aimez-vous l'Aiken dit que vous avez déjà sur votre écran d'accueil. Essayez de déconstruire vos icônes préférées et de comprendre pourquoi vous les aimez. Permettez-moi de vous donner quelques exemples de quelques icônes qui, selon moi, ont une très forte reconnaissance . Voici une application que j'utilise presque tous les jours. C' est un mot de passe maintenant un mot de passe pour les anciens APS. Les deux ordinateurs de bureau sur les versions mobiles disposent de ce petit porte-clés design, et je pense que c'est parfait. Tout d'abord, le rendu réel est très reconnaissable, et comme vous pourriez probablement déjà le dire en regardant cette image, il est également très évolutif. Mais en outre, j'ai aussi l'impression qu'il a une grande reconnaissabilité. L' APP est pour gérer vos mots de passe. C' est juste est vraiment forte, connexion
cohérente entre cette image et ce que vous avez utilisé l'application pour. La première chose que vous faites en un seul mot de passe est que vous entrez vos mots de passe maîtres pour
accéder à tous vos mots de passe. Je cherche juste ce petit trou de serrure, et je sais juste que taper ce truc m'amènerait à mettre mon mot de passe maître. Il est difficile de mettre le doigt, mais il a vraiment une forte reconnaissabilité. C' est à la fois l'exécution, mais c'est certainement aussi le concept dans son ensemble qui s'insère. Voici un autre élément qui, je pense, a une très grande reconnaissabilité. C' est clair de Real Mac. Cette Grady dans l'effet de bande, vous voyez en arrière-plan sorte d'été popularisé par clair, puis copié par presque toutes les autres applications là-bas. Donc ce n'est plus si unique. Mais Clear a été l'un des premiers AP à avoir
vraiment, vraiment ce genre d'esthétique. Et si vous avez déjà l'habitude de faire application clair, vous remarquerez que c'est une connexion vraiment forte, cohérente entre Interface, qui a ces petits groupes en eux ces petits Grady et groupes que vous complétez différents pour faire des objets, puis l'ICANN qui est rendu ici. Et donc ils ont vraiment mis en avant quelques éléments d'interface de l'intérieur. L' APP pour créer une expérience très reconnaissable est également touche à l'aspect suivant qui discutera dans la prochaine vidéo cohérence froide. En termes de reconnaissance, nous avons le client de messagerie appelé Spark. Il s'agit d'une ancienne icône d'application de la leur. Mais je pense que c'est un très bon exemple de reconnaissance élevée. Ça, je peux faire quelque chose de vraiment intelligent. C' est l'ordre crête dos sur les couleurs de l'icône du client natif I West Mail. Et donc, alors que conceptuellement les gens pourraient regarder cela un plan de papier ici et ne pas obtenir immédiatement client de
messagerie à partir de lui, je pense au moins qu'ils sont toujours cette ambiance hors e-mail venant de juste cette connexion à le client APP de messagerie natif Encore une fois, comme vous pouvez l'imaginer, c'est aussi un que je viens avec. évolutivité élevée a une forme vraiment unique, et ils viennent de faire ce petit plan de papier à dossier dans leur marque, et il a juste une grande reconnaissabilité. Donc la reconnaissabilité est un peu difficile. Et si vous avez du mal à comprendre cet aspect, ne vous inquiétez pas trop. Je comprends complètement. Jetons un coup d'oeil aux rendus que j'ai faits et voyons à quel point ils se portent dans cet aspect de la reconnaissance. On va commencer par une bonne vieille machine à laver vortex et se demander si oui ou non cela a une grande reconnaissabilité. Maintenant, je pense tout de suite que nous devons réaliser que ce que j'essaie de faire ici dans mon projet de
classe et peut-être aussi dans quelques-uns de vos projets de classe là-bas n'est pas quelque chose qui est immédiatement reconnaissable parce que le concept lui-même est très abstrait, n'y a pas de machines temporelles. Et donc il n'y a vraiment que nos idées sont des idées abstraites hors machines temporelles, et je suppose que nous les notons sur une échelle. Mais mon projet de classe de faire I confined time machine n'est pas vraiment conceptuellement, quelque chose qui se prête très bien à cet aspect. Donc, je pense que la plupart de mes icônes ne se rangeront probablement pas très bien dans l'aspect de la reconnaissance . Dans ce cas, je pense que si vous demandiez aux gens dans la rue ce que cette application a fait, ils ne sauraient pas. L' aspect machine à laver est quelque chose dont vous aurez besoin pour construire une marque autour. Droit ? Tout d'abord, comme nous avons parlé de l'évolutivité, les gens pourraient même ne pas avoir assez d'indices visuels pour reconnaître qu'il s'agit en fait d'une machine
à laver. Et donc ça pourrait être confondu avec cette sucette colorée que quelqu'un a pris une morsure , non ? Je ne pense pas que la machine à laver fait un très bon travail de reconnaissance à moins que vous arriviez en quelque sorte à jumeler ce que nous voyons ici avec l'expérience réelle de l'utilisation de cette application . Peut-être que lorsque vous voyagez dans le temps, vous voyez ce vortex violet là où vous allez dans la machine à laver et avez un peu d'animation. Et juste en soutenant les visuels ici avec une sorte d'interaction ou d'expérience , vous pourriez éventuellement en faire quelque chose que Waas reconnaissable. Mais juste en regardant à la valeur nominale ici, les machines à laver pas très reconnaissable. Maintenant, jetons un oeil à notre falaise peut ont été frappés par le fait que les machines à temps elles-mêmes sont conceptuellement assez abstraites. Et voici une abstraction, souvent abstraction, à droite. Il y a quelque chose à propos des horloges. Il y a quelque chose à propos d'une flèche orientée vers l'arrière. Cela étant dit, cependant, parmi les rendus que j'ai faits pour mon projet de classe, je pense que ce concept a probablement l'aspect de reconnaissance le plus fort. Si vous demandez aux gens dans la rue, je pense que les gens pourraient peut-être lier cela au concept réel de voyage dans le temps. Ils sont peut-être déjà familiers avec les icônes Eclipse. Ce genre de ressemblait à ceci, donc j'ai l'impression que d'un aspect reconnaissable, ce que je viens fait bien moyen. Regardons le dernier Aiken, le condensateur de flux. Nous voilà de retour. Admirez un bon vieux condensateur de flux. Je peux à nouveau maintenant en termes de reconnaissabilité. J' ai fait un test rapide sur Twitter avec ces icônes, et plusieurs personnes ont reconnu cela comme le condensateur de flux. Donc, je pense que j'ai réussi, au
moins sur le plan conceptuel, à capturer à quoi ressemble le condensateur de flux dans une toile comme celle-ci. Pour être honnête, en termes de reconnaissance, si vous n'avez pas vu l'avenir,
vous n'auriez aucune idée de ce que cela waas. Peut-être que vous pourriez dire qu'il ne semble un peu prendre E et jumelé avec le nom d'une
machine à temps qui sonnerait en quelque sorte une cloche pour les gens. Généralement, cela met en évidence l'un des problèmes de faire des icônes qui reposent sur la culture populaire. C' est cette chose binaire si vous n'avez aucune expérience avec l'élément de culture populaire qui est représenté. Ah, l'aspect de la reconnaissance va juste aller beaucoup plus bas. Si le spectateur sait ce que c'est et reconnaît cette représentation du condensateur
de flux aspects de reconnaissance vont vraiment aller beaucoup plus haut parce qu'ils obtiennent cette petite récompense pour reconnaître quelque chose C'est presque comme une blague visuelle à l'intérieur. Maintenant, ces choses peuvent fonctionner à un certain niveau dans certains concepts, mais peuvent aussi être vraiment dangereux pour vous de compter à nouveau sur. S' il était vraiment important que les gens comprennent cela, si nous concevions cet Aiken uniquement pour l'efficacité de transmettre un message, je n'irais pas avec un concept comme celui-ci. C' est tout simplement trop risqué, probablement un peu trop fantaisiste, parce que c'est le concept de reconnaissabilité. C' est vraiment si oui ou non la chose que vous avez rendue lorsque vous regardez quand
d'autres personnes le regardent, est-ce qu'ils reconnaissent que cela suscite un lien dans leur esprit en termes de ce que vous
essayez de communiquer ? Et ça pose la question : Qu'est-ce que tu essaies de communiquer à nouveau ? Si c'est un jeu, c'est
peut-être normal d'être plus fantaisiste. Si c'est une application commerciale vraiment sérieuse, peut-être que vous devez aller pour l'efficacité de transmettre ce message. Quand je parle de reconnaissabilité comme celle-ci, je pense qu'il y a ce danger que si vous le prenez, la valeur
faciale est quelque chose qui doit être précédent dans chaque conception que vous faites pour que les gens reconnaissent ce qu'il y a ce danger que vous allez sur un chemin où vous ne créez jamais
vraiment quelque chose d'innovant ou de prendre des décisions créatives intéressantes. Vous allez toujours pour l'efficacité du médium à chaque fois, droite ou en s'appuyant sur des choses que les gens reconnaissent immédiatement. Et ce n'est vraiment pas ce dont je pense qu'il s'agit de la reconnaissance. C' est génial de ces trucs, il y a dès le départ ? Mais la reconnaissance peut aussi être un aspect avec lequel vous travaillez au fil du temps en essayant de créer quelque chose de nouveau, que ce
soit ou non cette nouveauté, ce choix de conception que vous avez fait, que cela résonnera ou
non avec le utilise au fil du temps. Chaque fois qu'ils interagissent avec cette application, font-ils cette connexion ? Est-ce qu'ils voient l'icône de l'application que vous avez créée et reconnaissent ce qu'elle symbolise ? Quelle sorte de fonctionnalité se cache derrière ce petit carré lumineux ? Et c'est vraiment ce qu'est la reconnaissance. Donc la reconnaissabilité est à peu près l'une des parties de lavage les plus désirables de toute cette théorie . Mais je l'utilise toujours dans mon travail comme une sorte d'objectif pour tenir devant ces différents concepts et rendus que j'ai fait, et je pense que vous pouvez aussi, et donc avoir toutes les choses dont nous avons parlé ici en termes de reconnaissabilité a eu un impact sur votre projet de classe. Regardez ce que vous avez fait et voyez si vous avez pris des décisions qui ont été
appliquées ou qui ont nui à votre reconnaissance. Apportez toutes les modifications que vous estimez nécessaires à vos rendus et rencontrez-moi dans la prochaine vidéo, nous parlerons de quelque chose d'un peu plus proche de la consistance terrestre.
11. Cohérence: dans cette vidéo, nous allons parler du troisième aspect Corps de l'application. Cohérence Aiken Design. Il y a quelque chose à dire pour créer une cohérence entre l'expérience d'interaction avec l'icône de votre application et l'interaction avec l'application qu'elle représente. Je me sens comme de bons designs Aiken comme une extension de ce que l'APP est vraiment tout au sujet. S' assurer que le pour se soutenir les uns les autres créera une rencontre plus mémorable. J' ai un excellent exemple pour cela. C' est un vieux temps. On a fait des thermes froids maintenant thermiques. Ce petit thermomètre virtuel qui montre la température à l'extérieur a ce très richement rendu en visage, complet avec animations et son. Oui, c'était à l'époque où il était encore cool. Et toi, je comprends. Nous avons même introduit comme un magasin à thème où vous pouvez acheter d'autres thèmes pour votre thermomètre. Voici un thermomètre steampunk parce que qui ne voudrait pas ça ? Droit ? Il y avait juste quelque chose sur l'ambiance de l'application, les réglages chauds en bois et les liquides de pain D à l'intérieur des flacons. Et ils se sont tous réunis pour créer cette expérience très thématique. Et alors, à quoi ressemble l'application que je peux ressembler ? Il ressemble à ceci, vous remarquerez comment nous avons continué ce même univers visuel dans les couleurs de l'icône APP. La texture ne crée pas cette connexion très forte et cohérente avec l'expérience de l'utilisation réelle de l'application. Thermal était une application très populaire, et je pense qu'une grande partie de ce succès peut être attribuée à la façon dont nous avons conçu l' ICANN et à ce qui soutient et améliore l'expérience d'utilisation de l'application. Maintenant, comment améliorer la cohérence ? C' est,
heureusement, l'un des aspects les plus faciles. En fait, une façon d'assurer la cohérence entre l'application et l'icône est d'utiliser un langage de
conception similaire et cohérent . Maintenant, s'il y a une forme ou un style particulier en utilisant l'application, amenez-les dans le processus de faire le je viens droit, en laissant
également les couleurs de l'interface saigner à travers les icônes de façon sûre de créer un cohérence de base. Imaginons donc que vous ayez une interface principalement rouge. Peut-être que vous devriez envisager d'avoir une application rouge. Je peux écrire certains de ces aspects se chevauchent un peu, mais comme nous avons parlé avec la reconnaissabilité, je pense que c'est un bon moyen de resserrer la connexion entre votre application dans votre Aiken est que le symbolisme hors de l'icône se rapporte directement à la fonctionnalité de l'application qui créera également une très grande reconnaissance de ce que vous essayez de faire. Permettez-moi donc de donner un exemple ici. Donc, je suppose que dans le cas de Thermo, où nous avons à l'application de moniteur bien, l'application que je peux fonctionnalités comme un thermomètre, un vile si vous avez une sieste pour gérer vos finances personnelles, peut-être l'application que je peux avoir besoin pour nourrir votre argent d'une certaine façon. Cette sorte de cohérence entre le symbolisme et la fonctionnalité réelle est vraiment importante si vous voulez une bonne cohérence. Et je comprends que ce n'est pas quelque chose qui est disponible pour tous les candidats parce de
plus en plus des concepts que nous faisons ont ces fonctionnalités abstraites qui n'ont
pas symbole évident que nous pouvons mettre là. Mais il est quelque chose à considérer si vous pouvez en quelque sorte créer une représentation d'un symbole qui est vraiment étroitement lié à ce que vous êtes apte à nous. Tu vas avoir une bonne cohérence. Regardons quelques icônes qui, je pense, ont une grande cohérence. Maintenant, c'est fantastique. C' est une belle application. Je peux. Il est coloré a cette touche de magie est évidemment un calendrier et à quoi ressemble l'application ? On dirait encore ça. Grande consistance. Ici, les couleurs saignent à travers l'application. Je peux presque littéralement ressemble à l'u Y. Lorsque vous entrez dans l'application, ce type de cohérence de haut niveau va vraiment créer une
expérience de marque très cohérente pour l'utilisateur. Ils vont appuyer sur cette petite icône de l'application et c'est à ça que je ressemble quand ils
entrent dans l'application. Il est juste une expérience fluide est vraiment juste va renforcer tout ce que cette application est sur. Voici une autre grande application. Ligne météo. Ceci est le vous je pour la ligne météo à l'intérieur de la ligne météo Vous pourquoi Il dispose de ces merveilleux petit nos bars et c'est l'ensemble du concept que l'application météo et ils ont quelque sorte apporté ces choses dans l'application que je peux. Donc, vous avez littéralement un morceau de l'u I et peut-être ce point de vente de cours de cette application apporté dans l'icône de l'APP montrant ces petits bars juste là avant et au centre dans le magasin. J' aime vraiment ça. C' est contre une expérience aussi forte et
cohérente entre, vous savez, penser à interagir avec l'icône de l'application, puis ouvrir l'application et continuer cette interaction là. Celle-ci, vous le connaissez tous, n'est-ce pas ? Ce sont des cartes. C' est une carte. solide expériencesolideet
constante. L' application Aiken est littéralement une carte, et c'est à quoi elle ressemble lorsque vous entrez dans des cartes. Cela peut sembler un exemple stupide, mais c'est un très bon, en fait forte, expérience
cohérente de voir l'AB, je peux alors expérimenter l'application. C' est juste une chose fondamentale, et il doit vraiment être quelque chose que nous pensons lorsque nous concevons des icônes. C' est donc l'aspect de la cohérence. Je pense que c'est un aspect qui a beaucoup de sens, et c'est l'un des aspects qui sont très faciles à concevoir dans le monde réel, là où vous avez réellement des contraintes réelles par rapport aux projets de classe que nous avons bien réalisés dans mon cas, au
moins, il n'a pas beaucoup de sens de vous montrer les Aikens de la machine à temps à nouveau sur le tenir à cet aspect parce qu'il n'y a pas de vous I Il n'y a pas de cohérence pour se connecter, mais je suppose que vous pourrait dire que selon le type de conception est venu en premier. L' icône APP tous les u I. L'un informerait l'autre. Donc, dans le cas de l'application de la machine à laver, je peux peut-être si nous avons utilisé le bleu et le violet à l'intérieur que je peux. Peut-être que ces deux couleurs ont besoin de plaire à l'interface pour vous les gars là-bas qui ont un projet de classe de reconception d'une application existante ou qui sont en train de concevoir quelque chose avec contraintes dans le monde réel. Eh bien, la cohérence a beaucoup de sens. Vous devez regarder l'héritage du design qui existe. Vous devez regarder l'U. Y. l'expérience. Comment votre conception de l'application je peux vraiment soutenir l'expérience que l'utilisateur va obtenir quand ils entrent dans cette application ? Droit ? C' est la cohérence pour ce dernier aspect, nous allons parler de quelque chose qui est vraiment délicat et qui dépend non seulement façon dont vous le concepteur gère votre tâche, mais de la façon dont tout le monde gère sa tâche. Nous allons parler de l'unicité
12. Uniqueness: Bienvenue, tout le monde. Dans cette leçon, nous allons parler du dernier aspect essentiel de la conception d'icônes. Nous allons parler de l'unicité. C' est un aspect très délicat sur lequel vous pourriez probablement continuer à travailler pour le reste de votre carrière et toujours pas entièrement clouer à chaque fois. C' est juste l'une de ces choses qui repose non seulement sur la façon dont vous résolvez votre tâche un concepteur, mais sur la façon dont tout le monde résoudra leur tâche. Donc, l'unicité va presque sans dire juste. Mais vous voulez essayer de faire quelque chose d'unique. Imiter un style ou une tendance est parfaitement bien, mais voyez si vous pouvez le faire vous-même d'une manière ou d'une autre. Maintenant, votre application que je peux est constamment en concurrence avec d'autres icônes pour les utilisations. Attention et se démarquer pourrait être un argument parfaitement valable pour le design. L' unicité est, Ah, c'est une partie délicate du design parce que non seulement il réalise vos compétences, mais aussi les choix des autres qui tentent de s'attaquer à une tâche similaire. Maintenant, cela fait de la recherche une partie incroyablement importante de cet aspect parce que vous essayez essentiellement d'identifier les grandes tendances et les concepts surutilisés, puis vous essayez de les éviter jusqu'à ce que l'exemple de cet aspect soit un peu différent, mais je pense que cela fait un grand point. Je veux qu'on jette un coup d'oeil à une vieille capture d'écran de l'application de productivité Shannara sur l'app store Êtes-vous prêts ? Ça va être fou. J' appelle cette vérification Market Garden Ceci est un parfait exemple de la façon dont l'unicité en
tant qu' aspect n'est pas entré dans le processus de conception. Une recherche sur le magasin APP aura probablement sauvé un tas d'entre eux de ne pas faire encore une autre coche Mark je peux. Alors, comment pouvons-nous améliorer l'unicité ? C' est délicat. Vous voulez considérer ce que tout le monde fait dans votre espace, puis essayer une
direction différente . Toujours faire vos recherches correctement ? Le monde n'a vraiment pas besoin d'un autre chèque, Mark je peux. Une falaise singulière sur un fond d'une couleur peut en fait être une voie difficile pour descendre. Si vous voulez rester unique, vous voulez jouer avec différentes couleurs et compositions et vous mettre au défi de trouver nouvelles métaphores intelligentes pour ce que vous essayez de communiquer ? Je veux aussi dire que la couleur est un moyen souvent négligé de repositionner un concept. J' ai quelques exemples d'icônes qui sont intrinsèquement tout à fait uniques et qui fonctionnent vraiment sur leurs propres mérites. Nous avons Snapchat. C' est quelque chose de bien ? Quelle est cette application que je peux ? Même à ce stade, vous êtes peut-être devenu si conscient de la marque et si habitué à cette icône qu'elle ne
vous regarde pas du tout. Mais imaginez. Imaginez, pour un instant que vous voyez ça, je peux pour la première fois. C' est une couleur jaune vif que je peux avec un contour. fantômes dessus. Mais pourquoi, n' est-ce
pas ? Et le fantôme qui a des bras et pourquoi est-ce un fantôme ? Est-ce parce qu'il disparaît ? C' est pourquoi, comme si c'était un concept vraiment intéressant et très unique et à chaque fois sans pli dans mes cours ? Quand j'ai demandé à la classe s'ils avaient une icône de couleur jaune vif sur leur écran d'accueil, au moins une poignée de mains levées en l'air et ils savent tous que c'est Snapchat nous parlons. Il y a donc beaucoup de raisons pour lesquelles APS devient un succès, et je n'essaie pas de dire que c'est à cause de ce bizarre, unique que je peux. Mais voici une icône qui est très populaire et très unique, juste elle est élevée dans le facteur d'unicité. Voici ne pas conférer tweet, mais probablement mon client Twitter préféré et tous les Potts, qui font le toutes leurs icônes, sont ces petits fesses, ces petits robots. Cette Mangga inspiré, exécution
caricaturale, et j'adore ça. J' adore qu'ils se collent à leurs armes et qu'ils regardent ce petit gars mignon, non ? C' est très unique. Ça ne ressemble à rien d'autre, vraiment, et j'ai l'impression que c'est vraiment cool. C' est instantanément reconnaissable, et c'est tout à fait unique. Voici Aiken Ford, le package tracker APP appelé deux Deliveries by June Cloud. Et encore une fois, c'est un concept vraiment amusant, non ? C' est évidemment un paquet avec très peu d'objets. Les concepteurs ont juste réussi à dire que c'est un petit paquet, est-ce
pas ? Je pense que c'est un concept surprenant et unique, et il fonctionne vraiment parfaitement parce qu'il est aussi si fort dans certains des autres aspects nous avons parlé, en particulier la reconnaissance. Voici une vieille application, je l'ai confirmé. Maintenant, ils n'utilisent pas cette application que je peux plus, et probablement pour une bonne raison. Ce n'est pas forcément le robinet des caisses que je peux jamais. Il a un contraste dans les problèmes d'évolutivité, mais il suffit de le regarder. Tout le monde en regardant cela, je peux tout de suite reconnaître ce matériel, et je pense que c'est une merveilleuse réalisation. Faire quelque chose d'unique comme ça pourrait être une raison parfaitement valable pour un design. Maintenant, je pourrais parler de l'unicité pendant très longtemps. L' unicité est un sujet très large, grand et presque sur une base hebdomadaire, je suis étonné de choses nouvelles et uniques que les concepteurs ont trouvé juste. Je pense qu'il est important que cela fasse partie des aspects dont nous parlons parce que c'
est vraiment quelque chose que nous devrions essayer de travailler, même si cela pourrait être difficile de mettre un doigt sur ce qu'est exactement l'unicité. C' est une chose importante à travailler quand il s'agit de l'unicité. Il y a une petite chose que j'aimerais souligner, juste un peu de sensibilisation, accord, et c'est cette chose ici. Voici le travail d'écran de mon téléphone. Maintenant, il ya eu cette tendance hors blanc application, icônes, ascenseurs
colorés ou tout simplement aperçu vraiment sur fond blanc. Quand nous parlons de l'unicité, je pense qu'il vaut la peine de juste bien sur ce choix de conception pour un moment que de plus en plus de gens prennent en particulier vous les gars. Vous prenez ce cours, j'espère que la prochaine génération de designers, n'est-ce pas ? Quelqu' un qui va faire une différence. Donc je serais triste si je n'importais pas certains de mes soucis avec toi. Ceci ou un blanchiment de l'icône, parfois pour moi se sent comme un design médiocre. Ça peut être plusieurs raisons pour lesquelles tu vas aller avec une falaise sur fond blanc. J' ai bien fait ces icônes, mais quand vous faites ces choix de design, assurez-vous que c'est pour une bonne raison, non ? J' ai l'impression qu'il y a eu une période de conception ici où les gens ont juste giflé des choses sur un fond blanc parce que c'était de l'espace blanc juste sur le côté. Sentez-vous que nous pouvons faire mieux financer les yeux Alexis ici est si vous changez ce fond d'écran , orteil blanc. C' est à ça que ça ressemble, non ? Eh bien, c'est juste pour moi. Ce n'est pas forcément bon. Je peux concevoir. J' ai l'impression que nous avons cette toile complète et que nous devrions l'utiliser au maximum de nos
pouvoirs créatifs . Donc, je ne dis pas ne pas faire des icônes blanches d'application. Je dis juste que lorsque vous choisissez une couleur complètement unie, comme le blanc ou le noir pour le fond. Demandez-vous pourquoi, n'est-ce pas ? Et s'il y a de bonnes raisons, pourquoi aller de l'avant et faire ça. Mais il y a peut-être des façons d'utiliser plus de ce canevas pour créer plus d' impact et pour se démarquer et être unique, non ? Tellement unique. Un aspect intéressant. Pouvons juste sur mes icônes que j'ai louées pour mon projet de classe et voyons comment elles se portent dans cet aspect. Nous commencerons par la bonne vieille machine à laver que j'ai rendue. Est-ce un unique que je peux ? Eh bien, l'unicité va intrinsèquement être très subjective dans ce cas, en termes de ce que nous avons vu et vécu juste, je n'ai pas vraiment vu quelque chose comme ça auparavant. Ça semble assez unique. Ce concept de la machine à laver dans le vortex, je pense, est une fusion conceptuelle amusante quelque chose qui est pratique sur quelque chose qui est un peu abstrait, les couleurs elles-mêmes. Vous pouvez jouer avec beaucoup de couleurs différentes à faire. Il peut être encore plus unique. Il a un large fond, l'observateur vif ici nous verrons que ce n'est pas entièrement blanc, qui est généralement ce que je préfère quand je fais des icônes légères pour avoir juste un peu de Grady dedans et de technicité là-dedans. Mais ça aurait pu être blanc, et ça nous sera probablement bien. Eh bien, Frank, peut-être pas nécessairement cette exécution, mais au moins un concept à une échelle assez unique. Une bonne vieille falaise que je peux. C' est unique ? Eh bien, pour être honnête, cet Aiken ressemble beaucoup à la machine temporelle que je peux qu'Apple utilise sur leurs
capsules temporelles . Il emprunte définitivement l'amour, ce symbolisme que nous avons vu auparavant. Alors peut-être que cela quelques détails dans ce rendu qui pourrait être dit un peu unique. Il s'agit d'une ICANN monochrome, qui, selon la tendance, peut être plus ou moins unique. J' ai vu beaucoup d'Aikens monochromes ces derniers temps. J' ai probablement été inspiré par ça. Quand j'ai rendu cela, je ne dirais pas que cela se classe très haut sur l'échelle d'unicité, mais c'est un autre excellent exemple, à
droite, droite, parce que ce rang est très élevé sur l'évolutivité. C' est très efficace dans l'eau que Dawson communique que c'est pour une machine à remonter le temps, mais ce n'est pas forcément très unique. Encore une fois, un autre exemple de la façon dont ces aspects, il est difficile de faire l'icône parfaite. C' est toujours l'échange de certains Aikens vont être très élevés et reconnaissables. Donc Michael va avoir une très bonne évolutivité. Certains Aikens vont avoir une très bonne cohérence avec le que vous êtes qu'ils ont fait. Donc mes enfants vont avoir une grande unicité. Mais il est difficile d'en faire un qui a tous raison ? Et donc je pense que dans ce cas pour la falaise ici, pas un concept particulièrement unique. Encore une fois, il est important de vous demander Qu'est-ce que nous essayons de faire avec ce design ? Le design essaie de résoudre la tâche correctement, et il ne peut pas résoudre toutes les tâches que vous pouvez en quelque sorte être le meilleur dans ce qu'il essaie de faire. Enfin, le condensateur de flux, le condensateur de flux peut être dit à la fois très unique et pas unique du tout, est-ce pas ? Ce n'est pas unique. Il sera parce qu'il est basé sur quelque chose que les gens savent en quelque sorte d'
un film, un accessoire d'un film et qui est nécessaire pas très unique dans le contexte des icônes APP, cependant, et quand vous regardez quelle autre application je concerne là-bas, cela pourrait être assez unique. J' ai cherché sur le magasin APP, interdire de voir quelle autre abside avec le nom machine de temps est venu avec ? R. Aucun d'entre eux n'avait le condensateur de flux. Donc je pense que cet Aiken pourrait être ou dépendre exactement de quel projet il sera utilisé et comment il serait lancé et utilisé dans tout ce jazz. Droit ? Donc, c'était les quatre aspects de base de l'APP Icône conçu droit, cette petite théorie que j'ai utilisé pour évaluer et parler de différents choix de conception dans les
icônes APP . Et ce n'est vraiment pas un cadre pour vous dire si ce que vous avez fait est bien ou mal. Et j'espère que c'est clair pour mes réflexions sur mon propre projet de classe ici. Mais cela nous donne quelques mots, comme un cadre que nous pouvons utiliser lorsque nous discutons de ces choses. Il y a d'autres façons de cadrer cela. Il y a d'autres mots que nous pourrions utiliser. Il y a d'autres aspects dont nous pourrions parler. J' ai choisi ces quatre évolutivité, reconnaissabilité, cohérence et unicité parce qu'au fil des ans, ces quatre m'ont vraiment bien servi dans choix de conception pour les icônes APP. Mais tu pourrais le changer. Vous pourriez le faire dans votre propre langue. Il s'agit vraiment d'avoir ce cadre pour discuter de ces choses et donc en terminant cette partie de la classe, on se déplace dans les derniers visages de toi assis là et m'écoutant parler, non ? Espérons que vous aurez pris certaines de ces réflexions de ces quatre aspects de base avec vous probablement réévalué certaines des choses que vous avez faites dans la leçon précédente. Certains des rendus que vous avez faits. Peut-être que vous avez même fait quelques changements. Et tu es sorti de l'autre côté de cet entonnoir avec une révision que je peux. Peut-être que ce serait cool. Si ce n'est pas le cas, la paix soit avec elle. J' espère que vous apprenez encore quelque chose de ces aspects, et vous pouvez l'utiliser pour discuter des icônes d'application avec d'autres personnes et évaluer vos futures conceptions . J' espère que votre plein sur je peux théorie maintenant. Beaucoup de mots, de concepts et de réflexions bourdonnant autour de votre esprit. Avant de terminer ce cours,
j'ai d'autres endroits que j'aimerais nous emmener. Avant de terminer ce cours, Et dans la leçon suivante, j'aimerais juste m'attarder un instant sur le style personnel et comment vous trouverez le vôtre. se voit dans la vidéo suivante.
13. Trouver votre style personnel: dans cette vidéo. Je veux changer de vitesse un instant et parler de style personnel dans le design visuel. Nous avons parlé de vous savez ce que nous fabriquons et comment nous le faisons. Nous vous avons montré des outils, et nous avons traversé cet entonnoir pour réparer les choses, et vous m'avez regardé par-dessus les épaules pendant que je fabriquais des trucs. Mais je me suis dit que ce serait intéressant d'inclure dans cette classe juste quelques réflexions sur le style
personnel, parce que je sens que c'est quelque chose que nous tous, comme les designers sont constamment à la poursuite de cette chose, que nous voulons notre travailler pour avoir un certain regard droit, et la plupart du temps, il est vraiment juste un reflet de notre propre goût. Et donc se rendre compte que peut-être beaucoup de gens qui regardent cela seront nouveaux dans ce domaine du design. Je pense que c'est génial de réfléchir à quel genre de choses tu aimes personnellement, non ? Et comment pouvons-nous même développer un style visuel Will, j'ai pensé que la façon dont je craque cette ouverture serait de vous montrer certains des trucs que je fais et sorte de passer par ce que j'aime et peut-être juste en m'entendant réfléchir sur ces choses et montrer vous ces choses. Vous commencerez également à former une opinion sur ce que vous pensez. C' est génial et le genre d'icônes que vous aimeriez éventuellement concevoir. Les candidats ont donc toujours été une source de joie et d'apprentissage au cours de ma carrière. Voici le premier AB que nous avons fait à mon petit Park Development Studio Robot chat et était une sorte de cette application météo différente froid à l'extérieur. Il est étonnant pour moi que tant d'histoire, tant d'heures et tout ce qu'il est venu à nous remorquer et les autres personnes avaient utilisé cette application peut être représenté par la seule pièce d'icônes de l'application graphique est vraiment l'une de mes grandes passions pour moi. J' aime en quelque sorte les bijoutiers hors design, non. Nous arrivons à fabriquer ces petites pierres précieuses, ces pièces concentrées de design. Nous pouvons raconter cette petite histoire dans une toile merveilleusement restreinte, et nous devons créer ce petit élément de marque évolutif vraiment correct. J' ai fait ces icônes où vous obtenez vraiment d'exercer votre côté pictural et des icônes comme ceci, où vous devez examiner attentivement chaque petite forme chaque petit Grady int et où symbolisme est clé et où vous essayez de calquer le sens dans les pixels. Parfois, j'essaie même de mélanger à la fois la simplicité avec la technologie til ity. Vous l'avez probablement vu en concevant mon projet de classe. J' aime faire ces petites histoires colorées, ces objets physiques, ces couleurs néon, finissant les formes et la dimensionnalité, essayant beaucoup de variations différentes jusqu'à ce que vous trouviez cette balade. Et parfois c'est une forme de néon abstraite, et parfois c'est toute une gamme d'icônes thématiques détaillées pour les jeux. Parfois, je fais juste des icônes pour la randonnée de fonds, ceux-ci que j'ai échangé pour un projet personnel que j'appelle APP Icône Wars juste pour jouer avec les restrictions pour explorer les options, comme ce qui se passe lorsque vous supprimez le contour d'un objet et le forcer dans la même toile ? Comment vous conformez-vous à ces restrictions ? Vous pouvez jouer avec des matériaux de rendu avancés, des reflets, des textures et de l'éclairage. J' adore ces trucs, même les parties les plus stupides. En bref, j'aime faire des icônes, et j'ai fait des centaines de candidats pour des clients à travers le monde et pour mes propres produits , créant cette pièce unique de design graphique qui utilise interagira d'abord avec chaque temps qu'ils voient votre produit. C' est une tâche vraiment intimidante, mais j'espère que cette classe vous a ouvert la porte. J' ai communiqué ce que j'aime dans cette discipline particulière, cette discipline très spéciale du design, non ? Et je pense qu'en termes de style visuel, si vous regardez les choses que je fais leur jeu vidéo très le très coloré j'aime les choses qui sont amusantes, non ? J' aime les choses qui sont fantaisistes ou qui ont une sorte de petit clin d'oeil dans les yeux. Conceptuellement, peut-être. Et j'aime le rendu. J' aime les choses qui ne sont pas nécessairement les plus efficaces, une façon simple de transmettre un message, mais aussi celle qui a le plus de joie. Et ce genre de travail est ce que j'ai poursuivi dans la majeure partie de ma carrière créative, et surtout quand j'ai fait des applications, icônes et des gens qui me contactent parce qu'ils aiment ce style. Donc, il est un peu à emporter de cette leçon. Ceci Demandez-vous vous-même. Quel genre de trucs tu aimes ? Quelles icônes aimeriez-vous faire droit ? Qu' est-ce que je peux faire dans votre écran d'accueil ? Vous avez déjà des préférences et vous avez maintenant une petite fenêtre sur vos propres
préférences visuelles et comment vous résolvez les choses. Parce que tu as suivi ce cours et que tu as fait quelque chose. Vous avez des idées, vous les avez esquissées. Avez-vous traversé ce processus de rendu ? Vous avez réfléchi sur eux, et vous avez maintenant ce petit produit final. Et regardez ça. Regardez votre produit et voyez si c'est le genre de choses que vous voulez faire. Et si ce n'est pas le , alors continuez. Rincer et répéter. Beaucoup de ceci est de la pratique. Il y a cette vieille citation de verre Ira que tout le monde sait bien, ce fait que pour le plus long moment de
votre carrière, votre propre goût, ce que vous pensez est bon est tellement mieux dans un tel degré plus élevé d'une qualité que ce Tu fais ça ne va pas être à la hauteur. Je pense que c'est tout à fait normal. Je pense que, dans une certaine mesure, ça ne disparaît jamais vraiment. Mais il faut juste beaucoup de pratique. Et quand il s'agit de style visuel, ce genre d'icônes que vous voulez faire, regardez les icônes que vous aimez. Regardez certains de ces gens qui sont au sommet de leur métier déconstruisent ce qu' ils font. Voyez si vous pouvez essayer de recréer cela juste et encore. Pratiquez, rincez
et répétez, et vous commencerez lentement à développer votre propre style visuel parce que trouver votre
style visuel est vraiment juste lorsque votre niveau d'artisanat répond à l'attente de votre goût. Et une fois ces deux choses alignées, vous commencerez à produire un travail distinct. Ça ressemble à ce que tu as dans les yeux de ton esprit, non ? Ne vous méprenez pas. Ils seront toujours un niveau supérieur pour aller à droite. Mais c'est vraiment ce que les styles visuels sont tout au sujet. Et je vous souhaite toute la chance de trouver votre propre style visuel. Mais ça commence vraiment par cette question. Qu' est-ce que tu aimes vraiment ?
14. Synthèse: Oh, tu es toujours là. Eh bien, nous allons finir ça alors. Bienvenue dans ma dernière vidéo de ma classe sur la conception d'icônes APP Dans cette vidéo, je suppose que nous allons résumer parce que ce ne serait pas vraiment une bonne classe si nous n'
essayions pas de résumer ce que nous avons appris jusqu'à présent. Je n'étais pas de juste ajouter quelques mots de séparation sur l'endroit où je pense que tout cela se passe. Qu' est-ce qui se passe vraiment ça arrive maintenant et peut-être pourquoi ? Je pense que ce petit créneau de design que nous avons joué est en fait plus important que ce que la plupart des gens lui donnent le mérite. Alors qu'as-tu appris dans cette classe ? Qu' avons-nous appris ? Eh bien, nous avons fait une sorte de plongée dans toute cette zone hors de l'icône APP conçue. Il y a beaucoup d'autres choses que nous aurions pu aborder avec le temps imparti. Ici, nous avons exploré ce que sont réellement les icônes APP. Quel genre de tâches icônes d'application ont à résoudre là-bas et les implications pratiques de la
fourniture d' icônes d'application. Un des dossiers Quoi ? Qu' est-ce qu'on fait en réalité ? On a parlé du processus. Je partage avec vous mon processus pour bien concevoir, peu près tout ce qui est la recherche, esquisse et le rendu. J' ai partagé avec vous mes outils que je partage avec vous. Ma ressource est et je vous ai montré comment j'utilise ces ressources. Et j'espère que vous avez suivi ce cours avec un projet de classe à l'esprit. Soit une application fictive que je viens que vous avez trouvée, soit une refonte d'une application existante. Et vous m'avez vu à un projet de classe hors de l'application Time Machine, icônes. Et ensemble, nous avons traversé cet entonnoir darwinien hors de l'idée et de la création. Nous avons étudié les concepts et nous avons pris ces concepts et les avons esquissés sur papier. Et puis nous avons pris certains de ces concepts et dans la boutique photo, et nous les avons rendus qu'ils utilisent. La ressource est que nous avons à notre disposition. Et puis nous avons pris les actions que nous avons créées et les avons aidés devant ces différents aspects. Ces quatre aspects fondamentaux de la conception de l'icône de l'application Ont-ils l'échelle Will, Est-ce une icône reconnaissable ? N' a pas une bonne cohérence avec le langage de conception du reste du produit. Et est-ce unique ? Droit ? Nous avons utilisé ces aspects pour les refléter pour discuter nous avons appris de nouveaux mots et j'espère que vous êtes sorti de l'autre côté de toute cette histoire avec et je ne peux pas ou plus d'icônes que vous avez conçues et une nouvelle compréhension de ce qu'est cette bête entière, ce que sont réellement les icônes d'application et leur importance. Donc, vous avez pu entrer dans cette classe parce que, vous savez, vous devez créer une icône d'application. Êtes-vous un peu curieux de ce petit coin de design ? Droit. Mais je suis ici pour vous dire que c'est beaucoup plus grand que ce que vous auriez pu imaginer au départ. Je pense que ces diapositives font un excellent travail d'expliquer ce que j'essaie de dire ici. Et cela montre comment beaucoup de gens pensent réellement à Abhijit aujourd'hui lorsqu'ils construisent ou redessinent une marque. Nous avons donc vu un groupe d'entreprises populaires s'éloigner des marques de mots pures ou des
symboles compliqués et qui utilisent intentionnellement ou involontairement maintenant des symboles qui fonctionnent bien dans un carré. Chimiste. Maintenant, ce que vous voyez ici est vraiment la puissance des icônes d'application, forçant la vieille discipline de l'image de marque dans la forme d'un Squirtle. C' est incroyable beaucoup de ces marques et tant d'autres sont allés d'un type différent de début
local deux milliers 2000 dizaines et sont maintenant en train de se déplacer vers l'image de marque. Cela fonctionne très bien à l'intérieur de la toile carrée. Et ne vous trompez pas, C'est le pouvoir des candidats, droit, Parce que de plus en plus, ces petits rectangles lumineux sont les vitrines ou les points de communication que les organisations qui produits ont avec leurs utilisations. Et donc les candidats ne sont pas seulement cette petite ancre visuelle soignée pour votre produit. Ils sont en train de conduire l'image de marque mondiale maintenant. Et une fois que vous commencez à remarquer cela, c'est littéralement partout. Alors que la classe touche à sa fin, je veux juste dire que j'espère que tu apprendras quelque chose. Comme vous pouvez le dire maintenant, je suis très passionné quand il s'agit d'icônes d'application, et vous avez également pu voir un peu de la façon dont je fais mes icônes d'application. Mais peut-être plus important, j'espère que je vous ai donné le plan pour que vous puissiez poursuivre votre propre style visuel parce que j'espère que c'est clair maintenant. C' est vraiment une question de pratique. Rincez et répétez, allez trouver d'autres projets et passer par ces mouvements que nous avons traversé dans cette classe et à un moment donné votre métier va répondre aux attentes de votre style et vous allez aller et créer des choses qui vous appréciez vraiment. J' espère aussi qu'il est clair maintenant qu'il y a des qualités universelles à ces choses dont nous avons discuté dans cette classe. évolutivité, la reconnaissance, la cohérence et l'unicité, et défendre ces choses dans un canevas restreint est vraiment un excellent moyen de s'entraîner
à devenir un meilleur concepteur en général. Alors maintenant, allez prendre toutes ces choses que vous avez appris de cette classe et créer de belles
icônes d'application et assurez-vous de les envoyer à mon chemin. J' adore voir ce que tu as fait dans ton projet de classe. Vous pouvez simplement me tweeter vos icônes à la flare over. C' est mon nom de famille. Si j' un r u p, j'aimerais voir ce que tu as fait. Aussi une dernière pluche pour appliquer les pixels dot com. Espérons que
les ressources avec lesquelles nous avons joué dans cette classe montrent un peu le type de qualité que vous pouvez attendre d'appliquer des pixels. Va vérifier. Il y a tellement de ressources différentes est de ce côté, pas seulement pour la boutique de photos, mais aussi pour croquis d'autres outils de conception et c'est vraiment
toute cette plate-forme dans un design vraiment de haute qualité. La ressource est que vous pouvez mettre dans vos outils et juste aller quand vous avez besoin de concevoir icônes et des interfaces et des simulations et des présentations et tout ce genre de choses, aller et vérifier. Appliquer les pixels point com. Merci d'avoir pris ce cours d'être assis à travers toute cette histoire de moi, parler de toutes ces choses, partager ma passion sur un design de pichon. Et si vous apprenez quelque chose ah,
s'il vous plaît, dites aux gens de ce cours qui compte vraiment beaucoup pour moi. Maintenant, allez utiliser les choses que vous avez appris pour créer de belles icônes
brillantes pour les surfaces autour de nous. Merci d'avoir regardé.
Michael Flarup, Designer
