Mise en page typographiques : créer des mises en page pour des sites Web et des applications lourdes | Claudio Guglieri | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Mise en page typographiques : créer des mises en page pour des sites Web et des applications lourdes

teacher avatar Claudio Guglieri, Creative Director / Hands on Designer

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Introduction et installation

      11:01

    • 2.

      La phase d'idéation

      25:16

    • 3.

      Dessiner un cadre de haut niveau

      19:42

    • 4.

      Créer une grille

      32:08

    • 5.

      Typographie, aspect et sensation

      31:49

    • 6.

      Poids visuel et équilibre de composition

      15:13

    • 7.

      Aiguiser votre design

      38:13

    • 8.

      L'importance d'une étude de cas

      8:24

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

2 640

apprenants

49

projets

À propos de ce cours

Ce cours vous apprendra à utiliser efficacement la typographie pour créer une mise en page.

Si l’on tient compte de sites comme Reuters ou la nouvelle itération du New York Times et USA Today, on peut voir comment le web évolue vers des compositions typographiques où le texte est roi et l’interface utilisateur est minimale mais pertinente. Pendant ce cours, nous allons apprendre à structurer une mise en page efficace pour une page d'accueil et un modèle d'article. Nous allons étudier les bases du design réactif, de la composition en grille et de la typographie pour créer la hiérarchie visuelle de la composition.

Ce que vous apprendrez

  • Dessiner un croquis métallique de haut niveau.  Nous couvrirons l'épine dorsale visuelle de l'UX et du wireframage.
  • Créer une grille.  Vous concevrez votre grille parfaite en détaillant l'aspect de votre application sur différentes tailles et différents appareils.
  • Typographie, look and feel.  Nous couvrirons les composants de base de la typographie, y compris les titres et les sous-titres.
  • Poids visuels et composition.  Nous préparerons des compositions élégantes en utilisant des poids visuels comme la taille, la couleur, la densité, la valeur et l'espace blanc.

 Ce cours est uniquement sur le design. Aucun développement ne sera enseigné ! 

 

Ce que vous ferez

Vous créerez une application de lecture de nouvelles qui repose fortement sur une typographie de bon goût. Pendant le processus de création d'un cadre filaire, vous devrez tenir compte de l'interaction avec l'utilisateur, du placement des objets et des éléments de design réactifs. À la fin de ce cours, vous aurez une maquette détaillée montrant toutes les fonctions de votre application. 

Rencontrez votre enseignant·e

Teacher Profile Image

Claudio Guglieri

Creative Director / Hands on Designer

Enseignant·e

Claudio Guglieri is an independent product designer and creative director living in San Francisco. Claudio has been responsible for directing and executing interactive experiences for clients like Google, Kayak, EA, CNN, Nickelodeon, Microsoft, History Channel and Motorola to name a few. He led the Design Department at Fantasy Interactive as Design Director before starting his own venture.

Voir le profil complet

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction et configuration: - Hé, les gars. - Bienvenue pour créer des mises en page topographiques étaient contenu lourds sites Web et applications. - Je m'appelle Cavalleri. - Et tout d'abord, je tiens à vous remercier de m'avoir rejoint. - Je suis vraiment, - vraiment excité à propos de ce sujet. - Et j'espère vraiment que vous apprécierez le cours comme ils les cours. - La structure est que j'ai créé neuf unités. - Um, - et chaque unité viendra avec une conférence vidéo couvrant fondamentalement la théorie et aussi comme - apportant quelques vrais exemples sur certains de ces humains sont un peu plus mains sur viendra - avec une deuxième plus grande conférence où je vais en fait passer par le processus de conception. - Um, - la mission pour la classe, - qui est de créer les infirmières étaient là. - Bienvenue à l'unité 1 introduction et mise en place dans cette unité. - Je vais couvrir l'équipe pour le cours. - Je vais parler un peu de mes antécédents, - et je vais aussi parler des raisons qui m'ont fait créer cette malédiction qu'ils ont préparée - la classe. Je vais utiliser un autre moyen pour le magasin pour de bons vieux exemples. - Tu n'as pas à l'utiliser si tu ne veux pas. - Oh, - si vous vous sentez juste plus à l'aise avec un autre endroit. - C'est très bien. - Si vous voulez l'utiliser et que vous ne l'avez pas, - vous pouvez le télécharger à partir d'adobe dot com slash pour un magasin. - Je suis sûr que vous pouvez obtenir une version d'essai là-bas, - mais ça n'a vraiment pas d'importance parce que nous n'allons pas obtenir un Nous n'allons pas obtenir ça - technique dans l'outil va être plus à un niveau abstrait sur, - genre, - mêmes principes qui en fait, - vous savez, - astuces sur un magasin. - Alors, c'est bon. - Et je vais utiliser aussi un stylo sur papier. - L'arrière-salle du professeur. - C'est moi. - Donc mon nom est intelligent, - plein d'esprit, - et c'est mon site web. - Pourquoi ne pas essayer de venir ? - Hum, - les antécédents formels le seront. - J'ai travaillé comme directeur artistique. - Sois vraiment New York. Avant ça, j'ai travaillé chez Finest Interactive à New York pendant environ trois ans. - Et avant ça, je vivais à Londres, où je suis Friedland et travaille pour la compagnie appelée Playing Concepts. Nous créons , tonnes de concepts visuels pour Microsoft, donc c'est un peu formel,mais en réalité, mais en réalité un signataire de l'argent, j'ai décidé des choses. - J'essaie autant que je peux de rendre mon travail pertinent et d'essayer de faire des choses qui comptent sur - des choses que les utilisateurs améliorés vivent d'une manière ou d'une autre. Ça pourrait être comme en prenant le temps en prenant des photos en lisant des nouvelles, tout ce qui peut réellement tout ce qui peut réellementsignifier quelque chose pour quelqu'un et améliorer le processus de leur vie. - Mon site web. - Oh, - d'abord affaiblir, - vous pouvez me trouver sur Twitter. - Vous pouvez me trouver un médium où vous pouvez trouver votre drivel. - Et aussi Lincoln sur mon site est pourquoi ne pas essayer de ne pas venir ? - Je pense que si nous le séchons à peu près encapsule la façon dont j'aborde mon travail et l'évalue - avant d'essayer de ne pas être prétentieux. - J'ai conçu des trucs et j'ai essayé de le pousser autant que possible et j'ai essayé dele rendre le pertinent. - Et dans ce cas, - tu sais, - pourquoi ne pas essayer ? - Je croyais qu'il était vraiment bon pour ça. - Le titre de The Curse crée des mises en page topographiques pour le contenu, - des sites Web lourds et des applications. - Si vous brisez un peu ce tunnel, on va créer des mises en page basées sur la topographie. - Donc la mise en page sont normalement faites à partir de texte et d'images et nous allons utiliser à peu près - la typographie pour créer toutes ces divisions et toutes ces parties comme des parties de la mise en page qui vont - normalement reposer sur un élément visuel. - Nous allons essayer de s'éloigner de cela et compter juste sur la typographie autant que nous pouvons - Nous allons faire cela pour le contenu des sites et des applications Heavy C'est à peu près auto-- explicatif, - mais nous allons avoir un vous chanter d'une manière que nous 're va créer des mises en page temporaires pour - plates-formes sites Web où le contenu est roi. - Mais voici la partie délicate. - Nous ne savons pas ce que ces continents, alors pensez à l'actualité, - les sites d'information des lecteurs, - les nouvelles des agences. - Vous savez, - des portails dynamiques de taille de contenu où vous savez sur notre travail est en fait de créer le cadre - afin que les journalistes puissent sentir l'ensemble du cadre avec des informations. - Mais nous devons décider d'une manière que les utilisateurs ne peuvent faire aucune autre chose qui juste vraiment, - vous savez, - nous devons créer pour traiter cette fois d'une manière qui est juste facile à lire. - Ce n'est pas Tyson. - Ça fait que les gens lisent les articles récents. - C'est l'entrée. - Pourquoi ce cours ? - Je veux passer par différentes tendances que j'ai vues qui m'ont fait penser à faire cette malédiction. - Le 1er 1 est le fait que Internet Webby se déplace vers une orientation plus centre utilisateur, - et il est certainement moins axé sur la technologie. - Exemple de ce serait juste un fait vraiment bien connu que nous graphistes, - concepteurs Web. - Nous utilisons des standards fixes pour les solutions depuis très longtemps. - Et c'est non, - ce n'est pas une nouvelle pour personne, - mais on a utilisé , - tu sais , - comme de retour , - dans les jours 800 par 600 pour 10 24 par 78 768 à aimer même comme le dernier avant - la boisson réactive est arrivée. - C'était comme 12 80. - Mais maintenant tout est différent. - Nous avons certainement il ya ce mouvement de conception adaptative responsable qui en fait vraiment - comprendre les utilisateurs. - Andi a utilisé la technologie pour mieux servir le contenu à l'utilisateur, indépendamment de la taille du cri ou, - um, - pour l'appareil qu'ils utilisent. - Donc c'est génial. - C'est la seule chose que vous savez, - nous avons certainement si j'ai un écran massif, - je ne vais plus voir un site Web 10 24, - je verrai quelque chose qu'il est en fait optimisé pour la sortie que j'utilise à ce - point. - Une deuxième tendance que j'aime vraiment est le fait qu'Internet va plus orienté contenu - et certainement moins visuellement écrasant. - Il n'y a plus, - plus peur pour genre, - l'horreur de retour, c'est en fait le contraire. - L'espace blanc est bon tant que vous le savez. - Il donne au contenu toute la pertinence qu'il mérite. - Et c'est drôle parce qu'on en fait je veux dire, - de toute évidence, l'empreinte décide qu'elle est là depuis toujours. l' J' ail'impression qu'on arrive à un point où amener le design et le design numérique sont enfin réunis. - Et toutes ces connaissances étonnantes que nous avons de la conception d'impression peuvent être appliquées à la conception numérique -. - Donc, toutes ces choses que vous voyez réellement vous dans un journal qui vous fait sentir comme vous pouvez - lire un article dans le magazine National Geographic peut enfin être appliqué sur le côté numérique -. - Et ça veut dire qu'on ne le fait pas. - Vous savez, - il y a certainement, - comme si on s'éloignait de tous ceux comme les outils de navigation super complexes et les articles connexes , - et nous laissons les choses et nous créons comme des articles plus personnalisés être où les continents sont venus - sur. - Exemple de cette tendance sera aussi comme tous ces fous. - Que Murph est, - hum, - um tendance que nous avions et le fait que nous passons à un moment vers un design plus plat, - Hum semble Et j'ai un peu tombé que j'aime vraiment la bibliothèque de signature - de retour dans le jours comme lire hardcore avec des images, - et c'était bien. - Mais si vous y pensez vraiment, - um vous savez est certainement pas au sujet de l'artisanat est sur la pertinence et comment est-il le - continents à digérer. - Je ne dirais pas que c'est de l'humour. - C'est horrible, - et le design plat est génial, - est le Flay. - Cela dépend du contenu, - et cela dépend du projet, - et c'est vraiment. - L'accent devrait être mis sur n'importe quel visuel. - Peu importe, - Flat sont pleins de photos. - L'accent devrait être mis sur. - Tu sais, - qu'est-ce qu'on peut faire d'eso ? - Le contenu est roi, - et c'est au-dessus de tout le reste. - Le dernier tour que je voudrais souligner est le fait que le contenu pertinent est si - Michelle quand est réellement pertinent pour de vrai. - Et il y a quelque chose de vraiment, - parce que pendant très longtemps. Je suis tellement fatigué, - , pensant à de grands portails, comme un an qui était, genre, -même, - CNN le fait que tu aies lu un article. - Mais ils sont, - comme tant de charbon à des actions. - Et il y a tellement d'informations connexes en essayant d'attirer votre attention C'est vraiment difficile - de lire l'article. - Donc on se déplace vers ça, - um, - cette nouvelle scène où tu sais, - l'accent est mis sur l'article. - Si vous lisez un article, - si vous êtes dans la page de l'article, - il n'y a rien autour de l'article et seulement quand vous avez fini - en fait, - comme les flux de ce côté, - vous arrivez au bas de la page. - C'est là que vous obtenez, comme, - une telle essence de ce qu'il faut faire ensuite et, - vous savez, - juste des exemples vraiment pratiques. - L'exemple pratique est en fait de comparer le New York Times actuel par rapport à quoi ? - Ce coup d'œil. - On a vu ce que sera le New York Times. - Tant qu'on sait que ça va certainement se rapprocher de ce site. - Ils l'ont fait l'année dernière, - ce qui est ce savoir plein. - Et je peux l'ouvrir très vite. - Tu vois comment, - hum, - si je fais défiler vers le bas. - Nous arrivons à un point où il n'y a rien dans le pâté à part le texte, - il y a évidemment des informations de soutien à ce texte. - Donc ils vous donnent comme, - hum, - contexte faire, - disons un personnage comme une personne. - C'est une vidéo là-bas. - Mais tout est tout tourne autour de l'article et sur Liang va aller très vite - seulement quand tu arrives à la fin tu peux voir, - tu sais, - précédent ou suivant, - mais tu ne vois pas ça avant. - Et c'est l'effet magique qu'ils respectent. Le fait que tu lises un article, , et qu'ils n'essayent pas de te conduire ailleurs, c'est voler. - Donc, en revenant, - je pense que ce gros plan de la première unité. - Merci beaucoup et je te verrai difficile à faire 2. La phase d'idée: à Bienvenueà Unit sur le visage d'idéation. Avant d'étudier, j'ai un peu de cinq sur cette Kaymer. Et c'est que pendant toute la classe, je vais couvrir des processus que tu sais, ça dépend. - Où travaillez-vous ? - Peut-être qu'ils sont couverts par un rôle spécifique. - On dirait qu'ils ont signé l'appartement. - Donc, - par exemple, - je pourrais entrer un peu dans ce qu'un concepteur de produit fera. - Certains de la dynastie seront plus liés à une interface, - le centre. - Et peut-être juste à la fin, - je vais entrer dans, - genre, - des détails d'exécution purement visuels. - Il n'y a que des signataires visuels. - Mais juste à cause de mes antécédents que je pourrais utiliser pour travailler avec un petit groupe de personnes, nous avons appris à connaître le tout. - Donc, - tu sais, - prends juste ce que c'est utile pour toi et oui, - j'espère que ça t'aidera. - Donc, avec cela dit dans cette unité, - on va couvrir trois idées et inspiration visage. - Je vais parler aussi de quelques principes de conception et certainement montrer des vrais projets et des exemples réels. - Donc, - tout d'abord l'idéation face c'est certainement le visage le plus important sur n'importe quel projet. - Il est vraiment important que vous sortiez de ce visage avec une compréhension claire de ce que vous allez faire. - Vous savez, - vous pourriez normalement avoir déjà en mission et qui pourrait être créé un lecteur de nouvelles que - nous il est dans cette classe. - Mais ça pourrait être votre propre mission parce que vous avez pris un manque dans l'industrie que - vous pensez pouvoir couvrir par une sieste. - Ou, - vous savez, - en tout cas, - ça pourrait être soit vous-même, soit une mission de client. - Mais dans tous les scénarios, - le visage d'idéation va être super important pour déterminer si vous créez, - vous savez ce que vous créez, - et il est important qu'on ait passé beaucoup de temps dans ce visage sur cette lumière comme je suis - moi-même. Juste pour s'assurer que tout ce qu'on fait esten fait, en quelques mots, c'est génial et génial. Juste pour s'assurer que tout ce qu'on fait est , en quelques mots, - Donc, - par exemple, - si nous parlons de sites vidéo il y a certainement Tom de sites vidéo là-bas, - mais dans cette aviation fait face à ça, - si vous savez, - de créer un côté vidéo est votre tâche, - vous devez vous demander, - Que puis-je faire pour améliorer ce qui est là-bas ? Et tu sais, quelque chose s'est passé que tu viens de dire, tu as vu quelque chose de nouveau ? - Et tu deviens deviens aveugle par la nouvelle et brillante ? - Mais il y a toujours quelque chose. - Et ce qui est drôle, c'est tu vois parfois seulement qu'il y a quelque chose que tu aurais pu créer quand quelqu'un le fera - c'est tout. - Et ce sentiment est éteint ? - Tu sais, - disant comme, - expédié. - Je ne suis pas entré de mon visage, - mais je ne pouvais pas le voir donc base toutes les choses que nous avons à penser dans le visage de l'aviation moins fou - style hommes assis le canapé couché dans le canapé, - Levez-vous encore, - allez boire un verre, - Reviens. - Mais n'arrêtez pas de penser à ça jusqu'à ce que vous soyez sûr que ce que vous faites est - pertinent. - Je suis désolé, - mais ce Lisbonne veut. Donc, dans ce visage d'aviation, c'est comme ce que Picasso a dit, c' comme, expression est là. - Mais tu dois te trouver travailler. - Une inspiration est que c'est un ami de mon dit que dans le discours, - et en fait, - il m'a fait réfléchir beaucoup. - L'inspiration est la différence entre le grand design et tout simplement correct. - décider, - et je ne pense pas qu'aucun d'entre nous veuille faire. - Ok, - signe qui sonne assez bien, - mais il n'est certainement pas vraiment côté eso. - Il est important que nous réfléchissions réellement à ce que nous faisons avant de mettre la main sur et - essayons juste de faire quelque chose de remarquable dans un sens à l'autre et juste de dire une fois de plus - parce que cela fait vraiment une différence. - Et il y a toujours un exemple qui me vient à l'esprit quand je pense à vous savez, - ce visage d'idéation sur qui est flip ou je suis sûr que quand le rapport est arrivé, - est venu avec l'idée qu'ils sont sortis dîner et qu'ils ont eu, - la meilleure nuit de leur vie parce qu'ils ont juste pensé à un concept qui est juste vraiment - beau gros plan. Donc, si vous regardez les gens, , je veux dire un service. - Il n'y a rien de nouveau à ce sujet. - Moi maintenant avec pas toutes les opérations qu'ils ont leurs affaires dans beaucoup de choses qui est - génial. - Et vous Mais vous savez, - le oui et donc Fleet Board est juste un lecteur RSS. - Arrestation à l'Est. - Il y a avec eux pour votre iPad qui est juste plus visuel et profiter est éteint. - Profitez de toutes les fonctionnalités similaires que vous pouvez utiliser dans votre iPad et même pas tous - d'entre eux, - mais au moins des gestes. Donc si vous comparez flip ou deux et c'est vraiment pour la compression. - Mais si vous comparez Freeport avec le vrai lecteur de Google, - même s'il va être retiré, - vous savez qu'ils affichent les mêmes informations que vous avez. - Vous pouvez démarrer le contenu que vous pouvez. - Vous pouvez le partager. - Vous pouvez nous faire lire. - Vous pouvez l'envoyer par email, - euh, - c'est le même contenu, - mais il y a définitivement un métier basé, - terriblement. - Donc, on se soucie de la façon dont ce Texas a tracé, - comme le titre est au centre, - et c'est certainement le cheveu Chi. - C'est clair, - euh, - et encore fait quelque chose. - Et je pense vraiment que cette aide, - mais à mon avis, - étaient vraiment comme Make Flipper. - Incroyable est le fait que juste quelque chose d'aussi simple que la transition, - comment ils connectent les différentes parties hors il est devenu le nom du produit, - et vous savez, - le produit lui-même. - Alors flipboard. - Il s'appelle Flipper parce que vous êtes en fait la flotte de la page, - et c'est un simple est cela et c'est génial et il est facile de lire et de publier la ville. - Ils sont juste pour que ce soit génial. Quand on pense au produit qui faisait le projet sur le visage de l'idéation, il y a certainement des principes de conception auxquels on devrait penser, et je le fais, produit qui faisait le projet sur le visage de l'idéation, il y a certainement des principes de conception auxquels on devrait penser, et je le fais, - a attrapé mon attention et parce qu'ils en fait directeur. - Mais ils changent dès qu'on les regarde à la lumière des critères de réussite. - C'est donc les mêmes principes. - La hiérarchie est hors des besoins ? - Et cela dit, - pour que le signe soit couronné de succès, - il doit répondre aux besoins fondamentaux des gens avant de pouvoir tenter de satisfaire des besoins de plus haut niveau. - Donc, si nous créons juste comme une présentation visuelle de ce principe, - nous voyons un gros permis, - et à la base de celui-ci, - nous avons la fonctionnalité. - Disons qu'on parle de façon inhabituelle. - Euh, - vous respectez ? - Vous savez, - l'exigence minimale de ce lecteur de nouvelles est d'afficher des nouvelles. - Vous pouvez être d'accord. - Donc vous savez que satisfait la viande psychologique intensifiant un peu. - Nous avons vraiment, - vraiment capacité ce Harmon finit essentiellement satisfaire la sécurité. - Donc, - vous savez, - marcher sur, - nous avons des compétences en matière de handicap. - Et au double ajustement. - On a de la créativité. - Donc évidemment, - si vous avez, - si vous créez un service de courrier, - les choses de base que vous devez couvrir sont si je que vous devriez être en mesure d'envoyer et de recevoir - des e-mails. - Euh, - mais, - vous savez, - et puis vous allez sortir dans le fait que le frère doit être solide émis et crash - devrait être fiable. - Um, - capacité d'utilisation. - Vous devriez être capable de l'utiliser d'une manière qui, - vous savez, - fait partie de vous-même et de votre comportement. - Et vous n'avez pas à penser, - euh, - à quoi faire sur eux la maîtrise de la créativité au sommet, - comme quelque chose qui n'est pas nécessaire au début. - Mais il avait quelque chose sur le dessus de la promesse. - Une autre conception de principe dont je voudrais parler. - Sa forme suit la fonction. - Il dit fondamentalement que la beauté et le signe résulte de la pureté hors fonction dit aussi - les considérations esthétiques dans le signe doivent être secondaires aux considérations fonctionnelles. - Je recommande que ce livre soit quelqu'un dans le premier commentaire que j'ai fait dans le cours, - et j'ai écrit tous ces livres et donc vous allez le sortir mais, - vous savez, - je pense que dans l'ensemble ces deux principes sont vrais, - évidemment à partir d'un lecteur de nouvelles que vous voulez lire les nouvelles et tout ce que vous avez besoin, - comme, - esthétique qui entre vous et un besoin de base sur une exigence de base avec frère - devrait être supprimé. - Mais en même temps, - vous savez, - nous avons, - ah, - nous avons la lumière sur les critères de succès sur ce qui dit que lors de la prise de la science - les décisions se concentrent sur l'importance connexe de tous l'aspect de la conception, - la forme et la fonction à la lumière des critères de succès. - Donc encore une fois, - évidemment, - si vous lui faites le service des animaux ou un lecteur de nouvelles, - vous devriez être en mesure de lire les nouvelles. - Mais leur problème est que ce n'est tout simplement pas suffisant, - parce que c'est là dehors. - Nous sommes arrivés à un point où il est vraiment difficile d'innover dans certains produits spécifiques - parce qu'il y a une grande séparation sur le marché. - Mais ça ne veut pas dire qu'on peut le faire. - Je veux dire, - évidemment, nous devons mettre ce feu est toujours comme ça, - les besoins de base du produit, - et nous devons nous assurer que, - vous savez que la fonctionnalité est là. - Mais si on ne couvre pas le haut du triangle si on ne couvre pas la créativité ça va marcher. - Alors regarde Dropbox. - Je veux dire, - Drop Oak est un client FTP. - Leurs railleries contre les clients FTP. - Il y avait des tonnes quand Dropbox est sorti, mais ils ont juste ajouté d'autres trucs sur le haut du triangle. - Ils viennent de le faire. - Il est là pour l'utiliser n'était pas la chose la plus importante. - Non, - le plus important était le fait que je travaille. - Mais était-il pertinent, à la lumière des critères de succès pour que ce produit devienne effectivement réussi ? - Ouais, - il était absolument nécessaire juste pour finir ça. - Gardez à l'esprit que chaque fois que vous discutez avec votre équipe, - il est évident que vous devez satisfaire les nouvelles de vos produits pour satisfaire les besoins de base. - Mais vous devriez toujours pousser pour la meilleure expérience. - Et c'est peut-être en faisant des choses que vous mettrez normalement en haut du triangle. - Et c'est, - vous savez, - créer des animations, - être comme mettre le temps d'accueillir des transitions entre les différentes sections, - tout ce qui crée la meilleure expérience pour l'utilisateur. - Maintenant, nous aimerions vous montrer quelques exemples sur lesquels j'ai l'occasion de travailler ces dernières années - et ils sont certainement, - comme, - des exemples vraiment isolés hors d'idées que nous avons dans des projets qui nous pensions qu'il pourrait faire - ils se démarquent un peu plus. - Andi, - définitivement. - Comme si c'était des considérations différentes. - Comme vous pouvez trouver, - vous savez, - évalué avant Freeport est le meilleur exemple de, - comme, - une idée qui devient réellement le point principal du produit. - Mais ce n'est pas toujours possible. - Eso you En fait, - vous savez, - si votre idée ne définit pas le frère, - au moins basée sur la question des critères sexuels de conception, - certainement ajouter à ce succès d'une manière ou d'une autre. - Et c'est ce que je veux montrer maintenant. - J'ai quelques exemples. - D'abord, - est-ce que des recherches sont avec vous pour USA Today ? - Donc l'idée sur USA Today sur la page de l'article était de créer le plus grand, - um, - titre de l'article que vous avez jamais vu sur un nouveau site. - Donc, si vous regardez les heureux, ne vous vantez pas et vous savez, - ça ressemble à ça, ils ont définitivement bougé vers, - genre, - un gros titre, - quelque chose qui est facile à digérer. - Nous voulions créer la même chose que vous allez voir. - Et, - vous savez, - vous allez certainement créer le titre avant tout autre chose. - Donc juste que vous savez, - si votre exemple de ça avec un ami, - différents composants et puis l'histoire va, vous avez, - comme, - évidemment, - um, - du contenu supplémentaire complète l'histoire sur ainsi de suite. - Et une fois que vous avez terminé, - évidemment la moitié comme l'histoire précédente dans le domaine de ce thème sur le prochain aussi -. - Et si vous bougez un peu, - vous verrez ce qui se rapporte à votre emplacement actuel où vous pouvez changer. - Mais je pense que le but de cela pour moi était en fait de créer une telle grande sur les deux déclarations dans - la page d'article, - quelque chose que vous n'avez jamais vu auparavant. - Et cela vous conduit certainement à conduire votre attention vers le titre de l'article et - il y avait un certain pouvoir là-dedans. - Donc, ils sont différents, - différentes variations. - Et il y a d'autres exemples que je veux montrer. - Et puis c'est, - um, - cette interface que je crée pour Nickelodeon pour leur application iPad qu'ils ont publié ne pas connaître - il y a. - C'est donc un travail en cours hors de l'environnement sur lequel nous créions. - Je vais toucher la base. - Ne touche pas à la base, - um, - sur ce cadre dans le chapitre suivant, - mais ici. - Je voulais juste montrer l'idée qu'on a pour le menu. - Donc, vous allez réellement passer sur un taux infini. - Vous allez bouger, - vous savez, - vous déplacez l'écran en faisant glisser sur l'iPad, - vous allez à un endroit à l'autre. - Vous pouvez voir comment vous avez un contenu différent, - en fonction de la nature. - Donc parfois, il peut ressembler à un ensemble d'images parfois est plus comme une vidéo parfois - est comme un tweet rapide. - Mais nous avons pensé que ce serait vraiment cool si le menu est toujours le Zeppelin ici dans le coin supérieur gauche. - Et chaque fois que vous voulez accéder au menu, - peu importe où vous êtes, - vous le posez juste et il éteint réellement la lumière. - Alors la viande recommence, tu pourrais, - et tu aimes juste, - la tirer vers le bas. - Nouveau blacktop. - Maintenant, vous êtes dans le noir. - Donc c'est évidemment un travail en cours. - Vous savez, - il y a d'autres étapes de ce menu, - mais je voulais juste souligner cette idée d'éteindre la lumière juste parce que - est encore une fois un de ces exemples que vous pourriez certainement dire qu'il ne le fait pas. - Ce n'est pas à la base du triangle. - Mais vous savez, - ces Renton, - comme les petits détails qui étape par étape peu à peu créer un produit vraiment incroyable pour - l'utilisateur. - Un exemple de moins que je voudrais présenter aujourd'hui est sexuellement un site web avec elle pas trop longtemps - il ya au Rio, - il s'appelle Escape flat. Et il vous laisse les Juifs, donc vous donne, - ah, - un tas d'options hors des endroits où vous pouvez échapper le week-end à venir, - vous savez, - vraiment à partir de vos critères sélectionnés. - Donc, - par exemple, - si vous vous souciez du prix, - vous pouvez choisir les prix, - vos, - um, - critères, - et ensuite il vous donnera des résultats sur ce de la matière. - Vous pouvez également choisir si les tracas et puis vous pouvez ajouter, - comme le système de préférence comme la culture, - la nourriture, - la vie nocturne, - en plein air et ainsi de suite. - Donc, ce que je voudrais parler de ce site est quelque chose qui n'est pas vraiment, - um il ne se rapporte pas beaucoup au concept, - mais cela ajoute définitivement à l'expérience utilisateur. - Et c'est là que vous avez déjà vu au sommet. - Nous avons ces listes déroulantes, - et chaque fois que vous changez, - hum, - l'option, - ça tourne en fait. - Donc les conseils sont flippen, - et vous voyez comment ça change de l'élection précédente à votre sélection, - la façon dont ça marche. - Vous pouvez voir comment le même changement dans les valeurs. - Ils ont dit, - comme une brillance brillante animation sur le bouton aller, - en fait dire à l'utilisateur que maintenant ils vont activement sélectionner la recherche avec ces - critères, - votre président et vous obtenez réellement votre résultats. - Mais juste un simple que la création de cette animation. - Et vous pouvez voir comment vous savez quand vous changez de lettres parce que avec des lettres. - Mais si vous changez d'icône, - il montre icône il ya, - comme, - amusant. - Ils n'ajoutent pas vraiment quoi que ce soit pour cent au service, mais tester yusor vous vous sentez comme - la satisfaction interagirait réellement avec ces éléments et fait la magie de l'utilisateur - interface. - C'est quelque chose que nous devrions toujours faire attention. - Et même s'il a dit que le triangle est dur, on ne devrait jamais l'oublier. - Donc juste pour finir cette unité, - hum, - je vais montrer dans le cadre de l'idéation face quelques idées que j'avais sur l'affectation de - ces voitures, - qui est aux concepteurs sont, - dit le lecteur. - Donc ce sera le premier projet sur le livrable. - Je vais vous demander de poster en ligne je voudrais que vous, - um post Cela attrape que vous avez et les zones que vous avez sur ceux-ci sont, - dit Reader. - Donc on peut juste aller trois ensemble et commenté Donc la façon dont je le regarde juste basé - sur mon propre comportement, - vous savez, - je le regarde d'un point de vue vraiment fonctionnel. - C'est comme l'endroit où je vais aller pour lire mes pieds et lire mon cul, - dit des articles. - Pas comme un endroit où je vais vraiment m'inspirer. - Mais ce n'est que mon point de vue. - Je veux dire, - s'il vous plaît, n'hésitez pas à aborder cette mission du point de vue. - Tu le crois ? - C'est mieux pour toi, - pour moi, c'est à peu près ça. - La chose avec Freeport, - il fonctionne vraiment dans l'iPad, - et ce sera un beau site web aussi beau. - Mais la façon dont je digère notre service est la façon dont nous sommes fonctionnels. - Alors, il suffit de râper une disposition où, - vous savez , - on a, - une grande image et ensuite de petits composants. - Il va impliquer une sorte de hiérarchie Cherokee sur le contenu. - Et ce n'est pas comme ça que je regarde notre évaluation. - Vraiment ? - Parce que je veux être capable de tout lire ou juste m'assurer que j'ai vu - tout. - Évaluer Tout a la même pertinence pour moi depuis que j'ai décrit donc un peu hors - explication sur cet écran, vous avez coin supérieur gauche. - Vous pouvez voir comment je pense à une nouvelle structure similaire à Twitter et similaire à, - comme conseil différentes applications mobiles. - Là où vous avez un menu à gauche, c'est assez fonctionnel. - Ça ne vous dira que les pieds. - Tu vas avoir, - hum, - à part, - une colonne centrale qui est vraiment séduisante. - Et c'est celui que vous allez cliquer ou ne pas voir l'article parce qu'il contiendra un aperçu de l'article. - J'ai vu un artiste similaire qui dit qu'on est là pour celui-là. - Um, - froid Reader R E V E r. - Le problème est cette colonne séduisante et parler, - Et peut-être que nous pouvons voir mieux dans ce croquis l'appel séduisant, - celui qui doit réellement vous inspirer et vous montrer un Un peu de temps. - Un aperçu de l'article est purement texte. - Quel est le problème avec ça ? - Quand je navigue nous-mêmes ? - Flux, - um, - juste pour la nature du contenu auquel je souscris réellement. - Leurs galeries d'images sur le titre sont quelque chose comme, - euh, - vous savez, - emballage inspirant cette fois. - Donc le titre ne me dit pas vraiment, - comme m'inviter à dire, - il est vraiment descriptif, - mais si l'article a des photos dessus, - vous savez, - ça nous-mêmes appelé lecteur et je parle de ne pas m'inspirer. - Encore une fois, j'aimerais digérer. - Je voudrais m'inspirer par l'aperçu de ces articles d'une manière que ce sera comme - Twitter. - Mais en fait, - comme vous pouvez le voir dans ce sketch, - montrant tout contenu médiatique que je pense sur ma moitié. - Il a fini après toi pour une image. - Si c'est un aperçu d'une vidéo ou quelque chose qui, - vous savez, - ça me conduira à taper dessus. - Alors revenir pour expliquer cela un peu plus, - vous pouvez voir en bas comment éclater pour le monde cette colonne du milieu que j'appelle alléchant - Appelez-le ? - Hum, - ça va avoir, - des articles découpés, - et tu pourras faire défiler vers le haut et vers le bas. Alors passons à la suivante ici. Alors passons à la suivante ici. Alors passons à la suivante ici. - Je suis comme si ça sortait beaucoup. - Tous les différents états que beaucoup à gauche vont avoir. Donc je regarde la couche, et je suis en train de définir les zones qui vont être réactives et ce que les autres vont être . - Adaptatif ? - Non, - ce qu'ils viennent d'adopter. - Vous pouvez voir comment vous le savez de nombreuses façons. - Certainement adaptatif, - parce que cela dépend de points fixes. - Il aura une taille ou une autre. - Cependant, - le menu alléchant est définitivement réactif après un certain point. - C'est donc un mélange entre réactif et adaptatif. - Et enfin, - ce reniflement fonctionnel de l'article est définitivement réactif. - Et ce sera la zone qui augmentera l'utilisation de riz dans la fenêtre afin que vous puissiez voir - comment l'armure de menu effondrement sera comme un mobile. - Vous pourquoi ? - Mais vous pouvez glisser pour voir les options. - Um, - passons à autre chose. - Et dans cette colonne séduisante où vous savez est en fait avec l'habituel va regarder t - sélectionnez ce qu'ils vont lire. - Je pensais sur des écrans tactiles. - Il serait bien si on pouvait, - comme, - le balayer comme Twitter comme ils sont comme le balayage. - Et cela révélera des options comme dans les favoris. - Mark est invisible ou partage. - Ça devrait être la façon d'approcher. - C'est comme super simple, - direct. - Je ne veux pas de recommandations. - Je ne veux pas de flux connexes. - Je veux juste voir les pieds auxquels je souscris de la façonla plus la fonctionnelle. - Donc plus d'écrans l'évaluer avant, - comme différents états dans le menu sur mobile et aussi comme Omo sera à l'arrêt normal - taille. - Quelques détails comme quand votre école dans l'article et vous obtenez au fond, - a émis une puces, - aller vers la prochaine et donc la même chose quand vous retournez en arrière. - Donc, vous verrez toujours le suivant dans l'article précédent qui s'assurent qu'ils si - souhaitent que continuellement sur la navigation de l'utilisateur, - l'utilisation de flux et ils ne commencent jamais à arriver à la fin d'un, - um, - voyage. - Mais c'est toujours comme un flux continu d'articles invisibles. - Et ceci une vue assez haut niveau comment nous avons trois zones principales, - ABC, - sur la façon dont ceux-ci vont montrer sur une tablette afin que vous puissiez voir comment A et B sur le haut au milieu - seront visibles. - Mais voyez, - nous affichons lorsque vous appuyez sur l'un de ces aperçus et il affichera il sera déplacé - couche sur le dessus. - Même chose pour Movil avec la différence que le menu étant un est effondré aussi. - Donc juste un tas de croquis différents, - des idées aléatoires. - Ensuite, vous pouvez voir ici, - par exemple, - comment sur les nombreux sur la gauche j'ai quelques Parsons sont comme à ce sujet l'adaptatif sur le on - l'accès blanc, - une autre sorte de responsive parce qu'ils auront un et vous serez en mesure de faire défiler - vers le bas sur ceux sur certains en bas à nouveau. - Des options comme la tenue ou un compte manager seront fixées, - donc à ce sujet, - et vous pouvez également regrouper des flux. - J'ai donc hâte de voir ce que sont tes croquis et tes idées. - En attendant, s'il vous plaît jetez un oeil à ceci, - et je pense que juste la fin de l'écoute pour vous penser 3. Écrire un cadre de haut niveau: - Hé, - les gars, - Bienvenue à l'Uni 3. - Trouvons-lui un cadre de haut niveau avant de commencer. - J'ai un petit avertissement à nouveau sur, - et il est à peu près je voulais juste parler de la façon de décider quand vous voyez en visuel sur - le Grateful vous savez jusqu'à présent, - spécialement dédié aux cadres U X et Y. - Ou, - vous savez, - est allé avec pour un spectacle, - qui est comme Han Drone vous X. - Et vous savez qu'il n'y a pas qu'une seule réponse, - mais moi d'après mon expérience , - si je travaille sur un projet qui ne l'est pas, il n'inclut pas beaucoup de pages, - je pourrais le faire moi-même. - Cependant, - si c'est comme un grand portail ou comme un grand côté d'entreprise qu'il a un leader, - beaucoup de pages différentes, - plusieurs variantes différentes, - vous savez, - je pourrais avoir une personne de U X avec moi. C' est tout à fait dédié aux béliers de la femme sur la raison de ça. - Um, - le récemment est assez fonctionnel, - et c'est juste parce que quand vous présentez quelque chose orteil un client, - vous savez qu'ils pourraient avoir besoin de prouver que vous oeufs orteil, - le prouver et tout petit ajustement ou tout peu de changement ou tout petit commentaire qu'ils pourraient avoir. - Vous savez que pour améliorer ça va prendre plus de temps si vous le faites pour vous montrer si vous le faites - sur un visuel sur le Grateful. - Donc, pour comme, - un petit projet est totalement bien juste à la boutique de photos. - Mais dès que vous savez que ça devient plus grand qu'un certain point, - c'est certainement une nuit Mary, - si vous ne travaillez pas vraiment avec ça, - vous X personne que vous savez que c'est assez attaché. - Peut, - genre, - en fait - tweeter ces choses à la volée en utilisant, - vous savez, - le spectacle regrettable ou tout ce que cette personne se sent à l'aise avec. - Avec cela dit, - quel est le cadre ? - Donc, selon Google, - il y a deux descriptions. - Le 1er 1 n'est certainement pas le nôtre sur le second obtient un peu plus près une structure de base - sous-jacente du système, - concept ou texte. - Alors pensez à ce concept de système ou prend un site Web star ou nous sommes en place. - Fondamentalement, - le cadre est la structure qui sous-tend le haut, - donc il relie fondamentalement toutes les différentes sections dans leur on rend juste un travail - pièce. - Alors pensez au framework comme premier et à la navigation, - la navigation qui relie toutes les différentes sections pense à une partie du framework - qui sera n'importe quel composant global. - Donc, chaque fois que vous appuyez sur lui-même Insect deux favoris préférés qui fonctionnent à travers tous - les sections fait partie du cadre global. - Ce que j'aime normalement faire 1% puis cadre à notre client ou juste pour moi-même, - est toujours en fait pour cent de place. - Comment ces couches sont en retard dans un espace de trois D et cela n'a pas vraiment de sens, - mais ça aide vraiment à comprendre l'écosystème global hors du haut eso que vous voyez, - comme s'ils sont empilés les uns sur les autres, - ils pourraient comprendre qu'ils sont comme des voitures qui s'empilent les unes sur les autres ou ceci, - comme beaucoup d'esclaves de la gauche. - Mais c'est au-dessus de ça pousse le contenu. - Ce sont des de photosdehaut niveau que le client ou tout simplement vous-même pourraient vous avoir, - mon honnête les plus faciles. photosdehaut niveau que le client ou tout simplement vous-même pourraient vous avoir, - Une autre chose que je recommande lorsque je fais le framework, - en particulier pour les clients, - est de créer un graphique avec l'écosystème du haut, - et j'arrive à la section suivante. - Nous allons montrer quelques exemples, - et j'ai quelque chose aussi lié à ça, donc je veux dire, - évidemment les noms sur la droite, - mais prenez ceci est un exemple de l'écosystème souvent en haut. - Donc, vous avez un écran d'accueil, - vous avez la ville, - et vous pouvez voir plus vous avez des listes à faire et ensuite vous avez, - comme, - des composants. - Vous montrez à l'écosystème entier comment ces sections sont connectées. - Vous savez, - à partir de ce graphique et comprendre à partir de cet écran d'accueil, - je peux aller à cette section ou à cette section. - Je comprends ça. - Vous savez, - de cette section, je peux vraiment chercher, - et je peux et je recherche dans ces trois différents avec ces différentes valeurs. - Et cela pourrait vous conduire à cette autre chose qui est connecté en quelque sorte Toutes ces - connexions est au premier coeur sur cette fois-ci. - Mais quand vous commencez à lire juste en passant par spécifique, - tout le doublement vers le bas est assez facile à comprendre. - Un exemple de cadre, c'est Ah Furley Easy. - Je crée cet appareil photo pour l'iPhone, - et il est en fait assez simple, - mais il fonctionne avec, - comme, - quelques couches différentes, - de sorte que vous pouvez voir comment est totalement pas design. - Ce que je fais ici est juste une question d'expliquer comment fonctionnent les différents composants. - Donc nous avons ici, - comme la capture de la caméra. - Nous avons l'iPhone, - et puis nous avons le menu que la tranche du bas. - C'est celui-là et c'est moi qui suis au sommet. - Et, - vous savez, - quel que soit le vrai contexte, - il y a un très abstrait, - mais ça aide vraiment à comprendre comment fonctionnent ces panneaux. - Un autre exemple serait de savoir si j'ai fait il y a un moment que vous pouviez coincer toutes les sections - sur l'autre juste pour aimer décomposer toutes les couches qui créent l' interface utilisateur -. - Donc, nous avons utilisé les amis que nous avons couche météo, - couche diurne, - et puis cela crée une ville. - Et puis nous avons, - genre, - différents paquets de ville. - Un autre exemple. - C'est un gros problème. - L'Afghanistan. - Donc c'est à peu près une proposition pour, - hum, - une campagne vidéo sur, - et vous pouvez voir comment je voulais expliquer que vous pourriez être dans une vidéo et qu'il y a une attaque sur - une vidéo. - Et si vous avez appuyé sur l'attaque, - cette composante vidéo glissera vers la gauche sur vous voyez ici comment après la prison sur l'attaque -, - il se déplacera vers la gauche et plusieurs UE. - Non, - cette vidéo devient à propos de l'heure où vous appuyez. - Donc si j'ai l'air dehors, vous pouvez le voir tous les deux en même temps. - Presque beaucoup de vidéo, - vous appuyez dessus Et ces slights, - et vous pouvez toujours revenir à la vidéo où vous étiez une interaction fermement simple . - Mais, - vous savez, - c'est vraiment agréable de passer par l'exercice hors bâtiment créé un niveau supérieur - ux pour expliquer ce qui se passe. - Maintenant, je veux vous montrer quand est probablement l'un des cadres les plus complexes que j'ai fait - et nous n'allons pas aller en détail, - mais je veux juste vous montrer, - comme toutes les catégories en fait que je couvre avec ce framework. - Donc, dans ce cas, - je vais vraiment abstrait. C' était une nuit, mais elle était conçue pour Nickelodeon, et on voulait faire comme un monde, vous expliquerez , Horace , vous explorerez horizontalement à ce sujet. - Will aura, - genre, - différentes couches. - Imaginez qu'on l'ait. - Mais ici, imaginez. - Vous voyez le monde à travers l'iPod, - l'iPad, - c'est une fenêtre. - Donc, - vous savez, - ils sont comme des composants globaux comme l'indicateur de menu. - Et c'est en fait ce que je montre dans l'épisode précédent. - Si vous vous souvenez, - et puis si vous continuez à regarder à travers cette fenêtre, - vous pourriez voir ces couches, - qui est le jeu numéro trois est l'environnement de premier plan. - Ils sont comme les Lums. - Vous savez, - le toit là-bas comme des gens qui sont super près de la caméra parce qu'ils sont dans cette couche - qui est plus proche de votre point de vue. - La couche suivante est en fait la couche de contenu. - Encore une fois, - le contenu sur ça va être montré en dessous, - ce qui est comme derrière ces composants de la couche 3. - Il y a quelques détails comme vous pouvez glisser vers le haut et vers le bas et ainsi de suite, - et ensuite ils slather couche 1, - qui est l'environnement dorsal. - Donc encore une fois, - vous pouvez voir là quelques caractères avec lesquels il y a encore du contenu fusionner avec le Bagram - composants, - et il y a quelques interactions à séparer des interactions. - Trois. - Alors excusez-moi. - Donc les premiers ici, - vous pouvez changer l'arrière-plan de l'appel de l'arrière-plan. - Vous voyez des vidéos et ainsi de suite. - C'est, euh, - un cadre assez complexe, - et ça devient encore mieux parce que vous savez tout ce que je dépensais ici pour cette perspective isométrique . - Maintenant, je vous montre comment ça marche. - Le sol semble à l'iPod. - Donc toutes ces couches, - vous savez, - toute cette complexité est en fait encapsulée ici, - où elle n'a pas l'air aussi complexe. - Et c'est la magie de ça. - Vous savez, - il ne s'agit pas de créer une complexité complexe à cause de l'intérêt de cela, c'est d'essayer - d'expliquer le concept. - Et puis, - hum, - tu sais, - rendre ça compliqué juste pour le rendre simple à la fin. - Donc nous expliquons aussi, - ils ont mis le menu de niveau supérieur, - et c'est ce que j'ai réellement passé l'unité précédente où vous pouvez en fait juste, - comme, - tirer et il va éteindre les lumières. - Hum, - nous avons expliqué cela en fait, - cet environnement que nous sommes comme naviguer horizontalement est modulaire et évolutif. - Encore une fois, - tout est basé sur un modèle, - et ils sont comme des modèles différents. - L'un est une personne et un contenu que vous pouvez réellement glisser. - Particulièrement un autre modèle sera une personne complète que nous aimerions contenu sur sa gauche. - Ensuite, nous avons, - comme des portes qui vous poussent les pieds, - vous emmenons dans un autre um, - salle, - et nous avons un modèle sans caractères. - Je connais à nouveau le temple avec des personnages, - Un modèle interactif où les acteurs vont réellement aller et nous allons faire quelque chose dans le verre - du passé. - Donc tu dois arrêter ça. - Et c'est le même composant ici avec un modèle différent. Donc, dans ce cas, - au lieu de, - euh , - comme pour nettoyer le verre , -ils seront comme enlever l' - Islam de la boue. - Hum et puis évidemment expliquer comment facile à une échelle ce concept et, - vous savez, - créer plus de modèles si nécessaire. - Une partie des cadres a été expliquée. - Comment interagissons-nous avec les sections ? - Vous savez, - tous les gestes que nous allons utiliser, - donc on va dire le contenu en dessinant un cercle, - on va ouvrir le contenu en faisant, mais comme peindre avec les doigts peints en arrière - va en fait fermer contenu. - Vous pouvez réellement créer comme des poignées de main secrètes avec quelques caractères dans certaines des fenêtres -. - Vous pouvez vous déplacer de gauche à droite. - Et encore une fois, - c'est un sensible, - comme, - assez complexe. - Alors je vais au pire cas pour vous voir, combien de détails peut-on mettre dans le cadre ? - Donc encore une fois, - comme dans un échantillon de semaine d'interaction jusqu'à ce que l'appareil, - mais nous contestons tourné aussi bien juste pour terminer cet exemple. - Il y a des animations, - sauf, - euh ouais, - par exemple. - Donc le saut de caractère, - comme vous pouvez le voir, - est certain à propos de ce signe est sur le spectacle. - Comment c'est, - vous savez, - est une montrer le concept de ce qui va se passer, - comment le contenu dans ce cas sera révélé par, - comme, - un personnage qui saute par, - comme un porte qui s'ouvre ou par, - comme, - caractère qui fonctionne et réellement révéler le contenu c'est un masque. - Regardons un zoom arrière juste pour que vous puissiez le voir. - Ihsaa Très gros travaux d'impression. - Hum, - et c'est une description de haut niveau juste pour le client et une autre rapide, - maladie parfumée plus facile. Je voulais montrer, c'est juste un site web où, en fait, c'est juste un site web où, en fait, j'illustre à quoi ressemble l'écran ici, la taille et la façon dont ça va toujours prendre toute la peau du j'illustre à quoi ressemble l'écran ici, taille de la navigation - d'être en bas askew école vers le bas il vient au sommet, - vous savez, - juste passer par une partie du contenu. - On a un peu trop de détails ici. - Mais, - vous savez, - juste essayer d'expliquer au client que la façon dont les sections sont connectées. - Donc, cette image plein écran que vous faites défiler vers le bas il y a une carte et vous pouvez cliquer sur certains - pointeurs et il glissera vers telle ou la carte, - Um, - et ainsi de suite. - Alors revenons. - Ce sont quelques exemples hors cadres, - et maintenant j'aimerais juste passer très vite à travers certains must. - Et ne pas que vous ayez réellement à faire lors de la création de votre propre cadre. - La première chose est de penser à la grande image. - Ne pas ramasser les détails et vider quelques descriptions de contenu parce que, - vous savez, - ramasser des détails ou du contenu à ce stade du projet pourrait finir dans - des discussions que vous ne voulez vraiment pas avoir avec un client juste pour l'instant. - Maintenant, le but est d'obtenir cette approbation sur les frameworks afin que vous puissiez réellement passer à autre chose, - comme entrer dans les détails sur des sections spécifiques. - Mais à ce stade, - vous savez, - a essayé de le garder vraiment comme le haut niveau et juste expliquer comment ces sections étaient les unes avec autres. - Plus que d'entrer dans les détails. - Quel est le lien entre toutes les sections ? - Vous devez détailler cela comme vous avez besoin d'expliquer comment ces sections sont connectées les unes aux autres. - Oh, - et vous savez, - vous des choses comme une navigation comme une animation entre les deux était la transition si c'est comme une - connexion physique entre eux, - Alors pensez à comme une section va pousser l'autre, - ou il le fera, - comme top commun tous ces détails. - Ce serait bien si vous pouviez l'expliquer, - refléter toutes les fonctionnalités. - Nous ne nous soucions pas du contenu, - mais nous nous soucions de la fonctionnalité à ce stade. - Désolé. - Des jours comme, - hum, - comme un fonctionnaire de sauvegarde comme un mettant en vedette quelque chose ou il y a un, - euh, - partager toutes ces choses qui pourraient déclencher comme de nouveaux scénarios est, , - travail important avec des fonds à 100%. n' Vousn'avez peut-être même pas besoin de téléphones, mais j'ai juste quelqu'un qui a vécu des expériences dans le passé où certaines personnes vous feront avec une mais j'ai juste quelqu'un qui a vécu des expériences dans le passé où certaines personnes vous feront avec une très petite police de caractères. - Et tu sais que c'est toujours un problème parce qu'ils font un travail que tu peux en fait, - tu ne pourras pas traduire au panneau plus tard. - La revendication pourrait approuver quelque chose parce qu'ils étaient juste, - comme déplacer leurs soucis à la conception. - Cependant, - vous savez, - à ce niveau, - vous jours tout plaisir. - J'essaie de ne pas devenir trop fou avec cet Isis et d'essayer de, - tu sais, - de te rapprocher. - Plus on peut se rapprocher de la réalité. - C'est drôle. - Donc je pense que je veux dire, - c'est un peu exagérer. C' est bon de penser hors de la boîte, comme je l'ai toujours dit, le fait qu'il n'a pas été impossible signifie que ça n'a pas été fait auparavant, mais ça ne signifie pas nécessairement que ça peut être fait. comme je l'ai toujours dit, le fait qu'il n'a pas été impossible signifie que ça n'a pas été fait auparavant, - Donc je vous encourage à vraiment sortir de la boîte autant que vous le pouvez pour que vous puissiez - en fait laisser hors de la boîte. - J'ai essayé les nouvelles solutions en essayant de faire, - vous savez, - dérouler vers le bas pour une navigation principale. - Ce n'est peut-être pas la meilleure solution. - Peut-être que c'est un travail cool fait que vous pouvez faire comme essayer d'innover dans ces composants. - Euh, - évidemment dans les méthodes de navigation rencontrées. - A. - Autant que vous pouvez utiliser pour montrer comment toutes ces sections sont connectées. - Planifiez tous les appareils. - C'est en fait assez important avec elle avant, - lors de l'esquisse de nos idées. - Mais même ici, - vous devriez vraiment penser à vous savez comment ces sections vont être posées sur le - différent sur la sortie de l'ami, - différents écrans et encore, - ne peut juste pas aimer revenir à la premier sujet de détails officiels est vraiment important - que personne ne comprend cela comme la conception. - Mais c'est notre description générale pour diriger cette unité. - Je veux montrer un travail d'ami de haut niveau que j'ai fait sur, - hum, - sur le lecteur RSS. - Et je ne me concentre pas beaucoup sur les différentes tailles qu'il pourrait avoir aussi, - comme, - quelle partie de la mise en page sera réactive Quelle partie des couches sera adaptée ? - Mais je voudrais en fait une des missions de cette unité pour vous les gars, - c'est en fait de créer plus complète, - hum, - cadre de votre idée basée sur les exemples que nous avons vus. - Donc je suis comme je vais le montrer, - vous savez , -je me - concentre sur une partie des couches qu'ils ont adoptées l'une des couches qui sont réactives - concentre sur une partie des couches qu'ils ont adoptées l'une des couches qui sont réactives - Mais j'aimerais que vous travailliez d'une manière que vous puissiez inclure des animations et des décisions. - Donc j'ai dit super haut niveau pas conçu du tout, - Mais nous voyons à peu près les différentes sections de la couche, - vous savez, - et combien le nombre sur la gauche serait adaptatif. - Comment, - Alors les exploits iront à droite. - Et ils incluront les médias, - s'ils l'ont, - et comment l'article sera réactif en prenant le reste avec et nous détaillons également. - Je suis tellement détail, - vous savez, - la hauteur des composants. - Quelle partie des composants sera fixée sur ce que de la part des composants sera - effectivement réactif sur la sortie. - Cette tête du navigateur, - Um, - encore une fois, - comment cela s'appliquera-t-il à, - disons, - um sur la sortie qui est similaire à une tablette. - Plus d'anniversaire, - horizontal doré. - Encore une fois, - nous avons cette nouvelle version hors de la navigation qui est effondré. - Mais vous voyez toujours, - comme l'unité d'information principale, - et vous pouvez toujours, - comme glisser pour révéler plus d'informations sur. - Alors les défaites prennent tout le cri, donc ça va être plus inspirant. - Et dès qu'ils avaient l'habitude de cliquer sur un, - il ira au deuxième écran que nous avons sur la droite où vous allez réellement prendre en charge cette - pile de prouesses. - Et encore une fois, - comment cela se traduira à un appareil mobile afin que vous puissiez voir combien leur un traducteur il. - On le cache complètement. - On vit juste un peu hors de l'indicateur à gauche. - Et cela permettra à l'utilisateur de savoir qu'il y a cet argent. - Ils peuvent glisser et révéler l'ordre que ça. - Tout le cri sera utilisé pour Theis. - Grande section avec des aperçus, - Tout ce qu'ils tapent sur ceux nous dans la version tablette. - Tu sais que tu viendras. - Article sur le dessus. Donc, - Dustin, - Simon, - vous savez, - sur la base des idées que vous avez produites, il sera cool de voir quel genre de - cadre pouvez-vous créer ? - Vous pouvez également faire une carte du site si vous le souhaitez. - Et oui, - j'ai hâte de voir ce que tu peux trouver. - C'est la fin de la liste à trois. - Merci beaucoup. 4. Créer une grille: - Tout le monde. - Bienvenue à l'unité pour vivre Intégrer dans cette unité, - nous allons couvrir la définition d'un grand composants qui font une grande spécificités De - quel design ? - Certains facteurs communs entre grand pour le Web et la conception d'impression sont de vrais exemples que j'ai travaillé - dans le passé. - Et enfin, je vais passer par le grand fait construit pour leur lecteur de cul. - Qu'est-ce qui est génial et pourquoi en avons-nous besoin ? - Eh bien, - une définition de grand est le cadre hors de l'espace, - barre leur appartement deux ou se croisent une grille, - mais une définition en fait comme mieux. - C'est celui de Wikipédia ? - A peu près une typographie, - vraiment dit structure bidimensionnelle composée d'un sérieux off croisant vertical et - l'accès horizontal utilisé à un contenu de structure Eh bien, - vous pouvez en fait, - vraiment sur l'écran qui est à peu près d'accord cela et vous pouvez voir comment je vais expliquer tous - les composants plus tard. - Mais juste ici, vous pouvez voir, - comme certains des composants qui font le grand Donc vous voyez des colonnes faciles d'unité. - Vous voyez une ligne de base et ainsi de suite. - A peu près ce plus grand qui m'aide en ce moment à organiser ce cadre fermement simple - ce qui est juste ce que j'utilise pour la présentation d'une manière qui est facile à absorber et - structure. - Il y a cette citation du soja dans son livre, - Ordre et désordre qui dit, - Depuis des temps immémoriaux, - tout ce que l'humanité a perçu a été soumis à une recherche continue de l'ordre. - Le livre est totalement recommandé, - surtout pour cette section. - Vous parlez à peu près de saluer sa région et les raisons derrière elle, - et il les applique également à ce que la même chose plus tard. Mais quand j'ai lu cette citation, j'ai pensé à ce coup que j'aime vraiment. Ce sont des choses bien organisées, et ce gobelet est à peu près comme prendre des photos d'objets. - Ils sont plutôt bien organisés. - Et il y a un plaisir visuel de voir cette photo. - Alors ça demande encore, - Qu'est-ce qui est génial et maintenant pourquoi on en a besoin ? - La raison principale est que ça fait la différence. - Vous pouvez vraiment dire quand n'importe quel signe a été fait, - mais utilisez intégrer ou où il a, - et certaines personnes sont vraiment, - vraiment bon à cela. - Et, - vous savez, - j'ai rencontré des designers dans le passé qui n'utilisent jamais le secret, - mais ils étaient juste, - genre, - vraiment spécifiques et vraiment métalliques et comment ils organisent leur incompétent. - Mais en réalité, - vous savez, - si vous pouvez vraiment utiliser un super, vous allez dire que le temps de Tom en organisant leurs infos - et en construisant la mise en page, - vous savez, - il est vraiment important de ont en fait un grand qui vous aident réellement à travailler. Certaines personnes prennent ça comme, accord, je dois utiliser un secret, mais, vous savez, ils passent presque plus de temps. - Ils n'étaient pas d'accord avec leurs besoins alors en fait, - vous savez, - gagner du temps parce qu'ils utilisent un super. - Il est donc important pour vous de savoir que, - vous savez, - un grand est le résultat de recherches précédentes et les réflexions précédentes sur ce que vous allez construire. - Et une fois que tu auras ça à l'esprit et que c'est assez clair, le grand va t'aider jusqu'à ce que ça arrive. - Et c'est un exemple du lecteur d'incendie. - Je construis ceci un exemple pour la classe, - et vous pouvez voir un peu de la création que j'ai commencé à construire. - J'expliquerai cela plus tard, - mais comme une brève description, - vous pouvez voir comment nous avons à gauche le principal qui vient avec les pieds et qui prend, - comme, - un collier composé de deux unités. - Je vais avoir un peu de marge avecce modèle juste pour m'aider. un peu de marge avec un peu de marge avecce modèle juste pour m'aider. - Comment les objets vont être votre ligne. - Et je suis aussi en train de marquer ce qui va être des appareils mobiles et la taille du téléphone et aussi comme des tablettes. - Et ceux que j'explique plus tard sont, - comme, - différents, - comme des points de rupture sur le responsable après la conception de fluage et les construire, - um, - ressource que nous avons aussi besoin de créer. - Et c'est encore un tribunal dans les Caraïbes. - Dans son ordre de livre dans cet ordre salue à l'ordre continuellement et l'harmonie à la présentation - hors des informations sur les pages Web fréquemment haute densité. - Et dans cet envoi et un exemple serait USA Today à nouveau. - Donc, dans cette page d'article, - J'utilise une rue de cinq communes et vous pouvez voir comment tout est organisé entre - vous savez, - dans ces cinq colonnes que nous avons dans le 1er 1 en fait des mises à jour sérieuses de l'histoire et puis - coller la chose va dans les autres. - Une autre raison sera les salades. - Santé yusor splénique vaut des informations différentes de page à étage de comportement - état à l'état comportemental, - qui aide à la communication de cette information et en utilisant le même exemple est avant nous - avoir cinq colonnes et nous avons utilisé est que les trois au centre juste pour afficher le texte principal - Et puis nous allons utiliser le 5e 1 sur la droite pour afficher du contenu supplémentaire. - Encore une fois, - les utilisateurs qu'ils passent par différents articles comprendront finalement que la cinquième - colonne dans la vue de l'article va toujours aimer les images et les batteries vidéo. - Une autre raison, les grands rendent plus facile d'ajouter de nouveaux contenus à un site Web d'une manière que dans - système américain avec la vision globale hors du site régional. - Donc encore une fois, - je veux dire assez simple, - comme à peu près nous construisons un site Web qui doit être mis à jour et comme tout fonctionne - dans un grand vous savez, - plus tard, nous voulions cela. - Je pense que plus d'informations sur les nouveaux modules. - Ça ira tant que nous resterons à ce crédit. - Un autre groupe faisant est ici pour planifier différents M. Dissensions sur le même contenu - tout en conservant une structure complète. - Donc ce pays, - bien avec cette grille réactive et adaptative, - parce que comme nous construisons dans ce site que laissez a un grand nous savons que nous allons planifier avec elle - dans la grille. - L'apparence de ce site dépend de la taille de Buber. - Ça n'a pas d'importance si c'est 9 66 40. - Il gardera toujours la même consistance et ceci dans le même look et la même sensation. - D'accord, - parlons maintenant des différentes parties d'un grand Donc, le minimum, - la plus petite division sur une grille. - C'est ce qu'une unité scolaire est normalement de penser trop étroite pour contenir ou - comme loger tout contenu textuel. - C'est pour ça qu'on les combine en colonnes. - McCallum est un groupe d'unités que vous pouvez voir, - et ils ont essentiellement combiné ensemble pour créer. - On appelle des zones réalisables. - Donc, dans cette fac, on peut se contenter parce qu'ils sont assez blancs, et ils se sont regroupés en régions et régions. - Est-ce que ce groupe hors colonnes et, - vous savez, - à la fin ils forment la page. - Le prochain composant est la ligne de base, - et je suis vraiment je connais la meilleure terre parce que c'est vraiment, - vraiment, - vraiment, - vraiment, - vraiment important quand vous construisez réellement comme une couche de ce qui a été conçu pour utiliser une ligne de base. - Il aide vraiment cette fosse en raison de réellement mesurer l'espacement entre les lignes et surtout - entre les blocs de caractères. - Quand tu changeras dans la typographie, ça va dire, - par exemple, - l'espace entre un titre sur la copie du corps juste en dessous qui est super utile d'avoir le - sous-sol, - donc s'il te plaît utilisez-le. - D'accord, - donc le suivant est des gouttières. - Les gouttières sont les espaces vides entre les unités et les pièces. - Tu sais, - quand l'unité recombine les cummings, ils absorbent. - Ils l'ont dedans, mais ils n'ont pas en fait celui entre celui qui les sépare d'une autre unité d'une autre colonne. - Et le dernier est le modèle sur le marché. - Donc les marges sont l'espace à l'extérieur d'une unité ou d'une colonne et mettre est l'espace dans cette unité - ou colonne. - Et vous savez peut-être que certains d'entre eux semblent familiers avec HTML et CSS parce que ce sont - comme des propriétés avec lesquelles vous pouvez réellement travailler. - C'est très utile. - Suivant Cette salutation spécifique pour la conception Web. - Eh bien, - inutile de dire, - les salautes sont vraiment vieux. - Non. - Alors quand vous voyez maintenant sur interactif, - mais évidemment ils ont un héritage hors signe imprimé et avant cela, - ils ont un héritage de peinture sur dessin ainsi de suite que nous avons ah vraiment, - vraiment longue tradition hors salutation. - Mais quand il s'agit d'interactif est définitivement un tout nouveau monde. - Je voudrais donc mettre en évidence quelques choses qui, à mon avis, sont spécifiques à la conception Web. - Le 1er 1 est des mises en page dynamiques. - Donc, nous devons réellement construire grand pour la vue inconnue, - précis. - Et dans ce sens, - nous ne savons certainement pas cela avec parce que cela dépend certainement de l'utilisateur sur la plate-forme -. - Les problèmes de l'utilisateur à ce stade. - Et ils sont comme ça. - Je ne veux pas dire les tendances, - mais comme différentes solutions que nous avons trouvé le problème et nous pourrions le diviser en adaptatif - et responsive design. - Donc, il suffit de décrire un peu Adaptive est en fait conçu qui fonctionne avec des points de rupture fixes . - Alors pense que j'ai un exemple pour toi. - Pensez à cela va un sur les chats qui s'enrobent de sorte qu'il est fixé parce qu'il a, - comme, - différents points de rupture. - Si vous redimensionnez la fenêtre, - il a réellement changé la disposition lorsque vous appuyez sur l'un de ces points de rupture, - vous pouvez voir ici, - mais rien d'autre que cela. - Rien n'est précis. - Donc ça n'a pas d'importance, - tu sais que c'était la taille de ceci tant que tu n'atteindras pas le point de rupture, - tu sais que ça resterait comme ça et déciderait réactif dans le pays. - Je voudrais le montrer pour le montrer en montrant cet exemple, - mon ami Israël Pastrana Donc est à peu près au signe qui a effectivement redimensionné progressivement - avec le navigateur. - Encore une fois, - vous savez, - ce n'est pas quelque chose que vous ferez. - Récites que nous savons qu'il n'y a aucun intérêt à faire cela, - mais cela Assurez-vous que, - vous savez, - indépendamment de votre tablette est un iPad ou une tablette Windows ou quoi qu'il y ait une solution - être différent. - Ils feront en sorte qu'il soit vraiment super sur en même temps. - Il a également des points d'étalage de sorte que vous pouvez voir un point de rupture ici est de faire le menu s'effondrer ou - pas, - donc il est certainement un mélange entre les deux d'entre eux. - Donc, en passant, - pense mobile, - plus l'écran est petit là-bas plus grand que les réservoirs et les réductions à l'intérieur parce que, - euh, - oui, - définitivement. - En ce moment, - le moment où nous vivons dans les appareils mobiles dit avoir une plus grande ou plus densité plus de résolution - que les cris de bureau. - Et je dirai à titre d'exemple, - comme, - l'écran de votre bureau pourrait avoir, - comme 72 dans un point d'intérêt, - alors que votre appareil mobile pourrait être double. - Donc à cause de ça, - si nous avons un texte de cette taille de 12 points, - quand votre bureau et vous le traduisez en mobile, - juste comme ça va être vraiment, - vraiment petit. - Donc il suffit de penser aux appareils mobiles est quelque chose que les utilisateurs prennent évidemment avec eux et ils - vérifier sur la route. - Et le Texan doit être plus grand. - Je crois que ça sonne. - Je vérifie cela comme un portfolio aléatoire où j'ai vérifié sur mon mobile et je pouvais - voir comme juste le texte était vraiment, - vraiment petit. - Et, - vous savez, - penser à moi dans le métro ou si bien n'est pas quelque chose que vous pourriez vous sentir invité à - lire. - Au contraire encore une fois, - l'un de mes sites préférés en ce moment 1,000,000 dot com, - vous pouvez voir comment juste la ferme est bien, - beaucoup plus grand et certainement plus agréable. - Et il est là pour évaluer quelque chose. - Je pense aussi qu'il est unique à la conception Web est le fait que nous décidons pour une densité de non-contenu -. - Donc, si vous comparez un magazine, - vous savez qu'ils ont évidemment déjà un cadre, - un style qu'ils doivent suivre comme dans chaque article différent, - mais à la fin de la journée, - ils savent ce qu'est l'article. - Donc, - vous savez, - ils travaillent avec cette connaissance. - Cependant, - exécuter un design interactif que nous avons construit, - nous construisons le cadre que nous construisons réellement dans le cadre pour, - euh vous savez, - quel que soit leur article des journalistes sur, - qui veut pour poster et il doit fonctionner pour tous. - Et en ce sens, - je voudrais parler de deux scénarios différents. - Le 1er 1 est des pages d'aperçu. - Alors pensez à la page d'accueil principale d'un nouveau site ou d'un site portail. - Tu vas montrer, - genre, - différents articles que tu as sur la page. - Mais évidemment, tu ne vas pas tout montrer. - Donc vous savez, - vous pourriez montrer comme un coup sur le titre. - Et peut-être qu'ils sont sous-titres. - Et dans ce cas, parce que vous allez livrer ce projet à quelqu'un, et cette personne va l'utiliser. - Tu as juste besoin d'être, - genre, - vraiment spécifique. - Um, - vous savez, - quand les détails dans des choses comme le personnage comptent, - vous devez dire que ça se sent Comment était le nombre maximum de caractères que ce carburant peut - accommoder et juste avoir à leur dire que s'ils aller plus, - vous devrez peut-être faire des ellipses dans ce contenu. Et j'ai quelques exemples de celui-là, c'est ce prototype pour USA Today et vous pouvez voir, - vous savez, - c'est évidemment cette page d'accueil où vous avez un titre à l'extérieur. ce prototype pour USA Today et vous pouvez voir, - vous savez, - Ouais, - plus de couvertures. - Et si on fait défiler vers le bas, - tous ces gars ici sont ces gars ici, ils sont uniques pour mettre en place un maximum, - sinon, - vous savez qu'il a signé peut aller en forme. - Mais ça ne veut pas dire que tu n'as pas à l'être vraiment. - Tu dois aussi être un peu flexible. - Donc vous savez, - il ne peut pas venir sur cela un minimum de ce spécifique de caractères et un maximum de cela - sur le spécifique. - Et dans ce module, - vous pouvez voir ici comment avoir dans j'étais un peu flexible, - donc il pourrait être comme deux lignes. - Il peut s'agir d'une ligne, - mais l'image sur la gauche, - ça pourrait être comme tout ce qu'il est un modèle pour le sport avec deux lignes et parfois iranien. - Vous pouvez aller à trois lignes et ainsi de suite il doit l'être. - Évidemment, - vous devez rendre compte de tout autant que vous le pouvez. - Un autre exemple serait ces autres propositions pour Google, - plus les pages brunes. - Donc encore une fois, - c'est dit la page d'aperçu. Donc si vous voulez parler de, - vous savez, - de la musique, - ou de ce que vous avez à faire ici et le titre Stary peut être jusqu'à +12 peut-être comme, - trois lignes. - Mais tu commences à écrire le texte, et on ne sait pas ce que ce texte va être. - Mais nous en avons besoin. - En fait, - la limite était le maximum que ça va être eso. - En fait, - où allait travailler avec ces cadres peut s'en occuper. - Donc, pour revenir à l'autre scénario différent dont on voulait parler, c'est la page détaillée. - Donc voici un scénario différent, - parce qu'avant nous ne pouvions pas contenir tout le contenu de l'article, mais dans le cas - étaient dans ce cas, - nous avons effectivement Il est de notre responsabilité. - Le théorique est, - vous savez, - peut s'adapter parfaitement à notre mise en page et en fait bien paraître. Donc quelques exemples dans ce sens sont, - euh, - juste... - des choses différentes qui vont au fil du temps, - ce sera l'un d'entre eux, - en fait, - euh, - juste... - des choses différentes qui vont au fil du temps, - ce sera l'un d'entre eux, -en fait, c'est comme une vue d'article assez sûre où vous pouvez réellement voir un titre et vous pouvez voir - comment ce titre, - au cas où il arrive à deux lignes. - Ça pousserait juste le contenu vers le bas. - Donc tout est flexible d'une manière que si elle est plus longue, - il a juste poussé le contenu vers le bas. - Même chose pour ça, - comme une interaction très courte et la même chose pour ça. - Merci, - Tom ci-dessous je sais que l'exemple sera Cet article fait pour USA Today et encore une fois il est juste une - question off, - comme lire différents modules. - Donc en fait, - si la société est courte comme ça est presque le pire cas une zone que les continents - vraiment court parce que si elle est longue, vous avez juste, - comme, - des tonnes de motifs différents que vous pouvez combiner. - Mais si c'est sûr que cela peut arriver, - vous devez aussi être prêt pour cela. - Dans ce cas, c'est assez long que vous pouvez le voir. - Donc tu as comme ça qui peut être plus long. - Il va pousser le contenu vers le bas. - Nous pouvons avoir, - comme, - des citations qui feront tourner le contenu. - Briser le corps est de le rendre plus ludique avec des citations comme ou quoi que ce soit Et puis aussi - enfin, - ça est arrivé ici. - Un autre sera, - euh Donc ici, - par exemple, - vous savez, - si vous êtes, - - - - naviguez dans cette page et vous, - en fait, - mais c'est pour voir votre navigation comme, - cette page est appelée vers le bas, - et vous voulez réellement cliquer dans l'un de ces articles que vous appuyez sur ce livre. - Il ouvre son superposition. - Et maintenant, évidemment, - tu sais, - ça peut aller jusqu'au bout. - Mais si vous avez créé ce système que vous pouvez commenter des lignes spécifiques médium comme le fait lemédiummaintenant. - Donc, - vous savez, - vous allez réellement sélectionner la ligne ici livre, - et ce panneau reviendra. - Les commentaires ne sont pas quelque chose que vous pouvez en fait, - hum, - vous savez, - comme couper. - Ils doivent être là jusqu'au bout. - Donc encore une fois, - si cela devient plus long, - ça va juste s'allonger. - Maintenant, - pour revenir à la présentation, - il est important d'être ludique. - Il y a quelque chose comme, - Je vais nous expliquer ça plus loin. - On passe à autre chose, - surtout sur la typographie. - Mais, - vous savez, - il est important d'organiser le pays d'une manière qu'ils utilisent pour se sentir comme - en fait lire tout droit. - Un autre spécifique sur la conception Web pour les grains est la typographie. - Fulback. - Donc, cela est certainement en train de changer avec des services comme Type kid ou Google téléphones et tant - d'autres. - Mais vous savez, - à peu près avant d'en établir une comme des armes. - Et si l'utilisateur ça n'arrive pas localement dans son ordinateur, tu pourrais choisir comme un full back pour la topographie du téléphone. - Et donc, - vous savez, - fois en romantique ira à un autre, - serif différent et ainsi de suite. - Et le seul problème que vous pouvez rencontrer en faisant cela est comme le mile typographique être - peut-être, - pourquoi ils sont tellement à nouveau que vous avez juste besoin de construire réellement. - D'accord qui peut venir avec un différent, - um, - avec différents types. - Et vous savez, - c'est vraiment important quand on pense à une composition typographique, - parce que ça peut changer complètement si le téléphone est vraiment non, - celui que vous vouliez être. - Et le dernier l'est. - Évidemment, - les téléphones sont rendus par le navigateur. - Encore une fois, - c'est quelque chose qui devient de plus en plus standard, - mais c'est encore parfois avec les signataires. - Nous travaillons dans notre pour aimer les photos montrent, - mais peu importe et ils ont, - genre, - différentes façons de rendre les téléphones et ils sont beaux pour un magasin. - Et puis vous voyez réellement le téléphone sur ce qu'un ensemble spécifique sur le navigateur et il n'a pas - l'air que bon. - Donc c'est vraiment important. - Comme vous continuez, - vous concevez vos projets pour être réellement tester vos défauts dans le navigateur tout le temps. - On a parlé de la différence. - Mais parlons des facteurs communs, - parce qu'en réalité, - vous savez, - le numérique boit réellement de l'héritage que j'ai déjà précédent. - Donc ce n'est pas comme si nous venons, - en fait savoir où nous, ils ont vraiment l'Espagne crédit déjà nous l'utilisons juste. - Alors commencé à établir des règles sur toutes les tailles, - chaque science différente que nous pouvons avoir n'a pas d'importance si c'est un appareil mobile ou une tablette - ou que l'arrêt. - Vous savez, - les règles de mise en page sont toujours les mêmes. - Et vous savez le fait que nous avons besoin de lire ce contenu sur la couche était autrefois agréable - s'applique à toutes les tailles, puis évidemment typographiques et les règles de lisibilité. - Il doit avoir l'air bien, - mais il doit aussi être facile à digérer de l'utilisateur. - Et, - vous savez, - nous ciblons toujours à peu près le même groupe d'utilisateurs humains. - Donc, si quelque chose, - si vous pouvez lire quelque chose sur une page, - ça n'a pas d'importance. - Si vous voyez que sur l'iPad, - il devrait être encore Assise à lire, - comme vous le savez, - sur une plate-forme physique en fait que juste un cri. - Comment faire pour que ça arrive ? - Ce sont deux citations qui sont vraiment comme à cet égard. - Le 1er 1 dit, - le plus simple le grand, - le plus efficace il est totalement vrai sur le 2ème 1 est chaque problème nécessite consacrer une - solution. Ce n'est certainement pas qu'une solution pour tout, même s'il y a des mecs des soirées, Frank. Mais la réalité, c'est que si je finis l'unité comme ça, tu sais, tu n'as peut-être pas, euh, - une bonne opinion sur moi. - Parlons de vrais exemples. - On peut voir ces grilles. - Le 1er 1 que je voudrais montrer est la page des termes et conditions sur le vol de skate. - Donc vous pouvez voir ici la poignée que j'ai utilisée quand on construit le site, - vous pouvez voir comment, - comme le Tobar peut réellement utiliser, - hum, - comme quelques unités verticales, - la moitié mais c'est joli beaucoup de choses sont une ligne sur la base de référence. - Ensuite, nous avons cette zone jaune que encore une fois vous pouvez voir comment il s'adapte parfaitement sur la création - et que nous descendons désespéré, - assurer comment même les boutons et cela prend. - Tout est assis reposant sur cette ligne de base sur qui aide vraiment à créer comme - l'espace. - Et c'est bien entre le titre sur le corps du texte. - Donc pour le bouton aussi, - c'est à peu près, - comme suivre, - évidemment sur cette ligne de base et aussi, - vous savez, - je facture deux régions. - Donc, c'est un super assez simple sur seulement deux régions, - une rejetant quand vous avez le menu. - Et celui-là le corps de tex, - où vous avez, - comme, - tout le contenu. - Alors c'est l'un l'autre. - L'un est le détail, - trop. - Il n'y a rien de plus complexe, et je le suis à un moment donné. - Mais d'autres je ne l'ai pas fait, - donc vous pouvez voir comment encore, - comme évidemment le Khobar et le cadre suit parfaitement, - tout le contenu pour être comme au-dessus de la ligne de base, - même les conditions météorologiques que vous bougez en bas. - J'avais juste besoin d'aller plus en détail, - donc je ne vais pas utiliser autant la ligne de base, - mais dès que j'entends tout, - c'est parfaitement aligné et il crée, , - blocs de contenu, - un exemple de, - comme, - nombre de caractères. Donc, quand on construit ces horloges ici, , je dois leur donner, je dois leur donner, la personne accusée aussi, comme l'équipe éternelle, un nombre maximum de la personne accusée aussi, comme l'équipe éternelle, caractères qu'ils pourraient en fait, - cette colonne pourrait avoir la raison principale est que nous avons beaucoup de temps pour, - um développement et réside également dans la grande quantité d'images que nous avons pour toutes les - différentes destinations. - Donc, nous voulions vraiment avoir, - comme, - ce maximum, - pour qu'ils travaillent toujours ensemble vraiment sympa. - Et vous pouvez voir comment bouger à nouveau tous les domaines sont comme, - vraiment comme accrocher au grand tout le temps autant que possible. - Un autre exemple sera à nouveau La page de l'article que j'ai montré avant Donc, vous pouvez voir comment ils tiennent - eux. - Ça marche avec pris Ritz. - L'une est cinq colonnes et l'autre n'est que deux colonnes. - Encore une fois, - voici cinq. - Vous pouvez voir que ça prend un blurb humain que la citation prend aussi. - Si on descend. - Maintenant, nous avons ceci, - comme du contenu supplémentaire là qui prend la cinquième colonne. - Nous brisons dans les trois colonnes sur le centre parfois en mettant du contenu comme celui-ci et - juste à la fin, - vous savez, - avec vous par la société juste pour avec plus d'histoires à côté est dans la couverture et enfin - avec quatre modules, - comme plus de contenu de votre ville. - La dernière partie de cette unité est le R. - dit lecteur. - Je voulais partager avec vous mes progrès sur la conception et aussi comme le grand que je - construit pour It s donc ce que vous pouvez voir sur l'écran. - Si vous vous souvenez du travail de mon ami, - j'allais faire à l'écran dans trois domaines différents. - Donc, quand sera la liste de tous les exploits utiliser Décrire quand vous pouvez voir le nouveau poste là - sont disponibles. - Vous pourriez voir comme votre favori. - Ou vous pourriez voir comme une liste de flux. - Une autre Colleen centrale sera, quand vous le savez, quand vous sélectionnez un pied spécifique, vous verrez les nouvelles répertoriées là-bas, mais vous ne verrez pas juste le nom sur un petit peu de la description, - tu verras. - Aussi, - comme tout contenu médiatique qu'ils viennent avec, - euh et puis vous aurez cette zone sur la droite où vous verrez réellement l'article. - Donc je vais sauter deux pour le spectacle, - et ça peut être plus facile à visualiser. - C'est un peu comme le fait le lecteur. - Je ne suis pas vraiment content de certaines fonctionnalités. - Ils l'ont fait. - Donc, - par exemple, - pour moi, - cette colonne du milieu est vraiment important pour vraiment me faire décider de lire un article à - avoir été un article ou non. - Et juste parce que je m'abonne à des exploits qui, - vous savez, - n'ont pas vraiment un titre pertinent. - Peut-être qu'il y a, - genre, - l'inspiration de type. - Hum, - donc tu sais, - n'est pas vraiment séduisant, c'est pas vraiment me faire cliquer dessus. Je voulais montrer un peu plus de vidéos médiatiques qu'ils ont ici, donc je peux en fait, donc je peux en fait, vous savez ce problème pour cliquer dessus, mais c'est àpeu près ce que j'ai expliqué. vous savez ce problème pour cliquer dessus, mais c'est à - On avait cette colonne là où tu peux voir tes pieds. - Vous pouvez voir un nouveau poste. - Vous avez toujours considéré comme favoris, - et puis vous voyez individuellement défaites utiliser décrit à. - S'ils viennent avec une icône qui sera visualisée s'ils ne le font pas, - nous aurons, - comme ça. - C'est comme un défaut. - Je viens pour les détails que je pensais que ce serait cool. - Vous aurez, - comme des groupes. - Donc vous pouvez toujours suivre celui-ci interne, - un et ils obtiendront, - hum, - il deviendra un groupe fait, - aussi. - Et une autre chose que je voulais montrer, c'est le fait que tu sais, - tu as ce numéro qui te dit le nombre d'articles que tu n'as pas lus sur ces pieds - et tu sais, - dépendant. - Si vous n'avez pas d'article sur le cinquième, - vous verrez le titre comme ce genre de comme eux dehors. - Tu sais que c'est vide. - Si vous avez des articles à lire, - il sera un peu plus mis en évidence. - Donc tu sais qu'il y a quelque chose. - Une autre indication visuelle que je voulais faire dans ce sens était le je viens comme je pensais, - ce sera vraiment cool si disons que vous lisez tous les messages dans, - pas pour le papier donc l'icône disparaîtra et sera affichée comme un petit cercle, - mais il est seulement dès que vous en avez un. - Tu dois lire le livre. - Il fournira. - Il va redevenir grand. - La raison est que je veux leur montrer. - Vous savez, - cette colonne quand la gauche a deux vues différentes, - ce qui est élargi et l'autre est l'effondrement. - Donc quand il s'est effondré, - vous savez, - vous ne vous souciez peut-être pas beaucoup du texte sur le titre parce que vous pourriez contrarier - juste, - vous savez que ça va avoir cette taille plusieurs dans votre écran . - Vous pouvez toujours élargi, - cependant, - Mais si vous l'effondrez, - Je voulais remercier tout le contenu textuel et juste laisser une indication visuelle qui pourrait - vous faire savoir très bientôt article que vous devez lire sur cette alimentation ou No. - Donc, - vous savez, - en l'ayant comme ça, - vous obtenez une idée très rapide des exploits. - Êtes-vous déjà lu et ceux que j'ai encore, - comme, - point en suspens pour vous de lire. - Donc ce sont des idées. - Et puis ce gars ici et juste comme la dédicace, - vous savez, - différents modules comme ça vient avec une photo. - Il n'est pas livré avec une photo. - C'est juste le texte. - C'est juste qu'il faut avec les Écritures et ainsi de suite. - Plongons un peu dans la crème. - Alors quoi ? - J'ai pensé pour ça, - tu sais, - ça, - vraiment ? - Nous avons cette unité ici, - et ça n'a vraiment pas d'importance du nombre d'unités que vous avez, - parce que je prévois que cela va vraiment adopter, - faire quelle que soit la taille d'une solution hors de l'écran. - ISS. - Cependant, - il y a quelques composants adoptés. - C'est comme le, - um les flux beaucoup ici. - Cela dépendra de la taille de votre écran, - tout votre appareil qui sera montré complètement ou non. - Et il y a aussi un web, - une version de téléphone où il sera effectivement effondré au début. - Donc, - vous savez, - je pense que le nombre d'unités n'a pas d'importance en fait. - Mais il est vraiment important que nous sachions ce qu'il y a avec un téléphone ? - Donc je nous prends une référence que j'ai trouvé 6 40 pixels avec et aussi une tablette. - Encore une fois, - je pense que c'est une référence, - euh, - l'iPad, - euh, - avec, - euh aussi bien dans ce sens, - évidemment, - vous savez, - ce n'est tout simplement pas une question de montrer le contenu à partir, mais en fait doubler la taille quand - vous arrivez à cet appareil pour de vrai. Donc vous pouvez voir juste parler des différents composants que nous avons. Comme on l'a dit, , j'aime toujours marquer un peu la ligne de base et ensuite je suis remarquable. - Il m'aide vraiment à organiser visuellement comme cet espace entre le type et parfois dans - ce cas, - et fait encore plus profond sans séparation de cinq pixels. - Et puis on a les unités et ensuite je crée. - J'aime créer des marqueurs pour, - comme, - tapoter dans les unités. - Donc si je vois, - euh, - tu sais, - ça correspond à beaucoup. - Vous pouvez voir comment tous les éléments sont alignés à cette partie dans l'unité, - c'est pour moi est vraiment utile, - et il m'aide vraiment à le garder comme, - snappy et vraiment organisé aussi bien. - En ce sens, - j'ai la même chose sur la droite, - donc c'est un maximum, - comme le texte ne devrait jamais aller au-delà de ce point. - Sinon, - il va briser la marge au départ de l'unité et vous savez qu'il ressemblera à un clatter, - donc c'est important. - Aussi pour dire aux développeurs que nous avons le même genre de Mark en soulignant la séparation - au sein de l'unité et ceci pour cet article de colonne. - Encore une fois, - vous voyez comment ni les images ni le contenu ne vont avant cette partie de celui-ci. - Le seul contenu réel qui va qui vient que nous serons avec avant est la sensation de recherche. - Et ça n'aime pas la moitié, - parce que sinon, - tu sais, - tu dois vraiment penser au genre. - Il a presque besoin de respirer un peu plus que X ray certains des composants. - Donc, puisque c'est comme eux dehors, - il est bien de ne pas suivre le même modèle. - À mon avis, - euh et ensuite la même chose sur la droite, - juste pour s'assurer, - que - ne prend pas les filles, - elles sont les seules à nouveau finies. - Le champ de recherche. - Ça va comme la moitié. - Alors c'est ce texte. - Le truc à propos de ce Texas n'apparaît que lorsque vous pointez l'article. - Vous verrez que je travaille encore dessus. - Mais nous aurons, - comme cette date où cela a été posté et aussi les options pour le faire commercialiser son favori -. - Donc tu peux en fait, - vraiment plus tard, d'accord. - C'est donc mes progrès sur leurs fesses. - Si et j'adorerais voir le tien, - je me suis opposé à ça. - Super. - Donc PST est quand vous pouvez réellement l'utiliser ou simplement utiliser ceci une référence sur votre mission. - Merci beaucoup. - Et je te verrai dans la prochaine unité. 5. Typographie, l'air et le sentiment: - Tout le monde. - Bienvenue à l'unité 5 topographie et look and feel after Sure, - introduction couvrira les bases de la typographie et une section que j'appelle. - J'adorerais lire vos textes. - Après ça, - nous allons passer, - Um, - où en suis-je avec leur lecteur d'artistes, - qui est la mission de la classe. - Donc un peu d'interaction. - D'abord, - je regardais ce keynote de Jason Santa Maria, - qui est l'un des réalisateurs X Create hors type gamin. - Et il parlait de typographie web. - Et il y avait, - genre, - plusieurs choses. - Tu as dit ça. - En fait, je pensais qu'ils étaient pré intéressés, - et le 1er 1 était comme, - si vous tapez est mauvais, - a-t-il signé échoue ? Et je pense que c'est vrai en réalité, si vous me parlez des champs sonores. - Mais il a aussi dit que vous savez, - n'est pas à propos de Comment est le type est Abbott est sur la façon dont mauvaise est l'utilisation du type. - Donc, dans ce sens, - vous pouvez voir à l'écran comment amusant sens comique. - Et en fait, j'ai été assez surpris quand j'ai changé la topographie parce que je m'attendais à l'horreur de regarder, et je pourrais dire que je n'aime pas tellement ça. - Je veux dire, - la bande dessinée se vend, - mais tant que vous gardez un bon espacement et que vous savez que le bon herky est certainement l'utilisation - du type de ce qui rend votre design échoue en plus de votre sélection de temps. - Une autre citation par les symptômes de jour de Santa Maria que je pensais qu'il était avec non pertinent est le - type est une décision importante à prendre en considération à chaque étape du processus de conception. - C'est vraiment important. - Et, - tu sais, - c'est quelque chose que tu décides au début. - Mais vous devez être suffisamment flexible pour revoir votre décision à travers le processus de conception - juste pour vous assurer que vous prenez la bonne décision. - Et c'est une citation que je viens de trouver et ce texte est destiné à être lu. - C'était la raison pour laquelle ces choses signifiaient ? - Je suis un de ces designers depuis très longtemps, - vous savez, - je dirai toujours, - comme, - Oh, - personne ne lit le texte, - ils viennent, - personne ne lit le texte, - et c'est vrai. - Je veux dire, - personne ne vérifie. - Mais la seule raison pour laquelle les utilisateurs ne lisent pas de texte c'est parce que nous ne traitons pas le texte avec respect. - Je veux dire, - si vous voulez que grâce à être déchiré par les utilisateurs, - vous devez en faire plus pour eux, - vous savez, - rendre la sortie de type plus et, - vous savez, - difficile à voir Tu sais qu'ils ne se soucieront pas du plus vieux côté. Ce n'est pas comme,tu sais, tu sais, ce fameux livre ne me fait pas croire que c'est gratuit. - Comme si les utilisateurs ne sont pas stupides, - ils sont juste paresseux. - Alors traitons le texte avec respect. - Et, - vous savez, - assurons que toute la victoire ayant l'écran est en fait lisible. - Donc, dans un exemple, - en ce sens, ils sont Wikipédia site Web. - C'est un site pour Leo et il est totalement réactif. - Leur problème est qu'il a une disposition vraiment liquide, - et il n'utilise pas réellement de pourcentages. - Ça va tout le chemin. - Donc, tout le domaine où vous pouvez lire maintenant, - petite Médina, - vous savez qui va obtenir un étirement avec votre navigateur. - Et personnellement, j'ai un très grand écran, - et j'ai tendance à avoir le navigateur qui prend tout l'écran. - Donc, quand je reçois les situations comme ça, - vous pouvez voir comment la mesure hors ligne est si grande, - c'est comme quatre fois la mesure recommandée pour ce texte qui est vraiment difficile à lire. - Donc, chaque fois que je pénètre dans la Wikipédia, - je dois en fait redimensionner le navigateur parce que sinon je peux lire le texte. - Il est vraiment difficile de faire un suivi avec le texte quand nous avons une telle mesure. - Alors passons à travers les différentes bases de la typographie. - Comme nous l'avons dit précédemment, - je pense que dans le premier chapitre, - la typographie peut nous être définie. - Ils sont sur technique hors type d'arrangement afin de rendre la langue visible. - Donc, - vous savez, - les bases de la typographie seront tous ces différents composants qui rendent le type visible. - Cela rend la langue d'une manière que les utilisateurs peuvent l'apporter. - Donc je vais utiliser ce gros, - gros paragraphe comme exemple pour décrire réellement tous les paramètres. - Donc, le 1er 1 est la mesure. - Mesure est la gauche de votre ligne Ils ont envoyé mesure recommandée de 60 65 caractères sur -. - Si vous surmontez ça, - ça devient juste comme un exemple Wikipédia qui est vraiment difficile à suivre. - Un autre est en tête. - Le début peut être décrit comme la distance entre la ligne de base de deux lignes différentes - dans le même texte. - C'est pourquoi vous pouvez voir dans cet exemple que nous avons une grande vie dans le titre principal. - Parce que juste que vous savez, - la base que la vie entre ces deux-là la distance entre les lignes de base est plus grande, - mais c'est vous descendez aux sous-titres. - Vous pouvez voir comment le linge petit dans ce bloc de texte, - et il devient de plus en plus petit avec le corps du texte. - Un autre concept est le suivi. Donc le suivi est la distance entre les personnages, , comme voir ça un groupe. - Donc vous savez, - c'est un peu déroutant quand vous pensez vraiment à suivre et tourner. - Mais pensez au suivi. - Il s'applique à l'ensemble du bloc de texte de sorte que vous pouvez voir un exemple ici sur la gauche, - ce paragraphe entier avec un suivi de 10 points confort au même espoir. - Un avion avec un suivi de 50 points. - En ce sens, - un autre concept est le nom Kerr. - Donc Kernen est l'espace spécifique entre deux caractères, - donc le suivi est comme un niveau supérieur. - Ça s'applique à l'ensemble du groupe. - Sur Kernan, - seule la fourniture ne s'applique qu'à leur relation entre deux caractères. - Vous pouvez voir comment sur la gauche. - Nous avons le même suivi vers l'avant, - et vous savez, - ils sont comme des personnages délicats comme un et pourquoi ou un M V dans ce cas, - ou W et A qui exigent sur un Kernan spécifique sur ce tournant n'est pas appliqué sur la gauche, - mais vous pouvez voir comment il est fourni sur la droite, - et il semble juste mieux et un autre est suspendu ponctuation. - Ou je pense que c'est bien les couleurs, - Rommel, - la ponctuation. - Et c'est juste, - vous savez, - vous devez vous assurer que toutes les citations ou ponctuations que vous avez dans votre texte, - ça sort de la caisse hors de la mesure de la ligne. - Donc, si vous avez ça à appeler les Mexicains, il est là. - Assurez-vous de ne pas casser l'alignement en ayant cette citation dans la colonne. - Et c'est vraiment joli voir quelque chose. - Vous pouvez être dans un choc quand vous écrivez des citations. - Je connais le concert. - Ragin. - Donc Ragin est en fait que vous voyez comment la mesure au large de la terre est spécifique. Mais comme tout est laissé en ligne, certaines lignes finissent avant d'autres. - Ça dépend, - était les derniers soucis. - Ça ira un peu plus ou moins, alors nous devons essayer autant que nous le pouvons. - Et c'est aussi comme l'une de ces options assez fines dans les éditeurs comme Photo Shop ou - Illustrator pour faire le Ragin, - plus nous pouvons faire des vies, - plus nous pouvons être cohérents que nous pouvons. - Donc ça a l'air mieux. - Un autre concept de contraste. - Contraste. - C'est à peu près, - vous savez, - définit comment les attaques devraient apparaître si vous avez un fond blanc ou, - au contraire, - un fond sombre. - Donc c'est une règle empirique rapide . - Si vous avez le texte sur un fond sombre, - le suivi et le début du texte devraient être plus grands. - Cependant, - le poids devrait être plus petit, - donc c'est vraiment difficile à voir parce que c'est pour ça que nous le faisons. - Mais ici, vous pouvez voir comment le titre principal, - le rapide brun Fox saute sur le chien paresseux sur le côté gauche est vraiment vraiment balle, - tandis que sur la droite est semi-balle. - Et c'est vraiment difficile à voir parce que c'est le but. - Um, - le contraste. - Vous devez diminuer le poids des fonds ou sinon il devient trop gras A et il - ne fait pas. - Ce n'est plus facile à lire. - La même chose pour le sous-titre. - Comey est pour n'importe quelle sucette. Vous pouvez voir comment le poids est, - hum, - il est moins lourd à droite sur l'obscurité, - là à gauche, - comme un fond blanc. - Cependant, - quand nous arrivons au corps Tex, - vous pouvez voir comment j'ai augmenté le suivi Onda. - Comment a augmenté le début des lignes. - Et c'est parce que si nous gardons la même chose sur un fond noir, - tout à coup tous les personnages deviennent vraiment cliquetis sur est vraiment difficile à lire un texte. - C'est pourquoi recommander d'un point de vue de la perception visuelle, - orteil réellement augmenter le suivi, - augmenter la vie et diminuer le poids sur le fonds de la hiérarchie de type ? - Eh bien, - je veux dire, - nous utilisons des tailles pour rendre les enjeux lisibles et pour mettre en évidence - hiérarchie spécifique. - Alors que voulons-nous que l'utilisateur voit en premier, - quand il regarde ce morceau de texte, - la première chose que nous voulons qu'il regarde est évidemment le titre principal. - C'est la seconde chose qui sera le sous-titre. - Donc c'est le numéro deux, - et vous pouvez voir la hiérarchie et les poids et ceux qui sont comme moi sont comme une façon, - beaucoup plus pertinents et, - par exemple, - quelle sera la troisième chose que je voudrais voir, - qui est l'auteur et la date, - même si cela n'arrive pas simplement parce que la façon dont les utilisateurs lisent, - vous savez, - les pays occidentaux où nous lisons de gauche à droite, - nous avons tendance à dessiner un Ness. - Donc auteur et ils seront probablement la première chose qu'ils vont lire. - Cependant, - la hiérarchie et en termes de poids et de couleurs, - vous dit de lire un texte d'abord. - La section suivante s'appelle I Will Love pour lire votre texte aussi longtemps que vous voulez que je le fasse. - Et cette cause remonte à ce dont je parlais avant comme le signataire - disant des choses comme ou personne ne lisait le texte. - En fait, - je veux dire, - les gens lisent des villes de texte, - mais ce que vous pouvez vous attendre à ce que je veux vraiment lire Merci, vous ne vous souciez même pas. - Donc, - vous savez, - tant que les signataires se soucient de la taxe et essayent de la rendre aussi lisible qu'ils le peuvent - les usages pourront la lire. - Mais où vous pouvez faire semblant, c'est de mettre le morceau de texte sans amour et sans point de rupture et - pas attrayant pour elle et, - vous savez, - essayer d'avoir un utilisateur qui le traverse réellement et de le faire tomber. - Ça n'arrivera probablement pas. - Donc la première, - peut-être la première chose qu'on pourrait dire sur les sens, - comme la décomposer, - tenir compte. - Et ça veut dire que si tu veux vraiment le lire, tu dois le décomposer. - Il faut articuler ce texte d'une manière totalement intéressante. - Et un exemple en ce sens est la page à propos que j'ai ici hors plan d'évasion. - Donc, - vous savez, - évidemment, - comme chaque signataire de ce projet pour faire leur page à propos est à peu près j'ai eu comme un - fichier chien et qui dit qu'il y a évidemment tout le texte qui irait dans cette page sur le - fait que nous aurons une vidéo. - Comment puis-je rendre ça attrayant ? - Eh bien, - vous devez créer comme un nouvel ordre que vous devez créer, - comme une hiérarchie hors éléments. - Ah, - hiérarchie des choses qu'ils utilisaient. - Ça va passer. - Donc, tout d'abord, - si vous arrivez à cette page en cliquant, - vous savez que vous viendrez ici. - La première chose que vous lisez est maintenant parlons de réserver des vols. - Il y a une déclaration. - C'est la première chose que tu lis. - Comme maintenant, on va parler de réserver des vols. - C'est à propos de cette page. - Il ne s'agit pas de réserver des vols. - Et si vous continuez avec eux, - si vous avez les vidéos, - vous pouvez cliquer dessus. - Et puis savez-vous ce sentiment quand vous êtes coincé et ensuite à peu près expliquer ce qu'est le projet, - mais ça l'explique de j'aime vraiment la façon de la publicité, - vous savez, - C'est vraiment comme si ça vous faisait excité à ce sujet. - Mais continuons. - Alors continuez avec le texte est comme un flux normal allant de haut en bas. - Alors, - quand vous avez l'amour du monde, - l'amour, - l'amour, - l'amour, - LA vous savez que vous lisez ce bloc attaques qui est OK. - Et on croit que c'est plus loin. - Alors sortez-le. - Parlons maintenant de réserver des mouches. - On croit qu'il y a une façon plus intelligente que je suis. - J'utilise le même téléphone. - Je suis en fait, c'est à la même hiérarchie, - donc vous pouvez réellement les connecter et pas avec ce texte, - et vous avez toujours l'idée de Qu'est-ce que c'est à propos ? - Et après cette autoroute, - nous obtenons la lumière d'évasion, - et puis nous l'appelons la vie sautée. - Donc ici, - vous savez, - purement un texte. - Vous pouvez respirer vous ne pouvez pas prêt. - Tu sais, - c'est à propos de ça. - Tu sais, - il s'agit de voyager d'ici à tous ces endroits, - mais quand même, - tu sais, - c'est un service gratuit, - et j'aurais pu décomposer ça encore plus. - Mais il y a certainement un équilibre quand vous savez vraiment, - vous pouvez réellement le décomposer encore plus parce que sinon il devient comme un Tarantino comme - un sérieux off photos. - Et il n'y a nulle part où on essaie ici. - Mais on doit diviser tout le texte. - On a les points principaux. - Encore une fois, - nous croyons que c'est malin. - Si on suit l'ouragan, on l'appelle le vol échappé. - Et si on suit les ouragans comme si tu ne sais pas où tu veux aller, - Vous respectez le type de personne que nous recherchons afin que vous puissiez voir comme même juste avec le - titres ont été créés Génération pour avoir un sens sur les lecteurs l'utilisation de down. - Donc, - tu sais, - tu es le seul type de personne qu'on cherche juste un coup de pied. - Dites-nous ce qui vous intéresse et ce qui vous intéresse. - Quand tu veux partir, on s'occupera du reste. - Alors je suis Amy. - Et là, je pense à nous dire ce qui vous intéresse. - Ces icônes sont en fait vos centres d'intérêt. - Vous êtes intéressé par la vie nocturne ? - Vous avez de la nourriture intéressante, - explorer des thèmes, - vous savez, - faire du shopping. - Je pense que c'était un luxe. - Je n'ai plus jamais avec ça. - Comme la romance, des choses comme ça. - Et puis c'est comme le suivant. - Tu es exactement le genre de personne qu'on cherche. - Une meilleure recherche. - Donc maintenant, nous avons décrit, - comme décrire, - donner de grandes déclarations ou qu'est-ce que c'est ? Une meilleure recherche consiste à fournir bla, bla, bla, bla , bla bla, bla, bla. - Vous continuez. - Tu sais, - comme si je mettais le soleil au-dessus de tout le reste. - Excusez-moi sur la dissension se reflète vraiment ici. - Si j'ai tué la consommation sociale, - tout est connecté, puis continuer à décrire simple le week-end visuel. - À partir de maintenant pour que vous puissiez voir comment tout le flux vous conduit vers le bas. - Tu as Davia ? - Peut-être que vous n'avez même pas besoin de lire le texte parce que, - comme juste avec le titre dit assez Et si vous vous connaissez l'un de ces utilisateurs qui veulent - les mourir. - Voici le texte pour vous. - Tu peux le lire. - Et tout est organisé d'une manière qui est non, - vraiment lourd pour l'utilisateur. - Ils peuvent plonger s'ils veulent. - Sinon, ils ont le point. - Alors on descend et c'est comme si tu attendais ? - Essayez-le. - Vous serez surpris par leurs résultats et nous finissons par le flux. - La Sainte Science finit avec un appel à la recherche d'action maintenant. - Alors pense à la hiérarchie. - Comment la texture dit communique toute l'idée et comment nous finissons par le flux. - Non, - avec de cela et où l'utilisateur sera comme. - Alors qu' est-ce que je ne sais pas ? - Non. - Ils savent ce qu'ils ont à faire. - Ils doivent chercher maintenant. - Euh, - ouais. - C'était un exemple dont j'aimerais parler, - comme, - comme, - tu sais, - le décomposer. - Le Texan fait d'une manière que les utilisateurs peuvent comprendre une certaine lumière échappée. - Alors peut-être que tu ne sais pas, - qu'est-ce qu'on peut faire quand on essaie le texte ? - J'ai quelques exemples. - Le 1er 1, je n'ai pas fait celui-là, mais c'est un site web que j'aime vraiment et c'est le grand mécontentement ? - Fondamentalement, - vous pouvez vérifier est le plus grand contenu. - Ils viennent et postent des interviews orteils, - vous savez, - vraiment, - des gens vraiment intéressants. - Alors n'hésitez pas à l'enlever. - C'est vraiment incroyable. - Ce que j'aime de ce côté et ce que je voudrais souligner maintenant, c'est juste comment tu sais qu'ils sont crétin. - Ils font quelque chose de vraiment sympa à partir d'une interview. - La façon dont ils décomposent le texte, c'est tellement logique. Donc, tu sais, tu veux toujours avoir l'occasion de créer des illustrations autour de ton message , et c'est très bien, tu sais ? - Mais il y a encore, - je pense, - le grand mécontentement. - C'est un excellent exemple de comment, - juste avec le type, - vous pouvez créer une mise en page qui est vraiment agréable et vraiment facile à lire, - de sorte que vous pouvez voir ces trois préservatifs. - On voit d'abord ce type Jason. - Alors que vous faites défiler vers le bas la première chose que vous voyez, - si vous suivez comme vous savez le chemin était de gauche à droite de haut en bas à propos de Jason. - Génial. - Nous continuons quelques trucs de sponsor et puis ici, - vous comprenez que c'est le corps principal et puis comme un contenu de soutien. - On a juste une citation sur cette citation. Décrivez totalement quelque chose à propos de Jason ici, et quand vous descendez, c'est comme , c' , mon Dieu , je sais queçadevient ça vraiment dur. - Ils sont comme briser le texte. - Vous avez donc des paragraphes différents. - Différents points forts que vous descendez. - Tu sais, - ils essaient de le rendre facile à lire, - et ils ont même des citations, - la pause, - leur couche. - Et c'est incroyable. - Ils cassent tout ce collier avec un plan, - en prenant le tout avec. - Et c'est juste comme, - quelque chose de vraiment beau visuellement qui serait, - vous savez que ça va vous faire continuer. - Vraiment ? - Alors tu redescends. - Plus de célébrité, - un certain soutien et des fonctionnaires. - C'est vraiment sympa. - Et c'est l'exemple hors évaluation. - C'est juste que la typographie est très bien utilisée pour faire une couche qui, - vous savez, - pourrait être sèche si vous ne jouez pas avec. - Mais juste parce qu'ils font ça, c' est vraiment sympa de le voir. - Je vais certainement m'engager dans Griffin. - Droit. - L'autre exemple est USA Today sur celui-ci. - D'accord. - Il y a si longtemps, - je travaille dans ce journaliste pour ce puits, - c'était à peu près, - je veux dire cadre défini un peu et faire certaines sections de presse. - Et, - vous savez, - je fais quelque chose que je nous ai pris un défi réalisé parce que c'est certainement une section qu'ils -, - - pas tant de gens se soucient en termes Off the sign est juste un section d'entreprise, - la section de presse. - C'est juste pour les journalistes, mais, - vous savez, - ils méritent aussi un bon signe. - Donc j'ai pensé que ce serait intéressant si nous pouvions créer des déclarations audacieuses. - Alors imaginez quand vous tapez quand vous cliquez sur l'histoire des décibels, - la première chose que vous voyez est comme si ce n'était pas la même chose. - C'est juste l'une des plus grandes déclarations qui définissent Desi Wallace. - Une marque en tant que société n'est pas la même chose. - Et c'est la première chose que tu vois quand tu reprends ça. - Tu sais, - tu descends, - et il est important d'avoir des citations pour décomposer le texte autant que possible. - Si nous avons une vidéo, - vous savez, - mettre de la façon dont ça a du sens, - je ne connais pas certains contenus, - et tout cela dépend des atouts et vous avez. - Mais il y a toujours un moyen de faire réellement compte et de faire gentil Un autre que vous pourriez - reconnaître à ce stade est à nouveau cette page d'article et juste à nouveau, - vous savez, - soulignant comment nous rompons l'appel. - Liam ici avec cette citation comment nous avons le sous-titre dans un poids différent Comment nous avons cela - grand capital M pour commencer le paragraphe et ainsi de suite. - Vous savez, - il s'agit de donner le second, - et il s'agit de faire le contenu, - de s'engager pour l'utilisateur, - de continuer, - d'illustrer une étude de cas. - Donc quelque chose que je travaille pendant un moment a fini interactif. - Et, - vous savez, - j'ai certainement appris des railleries en termes de design, - et c'est nous qui avons commencé à créer des cas pour que vous sachiez, - certains projets où pourraient être votre meilleur. - Un panneau n'est pas arrivé à la sortie finale ou pour quelque raison que ce soit. - Tu sais, même la timidité. - Muchas vous le souhaitez, - mais vous avez vraiment aimé de grands designs ou beaucoup travaillé sur une illustration spécifique. - Nous avons pensé qu'il serait vraiment agréable de mettre en vedette tous ceux comme les étapes de travail burger dans cette étude de cas de prêt et vous savez que cela fonctionnera aussi bien pour promouvoir tout le métier et tout le - amour que nous avons mis sur ces composants indépendants. - Et je veux juste donner l'exemple ici. - Donc c'est l'un des cas avec ça pour les gars du site Google, - et c'est juste une partie de ce n'est pas tout, - mais je travaille sur celui-là, - et c'était vraiment vraiment sympa de, - vous savez, - essayer de penser quoi ? - Comment as-tu pu faire ce texte d'une manière que les gens le lisent ? - Non, on n'essaye pas. - Je ne fais pas semblant d'avoir des utilisateurs dans quelque chose que je ne casserai jamais. - Alors, comment pouvons-nous faire cet intérêt et encore ? - Je pense que si vous le comparez à ce jour, - un grand mécontentement n'est certainement pas le même. - Parce que nous avons ici des atouts et nous avons la passivité de créer des illustrations portant les autres que nous n'avons pas. - Mais encore une fois, - c'est une question de faire comme créer une histoire, - créer une histoire dans votre page qui pousse les utilisateurs à lire tout. - Jetons un coup d'oeil à celui-là. - Tu sais, - où était le corps, - comme des visages ? - Comme toi ? - Excellente stratégie. - Nous avons un sous-titre sur, - vous savez, - tout de suite, c'est un truc visuel. - Nous avons, - comme, - déjà certains des croquis avec vers le bas et prend que ce crime il n'est pas trop, - juste assez. - Donc, - vous savez, - si vous lisez le texte, - si vous lisez le titre, vous obtenez de quoi s'agit-il ? - Et si vous voulez plonger dans un peu plus, - vous savez aussi, - vous avez cette option pour que dire les cadres de fil finaux essayant de le garder court, - en essayant de le garder comme, - vraiment bien organisé et toujours essayer de, - comme, - montrer des œuvres d'art complémentaires à rencontrer. - Donc, ce n'est pas essayer de décomposer la section. - Alors tu vois comment on est parti de toi étendre une stratégie et maintenant je vais commencer à parler ce signe. - Donc, ce qui est comme le décomposer avec une très belle illustration juste pour aimer. - Le même processus est d'ouvrir la section d'une manière que les gens sont comme , - Maintenant, on va en parler une déclaration vraiment audacieuse à nouveau construire la hiérarchie. - Donc c'est vraiment facile à ça. - Le peut-il ? - C'est la première chose que tu verras en descendant. - Vous savez, - vous pourriez finir par regarder la page d'accueil et si longtemps encore quelque chose de composants Tractor. - C'est une très longue page avec comme, - je suis en train de marquer avec un proche comme, - tu sais, - des propositions qu'ils font cette version finale. - D'autres qui l'ont refait, - descente finale ici. Donc je ne vais pas répéter tout ça encore et encore, mais tu vas avoir besoin de l'elfe comme si c'était pour traiter le texte d'une manière qui, tu sais, tu peux demander aux gens de le lire, et ce n'est pas un grande douleur pour eux, n' est-ce pas ? la Je pense quela dernière chose que nous parlions, cette unité est le lecteur nous-mêmes. - Donc l'un des types d'actions a fait et, - vous savez, - des choses qui en définissent réellement l'aspect et la sensation. - Ce que je veux montrer dans cette unité ressemble à des étapes différentes. - Gros travail en cours sur mon AR, - dit le lecteur. - J'ai vraiment hâte de voir ce que vous pouvez trouver. Je veux te montrer en gros, en termes look and feel » et typographie ce que je fais. - Je pense que je devrais avoir certains des écrans déjà dans l'unité précédente, - donc je pourrais juste parler de certains des médecins ont fait en termes de signe en termes - off conçu, - pas seulement sur la création. Donc tu peux voir comment c'est la première tentative. - J'ai fait. - Et je n'ai même pas modifié beaucoup. - Mais il y a, - genre, - quelques choses qui ont été comme le rendre plus complet à chaque fois que je reviens vraiment - à ce PSD et à peu près comme une des premières décisions a été prise , - du point de vue de l'utilisateur est comme, - Je vais avoir un cercles qui aiment vraiment, - um, - identifier quoi ? - L'alimentation. - Ils ont décrit à peu près Michael. - Qu'est-ce que c'est ? - Les chiffres l'ont décrit. - Donc là, - après Lou A B dans le 1er 1 par exemple. - Et vous verrez ici vous avez 11 post. - Vous n'avez pas vu de mission en Allemagne. - Tu as, - genre, - 23 donc sur certains d'entre eux, - euh, - disons qu'ils n'avaient pas ah, - euh, - et je viens, - on va utiliser cette valeur par défaut. - Je ne peux pas qu'on change de couleur juste pour la rendre encore plus ludique. - Vous avez cette première chose cette première fois que vous voyez d'abord ce qui est des articles invisibles. - Et puis, - vous savez, - c'est comme 188 et vous pouvez avoir des défaites et 80 ans de compte. Cependant, pendant que je pensais à ça, je pensais comme les chiffres. - Papa est très important. - Comme si j'entrais vraiment dans ce sens, tant que C. - ce n'est pas important. - Mais tu sais, - tu sais, - déjà je viens, tu es réel. - Vous savez probablement déjà que ce sont des sites de la journée l'après-midi ou vous déjà - sachez que ce sont des articles invisibles. Mais si vous visitez ce site 200 fois, je peux vous dire quand vous serez intéressé. - C'est dans ce petit numéro, alors essayons de travailler un peu plus là-dessus. C' est pour ça que je pense que c'est ma première, ma deuxième itération, où je prends le numéro. - J'ai pris le numéro et j'ai juste créé, - comme, - une grosse déclaration, - et c'est en fait ce que les gens vont voir. - Mais en même temps, - je veux donner une indication visuelle de, - genre, - ce que vous devez voir sur. - C'est pour ça que j'ai mis ça ici pour que je change de couleur si tu l'as vu. - Tu sais, - tu as vu le jour des mannequins ? - Quelque chose de nouveau. - Et à cet égard, - vous entendez comment je reviens à leur précédent le précédent, - hum, - vous pouvez voir ici comme tous ces gars sont visibles. - Mais j'ai pensé, - tu sais quoi ? - Si je peux le faire encore mieux, si je peux ? En fait, vous sivouslouez tous les articles différents de ces pieds, je vais cacher l'icône, et ça veut dire ça. - Tu sais, - ça veut dire que tu lis tout. - Il n'y a rien pour toi à des crêtes comme si elle était devenue petite. - Cependant, - vous savez, - si vous obtenez un nouveau poste, - quoi que vous sachiez, - il reviendra pour être, - comme une vraie forme. - Et ça va nous aider. - Quand on a effondré ce bar parce que tu verras comme des points. - Ils sont, - genre, - vraiment petits ou vraiment longs. - Et ça veut dire que c'est quelque chose à lire ou peut-être qu'il n'y en a pas. - Hum, - donc c'est une décision. - Un autre est, - hum, - de faire ces gars. - Vous savez, - si vous voyez ici, - ils auront la même couleur. - Mais ici, - selon que cet article est supposé pour toi de lire ou pas il y aura une autre - la couleur sera plus subtile ou, comme, - plus, - hum, - comme lumineux. - S'il y a quelque chose à lire à nouveau, - vous savez, - de petites décisions qui, en fait, - rendent l'expérience meilleure. - Euh, - un autre. - Je pense que c'est vraiment difficile à voir. - Mais la barre de recherche, - euh, - vous savez, - il est devenu un peu plus grand. - On ne fait pas la même chose. - La prochaine situation ici. - J'essayais juste de te faire savoir, - pour faire la version de cette barre d'effondrement. - Donc, comme je l'ai expliqué précédemment, - vous avez certains de ceux qui ont déjà lu et ils sont, - comme, - petits et d'autres ils ont encore un post à lire. - Ils se présenteront pour parler. - Et évidemment, - vous connaissez ce parent, - vous serez en mesure de l'étendre au fur et à mesure que vous naviguez. - Ensuite, j'ai commencé à faire cette colonne sur A dit que dans mes vidéos précédentes, - c'est en fait un appel vraiment important pour moi. - Donc, - vous savez, - je sais que j'adopte une approche vraiment traditionnelle pour le lecteur d'analyse. - Je n'essaie pas de créer un nouveau magazine inspirant et d'essayer de créer quelque chose qui - est vraiment fonctionnel et vraiment facile à comprendre. - et il y a une très bonne lecture. Ils s'appellent « Breather R E B E R et ce qu'ils font, c'est qu'ils ont ces trois colonnes, ce que j'aime vraiment parce que c'est comme une divulgation progressive d'informations basée sur hiérarchie très forte. - Donc d'abord utilisé pour vous vaincre, - Sélectionnez l'ajustement. - Vous voyez les articles dans la tenue, - vous sélectionnez l'article et vous voyez l'article. - Cependant, - le problème qu'ils ont, - à mon avis, - est que c'est dans cette colonne du milieu est vraiment sec. - Rien ne me dit de lire quoi que ce soit. - Et, - tu sais, - je veux juste le rendre plus visuel. - C'est pour ça que j'ai commencé à jouer avec un elfe D comme, - hum alors, - comme un peu plus comme être moi plus ludique, - avec le texte étant plus ludique avec nous pagaies et montrant tout contenu multimédia que vous pourriez avoir - si Cependant, - vous savez, - encore une fois, - c'était ma première itération, - et comme je le faisais, - j'ai réalisé que j'allais juste à la baie. - J'ai, - genre, - quelques exemples de cela prend différents types. C' est Gibson et Miriaqui perdent le terrain pour le corps du texte, ce que j'aimerais, mais encore une fois je pensais que je l' qui perdent le terrain pour le corps du texte, ce que j'aimerais, , étais, ça ne se passait pas bien. - Donc, en fait, - ne faites pas attention à ça sur la droite. Mais en fait, j'ai senti qu'on avait besoin de le rendre plus petit. - C'est pour ça que j'ai commencé à jouer avec Gibson avec une petite taille et enfin j'ai changé le pied . - La raison est comme je pense Ariel sur les petites tailles, - comme 12 ou 13. - C'est vraiment beau quand on le voit. - Hum, - audacieux. - Alors j'ai commencé à jouer avec ce téléphone et à voir ce que je pouvais trouver. - Alors, sortant à la boutique photo, - hum , - juste pour décrire , - des choses différentes ont essayé de nouveau, - vous savez, - comme je l'ai expliqué avant, - On va avoir, - euh tu sais, - cette barre qui s'est effondrée ou qui s'est agrandie Tu peux voir comment tout suit la même ligne. - Tout est parfaitement aligné. - Et puis j'essayais comme des choses différentes ici avec la barre de recherche et ainsi de suite. - Encore une fois, - d'un point de vue typographique, - J'utilise différent dans la création d'une hiérarchie hors photographie en utilisant des tailles par, - vous semblez être un coin différent, - légèrement différent sur le corps du texte que j'essaie pour créer, - comme les différents modules que vous allez voir à travers le lecteur RSS, - c'est-à-dire, - avec une image sans une image avec juste du texte sans texte et ainsi de suite. - Et oui, donc je pense que c'est ce que j'ai jusqu'à présent dans les prochaines unités. - Tu verras cette partie pendant que je travaille dessus. - Donc c'est tout pour l'unité de cette unité. - J'ai hâte de voir vos exemples. - Et qu'est-ce que tu peux trouver ? - Merci. - Et à la prochaine unité. 6. Balance de poids visuel et de composition: - bienvenue à l'unité six sentait un certain poids visuel et l'équilibre de composition dans cette unité couvrira -. - Ces deux concepts couvriront les facteurs qui créent plus de poids visuel, - travailler sur les types d'équilibre de composition, - et nous aurons cette dernière section appelée dashi conçu Flow. - Alors d'abord, - qu'est-ce que c'est et à quoi ça sert ? - Eh bien, - les objets qui attirent l'attention des utilisateurs plus que d'autres ont un poids visuel plus important. - Cela peut être déterminé par la taille, - sur la taille des objets, - par la forme, - par la position, - par la densité par sa couleur quelqu'un, - les facteurs peuvent faire apparaître un non-objet plus dans la composition que d'autres, - puis l'équilibre de la composition sera le bon traitement de poids visuel sur visuel - directions. - Créer son équilibre de composition. - Ceci est nécessaire pour créer comme une expérience en douceur et, - vous savez, - s'il est vraiment nécessaire de vraiment nous assurer que nous livrons le message en essayant de - livrer à travers notre travail. - C'est ce que les concepts viennent de ce livre de Brittle Warehime. - Le livre est appelé Art and Visual Perception, - une psychologie hors qui a créé I. - Ce livre décrit fondamentalement le processus psychologique qui ont lieu lorsque les utilisateurs créent - ou regardent l'art. C' est un livre que j'ai lu à l'époque à la fac, et je vous le recommande vraiment si vous avez une chance de le récupérer parce que c'est le cas. - C'est un classique, - et il décrit à peu près comment nous recevons réellement des informations. - Et vous savez, - toutes les associations différentes que nous faisons dans notre cerveau, - eh bien, -les - eh bien, - facteurs qui influencent le poids visuel, - les propriétés des volatiles. - Ils sont certainement de différents facteurs qui peuvent rendre un autre plus lourd un autre. - Donc juste pour passer à travers la liste vraiment rapide le premier ce qui pourrait être la taille tellement, - vous savez, - les objets il y a plus gros apparaissent visuellement plus lourd que tout cela. - Il y a une forme plus petite. - Fondamentalement, - fondamentalement comme , - um, - forme régulière semblait être plus lourd que d'autres qui ne sont pas la forme régulière et l'espace, - eh bien, - des formes positives avec plus d'espace négatif. - C'est que les objets d'isolement sont isolés, - ont tendance à être plus lourds que certains autres qui sont comme entourés par d'autres. - Et c'est l'important espace blanc. - Dans l'ensemble, - euh, - bien, - densité. - Donc, - vous savez, - plus vous convainquez des objets dans une zone spécifique, - plus les couleurs sont lourdes, - donc une couleur semble être plus lourde que d'autres. - Donc, d'abord dans de telles couleurs ont tendance à apparaître plus clair que les coins sombres ou même lu semble être - la couleur la plus lourde, - tandis que le jaune semble être le plus léger Ah, - la valeur. - Donc, il apprend que vous connaissez le plus sombre sur l'objet. - C'est plus le poids que vous associez à cet objet. - Eso fœtus plus léger, - il semble, - en fait plus tard influence intérêt. - Donc ça sera complexe interrogé, - comme les nuances qui attirent votre attention. - A cause de leur chemin là-bas, ils ne sont pas leur forme. - Tendent à être généralement plus lourd que certains autres qui pourraient être perçus comme texture plus commune -. Cette prima dit que l'objet avec la texture semble être un volume plus lourd. Donc, si nous avons un objet qui, comme une sorte de mort de trois D, paraîtra lourd, plus lourd que d'autres qui sont comme juste pour être façonné la mort. - Sentez ce Primus dit que plus la sensation papale est souvent zone, - ils ont créé le poids visuel de cette zone. - Is, - hum, - procéder au poids physique. - C'est vraiment explicatif, - mais vous savez, - si nous avons dans une composition, - disons, - une image de quelque chose qui est vraiment lourd dans la réalité, - donc nous allons le percevoir comme quelque chose lourd aussi. - Et enfin, - l'emplacement ou la position de l'élément. - Cela dit à peu près comme plus un objet est proche du centre, - plus il semble lourd, - mais en même temps, - il peut être contraint par un très petits objets près du bord. - Donc, comme vous pouvez le voir, - toutes ces règles s'appliquent d'une manière ou de l'autre. - Mais, - tu sais, - évidemment, c'est à ton sous-marin sauf un an. - Vous êtes à vos yeux, - votre expertise pour définir et comprendre réellement le poids visuel d'une composition. - Je voulais mettre en évidence seulement cinq valeurs de tout ce que j'ai expliqué ici et donner quelques exemples aussi de ceux du 1er 1 dont j'aime parler à nouveau. - Un site assume le respect. Les objets plus gros ont tendance à paraître plus lourds. - Quelque chose a déjà été montré dans l'unité précédente. - Um, - cette partie du site pour decibel et comment j'ai décidé, - a totalement ouvert la section avec une très, - très grande déclaration qui définit réellement la société. - Et encore une fois, vous pouvez voir ici. - Ce n'est pas seulement un contraste parce que c'est le plus gros, mais c'est aussi sa taille. - Qu'est-ce qui le fait vraiment apparaître dans cette couche ? - Il y en aura un autre. - Un 2ème 1 que nous pouvons discuter sexuellement, - comme différents facteurs dans cette composition est une proposition pour la page d'accueil et il, - genre, - vraiment pas eux il y a. - Mais vous pouvez voir comment le plus grand type dans cette composition est le rêve. - Et si vous faites défiler là comme différents composants, - c'est le séjour Khobar pour ce modèle, puis quelques classeurs et ainsi de suite. , Mais en réalité, même si c'est le plus gros genre, c' est en fait ce qui craint mon intention. - Et ça ne peut pas se rapporter à l'un de ces principes parce qu'il a, , mais c'est un intérêt intrinsèque. - C'est une image si complexe que vous n'êtes pas normalement, - comme, - habitué à voir qu'elle attire votre attention, - d'ailleurs, - donc vous pouvez voir comment vous savez que c'est l'été comme mélanger ces concepts en termes. - Le poids officiel et certaines choses sont l'un de ceux que vous savez est juste. - Et parfois que vous combinez différents facteurs, - peut-être qu'il est un autre dans ce cas est certainement intérêt intrinsèque de cette image, - le suivant est plus cool à nouveau. - Donc, - comme nous l'avons dit précédemment, - comme certains coins, - elle percevait un Sevier plus lourd que d'autres. - Et un exemple de ça, - euh, - on pourrait le trouver ici. - C'est bizarre, - mais rien où nous encore. - Tu sais, - comme des couleurs comme le bleu. - Hum là, - genre, - aime vraiment crémeux sont encore moins lourds que certains autres. - Chaque plus sombre, comme ce titre et d'autres aiment vraiment, - vraiment plus léger comme le premier. - C'est là que nous avons dans la barre de recherche sont perçus comme plus léger que le pense réellement un. - Le plus sombre, c'est la densité. - Et cette prémisse de concept dit que plus vous empaqueter un espace spécifique, - plus cet espace spécifique a tendance à être lourd. - Donc, pour revenir à l'exemple, - vous pouvez voir si nous marchons vers le bas comment vous savez, - si vous regardez juste la densité du contenu dans la colonne de droite est bien, - beaucoup plus d'encombrement que cette colonne de gauche ici, - cette région de gauche et la raison en est comme si nous n'avons presque pas contenu à gauche. - Nous avons juste une photo et le texte comparés à ce que nous avons sur la droite, ce qui est fou d'informations. - Juste le fait qu'on ait un visuel ici, - comme une photo. - C'est vraiment comme l'équilibre tout de suite. - Si ce sera vide ou juste un refroidisseur, - la composition tombera vers la droite. - Mais comme nous avons cette image ici, c'est quand nous avons vu avant sur la page d'accueil de décibel, - comme il équilibre réellement toute la composition. - Le facteur suivant est la valeur. - Il y a un peu comme la couleur. - Il dit que le plus sombre et l'objet est là plus lourd, - il apparaît à l'utilisateur. - Donc, en revenant à ce type flétrir l'exemple, - nous pouvons voir comment c'est vraiment une chose courante à faire lors de l'entraînement de texte. - Donc, - par exemple, - ici vous voyez, - comme si le contraste était si grand. - Donc, en fait, il est facile de voir que lorsque nous descendons Celtics, ce n'est peut-être pas ça - important que le texte se sent ici. - Quelle est ta robe autorisée ? - Eh bien, - je l'ai juste dit, - vraiment, - vraiment, - vraiment super relance, - - ça veut dire que ce n'est pas si important. - Donc encore une fois, - vous savez, - nous pouvons suivre la composition juste en lisant le texte dessus, - enregistrer différents endroits partout dans le monde et vous obtenez le message là-bas. - C'est moins pertinent, - et c'est pourquoi il est plus frais est un peu plus gris. Donc vous pouvez voir comment on fait ça tout le chemin, - même ici, - M. Few plus gris. - Et juste pour que nous puissions créer avec ces clés plus élevées contenu par, - vous savez, - par taille, - parce que les titres sont certainement plus grands, - et aussi en utilisant le refroidisseur et sa valeur sur le dernier facteur dans ce lacets blancs. - Il dit essentiellement que l'espace positif attend plus que l'espace négatif ou l'espace blanc. - D'accord, - se déplaçant sur les types d'équilibre de composition. - Il y a donc à peu près quatre types d'équilibre de composition. - Nous avons horizontal, - vertical puis symétrique et asymétrique. - Donc horizontal et vertical pour cet exemple va revenir à, - um, - le temps du ciel bouleversé juste pour montrer comment vous savez, - certainement l'équilibre de la composition distribué sur l'accès horizontal de celui-ci. - Donc, dans ce cas, - nous avons certainement le téléphone qui est vraiment lourd. - La main est vraiment tranchante ? - Et il attire notre attention et ici à cause du contraste et de sa taille, - et aussi comme l'espace blanc autour de cela pour équilibrer les uns les autres, - mais certainement la façon dont il est un peu plus à gauche est définitivement cheval jusqu'à ce que la violence ici -. - Alors que nous continuons, - c'est assez symétrique, - comme si nous avions les poids dans cette région ici, - distribués à gauche et à droite. - De même. - Vous pourriez dire que sur ce composant aussi, - même si c'est un peu plus à gauche, - fait dans la droite à cause de cela, - mais toujours il cours plus de 50%. - Donc, ça sent un peu d'équilibre, - euh, - donc encore une fois nous obtenons cette section et c'est contre symétrique, - un peu vertical plus qu'horizontal. - Mais de toute façon, - vous pouvez voir comment la symétrie entre la section sur la gauche sur la droite, - parce que nous avons juste le plaisir du centre, puis avec décrit comme caractéristiques autour de la - téléphone. - Et enfin, nous allons symétriques jusqu'à la zone et encore, - maintenant symétrique par rapport à un symétrique. - Donc Shannon Michelle travaille juste des progrès de quelque chose que nous sommes comme un temps très long - il y a aussi mon site web. C' est pourquoi on n'essaye pas, qui est à peu près appeler Liam et tout au centre. - Donc ça va aller dans le seau symétrique et puis il y a une autre chose à propos du - show et que IHS ici est Theis site web travaillant pour les professionnels Skylanders et Activision. - Eh bien, - nous avons à peu près cette idée de, - montrer, - bloquer le passé d'une manière qui sera, - genre, - plus dynamique et parce qu'ils ont en fait, - genre, - trois catégories spécifiques hors blockbusting que nous allons poster. - Donc, il était facile de créer, - comme, - un langage visuel pour ceux-là. - Et vous pouvez voir la composition ici est tout simplement pas symétrique peu. - Mais c'était le point de départ que vous allez faire défiler un problème défilement. - Ça aura du sens. - Mais si vous prenez juste une capture d'écran, - ça ressemble certainement à l'équilibre. - Donc c'était un projet critique, - comme en particulier un 10 stations étaient plutôt sympa. - Et la dernière section de cette unité est la poussière de votre flux de conception. - Donc, - vous savez, - je veux juste souligner à nouveau que tous ces facteurs sont à vous de décider. - Je veux dire, - tu es celui qui doit vraiment penser à ça et, - tu sais, - réfléchir à ce qui est le plus important dans quel cas ? - Et tu sais quoi ? - C'est plus prédominant que l'autre extrémité. - Tu sais, - ça dépend du scénario. - Comme on l'a vu avant. - Nous avons cette photo de la fille avec l'étaient ici, - et c'était certainement comme le plus lourd amincissement du site ont cette chose dans le - site Web juste parce qu'il est une image si rare qui va attirer l'attention. - Peu importe si vous mettez la plus grosse police près de la fille à cause de ce que vous savez - il y a une hiérarchie. - Aussi, - quand il s'agit de ces facteurs, - euh, - donc cette grande question coule-t-elle votre design ? - Parfois, tu vois les signes là-bas, - Ils sont vraiment jolis. - Mais ils aiment Herrick non plus, - comme un flux semblable, - la génération similaire. - Donc ils sont, - genre, - vraiment difficiles à suivre. - Et juste pour répéter à travers cet exemple que j'ai mis avant sur la page à propos et sauter - ligne, - il est juste assez facile un citoyen. - Les études de cas que je montre dans les unités de périodes pour réellement suivre le flux parce que vous - savez généralement et exiger que beaucoup d'activité de votre utilisateur, - vous devriez en fait leur donner autant que vous le pouvez. - Donc, le processus de respiration à travers une page est si facile sur dans ce cas, - c'est le flux que vous suivrez si vous arrivez à cela à propos de Paige. - Donc vous savez, - fondamentalement, - vous allez lire des morceaux de texte pendant que vous allez de l'un à l'autre. - Ils ont vu avec un visuel pour s'engager ici. - Et, - vous savez, - ils signifient aussi quelque chose par rapport à ce texte juste pour le terminer. - Considérez, - était que ceux-ci n'ont pas de règles. - Il n'y a pas de règles ici. - Il n'y a que les seuls principes à considérer. - Et vous savez, - ces principes vous aideront à créer une composition qui est en fait l'équilibre et à - créer un flux de conception qui signifie réellement quelque chose pour l'utilisateur sur ainsi de suite. Donc, avec cela dit, je suis impatient de voir ce que vous pouvez trouver, et je vous verrai dans la prochaine unité. - Merci. 7. Ajuster votre design: - Hé, les gars. - Bienvenue au chapitre 7. - Des pensées sur l'affûtage de votre côté pour ces unités. - J'ai mis en place quelques catégories qui m'aideront quand je regarde quelqu'un hors du panneau. - Et je prends aussi en considération quand je travaille sur quelque chose de spécifique moi-même -. - Donc, cette catégorie est la 1ère 1 traiter votre type droit Revue de la typographie. - 2ème 1 contraste, - Je vais parler du contraste quand vous savez, - créer différents domaines de contenu. - Comment créer une séparation ? - L'iconographie Yusof utilise également hors pour le doigt le signe et la dernière section que je - appelle le concours de design. Alors, tout d'abord, traitez votre type, n' est-ce pas ? - Je vais entrer dans l'exemple RCs pour le show on. - Je vais parler d'espacement, - taille et hiérarchie couleurs. - Et enfin, - vous savez quoi mettre en évidence quand vous travaillez réellement avec du texte. - Alors allons-y. - D'accord. - Dokey. - Donc c'est en fait, - si vous pouvez voir ça ici. - Donc, - comme vous le savez, - c'est la mission sur laquelle nous travaillons. - C'était pour concevoir, - et je dis que nous non plus. - Donc j'ai fait, - tu sais, - un Marcus pour l'iPhone. - Comment ça ressemblerait ? - Comme quelques écrans. - Comment vivriez-vous avec le menu ? - C'est lui quand tu ouvres un article, même si tu veux chercher quelque chose. - Nous avions que les dinosaures regardent, - il descendait et vous serez en mesure de chercher en tapant et aussi avec les coins que je - pensais que ça pourrait être cool. - C'est le gars de la partie. - Mais je veux parler de la typographie maintenant et de l'espacement et quelqu'un pour que nous puissions réellement le faire - le faire dans la version de bureau. - Donc la première chose qui est l'espacement et c'est quelque chose que nous avons parlé parce que, - tu sais, - non ? - Topographie certainement, - comme est vraiment proche ensemble pour écrire l'espacement. - Vous pouvez avoir une topographie incroyable, mais si vous ne la traitez pas avec le bon espace dedans, ça peut ressembler à la merde. - Encore une fois, - nous avons fait nous avoir quelques réflexions sur, - vous savez, - comment séparer comme la hauteur de la ligne du corps, - copier et ainsi de suite. - Mais il est important que évidemment leur espacement, - il dépend vraiment de la taille de la topographie sur le texte. - Donc, - dans ce cas, - si je sors mon grand, - vous pouvez voir comment vous savez, - je vis. - C'est 20 pixels entre ces lignes de base sur cette piste, et je vis encore plus. - Je pars, - en fait 60 entre ce gars et ce gars, - je suis ce que j'essaie de faire, c'est essayer de regrouper, - euh, - contenu ici. - Donc, même si, - vous savez, - tout appartient au même article, - je préfère avoir ce titre et cela vient en fait cette ligne d'attaque publiée par David -. - Peu importe. - Et, - vous savez, - deux minutes, - non ? - C'est même s'il s'agit de tout l'article. - Ce n'est certainement pas la façon dont vous scannez le comtem. - Il appartient au titre. - Alors tu vois ce titre, tu vois qui le publie et tu vois, combien de temps ça dure ? - Je pense que je vais y aller, - tu sais, - puis on commence par une copie de corps pour la société de corps, - tu sais, - je veux dire, - je suis parti comme une entreprise, - beaucoup d'espace dans le ligne de base, - et vous voyez, - J'ai exactement laissé 30 points pour un type de 17 grossesse ici, - et j'ai eu je pense que c'est définitivement sur la perche. - Comme si je le fais un peu plus, - ça va me sentir trop, - mais juste comme ça est vraiment bon pour, - comme, - numérique comme ça pourrait ne pas être la même si tu fais l'impression, - mais comme en lisant sur un écran, - surtout avec fond blanc, - je me sentais comme si c'était vraiment vraiment sympa. - Et puis à nouveau double espacement ici et juste comme ce dernier titre eux, - l'espacement est vraiment, - vraiment important. - Y a-t-il donc de l'espace entre le titre et la copie corporelle ou l'espace entre ce titre - et en fait l'image ? - On a un top et j'étais quelqu'un d'exemple qu'on a pensé à une photo, mais vous pouvez voir comment ça se sent juste. - C'est juste. - Comme si c'était comme, - OK, - j'ai le titre. - J'ai un peu un aperçu ici et maintenant je m'y plonge. - La deuxième chose dont je voudrais parler, c'est cette taille sur la hiérarchie. - Donc, évidemment, nous voulons que l'utilisation pour cela fasse attention à ce qui est le plus important sur - l'une des façons de le faire, - être de ces hiérarchies, - sexuellement en créant différentes tailles et, - vous savez, - si vous savez un peu de HTML, - c'est comme 81 h deux h trois donc ce que je veux. - La chose la plus importante que je voulais faire dans cette page était en fait, - hum, - mettre toute l'attention dans l'article et pour ça, - comme, - évidemment - vous pouvez voir le plus grand type dans ce, - hum, - dans ce lecteur est en fait le titre, - um, - hors de l'article. - Et aussi comme dans la construction de cette hiérarchie, - il utilisera aussi des couleurs. Encore une fois, je veux que ce soit la chose la plus importante. - Donc ce sera en fait l'une des couleurs les plus sombres, - comme des couleurs plus contrastées dans toute la composition où je ne me soucie pas vraiment - ça. - Comme, - si tu vois a été publié par David l'an dernier, - c'est cool. - Ou si tu dis que c'est cool. - Mais c'est certainement la chose la plus importante sur un très bon exemple est ici. - Comme si vous voyez la barre supérieure que les couleurs du haut sont, - vous verrez comment le titre est définitivement sombre, - puis à monstre est important et c'est un lien. - Donc, il a une couleur différente et puis vu annonce. - C'est comme si c'était un de ces sentiments comme, - évidemment tu en as besoin parce que sinon ça n'a aucun sens. - C'est comme le nom de l'article et puis un truc. - Qu'est-ce que ça veut dire ? - Tu as besoin d'être toute la phrase. - Et pour ça, tu as besoin dece genre de sentiments, mais ils ne sont pas vraiment importants. ce genre de sentiments, - Hum, - quand tu sais de Ah, - je pense que c'est nécessaire, - mais pas la chose la plus importante de la page. - En fait, - quand vous finissez avec dans l'article, - je voulais faire ce genre de Finn cool où vous obtiendrez Teoh les avantages. - Alors je vais, c'est comme ça qu'on n'était pas vraiment là. - Donc, tu merdes et tu arriveras ici et ça viendra de l'espace pour les jambes. - Ceci est le prochain sur Frick et ils vous diront que tout l'article donc encore ici vous - voir comment prochaine sur n'est pas vraiment mis en évidence à Frank il iss Mais alors la chose la plus importante - basée sur la taille est le titre du prochain article. - Quelque chose que vous devez faire attention quand vous faites ça, c'est comme essayer de faire attention parce que - si vous essayez de tout mettre en évidence, - rien ne sera mis en évidence. - Et ce que je veux dire, c'est comme, - si je prends ces textes sur faire taureau vous savez, - et je vous sais, - si je peux appeler le corps Text bowl, - soudain il n'est plus contrasté parce qu'il n'y a rien à contraste avec. - Tout est audacieux et vous savez donc tout est à la fois. - Rien n'est mis en évidence. - Il est important de garder, - euh, - toute la composition vraiment calme. - Oui. - Vous pouvez donc mettre en surbrillance un morceau de contenu quand vous le souhaitez. - Et je recommanderais, - vous savez, - en un seul. Ecoute, si je ça jette un coup d'oeil àçamaintenant, je verrai ce qui est le plus important. - Essayons de ne pas en faire trop. - Comme si j'ai plus que ce que j'ai, comme deux appels principaux à l'action, ça va commencer comme un peu comme d'accord, que devrais-je regarder ? - Parce que leurs deux choses criant pour mon attention sur le problème est comme le plus de choses - vous avez, - le dernier effet que vous faites en utilisateurs parce que tout à coup tout est énorme. - Tout attire votre attention. - Et vous savez, - donc vous ignorez tout. - Un deuxième point dont je voudrais parler est le contraste lors de la création de zones de contenu. - Donc, parfois lors de la conception sur notre site Web. - Peu importe. - Vous devez réellement créer des zones de contact pour évidemment comme beaucoup ou cet endroit où - vous afficherez comme des mises à jour, - quel que soit le composant, - ou tout simplement comme ça. - L'article principal et il est vraiment important. - Et c'est quelque chose que je puis il rend vraiment votre design mieux si vous en fait - faire ces auditions d'une manière qui se complètent les uns les autres mais en même temps genre de - diviser le contenu. - Eso Ce que nous pouvons voir dans ce vert en ce moment est un moka au large d'Anapa travaillant sur le fonds scolaire - album. - Vous pouvez voir comment je divise les différentes sections. - C'est vraiment une inspiration pour moi aussi lorsque vous travaillez sur leur dit lecteur. - Donc on en a beaucoup sur la gauche qui est comme, vraiment, - vraiment, - vraiment, - vraiment bleu foncé. - Et puis, - vous savez, - alors nous avons ces armes Google, - beaucoup de ça ça ça ne sera pas là tout le temps parce que vous pouvez l'ouvrir et - fermer. - Mais vous pouvez voir tout de suite comment il a certainement un contraste différent est un composant qui - si elle est toujours là, - vous serez presque ennuyeux comme est non, - vraiment agréable Quand il vient à radium, - Foreal n'est pas agréable de le faire sur le dessus d'un coin. - Donc, mais pour l'un de ces composants est totalement bien. - Et puis nous avons, - comme, - le principal noyau hors du haut et qui est ces trois colonnes sont des collections, - téléphones, - archives et filtres. - Vous pouvez voir comment les collections et les formes comme moi se rapportent les unes aux autres. - Celui qui est le sélecteur. - La collection des fielders le premier jour est cet espace où vous verrez les résultats et donc le - fond en ce que je voulais être vraiment similaire. - Mais si vous le faites comme super différent, - vous aimez en fait qu'il devient comme un gâteau hors couches et couleurs et il pourrait devenir un peu - trop fou. - Donc ce que je vais faire dans cette section, je vais passer par différents exemples que je pense - peut vraiment bien illustrer ce point. - J'aimerais montrer que c'est un autre écran. - Mais la distance est un exemple. - Vous pouvez voir comment ici c'est une couleur, - évidemment avec la texture de chaque fois et c'est juste comme le blanc n'est pas si différent. - Mais c'est assez différent. - Pour que tu comprennes. - L'un est des filtres sur un est le corps de couple que vous êtes censé faire en fait, - vous savez ce que vous êtes censé mettre le contenu qui utilise juste et quelque chose de vraiment - important lors de la création de contraste entre les sections est en fait le diviseur, - quelque chose comme un point culminant qui est un peu plus sombre que l'une de ces deux sections. - Mais cela aide à l'utilisateur à comprendre et à voir, - comme une séparation nette entre les blocs de contenu. - Et dans ce sens, - J'étais en fait j'aime vraiment le nouveau signe Google plus vraiment. - Je croyais que c'était moi. - Et c'est là que j'ai commencé cette semaine. - Et je voulais vous montrer comment cette chose dont je parle, vous savez un approvisionnement chaque jour aux signes que nous voyons partout. - Donc c'est normal, toi et moi, on pense que c'est un magasin de crème et je vais aller au magasin de photos médecin et juste là. - Tu vois de quoi je parle ? - D'abord, - nous avons beaucoup avec le contenu digestif, - et c'est purement blanc. - Mais on a eu la salle de bain, ce qui est super, et c'est totalement cool. - Mais si vous mettez juste ce fond avec ce grand fond. - C'est vrai, - ce blanc de retour avec ce fond gris ensemble sans séparation si vous pourriez avoir besoin - un peu plus de conférence. - Donc j'aime vraiment créer des zones de la même presque comme le même stupide, - mais pas la même chose. - Mais quand tu fais ça, - tu aimes vraiment que tu trouves vraiment créer ici comme un super fond, puis un - livres blancs. - Tu sais, - ce n'est pas le plus contesté que tu puisses faire. Mais si je veux y aller, c'est plus comme si c'était vraiment difficile de voir la séparation comme elle l'est presque - jouer des tours avec ton esprit. - Cependant, - si vous créez juste est choke et juste le rendre super léger mais a disparu plus sombre que le - fond comme ça et vous pouvez voir comment il assis 4% capacité. - Ça fait déjà une différence. - Et comment je perçois ces deux domaines. - Donc, la même chose va ici que vous pouvez voir ce grand cette couleur alors c'est blanc pur -. - Mais ici, au milieu, - ils ont ce coup qui est légèrement plus sombre. - C'est l'arrière-plan ? - Mais encore une fois, ça aide à créer cette séparation. - Et donc la même chose avec ceci est comme un gris, - ceci du gris. - Ils sont très proches l'un de l'autre. - Mais alors vous avez ce type qui est juste loin dans l'obscurité et qui mange des tests de santé, - cette séparation. - Donc c'est vraiment important. - Écoutez, - Je pense est certainement quelque chose qui est à vous n'est pas comme vous devez le faire pour faire - votre conception mieux il ya des tonnes de différents styles. - Mais c'est certainement un truc que j'utilise. - Ramenez-le à ce n'est pas un projet Google. - Je travaille. - Ah, - il y a et encore vous pouvez voir ici à quel point c'est génial. - C'est blanc. - Et peut-être que c'est un peu, - euh l'accident vasculaire cérébral. - Je suis allé un peu trop, c'est trop grand pour contraster un Mais il y a cette ombre ici et c'est - une autre. - Lorsque vous faites des ombres sur, - comme, - arrière-plans et corps de contenu, - il vraiment similaire. - Donc nous avons ici, - comme le blanc pur, - vraiment comme le gris et ensuite le coup. - Il est important que l'ombre soit un peu plus légère que le coup. - Donc l'ombre est plus légère que le coup. - Mais de l'obscurité évidemment, - en arrière-plan encore juste pour créer, - comme, - couches hors contenu qui sont réellement perçus comme vraiment nettes par l'utilisateur. - Hum, - quelques autres exemples de ça, - ça va le mettre en évidence, - et ensuite vous vous déplacez, - vous pouvez voir de quoi je parle, - et vous pouvez voir comment vous savez que cela ne s'applique que quand ils sont préservatifs quand ils aiment réellement les - zones. - On est très proches l'un de l'autre, mais pas vraiment quand ils sont loin. D' abord, je n'ai pas besoin d'un coup quand je passe de cette propagation à ce blanc. - Parce que le contraste entre le rouge et la Maison Blanche est si fort. - C'est juste assez. - Comme si je crée un coup, ça va se sentir comme sur le panneau. - Un peu comme je veux dire, - toute l'école, - aussi. - Quelques exemples et puis ce rapport de type la dernière fois. - Mais vous pouvez voir comment chaque fois que nous divisons le contenu. - Tu sais, - c'est comme un diviseur, - qu'il est en fait un peu plus sombre. Alors, Alors, on va voir plus sombre que les deux sites. - Ici, j'utilise juste l'ombre. - Mais encore une fois, - vous pouvez voir comment l'ombre est assez sombre, - euh, - pour voir ça. - D'accord. - Donc, plus de trucs en séparant ou en divisant la garnison dans votre mise en place. - Un autre que j'aimerais montrer est, - euh, - derrière ce film pour que quelque chose puisse appeler qu'on ne s'est pas échappé. - Le vol était vers nous énumérons comme, - des choses différentes, - différentes expériences que vous pourriez avoir dans un endroit. - Et je voulais créer de la sympathie dynamiquement. - Mais juste, - tu sais, - parce que, mais puis et ainsi de suite, - on n'aurait pas beaucoup de temps pour ça. - Donc, en fait, - tout suit les mêmes dispositions sur ce genre de blurb. - Voici le même avoir la même ley Ellis, - celui-là. - Alors celle-là. - Mais vous pouvez voir même si nous listons le même modèle, - c'est fait d'une manière qui, - um il alterne comme un sombre, - fond légèrement plus sombre dans les cotes, puis pas dans l'autre pour que nous soyons Ukraine - comme un rythme Si je fais tout avec fond blanc. - Donc si c'est vous voyez, ce type ici est blanc. - Et puis ce bloc ici est un B, c'est comme Ray. - Si je laissais tout blanc, - ce mensonge deviendra comme beaucoup trop deux doublure sera vous presque comme tout ce que - j'essaie de faire par le contenu Et maintenant que je vois ces comme des mois plus tard, - Je me sens presque comme je devrais ont fait cela comme ce briquet de ligne. - Mais encore une fois, - tu sais que c'est Have Teoh. - Il était il ya un moment et encore parler de contrats dit ici une chose délicate de ce - site Web. - C'est qu'on ne savait pas comment tu sais ce que nous allons être ? - Évidemment, nous pouvons remplir une autre destination que nous avions. - Donc si vous avez un dos, une photo qui est comme, - vraiment, - vraiment, - que nous n'avons rien ici au C5. - Mais si nous avons une image vraiment sombre, il est logique d'avoir une ombre. - Mais ici, ça a l'air bien presque trop fort. - Mais si vous avez une image comme celle-ci salaire, - la même ombre si vous êtes aussi trop si vous êtes un peu trop proche de l'image réelle et - par conséquent, - comme les différents domaines, - Ondas émergents dangers parce que cela peut arriver à aimer un regard sale si les différents domaines - émergent avec vous aussi. - Donc il y a quelque chose que nous devrions penser quand le coréen aime les ombres et quelqu'un parce qu'il - dépend du contenu que vous connaissez, - il peut être 12 ans ou pas, - et alors quelque chose d'autre dont je voudrais parler est l'effet de gâteau sur le effet de coup. - Voyons voir, - par exemple, - l'effet de coup de pied est l'effet que vous voyez quand vous avez ce genre de séparateur, - pas spécialement cela, - comme cette partie des séparateurs de ballet entre les sections. - Trop souvent. - Imaginez que j'ai ceci divisé ici. - J'ai un très petit espace, et puis j'ai un autre séparateur. - Et ça veut dire, - comme pour un utilisateur, - qu'ils vont voir tout de suite dans un seul écran trois séparateurs à diviser. - Il y a trois zones de contenu, - et c'est là que nous avons appelé l'effet de gâteau de couche. - Donc c'est quelque chose que vous devez éviter aussi, - parce que l'arrière-plan ne devrait jamais devenir beaucoup trop pertinent ou ne devrait jamais être plus - pertinent que le contenu qui est en fait logement. - C'est important aussi. - Et la dernière chose que je voudrais montrer en parlant de contraste sur l'arrière-plan est, - euh, - des coupes nettes entre les sections. - Ils sont probablement le roi. - Cut, c'est comme vous, monsieur. - Je ne suis pas un expert. - Alors quoi ? - Qu'est-ce que c'est ? - Stephen Crabb disait que ne me faites pas penser que les utilisateurs ne sont pas en retard. - Ils ne sont pas stupides. - Ils sont fainéants. - Donc, si vous faites une coupe nette entre une section de contenu de l'autre, - vous savez, - certaines utilisations pourraient penser que le contenu est en panne comme s'ils étaient finis dans la page et - ils pourraient ne pas défiler vers le bas. - C'est important à cause de ça. - Liez directement toutes les sections les unes aux autres Vraiment bien, - Donc, quand vous lisez et suivez la ligne de l'histoire, - vous pouvez le savoir, - vous le faites envieux. - Ils s'arrangent. - Il y a une icône, c'est une coupure nette là-bas. - Mais avec ce cycle sur le dessus, - donc vous sautez sur la coupe et comprenez toujours que c'est plus de choses à venir. - Votre attention attirante des utilisateurs ici. - Et à cause de ça, - ils sont presque comme ignorer cette tasse et ils sautent d'ici. - Vous entendez ? - Il a vendu sur la façon dont les gens perçoivent votre design et vous savez quelle est la meilleure chose que vous pouvez faire - pour ne pas casser le flux ? - Le troisième point dont je voudrais parler est l'iconographie. - J' adore les cycles de dessin. - J'adore trois exercices, - en fait, - les préservatifs. - En essayant d'encapsuler le concept après dans une illustration que les gens comprendront. Mais les funérailles que je viens sont comme s'ils avaient besoin de contexte, et j'ai écrit ici parfois. - Mais en réalité, - icônes ont toujours besoin de contexte. - Ce contexte peut venir avec des attaques qui supportent ou parfois c'est exactement comme l' environnement autour de l'icône. - Vous comprenez tout de suite ce que c'est. - Donc d'abord dans cette caméra, - Aiken vous savez, - si vous n'avez pas d'autre référence que vous en fait, - mon truc est lié à quelque chose de grossier. - Mais, - tu sais, - ça pourrait être la galerie de photos de Galleria. Ça pourrait être comme une photo que je viens ou ça pourrait être, je ne sais pas, comme un modèle de caméra. - L'ICANN est vraiment difficile à dire. - Vous avez besoin de SMS ou, - vous savez que vous avez besoin de quelque chose dans l'environnement qui vous indique quand ça va arriver. - En ce sens, - il y a quelques exemples dont j'aime parler. Chaque pierre est dans cette page ensemble pour cette digue à laquelle je pensais, qu' est-ce que je peux dire ? Chaque pierre est dans cette page ensemble pour cette digue à laquelle je pensais, , qu' est-ce que je peux dire ? - Parce que j'utilisais ça, je venais déjà pour tant de choses dans ma vie. - Et si tu y penses. - Ça n'a pas beaucoup de temps, - dit-il. - Flèche qui descend. - Je veux dire, - sur la base de ce que les années ont dans mon dos à naviguer sur Internet, - je dirais, - Ok, - est-ce un peu étroit ? - Donc il va certainement m'emmener quelque part, - ou il va télécharger quelque chose parce qu'il y a Paradigm a été associé à, - genre, - des trucs de téléchargement. - Mais dans ce cas, - la seule raison quand je l'utilise, je peux. - C'est juste comme un moyen d'indiquer à l'utilisateur le jour quelque chose d'interactif dans ce composant. - Donc, vous pouvez voir que c'est l'État de Khobar, - et c'est ce qui arriverait que l'utilisateur dira Ce magazine couvre va planer l'un des - eux et ils verront effectivement, - comme cette icône pdf et ensuite ils appellent à Action Dollar. - Donc, en réalité, - le but de cette randonnée ici juste pour appeler la dépendance sur quelque chose et puis - évidemment, - vous savez, - dire à l'utilisateur exactement ce que IHS um, - un autre exemple dans icônes que je suis toujours confus, - comme je toujours pour une raison quelconque, - quelques fois dans ma vie, - j'ai la mission à faire et je viens pour Internet, - et c'est probablement l'une des choses les plus difficiles que vous pouvez faire. - Comme, - Qu'est-ce que la connectivité Internet ? - C'est le monde ? - Tu sais, - comment peut-on me faire dire, - c'est Internet et c'est pour ça que j'aime, - tu sais, - je viens dans ce sens, - ils ont besoin de trouver un contexte qui peut être du texte la première fois et quelque chose Aussi, - qui est curieux est comme penser au monde comme une icône. - Je suis sûr que les différents designers que Facebook a eu ce même défi en parlant - la notification que je peux. Donc, si je vais sur mon compte Facebook, je l'ai, ce sont des messages, ces gens. - Et c'est ma notification et c'est le monde. - Et je ne sais pas pourquoi le monde signifiera une notification pour quelqu'un, - mais ils utilisent la voie et ça va, - parce que encore une fois - vous comprenez que c'est là-haut - et ils s'ouvrent tous comme une superposition. - Donc l'engagement du présent est vraiment faible, - puisque vous n'allez nulle part. - C'est pourquoi, - à mon avis, - ça marche et ils utilisent aussi, - comme, - un peu comme des nombres pour vous dire combien de notifications que vous avez et vous le savez - par rapport à moyen, - c'est vraiment différent la seule chose que le médium fait pour vous dire qu'il y a quelque - l'activité sur votre profil est d'avoir réellement cette ligne de fond en couleur. - Et c'est ce que vous savez, - abside sur votre iPhone. - Comme de la vigne. - Ils ne nous le disent pas. - Probablement combien de notifications avez-vous ou même Tweeter ? - Ils te disent qu'il y a des notifications. - Donc je vois que tu as, - genre, - chose de trois activités est, - mais si je sors vraiment, - tu peux voir comment n'est plus là. C' est comme ça que je peux me mettre sur le côté et c'est comme, - Oh, - il y a quelque chose de nouveau. - Je n'ai pas besoin de savoir combien de nouvelles choses pour moi, c'est juste le sentiment d'être Ok -, - il y a quelque chose de nouveau autour de mon profil qui s'est passé. - C'est assez pour me rendre curieux à ce sujet. Quelque chose que j'ai fait à cet égard dans notre mission est ici, - um, - 10 notifications pour vous dire à quel point vous avez des articles invisibles. - Donc ici vous voyez comment si j'ai ouvert le panneau, - vous pouvez voir comment ce sera comme un vidage. - Il est livré avec un texte parce que sinon tu ne sais pas, - et c'est bon. - Mais quand ça s'effondrera, je fais toujours ce truc où je change la couleur du I. - Donc si tu en fait je n'ai pas de notification, je ne serais pas là. - Ou peut-être que ce sera comme le bleu. - Mais si elle devient verte, - cela signifie que vous avez comme, - des postes invisibles déjà là et quelque chose. - J'y ai pensé. - C'est comme, - OK, - même si on a ça, - on pourrait avoir besoin, - peut-être comme un état de vol stationnaire quand on a vraiment au-dessus d'une de ces bulles. - Il était comme, - Oh, - tu sais, - cinq. Je vois des articles de l'espion Inspire, donc c'est délicat. - Mais, tu sais, - tu dois comprendre que parfois je ne peux pas. - Je veux dire, - nous devrons venir avec, - comme, - un texte sur une sorte de contexte similaire. - Je te dis quoi. - Il ISS et d'autres fois où l'engagement est vraiment faible. - Quoi ? - En fait, - tu ne vas pas faire quelque chose de fou sur l'utilisateur sait que c'est bien. - Si ça ne vient pas avec ça, - hum, - avec le texte. - Donc pour revenir à cet exemple, - c'est bon si ça ne vient pas avec le texte, - parce que si je veux écrire, - je ne sais pas. - Tex utilise totalement. - Ils ne savent pas ça. - Nous ne pouvions pas répéter le téléchargement encore et encore dans cette mise en page. - Eh bien, - j'ai juste, - comme ça qui vise à attirer l'attention des utilisateurs. - Et puis je leur dis ce qui va se passer. - Le prochain point dont je voudrais parler, c'est que vous semblez photographier sur votre décision. - Donc, à mon avis, - utiliser la photographie est toujours délicat lorsque vous jouez avec du texte, - surtout sans contrôle. - La photo, - 100%. - Et tu sais, - ça arrive quand on construit des entrailles avec toi. Préparez-vous pour portails à contenu lourd, par exemple, sur desportails à contenu lourd, par exemple, surunnouveau site ou des trucs comme ça, où on sait qu'ils vont être comme, nouveau site ou des trucs comme ça, où on sait qu'ils vont être comme, - Des tonnes de photos. - Mais on ne sait pas ce que sera la photo, - Et ça devient délicat si tu ne sais pas ce que les images. - Peut-être parce que tu ne sais pas si c'est du texte à gauche. - Mais tu sais, - le plus lourd. - La partie la plus importante des photos sur la gauche. - Vous avez peut-être tout sur la gauche dans votre composition, - et ça pourrait ne pas avoir l'air sympa. - Ou peut-être, - comme la chose la plus importante dans votre composition est en fait, - vous savez, - juste derrière le texte. - Est-ce que c'est là où d'autre ? - Où ? - En fait, - ça va équilibrer la composition, - donc c'est toujours délicat. - Et j'ai eu une certaine expérience avec cela en travaillant avec des clients comme CNN ou USA Today A puits, - notre fuite Now on ose différemment. - Quelques astuces concepteurs font dans ce sens et bien, - la première et la plus facile une question séparer évidemment la photo du contenu. - Donc, si je regarde, - um, - encore une fois notre exemple préféré, le nôtre est lecteur sur l'iPhone. Peut-être que si je regarde, quelque chose comme ça, c'est vraiment facile à séparer. - Ils ne peuvent pas les séparer de la photo. - La photo va être géniale. - Ce mec, - qui est l'une des choses les plus importantes dans l'image, - peut être dans ce coin peut être moi. - Donc le coin, - tu t'en fous parce que tout ce que tu as à faire est juste, - tu sais, - heureux là-bas. - Sauf si vous faites défiler quelque chose qui ne vous intéresse pas vraiment parce qu'il est séparé. - Parfois, cependant, - nous ne le séparons pas. - On a essayé de l'assembler. - Et c'est là que tu sais, - on a juste la photo et le texte sur le dessus. - Et si on contrôle à 100% cette image, ça va être génial par exemple. - J'ai pour cela est l'un de mes sites préférés ces derniers temps est qu'il est Ah, - mémoire est comme un journal mais fondamentalement ont différents chapitres, - et la page d'accueil est toujours la même chose, - mais ils jouent avec des coins différents. - Alors c'est le chapitre 7 et vous voyez la taxe vraiment sympa. - Grand Jumbo, facile à lire, - hum, - et ainsi de suite. Mais si nous revenons au marquis principal, c'est super sympa, parce que évidemment le designer avait le contrôle total sur cette photo. - Et si on change ça en un autre, - Sa Majesté encore, - on voit comment ils appliquent ce filtre, - comment les images sont dans la couleur, - et c'est vraiment facile de lire le texte, - Sa Majesté encore, - on voit comment ils appliquent ce filtre, - comment les images sont dans la couleur, - et c'est vraiment facile de lire le texte, relâchez-le pour lire le titre et ainsi de suite. - Encore une fois, - ce n'est pas quelque chose qui se passe quand vous construisez réellement un site pour une nouvelle, - une plate-forme de nouvelles ou comme une infirmière est vraiment influencée. - Et c'est difficile de mettre le haut texan. - Cependant, - si on veut le faire là, - l'a gaspillé, - et la façon chic de le faire c'est en fait d'utiliser un Grady au-dessus de la photo. Et pour ça, j'ai ici leurs lignes directrices que nous avions lors de la création, en créant les lignes directrices pour le j'ai ici leurs lignes directrices que nous avions lors de la création, en créant les lignes directrices pour levol d'évasion Simon qui s'ouvre ici pour que vous puissiez le voir. - Et en gros, - où je décrivais comment ces chapiteaux allaient fonctionner, - selon combien de remerciements. - Nous avons donc ici le vol d'évasion ici, - photos, - lignes directrices du marché. - Vous pouvez voir comment je suis vraiment des photos vraiment calmes. - Et c'est ce que je pensais qu'on allait avoir. - Et puis je mets le texte sur la gauche. Et ce Grady, si je regarde juste la composition de l'image, je décrit comment le poids visuel de l'image devrait toujours être à droite pour qu'on puisse placer le texte sur la gauche, si je regarde juste la composition de l'image, je décrit comment le poids visuel de l'image devrait toujours être à droite pour qu'on puisse placer le texte sur la gauche, - et c'est bon. - Et puis je vais en fait décrire, - comme, - quelques exemples ici. - Donc, évidemment, vous savez, - lignes directrices pour les images, - les thèmes de la nature rues ouvertes champs comme essayé d'éviter la photographie amateur ish, - scènes bondées, - encombrement des scénarios clairs comme l'âge super exposé. - Les sont des photos ou des vignettes ou comme des images sociales comme Instagram. - Donc j'ai quelque chose de mal, mais vous pouvez voir comment leurs photos vraiment calme. - Et dans ce cas, - le Graham est gentil et ça marche. - Mais cependant, - comme vous allez à d'autres, - comme ici dans ce crime dans comme ce qu'il ne faut pas faire dans ce trouble, - trop brun, - vous savez, - trop collant étant encore trop fort, - Comme les couleurs sont vraiment, - comme, - vraiment, - vraiment, - vraiment, - vraiment mauvais. - Et encore une fois, - vous savez comment les techniciens vont jouer un rôle là-dedans. - Encore une fois, - nous avons le Grady. On a le texte, et ça dépend de la taille. On a le texte, - Il peut être plus grand ou plus petit et encore, - vous savez, - je suis juste là, - comme quelques exemples avec des prises différentes sur la longueur de ligne. - Alors, ce que nous avons avec six lignes, - qu'arrivera-t-il avec cinq lignes ? - Que se passe-t-il avec quatre lignes ici et ainsi de suite ? C' est quelque chose que tu peux faire, mais encore une fois, si tu joues avec le feu parce que tu ne sais vraiment pas ce que ces photos vont être . - Comme vous le savez, - autant que vous pouvez avoir une lignes directrices spécifiques, - cela dépend dans le milieu, - il pourrait ne pas être toujours en mesure de se plaindre avec ces lignes directrices. - Donc vous pourriez finir dans un endroit où, - comme, - ici, - ils ont vraiment une mauvaise image ou ils ont, - comme, - tous les détails sous le texte, - et ça pas l'air aussi agréable. Encore une fois, je suis un peu comme me déplacer vers, - genre, - séparer les images textuelles à chaque fois. - Je ne peux pas contrôler totalement la qualité de l'image. Donc il y a quelque chose à penser pour vous les gars. - Le cinquième dernier point dont je voudrais parler dans cette unité est de traiter chaque composant comme si - il pourrait être présenté concours de conception d'orteil. - Qu'est-ce que ça veut dire ? - Eh bien, - encore avec les signataires. - Mais on commence humain. - Évidemment, - nous essayons toujours de faire de notre mieux, - mais parfois je pense que vous savez des choses, - comme il y a des composants dont nous ne nous soucions pas ou nous nous soucions autant que nous le pouvons. Mais je ne suis peut-être pas le plus important, mais je ne suis pas là pour nous. - C'est définitivement l'approche du Rhône. - Et c'est ce que la phrase essaie de dire. C' est comme si nous devions traiter chaque composant avec la science, comme si nous pouvions vraiment prendre votre projet. - Je suis présenté à un concours de design. - C'est quelque chose que j'ai appris à la dure. J' ai appris en faisant, , refaisant, refaisant et en fait, en enrefaisant, enrefaisantet en fait, enessayant de profiter de chaque étape du processus de conception. - Même un aliment peut être un aliment incroyable. Si vous mettez l'énergie pour le rendre génial. - Donc, dans ce sens, - Je voudrais montrer cet exemple sur un lecteur vidéo. Je l' ai fait il y a un moment, mais encore comment ? - J' ai juste essayé de faire du recul. - Et c'est déjà, genre, - trois ans. - Mais quand même, - vous savez, - je peux voir, - - tout le bas si j'essaie de le mettre et ainsi de suite. - Donc j'ai, - genre, - différents scénarios comme si on allait être une superposition sera un autre sur les licenciements. - Comme les gens ont commenté votre chronologie. - Ces boutons de fermeture ne s'afficheront que si vous les maintenez, - um, - encore, - comme des composants différents. - Voyez comment si vous appuyez sur la sous-titrage mis, - il viendra. - Vous pourriez être en mesure de définir la taille ou non. - Comme regarder l'amour que j'ai essayé de mettre dans ce composant. - Et c'est plus facile de voir quand on regarde ça comme tu sais, - c'est une question de, - comme, - la bonne place dans le traitement de lumière que tu conçois ici. - Il y presque trois ans. - J'ai fait ça et maintenant ça se sent un peu trop tweeté comme si je ne le ferais plus comme ça . - Mais évidemment, - concepteur et ils sont comme, - les transitions sont des changements de goût difficiles et ainsi de suite. - Mais quand même, - quand j'ai fait ça, - j'aime que j'ai prêté toute l'attention que je pouvais pour faire ce rythme ici et là - et ici vous pouvez voir comment il maintient le cadre, - en fait obtenir doublement cet espace là . - Donc tout, - tout a, - comme, - beaucoup d'amour et même 1% dans ce. , je ne sais pas si vous pouvez voir la lueur sur le fond comme ça - En fait, je ne sais pas si vous pouvez voir la lueur sur le fond comme ça -les téléphones, - vous savez, - juste pour que je puisse le voir de la meilleure façon - et que les gens puissent vraiment profiter et puis, - vous savez, - juste comme une question de, - montrant l'amour que les choses composant chapeau je décrivais juste les différentes unités qui - font le composant la partie différente hors. - En fait, - la couche qui fait le composant et juste comm 8. L'importance d'une étude de cas: Hé, les gars, bienvenue au chapitre 8. L' importance d'une étude de cas dans ce syndicat couvrira essentiellement la définition d'une étude de cas . Pourquoi est-il important de créer un cas qui est ? Et enfin, nous allons passer par la structure que vous pouvez utiliser pour créer votre propre étude de cas ? Alors 1er, c' est quoi une étude de cas quand tu sais quoi ? En fait, je m'interroge sur le concept général comme celui-ci. Comme vous le savez, j'aime aller sur Google. Et fondamentalement, comme on l'a dit,une étude de cas comme on l'a dit, est le processus ou le compte rendu de la recherche au cours duquel on examine en détail l' évolution d'une question particulière sur une période donnée . Prenons donc cette question particulière, et c'est certainement notre projet. Nous ne pouvons donc pas expliquer à peu près le processus de recherche et toute l' étude détaillée qui a été donnée à notre projet pendant un certain temps. Nous avons fondamentalement ce produit qui est à peu près fini, et maintenant il est temps d'expliquer tout ce temps que nous avons traversé, vous savez, depuis le début, depuis le bref initial de pause de l'escroquerie projet. Comment on s'en sort ? Et comment pouvons-nous considérer toutes les différentes variations et aller au projet final. C' est un cas qui est juste un reflet de ça. Comment on fait ça ? Vous savez, peu près nous travaillons dans les médias numériques, donc nous le faisons à travers le numérique à travers le sang numérique, à partir duquel est potentiellement comme un site Web. Donc, nous créons à peu près ce côté où nous expliquons toutes les raisons et tout le rationnel derrière leur processus. Et pourquoi est-ce important ? on Pourquoionse soucie de ça ? Je pense que je veux dire, c'est vraiment important de Tom de différentes perspectives. Comme si je le regarde pour sauver d'un pin de designer de vous, je pense que d'un point de vue de design, il est vraiment important de pouvoir réellement créer des trucs cool, être capable de vraiment obtenir un bref à travers, et venir avec une très bonne idée qui répond à tous les besoins de la respiration et en fait faire quelque chose hors de lui. Et c'est le projet. C' est incroyable. Et c'est certainement l'une des compétences les plus importantes dit que le centre devrait avoir. Mais il est secrètement important de pouvoir parler à travers votre concept, être capable d'expliquer à quelqu'un pourquoi vous avez fait quelque chose de la manière spécifique et non d'une autre manière . Tu sais, comme je pense, euh, je pense qu'être capable d'expliquer toutes les pensées et tout le processus que tu as traversé quand tu lui donnes un bref, c'est vraiment important. Il est vraiment important de savoir comment communiquer vos idées et ce sera du point de vue du design. Mais comment ? Comment envisageons-nous cela d'un point de vue commercial ? Eh bien, vous pensez juste à une entreprise et à tout ce qu'ils produisent que vous savez, vous ne verrez jamais Allah vous travailler au sein de l'entreprise. Tu sais, il y a tellement de choses qui peuvent mal tourner. Et il y a tellement d'idées géniales et de grandes exécutions qui parfois font ne vont pas à la vie parce qu'elles ne sont pas arrivées à la sortie finale. Donc, il s'agit d'un projet pour les entreprises en fait le plus de commerce, comment ils sont bons et comment certaines de leurs solutions de juste processus hors crédit dans ce projet avec le client vaut la peine. Donc, c'est un co-travailleurs de promotion, une arme promotionnelle à dire du point de vue purement de la société de production. Mais c'est aussi comme un développement personnel a expliqué que le concept à travers est vraiment utile. Et comment est-ce la structure ? Donc, ce que je pense de structurer contre Ali, je pense toujours à, euh, vous savez, des histoires. Donc, il est définissable raconter une histoire et une histoire à peu près ont mis en place le conflit, et il y avait une solution. Donc, si nous pensons à la mise en place et que ce sera le premier point que nous devons décrire la situation. Nous devons donc décrire la raison pour laquelle nous faisons ce projet. Est-ce parce que c'est un mémoire d'un client ? Peut-être, disent-ils, parce que nous avons vu un manque sur le marché que nous pensons pouvoir ressentir avec notre projet. Comme, vous savez, comme, vous savez, quelques mois avant que les membres, il était comme, nous devons vraiment créer quelque chose de mieux parce que le processus d'email, vous savez, comme, vous savez,il y a quelques mois avant que les membres, il était comme, nous devons vraiment créer quelque chose de mieux parce que le processus d'email, a toujours été comme ça. Donc, ce sera la mise en place. Un e-mail n'a pas changé depuis 10 ans, c'est la façon dont dans notre cas, on dit qu'on est là ? Nous pensons qu'il n'y a pas de lecteur d'anus qui répondent à tous les besoins de l'utilisateur d'une manière convaincante, et pour cela est vraiment utile pour réellement encapsuler votre concept. Avoir un concept assez clair qui peut être encapsulé en une seule phrase. C' est un exercice que j'ai commencé à faire récemment et il a vraiment aidé à expliquer exactement à peu près votre concept à quelqu'un d'autre. Le pouvoir de dire en expliquant votre phrase et l'autre personne, comme obtenir tout de suite est vraiment puissant. Ok, donc nous expliquons déjà. Nous avons dans notre étude de cas. Nous avons déjà décrit la situation. Nous avons notre proposition en une phrase, et maintenant nous devons tout expliquer. Donc, sur la base de notre proposition, le corps est quand nous expliquons réellement notre concept dans la mort. Qu' est-ce que cela signifie ? Eh bien, je veux dire, ça dépend vraiment du projet, mais d'abord, si vous poussez, peut-être comme la participation sociale dans votre lecteur d'iris, c'est en fait l'endroit où placer Expliquez-le. Si vous aimez faire des animations folles que vous pensez connecter l'ensemble de l'étage comme, vraiment bien, ce sera En fait, ils viennent l'endroit pour promouvoir sur ce qui fonctionne. Vous savez que ce travail avec n'importe quelle protection vous avez à peu près à trouver ces faits saillants qui le rendent spécial. Est-ce que c'est parce que c'est vraiment simple. Alors peut-être que vous devriez parler de cette simplicité hors de votre approche dans cette section, et enfin vous devez terminer. Donc, vous savez, vous expliquez vraiment le marché. Vous expliquez votre proposition, vous avez en fait donné des détails sur votre proposition, et maintenant vous devez réellement accélérer afin qu'ils utilisent ou sachent ce qui se passe ensuite. Vous savez, si nous disons que ce n'est pas le cas, um, premières prêtes sur le marché prochain seront en fait le lien avec Je ne sais pas qu'ils sont pour de vrai si ce n'est pas le cas ou si c'est maintenant. Mais il est encore en cours de développement. Et, vous savez, les prochaines étapes et la section finale dans votre cas qu'il devrait être, comme vous inscrire pour le mieux ou comme vous inscrire pour de nouveaux. Monsieur, si vous voulez savoir quand il sera libéré ? Il est vraiment important que nous finissions l'étude de cas avec un appel clair à l'action. Euh, sinon, les utilisateurs arrivent à la fin du flux et vous savez qu'ils ne peuvent pas faire de commentaires. Et ce genre de désactivation pourrait être comme la fin ou votre communication avec l'utilisateur. Donc, plus vous pouvez les engager avec votre produit um, les meilleurs résultats que vous obtiendrez. Évidemment. Et cela nous amène à la fin du chapitre 8, important de l'affaire aujourd'hui. Et je pense que c'est le moment de répéter, grands fans à tous ceux qui ont rejoint la malédiction. J' espère que vous avez apprécié. Et c'est certainement la fin des unités, mais ce n'est pas la fin du cours lui-même. Donc la prochaine étape est que je vais poster au cours des prochaines semaines mes progrès sur l'affectation du lecteur RSS pour que nous puissions tous suivre. Et j'ai aussi hâte de voir ce que vous pouvez trouver sur plus comme des mains pratiques sur l'exemple. Donc, tous les projets étonnants qui ont vu là-bas, Alors merci encore et continuer le bon travail. Appréciez.