Layouts: tipográficos: crear diseños para sitios web y aplicaciones pesadas

1. Introducción y configuración: - Oigan, - chicos. - Bienvenido a crear diseños topográficos eran sitios web pesados de contenido y aplicaciones. - Me llamo Cavalleri. - Y en primer lugar, - me gustaría agradecerles por unirse a mí. - Estoy realmente, - muy emocionado por este tema. - Y de verdad espero que disfruten el curso de la forma en que dan clases. - La estructura es que creé nueve unidades. - Um, - y cada unidad vendrá con una videoconferencia que abarcará básicamente la teoría y también como - traer algunos ejemplos reales sobre algunos de esos humanos son un poco más manos vendrán - con una segunda conferencia más grande donde realmente lo haré pasar por el proceso de diseño. - Um, - la asignación para la clase, - que es crear las enfermeras estaban ahí. - Bienvenidos a la Unidad Uno introducción y configurada en esta unidad. - Voy a estar cubriendo la configuración para la clase. - Voy a hablar un poco con mis antecedentes, - y también voy a hablar de las razones que me hicieron crear esta maldición para la que prepararon - la clase. - Um, - Voy a estar usando otra manera para la tienda a grandes ejemplos antiguos. - No tienes que usarlo si no quieres. - Ah, - si te sientes simplemente más cómodo con un lugar diferente. - Eso está totalmente bien. - Por si quieres usarlo y no lo tienes, - puedes descargarlo de adobe dot com slash para una tienda. - Seguro que puedes conseguir una versión de prueba ahí, - pero realmente no importa porque no vamos a conseguir una No vamos a meter eso - técnico en la herramienta va a estar más a nivel abstracto en, - como, - el mismos principios que en realidad, - ya sabes, - trucos sobre para una tienda. - Entonces eso está bien. - Y voy a estar usando también algún bolígrafo sobre papel. - Sala trasera de profesor. - Ese soy yo. - Entonces mi nombre es inteligente, - ingenioso, - y ese es mi sitio web. - ¿Por qué no tratamos de venir? - Um, - antecedentes formales serán. - Trabajé como directora de arte. - Sé realmente Nueva York. - Antes de eso, - También trabajé en Finest Interactive de Nueva York durante unos tres años. - Y antes de eso solía vivir en Londres, - donde yo Friedland y trabajo para la empresa llamada Playing Concepts on. - En realidad creamos, - como, - toneladas de conceptos visuales para Microsoft, - así que eso es un poco formal, - pero en realidad, - un firmante de dinero, - decidí cosas. - Intento tanto como puedo hacer que mi trabajo sea relevante y tratando de que las cosas que importan - cosas que de alguna manera mejoraron a los usuarios viven de una forma u otra. - Podría ser como tomar el clima tomando fotos leyendo noticias, - cualquier cosa que en realidad pueda, - uh, - significar algo para alguien y de alguna manera mejoró proceso fuera de sus vidas. - Mi página web. - Oh, - primero debilita, - puedes encontrarme en Twitter. - Me puedes encontrar un medio puedes encontrar tu tontería. - Y también Lincoln en mi página web es por qué no tratamos de no venir? - Creo que si lo secamos más o menos encapsula la forma en que me acerco a mi trabajo y lo evalúo - antes de tratar de no ser pretencioso. - Diseñé cosas y traté de empujarlo tanto como pude y solo traté de hacerlo, - um, - relevante. - Y en ese caso, - ya sabes, - ¿por qué no lo intentamos? - Pensé que era como una moto realmente buena para eso. - El título de The Curse está creando diseños topográficos para el contenido, - sitios web y aplicaciones pesados. - Si derribas un poquito este túnel, - vamos a estar creando diseños basados en la topografía. - Entonces el diseño normalmente se hacen de texto e imágenes y vamos a estar usando más o menos - tipografía para crear todas estas divisiones y todas estas como partes de la disposición que - normalmente se basan en unos elementos visuales. - Vamos a tratar de alejarnos de eso y depender sólo de la tipografía tanto como podamos en - Vamos a hacer esto para el contenido Sitios web y aplicaciones pesados Esto es más o menos auto - explicativo, - pero vamos a tener un tú cantando de una manera nosotros van a estar creando diseños temporales para - plataformas sitios web donde el contenido es rey. - Pero aquí viene la parte complicada. - Simplemente no sabemos lo que esos continentes así piensan de las noticias, - sitios de noticias de lectores, - noticias de agencia. - Ya sabes, - portales de tamaño de contenido dinámico donde sabes sobre nuestro trabajo es en realidad crear el marco - para que los periodistas puedan sentir todo este marco con información. - Pero tenemos que decidirlo de una manera que los usuarios puedan hacer No hay otra cosa que simplemente realmente, -ya sabes- necesitamos crear para tratar esta vez de una manera que sea simplemente fácil de leer. - Ese no es Tyson. - Eso en realidad hace que la gente lea los artículos recientes. - Es entrada. - ¿Por qué esta clase? - Quiero pasar por diferentes tendencias que he visto que en realidad me hicieron pensar- haciendo esta maldición. - El 1er 1 es el hecho de que Internet Webby está cambiando hacia una orientación más al centro de usuarios, - y definitivamente es menos enfoque tecnológico. - Ejemplo de eso sería sólo un hecho muy conocido que nosotros los diseñadores gráficos, - Diseñadores web. - Hemos estado como usar estándar fijo para soluciones desde hace mucho tiempo. - Y esto no, - esto no es noticia para nadie, - pero hemos estado usando, - ya sabes, - como de atrás en los días Volver, - atrás, - atrás, - atrás en los días 800 por 600 a como 10 24 por 78 768 para gustar incluso como la última antes - entró la bebida receptiva. - Fue como 12 80. - Um, - pero ahora todo es diferente. - Nosotros definitivamente hay este movimiento de diseño adaptativo responsable que en realidad realmente - entender a los usuarios. - Andi realmente usó tecnología para servir contenido al usuario de una mejor manera, - independientemente del tamaño del grito o, - um, - para el dispositivo que están usando. - Entonces eso es genial. - Eso es lo único que sabes, - nosotros definitivamente si tengo una pantalla masiva, - ya no voy a ver solo un sitio web 10 24, - voy a ver algo que en realidad está optimizado para la salida que estoy usando en ese - punto. - Una segunda tendencia que realmente me gusta es el hecho de que Internet va más orientado al contenido -y definitivamente menos visualmente abrumador. - No hay más, - no más miedo por como, - el horror atrás nosotros en realidad es lo contrario. - Ya sabes, - El espacio en blanco es bueno siempre y cuando lo conozcas. - Da al contenido toda la relevancia que merece. - Y es gracioso porque en realidad quiero decir, - obviamente la impresión decide ha estado ahí para siempre. - Um, - Siento que estamos llegando a un punto donde traer diseño y diseño digital es finalmente - unirnos. - Y todos estos increíbles conocimientos que tenemos desde el diseño de impresión se pueden aplicar al diseño digital -. - Entonces todas estas cosas que realmente te ves en un periódico que te hace sentir que puedes - leer un artículo en la revista National Geographic por fin se puede aplicar en el lado digital- . - Y eso significa que no. - Ya sabes, - definitivamente hay, - como que nos estamos alejando de todas esas como herramientas de navegación súper complejas y relacionadas - articulos, - y dejamos que las cosas y creamos como artículos más personalizados estén donde los continentes vinieron - on. - Ejemplo de esta tendencia también será como todos estos locos. - Que Murph es, - um, - um tendencia que tuvimos y el hecho de que momento nos movemos hacia un diseño más plano, - Um parece Y tengo un poco de caída que definitivamente disfruto la estantería de fichajes - de vuelta en el días como leer hardcore con imágenes, - y estaba bien. - Pero si de verdad lo piensas, - um ya sabes definitivamente no se trata de la artesanía se trata de lo relevante y cómo es el - continentes para digerir. - Entonces yo no diría que es humorístico. - Es horrible, -y el diseño plano es grandioso, - es el Flay. - Depende del contenido, -y depende del proyecto-, y realmente lo es. - El foco debe estar en cualquier visual. - Independientemente, - Los planos están llenos de fotos. - El foco debe estar en. - Ya sabes, - ¿qué podemos hacer eso? - El contenido es rey, - y se acabó todo lo demás. - La última ronda que me gustaría destacar es el hecho de que el contenido relevante es así-Michelle cuando en realidad es relevante para real. - Y hay algo de realmente, - porque desde hace mucho tiempo. - Estoy tan cansada, - como, -ya sabes, ya sabes, - pensando en portales grandes, - como un año de edad que eran, - como, - incluso CNN el hecho de que sí leyeras un artículo. - Pero lo son, - como tantos carbón a las acciones. - Y hay tanta información relacionada tratando de captar tu atención Eso es realmente difícil - leer el artículo. - Entonces nos desplazamos hacia esto, - um, - esta nueva escena donde se sabe, - el foco está en el artículo. - Si estás leyendo un artículo, - si estás en la página del artículo, - no hay nada a su alrededor aparte del artículo y sólo cuando terminas cuando terminas realidad- como los flujos de este lado, - se llega al fondo de la página. - Ahí es cuando se obtiene, - como, - tal esencia de qué hacer a continuación y, - ya sabes, - sólo ejemplos realmente prácticos. - El ejemplo de práctica es en realidad comparar el actual New York Times versus ojalá ¿qué? - Esta mirada furtiva. - Ya hemos visto lo que va a ser el New York Times. - Que mientras sepamos definitivamente se va a acercar a través de este sitio web. - Lo hicieron el año pasado, - que es este Saber completo. - Y puedo abrirla muy rápido. - Ya ves cómo, - um, - si me desplaza hacia abajo. - Llegamos a un punto donde no hay nada en el paté aparte del texto, - obviamente hay algunos como la información de apoyo a este texto. - Entonces te dan como, - um, - contexto hacer, - digamos un personaje como una persona. - Este es un video ahí. - Pero todo es Todo gira en torno al artículo y en Liang va a ir muy rápido -sólo cuando llegues al final realmente llegas a ver, - ya sabes, - anterior o siguiente- pero no ves eso antes. - Y ese es el efecto mágico que respetan. - El hecho de que estés leyendo un artículo, - um, - y en realidad no tratan de llevarte a otro lugar es volar. - Entonces volviendo, - Creo que esto de cerca la primera unidad. - Así que muchas gracias y te veré en duro de hacer 2. La Fase de ideas: - Hey, - chicos, - Bienvenidos a Unidad a la cara de ideación. - Entonces antes de estudiar, - Tengo un poco de cinco este Kaymer encendido. - Y eso es que a través del curso fuera de toda la clase, - voy a estar cubriendo algunos procesos que ya conoces, - Depende. - ¿Dónde trabajas? - A lo mejor están tapados por un papel específico. - Parece que firmaron departamento. - Entonces, - por ejemplicio- podría entrar un poco en lo que hará un diseñador de productos. - Algunas de la dinastía estarán más relacionadas con una interfaz, - el centro. - Y tal vez sólo al final, - me meteré en, - como, - detalles de ejecución puramente visuales. - Sólo hay relevantes para los firmantes visuales. - Pero sólo por mis antecedentes que me vendría bien trabajar con un pequeño grupo de un grupo de -personas- llegamos a conocer en realidad todo el asunto. - Entonces, - ya sabes, - sólo toma lo que sea que te sea útil y sí, - espero que eso ayude. - Entonces con eso dicho en esta unidad, - vamos a estar cubriendo tres caras de ideación e inspiración. - Voy a estar hablando también de algunos principios de diseño y definitivamente mostrando algunos reales - proyectos y ejemplos reales. - Entonces, - en primer lugar la ideación cara este definitivamente es el rostro más importante en cualquier proyecto. - Es realmente importante que salgas de esta cara con una clara comprensión de lo que - vas a hacer. - Ya sabes, - normalmente podrías tener ya en asignación y eso podría crearse un lector de noticias que - nosotros es en esta clase. - Pero esa podría ser tu propia tarea porque sí tomaste alguna falta en la industria que - crees que puedes cubrir a través de una siesta. - O, - ya sabes, - en cualquier caso, - podría ser usted mismo o una asignación de cliente. - Pero en cualquier escenario, - la cara de ideación va a ser súper importante para determinar si estás creando, - ya sabes lo que estás creando, - y es importante que pasemos mucho tiempo en esta cara en esta luz ya que yo soy - yo mismo. - Um, - sólo para asegurarnos de que lo que hagamos sea en realidad, - ya sabes, - en pocas palabras en pocas palabras, - en realidad es genial e impresionante. - Entonces, - por ejemplo, - si hablamos de sitios de video allí definitivamente Tom de sitios de video por ahí, - Pero en esta aviación enfrenta eso, - si lo sabes, - crear un lado de video es tu tarea, - tienes que preguntarte, - ¿Qué puedo hacer para mejorar lo que hay por ahí? - Y ya sabes, - ha pasado algo que acabas de decir, - ¿Viste algo nuevo? - Y te quedas, - como, - ciego por lo nuevo y brillante? - Iss Pero siempre hay algo. - Y lo gracioso es como, - a veces sólo ves que hay algo que podrías haber creado cuando alguien lo hará - eso es todo. - ¿Y esto se siente apagado? - Ya sabes, - diciendo como, - enviado. - No he entrado de mi cara, - pero no pude verlo así que base todas las cosas que tenemos que pensar en la cara de la aviación menos locos - hombres estilo sentados el sofá acostado en el sofá, - Levántate otra vez, - Ve a tomar una copa, - volver. - Pero no dejes de pensar en esto hasta que realmente estés seguro de que donde estás haciendo es - relevante. - Lo siento, - pero esta Lisboa quiere. - Entonces en esta cara de aviación, - tú definitivamente Esto es como lo que dijo Picasso, - bien, - Me gusta, - la expresión está ahí. - Pero tienes que encontrarte trabajando. - Una inspiración es que este es un amigo de mi dicho que en la charla, -y en realidad, - me hizo pensar mucho. - La inspiración es la diferencia entre gran diseño y simplemente bien. -decidir, - y no creo que ninguno de nosotros quiera hacer. - Está bien, - signo que suena bastante bien, - pero definitivamente no es mucho lado eso. - Es importante que realmente pensemos en lo que estamos haciendo antes de ponernos manos en la mano y -sólo tratar de hacer algo notable en un sentido por el otro y sólo decir uno más -tiempo-, - porque realmente marca la diferencia. - Y siempre hay un ejemplo que me viene a la mente al pensar en ya sabes, - estas caras de ideación en eso es flip o estoy seguro cuando llegó el reporte, - se le ocurrió la idea de que salieron a cenar y tuvieron, - como, - la mejor noche de sus vidas porque simplemente pensaron en un concepto que es simplemente realmente - bonito de cerca. - Entonces si miras a la gente, - um, - me refiero a un servicio. - No hay nada nuevo en ello. - Yo ahora sin todas las operaciones que tienen sus cosas en un montón de cosas que es - impresionante. - Y tú Pero ya sabes, - el sí y así Junta de la Flota es sólo un lector RSS. - Detención oriental. - Hay con ellos para tu iPad que es simplemente más visual y aprovechar está apagado. - Aprovecha todas las capacidades similares que puedes usar en tu iPad y ni siquiera todas -de ellos-, pero al menos gestos. - Um, - así que si comparas flip o dos y esto es un realmente para la compresión. - Pero si comparas Freeport con el lector real de Google, -a pesar de que va a ser retirado, - sabes que muestran la misma información que tienes. - Puedes iniciar el contenido que puedas. - Puedes compartirlo. - Puedes mantenernos leídos. - Puedes enviarlo por correo electrónico, - um, - es el mismo contenido, - pero definitivamente hay una base artesanal, - horrible. - Entonces a uno le importa cómo expuso este Texas cómo, -como el título está en el centro-, y definitivamente es el cabello que es Chi. - Está claro, - um, - y otra vez hace algo. - Y realmente creo que esa ayuda, -pero en mi opinión- fueron realmente como Make Flipper. - Increíble es el hecho de que sólo algo tan simple como la transición, - cómo están conectando las diferentes partes fuera de ella se ha convertido en el nombre del producto, - y ya sabes, - el producto en sí mismo. - Entonces flipboard. - Se llama Flipper porque en realidad flota la página, - y es un simple es eso y es impresionante y es fácil de leer y emitir ciudad. - Ellos sólo para que eso es genial. - Al pensar en, - um, - el producto que estaban haciendo el proyecto en la cara de la ideación, - definitivamente hay como algunos principios de diseño en los que deberíamos pensar, - y yo repito hacer eso, - agarró mi atención y porque en realidad eran directores. - Pero cambian en cuanto los miramos a la luz de los criterios de éxito. - Entonces estos son los mismos principios. - ¿Está la jerarquía fuera de las necesidades? - Y eso dice, -para que el signo tenga éxito, - debe satisfacer las necesidades básicas de la gente antes de que pueda intentar satisfacer necesidades de nivel superior. - Entonces si solo creamos como una presentación visual de este principio, -vemos un gran permiso, - y en la base de ella- tenemos funcionalidad. - Entonces definitivamente digamos que estamos hablando de inusualmente ahí. - Um, - ¿respetas? - Ya sabes, - el requisito mínimo fuera de ese lector de noticias es realmente mostrar noticias. - Se puede estar de acuerdo. - Para que sepas que satisface la carne psicológica que se sube un poco. - Tenemos realmente, - realmente habilidad este Harmon terminan básicamente satisfacer la seguridad. - Entonces, - ya sabes, - pisando, - tenemos competencia en discapacidad. - Y en el muy doble ajuste. - Tenemos creatividad. - Entonces obviamente, - si tienes, - si estás creando un servicio de correo, - las cosas básicas que debes cubrir ist si yo que deberías poder enviar y recibir - correos electrónicos. - Um, - pero, - ya sabes, - y entonces saldrás en el hecho de que el hermano tiene que ser sólido emitido y chocar - debe ser confiable. - Um, - capacidad de uso. - Deberías poder usarlo de una manera que, - ya sabes, - se convierta en parte de ti mismo y de tu comportamiento. - Y no tienes que pensar en, - um, - um, - qué hacer con ellos dominio de la creatividad en la parte superior, - como algo que no es necesario al principio. - Pero definitivamente tenía algo encima de la promesa. - Otro principio de diseño del que me gustaría hablar. - Su forma sigue la función. - Básicamente dice que la belleza y el signo resulta de la pureza off función on también dice - las consideraciones estéticas en el signo deben ser secundarias a consideraciones funcionales. - Recomiendo este libro es alguien en el en el primer comentario que hice en el curso, - y en realidad escribí todos estos libros y así lo vas a sacar Pero, - ya sabes, - creo que en general estos dos principios verdaderos, -obviamente de un lector de noticias quieres leer la noticia y todo lo que necesites, -como, - estética que se mete entre tú y una necesidad básica sobre un requisito básico con hermano- se debe quitar. - Pero al mismo tiempo, - ya sabes, - tenemos, - ah, - tenemos la luz apagada los criterios de éxito sobre eso dijo que al hacer la ciencia- las decisiones se centran en la importancia relacionada de todos el aspecto del diseño, - forma y función a la luz de los criterios de éxito. - Entonces otra vez, - obviamente, - si le haces servicio animal o lector de noticias, - deberías poder leer las noticias. - Pero su problema es que eso simplemente no basta, - porque eso está ahí fuera. - Llegamos a un punto donde es realmente difícil innovar realmente en algunos productos específicos - porque hay como una gran separación en el mercado. - Pero eso no significa que podamos hacerlo. - Digo, - obviamente tenemos que prender este fuego siempre es así, - las necesidades básicas del producto, - y tenemos que asegurarnos de que, - ya sabes que la funcionalidad está ahí. - Pero si simplemente no cubrimos la parte superior del triángulo si no cubrimos la creatividad no lo es - va a funcionar. - Así que mira Dropbox. - digo, - drop oak es un cliente FTP. - Sus burlas de clientes FTP. - Había toneladas cuando salió Dropbox, - pero simplemente simplemente agregaron algunas cosas más de la parte superior del triángulo. - Acaban de lograrlo. - Está aquí para usarlo no fue lo más importante. - No, - lo más importante fue el hecho de que yo trabajo. - Pero, ¿fue relevante a la luz de los criterios de éxito para que este producto realmente - se convierta en exitoso? - Sí, - era totalmente necesario sólo para envolver esto. - Solo ten en cuenta que cada vez que discutas con tu equipo, - obviamente necesitas satisfacer las novedades de tus productos para satisfacer las necesidades básicas. - Pero siempre debes empujar por la mejor experiencia. - Y eso podría ser haciendo cosas que normalmente pondrás en la parte superior del triángulo. - Y eso es, - ya sabes, - crear animaciones, - conseguir ser como poner tiempo acogiendo transiciones entre las diferentes secciones, - todo lo que crea la mejor experiencia para el usuario. - Ahora nos gustaría mostrarles un par de ejemplos en los que tengo la oportunidad de trabajar -durante los últimos años- y definitivamente son, -como, - ejemplos realmente aislados fuera de ideas que tenemos dentro de proyectos que pensamos que podría hacer- ellos sobresalen un poco más. - Andi, - definitivamente. - Como si fueran como consideraciones diferentes. - Al igual que puedes encontrar, - ya sabes, - evaluado antes de Freeport es el mejor ejemplo de, -como, - una idea que en realidad se convierte en el punto principal del producto. - Pero eso no siempre es posible. - Eso tú En realidad, - ya sabes, - si tu idea no define al hermano, - al menos basado en el tema de criterios de sexo de diseño, - definitivamente se suman a ese éxito de una forma u otra. - Y eso es lo que quiero mostrar ahora mismo. - Tengo un par de ejemplos. - Primero, - ¿están algunos lookups contigo para USA Today? - Entonces la idea en USA Today en la página del artículo fue crear el mayor, - um, - título del artículo que alguna vez hayas visto en un nuevo sitio. - Entonces si miras a los felices no presumas y ya sabes, - suena así definitivamente se movieron hacia, - como, - un gran título, - algo que es fácil de digerir. - Entonces queríamos crear el mismo algo que en realidad vas a ver. - Y, - ya sabéis, - definitivamente crearás el título antes que nada. - Así que sólo tú sabes, - si tu ejemplo de eso con un amigo, - diferentes componentes y luego va la historia que tienes, - como, - obviamente, - um, - contenido adicional que complementa la historia sobre así sucesivamente. - Y una vez que te acabes, -obviamente la mitad como la historia anterior dentro de este tema en el siguiente también- . - Y si te mueves un poco, - verás lo que se relaciona con realmente tu ubicación actual donde puedes cambiar. - Pero creo que el punto de esto para mí era en realidad crear una declaración tan grande en ambos en -la página del artículo-, algo que nunca habías visto antes. - Y definitivamente te impulsa tu atención hacia el título del artículo y - había algo de poder en eso. - Entonces son como diferentes, - diferentes variaciones. - Y hay otros ejemplos que son ejemplo que quiero mostrar. - Y entonces es, - um, - esta interfaz que creo para Nickelodeon para su aplicación para iPad que lanzaron no saber - hace. - Entonces este es un trabajo en progreso fuera del ambiente en el que estábamos creando. - Tocaré base. - No toques base, - um, - en este marco en el siguiente capítulo, - pero aquí. - Yo sólo quería mostrar la idea que tenemos para el menú. - Por lo que en realidad te estarás moviendo a tasa infinita. - Te moverás, - Ya sabes, - mueves la pantalla arrastrando en el iPad, - yendo a un lugar el otro. - Se puede ver cómo se tiene contenido diferente, - dependiendo de la naturaleza. - Entonces a veces podría parecer un conjunto de fotos a veces es más como un video a veces - es como un tweet rápido. - Pero pensamos que sería realmente genial si el menú siempre es el Zeppelin aquí en la esquina superior - izquierda. - Y cada vez que quieras acceder al menú, - no importa dónde estés, - solo lo pones abajo y en realidad apaga la luz. - Entonces la carne vuelve a hacer esto, - podrías, - Y tú como, - tírala hacia abajo. - Nuevo blacktop. - Ahora tú en la oscuridad. - Entonces esto obviamente es un trabajo en curso. - Ya sabes, -hay algunas otras etapas de este menú-, pero sólo quería resaltar esta idea de como apagar la luz sólo porque - de nuevo es uno de esos ejemplos a los que definitivamente se podría decir que no va. - Definitivamente no está en la base del triángulo. - Pero ya sabes, - estos Renton, - como los pequeños detalles que paso a paso poco crean producto realmente increíble para - el usuario. - Un ejemplo menos que me gustaría presentar hoy es sexualmente un sitio web con él no demasiado tiempo -hace en el Río, - se llama Escape flat. - Y básicamente te deja judíos así te da, - ah, - montón de opciones fuera de lugares de los que puedes escapar el próximo fin de semana, - ya sabes, - realmente de tus criterios seleccionados. - Entonces, - por ejemplo, - si te importa el precio, - podrías seleccionar precios, - tu, - um, - criterios, - y entonces te dará resultados sobre eso materia. - También puede seleccionar si molestia y luego puede agregar, - como sistema de preferencias como la cultura, - comida, - vida nocturna, - al aire libre y así sucesivamente. - Entonces lo que me gustaría hablar de este sitio web es algo que no es realmente, - um no se relaciona mucho con el concepto, - pero definitivamente se suma a la experiencia del usuario. - Y ahí es donde ya has visto en la parte superior. - Tenemos estos desplegables, - y cada vez que cambias, - um, - la opción, - en realidad se voltea. - Entonces los tableros son flippen, - y se llega a ver cómo Está cambiando de la elección anterior a su selección, - la forma en que funciona. - Se puede ver cómo el mismo cambio de valores. - Dijeron, -como una animación brillante en el botón go, - en realidad diciéndole al usuario que ahora van activamente a seleccionar realmente la búsqueda con esos - criterios, - tu presidente y en realidad obtienes tu resultados. - Pero sólo un simple como crear esta animación. - Y puedes ver cómo sabes cuando realmente cambias de letras porque con letras. - Pero si cambias de icono, - muestra icono que hay, - como, - diversión. - Realmente no agregan nada por ciento al servicio pero ensayan yusor que te apetezca - la satisfacción realmente interactuaría con esos elementos y hace la magia del usuario- interfaz. - Entonces eso es algo a lo que definitivamente siempre debemos prestar atención. - Y a pesar de que dijo que duro el triángulo, - nunca debemos olvidarlo. - Así que sólo para envolver esta unidad, - um, - Voy a estar mostrando como parte de la ideación cara algunas ideas que tenía sobre la asignación de - estos autos, - que es a los diseñadores son, - dice lector. - Entonces este va a ser el primer proyecto sobre entregable. - les voy a pedir chicos que publiquen en línea Me gustaría que lo hicieran, - um post Esto atrapa que tienen y las áreas que están teniendo en estas son, - dice Reader. - Entonces solo podemos ir tres juntos y comentado Así que la forma en que lo estoy mirando en base sólo -en mi propio comportamiento, - ya sabes, - lo estoy mirando desde un punto de vista realmente funcional. - Es como el lugar donde voy a ir a leer realmente mis pies y leer mi culo, - dice artículos. - No como un lugar al que voy a ir realmente a conseguir inspirar. - Entonces pero este es solo mi punto de vista. -digo, - por favor siéntase libre de abordar realmente esta asignación desde el punto de vista. - ¿Eso crees? - Es mejor para ti, - para mí es más o menos lo es. - La cosa con Freeport, -realmente funciona en el iPad, - y será un hermoso sitio web también. - Pero la forma en que digiero nuestro servicio es la forma en que somos funcionales. - Así que sólo rallar un diseño donde, - ya sabes, - tenemos, - como, - un cuadro grande y luego pequeños componentes. - Implicará algún tipo de jerarquía Cherokee en el contenido. - Y esa no es la forma en que miro a nuestra evaluación. - ¿En serio? - Porque en realidad quiero poder leer todo o simplemente asegurarme de que he visto - todo. - Evaluar Todo tiene la misma relevancia para mí desde que lo describí así un poco apagado - explicación en esta pantalla tienes esquina superior izquierda. - Se puede ver cómo estoy pensando en una nueva estructura similar a Twitter y similar a, - como consejo diferentes aplicaciones móviles. - Donde tienes un menú a la izquierda en que es bastante funcional. - Te va a decir sólo los pies. - Vas a tener, - um, - a un lado, - una columna central que es realmente tentadora. - Y esa es la que vas a estar haciendo clic o no para ver el artículo porque lo hará- contener una vista previa del artículo. - Entonces he visto a ese artista bastante similar nos dice ahí a éste. - Um, - frío Reader R E V E r. - El problema es esta columna seductora y de hablar, - Y tal vez podamos ver mejor en este boceto el llamado tentador, - el que en realidad tiene que inspirarte y mostrarte un un poco apagado. - Una vista previa del artículo es puramente texto. - ¿Cuál es el problema con eso? - ¿Cuándo estoy navegando nosotros mismos? - Alimenta, - um, - sólo por la naturaleza del contenido al que realmente me suscribo. - Sus normalmente galerías fuera de imágenes en el título es algo así como, - um, - ya sabes, - empaque inspirador esta vez. - Entonces el título no me está diciendo realmente no es realmente, - como invitarme a decir realmente quiero decir, - es realmente descriptivo, - Pero si el artículo tiene fotos en él , - ya sabes, - esto nosotros mismos llamado lector y estoy hablando de fallar en inspirarme. - Por lo que de nuevo me gustaría digerir. - Me gustaría inspirarme en vista previa de esos artículos de una manera que será como - Twitter. - Pero en realidad, -como se puede ver en este boceto, - mostrando cualquier contenido mediático que piense en mi mitad. - Por lo que terminó tras de ti por una imagen. - Si es una vista previa de un video o algo que, - ya sabes, - en realidad me llevará a tocarlo. - Entonces volviendo a explicar esto un poco más, - se puede ver al fondo cómo está estallando para el mundo esta columna media que llamo tentadora - ¿Llamarlo? - Um, - va a tener, - como, - artículos recortados, - y usted será capaz de desplazarse hacia arriba y hacia abajo. - Um, - la U. - S. - Así que pasemos al siguiente aquí. - Yo soy como si estuviera saliendo mucho. - Todos los estados diferentes que van a tener muchos de izquierda. - Entonces estoy mirando la capa, - y en realidad estoy definiendo qué áreas van a ser receptivas y cuáles van a ser otras -. - ¿Adaptativo? - No, - que acaban de adoptar. - Para que veas cómo conoces estas muchas formas. - Definitivamente adaptativo, - porque depende de puntos fijos. - Tendrá una talla u otra. - No obstante, - el menú tentador definitivamente responde después de un cierto punto. - Entonces es una mezcla entre responsive y adaptativo. - Y finalmente, - este respiro funcional fuera del artículo definitivamente responde. - Y esa será la zona que incrementará el uso de arroz en la ventana para que puedas ver- cómo la armadura de colapso menú será como un móvil. - Tú ¿Por qué? - Pero puedes deslizar para ver realmente las opciones. - Um, - vamos a seguir. - Y en esta seductora columna donde sabes que en realidad es con lo habitual se va a mirar t - seleccionar lo que van a leer. - Estaba pensando en pantallas táctiles especialmente. - Estaría bien si pudiéramos, -como, - deslizar algo así como Twitter de la forma en que son como pasarlo rodando. - Y eso revelará opciones como en los favoritos. - Mark s invisto o compartir. - Debe ser la forma de acercarse. - Esto es como súper simple, - directo. - No quiero recomendaciones. - No quiero feeds relacionados. - Yo sólo quiero ver los pies a los que suscribo de la forma más tipo de, - como, - como, - funcional. - Por lo que más pantallas lo evalúan antes, - como diferentes estados en el menú en móvil y también como Omo estará en la parada normal - tamaño. - Algunos detalles como cuando tu escuela en el artículo y llegas al fondo, -emitió una pulga, - van hacia la siguiente y así lo mismo al ir hacia atrás. - Entonces verás siempre el siguiente en el artículo anterior que se aseguran de que así - desean que continuamente en entonces la navegación del usuario, - el uso del flujo y nunca empiezan a llegar al final de uno, - um, - viaje. - Pero siempre es como un flujo continuo de artículos inéditos. - Y esta una bonita vista de nivel superior cómo tenemos tres áreas principales, - ABC, - sobre cómo esas se mostrarán en una tableta para que puedas ver cómo A y B en lo alto en el medio - serán visibles. - Pero mira, - visualizamos cuando se toca en una de esas vistas previas y se mostrará se desplazará - capa en la parte superior. - Lo mismo para Movil con la diferencia de que el menú siendo a se derrumba también. - Entonces sólo un montón de bocetos diferentes, - ideas aleatorias. - Entonces se puede ver aquí, -por ejemplo- como en los muchos de la izquierda tengo algunos Parsons son como de eso el adaptativo en el on -el acceso blanco-, algún otro tipo de responsive porque tendrán un alimentar y podrás desplazarte - hacia abajo en los de algunos en la parte inferior otra vez. - Se fijarán opciones como atuendo o una cuenta de gerente, -por lo tanto por ahí, - y en -por lo tanto por ahí, realidad también se pueden agrupar alimentaciones. - Y así estoy deseando ver cuáles son tus bocetos e ideas. - Mientras tanto, -por favor echen un vistazo a esto- y creo que justo al final de escuchar para pensar que 3. Dibujar un boceto de un nivel superior marco: - Hey, - chicos, - bienvenidos a Uni tres. - Consigámosle un marco de nivel superior antes de empezar. - Tengo un poco de descargo de responsabilidad otra vez encendido, - y es más o menos yo sólo quería hablar de cómo decidir cuándo ves en visual on - el Agradecido sabes hasta ahora, - especialmente dedicado a los marcos U X e Y. - O, - ya sabes, - se fue a ir con un show, - que es como Han Drone tú X. - Y sabes que no hay sólo una respuesta, - pero yo en mi experiencia, - por ejemplo, - si estoy trabajando en un proyecto que no es no incluye muchas páginas, - podría hacerlo yo mismo. - No obstante, - si es como un gran portal o como un gran lado corporativo que tiene un líder, - un montón de páginas diferentes, - varias variaciones diferentes, - ya sabes, - podría tener una persona U X conmigo. - Um, - sólo totalmente dedicado a los carneros esposa por el motivo de ello. - Um, - el recientemente es bastante funcional, - y es sólo porque cuando estás presentando algo dedo del pie un cliente, - ya sabes que podrían necesitar probar estos te huevos dedo del pie, - probarlo y cualquier pequeño retoque o cualquier poco cambio o cualquier pequeño comentario que pudieran - tener. - Ya sabes que mejorarlo va a tomar más tiempo si lo haces en para mostrarte si lo haces - en un visual en el Agradecido. - Entonces para como, - un pequeño proyecto está totalmente bien sólo a la tienda de fotos. - Pero en cuanto sepas que se hace más grande que un cierto punto, - definitivamente es una noche Mary, - si en realidad no trabajas con eso, - tú X persona que sabes que es bastante apretado. - Puede, - como, - en realidad tuitear esas cosas sobre la marcha usando, - ya sabes, - el show lamentable o con lo que esa persona se sienta cómoda. - Con eso dicho, - ¿cuál es el marco? - Entonces según Google, - hay dos descripciones. - El 1er 1 definitivamente no es nuestro en el segundo se acerca un poco una estructura básica -subyacente al sistema, - concepto o texto. - Entonces piensa en este concepto de sistema o toma un sitio web estrella o nosotros estamos arriba. - Básicamente, - el marco es la estructura ahí subyace el arriba, - por lo que básicamente conecta todas las diferentes secciones en su on hace que sea sólo una pieza trabajadora . - Entonces piensa en el marco como primero y en la navegación, -la navegación que conecta todas las diferentes secciones piensa en parte del framework - que será cualquier componente global. - Entonces cada vez que en realidad te presionas a sí mismo Insect dos favoritos que funcionan a través de todos - las secciones es parte del marco global. - Lo que normalmente me gusta hacer 1% entonces marco a nuestro cliente o simplemente para mí mismo, - sigue siendo en realidad porcentaje de habitación. - Cómo esas capas llegan tarde en un espacio de tres D y en realidad no tiene mucho sentido, - pero realmente ayuda a entender el ecosistema global fuera de lo que ves, - como si estuvieran apilados uno encima del otro, - podrían entender que son como autos que se apilan uno encima del otro o esto, - como muchos de los esclavos de la izquierda. - Pero está encima de ella empuja el contenido. - Esas son como, - um, - ya sabes, - fotos de alto nivel que el cliente o simplemente tú podrías tenerte, - mis honestos ellos simplemente más fáciles. - Otra cosa que recomiendo al hacer el framework, -especialmente para clientes, - es crear un gráfico con el ecosistema del up-, y estoy llegando a la siguiente sección. - Vamos a mostrar algunos ejemplos, - y tengo algo también relacionado con esto Así que esto es, - obviamente los nombres de la derecha, - Pero tomemos esto es un ejemplo del ecosistema a menudo arriba. - Entonces tienes una pantalla de inicio, -tienes ciudad, - y puedes ver cuanto más tienes que hacer listas y luego tienes, -como, - componentes. - Por lo que le muestras a todo el ecosistema sobre cómo están conectadas esas secciones. - Ya sabes, - de este gráfico y entender desde esta pantalla de inicio, - puedo ir ya sea a esta sección o a esta sección. - Entiendo eso. - Ya sabes, - de esta sección realmente puedo buscar, - y puedo Y busco en estos tres diferentes con estos valores diferentes. - Y eso podría llevarte a esta otra cosa que está conectada de alguna manera Todas estas - conexiones es al principio corazón en este momento. - Pero cuando en realidad empiezas a leer de sólo pasar por lo específico, - todo el doblaje hacia abajo es bastante fácil de entender. - Entonces un ejemplo de un marco Esto es Ah Furley Easy one. - Yo creo esta cámara para el iPhone, - y en realidad es bastante simple, - pero funciona con, - como, - unas cuantas capas diferentes, - para que puedas ver cómo es totalmente ningún diseño. - Lo que estoy haciendo aquí es solo un asunto de explicar cómo funcionan los diferentes componentes. - Entonces tenemos aquí, - como la captura de cámara. - Tenemos el iPhone, - y luego tenemos yo menú que rebanan desde abajo. - Es ésta y yo fui la que está en la cima. - Y, - ya sabes, - cualquiera que sea el fondo real, - hay un muy abstracto, - pero realmente ayuda a entender realmente cómo funcionan esos paneles. - Otro ejemplo sería si arriba lo hice hace un tiempo que otra vez podrías atascar todas las - secciones encima de la otra solo para que me gusten descomponer todas las capas que crean la interfaz de usuario -. - Entonces tenemos usando a los amigos tenemos capa meteorológica, - capa diurna, - y entonces eso crea una ciudad. - Y entonces tenemos, - como, - diferentes paquetes de ciudad. - Otro ejemplo. - Este es un gran tema. - Afganistán. - Entonces esto es más o menos una propuesta para, - um, - una campaña de lado de video encendido, - y se puede ver cómo quería explicar que podrías estar en un video y hay ataque en - un video. - Y si presionaste ataque, - este componente de video se deslizará hacia la izquierda sobre ves aquí cómo después de la cárcel en el atentado -, - se moverá a la izquierda y varios EU. - No, - este video se convierte sobre la hora que acabas de presionar. - Entonces si me parezco, - se puede ver ambos de la misma vez. - Bastante video, - lo tocas Y estos desmayos, - y siempre puedes volver para realmente volver al video donde eras una interacción firmemente simple . - Pero, - ya sabes, - es realmente agradable pasar por el ejercicio fuera edificio creado algún nivel superior - ux para explicar lo que está pasando. - Ahora quiero mostrarles cuándo es probablemente uno de los marcos más complejos que he hecho - y no vamos a ir en detalle, - Pero sólo quiero mostrarles, - como todas las categorías en realidad que estoy cubriendo con este marco. - Entonces en este caso, - Voy realmente abstracto. - Era básicamente una noche pero arriba diseñada para Nickelodeon, - Y queríamos hacer um, - como un mundo, - explicarás, - Horace, - um, - explorarás horizontalmente en esto. - Tendrá, - como, - diferentes capas. - Entonces imagina que tenemos eso. - Pero aquí, - imagina. - Se ve el mundo a través del iPod, - el iPad, - esto una ventana. - Entonces, - ya sabes, - son como algunos componentes globales como el indicador de menú. - Y esto es en realidad lo que muestro en el episodio anterior. - Si recuerdas, -y luego si sigues mirando por esta ventanilla, - podrías ver estas capas, - que es el juego número tres es el entorno de primer plano. - Entonces son como Lums. - Ya sabes, - el techo ahí como personas que están súper cerca de la cámara porque están en esta capa - eso está más cerca de tu punto de vista. - La siguiente capa es en realidad la capa de contenido. - Entonces otra vez, - el contenido sobre eso se va a mostrar debajo, - que es como detrás de estos componentes de la capa tres. - Hay algunos detalles como puedes deslizarte hacia arriba y hacia abajo y así sucesivamente, - y luego encierran la Capa uno, - que es el entorno de la columna vertebral. - Entonces de nuevo, - se puede ver ahí algunos personajes todavía hay algo de fusión de contenido con el Bagram - componentes, - y hay algunas interacciones para separarse de las interacciones. - Tres. - Entonces discúlpame. - Entonces los primeros aquí, - se puede cambiar el fondo fuera de la llamada del fondo. - Ves algunos videos y demás. - Esto es, - uh, - un marco bastante complejo, - y se pone aún mejor porque sabes todo lo que estaba gastando aquí en esta perspectiva isométrica . - Ahora te muestro cómo funciona. - El piso le parece al iPod. - Entonces todas estas capas, - ya sabes, - toda esa complejidad en realidad está encapsulada aquí- donde en realidad ya no se ve tan compleja. - Y esa es la magia de la misma. - Ya sabes, - no se trata de crear complejidad compleja por sólo el bien de ello se trata de intentar- de explicar el concepto. - Y entonces, - um, - ya sabes, - obviamente haciéndolo complicado sólo para hacerlo sencillo al final. - Entonces te explicamos también, - establecen menú de nivel superior, - y eso es lo que en realidad pasé la unidad anterior donde en realidad puedes simplemente, -como, - jalarlo y apagará las luces. - Um, - explicamos que en realidad, - este entorno en el que estamos como navegar horizontalmente es modular y escalable. - Entonces otra vez, - todo se basa en una plantilla, - y son como plantillas diferentes. - Uno es una persona y contenido que en realidad se puede deslizar. - Particularmente otra plantilla será una persona de cuerpo completo nos gustaría contenido a su izquierda. - Entonces tenemos, - como puertas que te impulsan dedo del pie, - te llevan a un um diferente, - habitación, - y tenemos una plantilla sin personajes. - Conozco el templo con personajes otra vez, - Una plantilla interactiva donde en realidad irán los actores y haremos algo en el vidrio- del pasado. - Entonces hay que detenerlo en realidad. - Y así es el mismo componente aquí con unas plantillas diferentes. - Entonces en este caso, - en vez fuera, - um, - como para limpiar el vaso, - van a ser como sacar el, - um, - Islam de ella baba. - Um y luego obviamente explicando lo fácil a una escala este concepto y, - ya sabes, - crear más plantillas si es necesario. - Se explicó un spot de los marcos. - ¿Cómo interactuamos con las secciones? - Ya sabes, - todos los gestos que vamos a usar, - Así que vamos a decir contenido dibujando un círculo, - en realidad vamos a abrir contenido haciendo pero como pintar con los dedos pintados hacia atrás- en realidad se cerrará contenido. - En realidad puedes crear como apretones de manos secretos con algunos personajes dentro de algunas de las - ventanas. - Se puede mover de izquierda a derecha. - Y de nuevo, - es un sensible, - como, - bastante complejo. - Entonces sólo voy al peor de los casos aquí para que veáis, - ya sabéis, - ¿cuánto detalle podemos poner en el marco? - Entonces otra vez, -como en una muestra de la semana de interacción hasta el dispositivo- pero impugnamos rotado también sólo para envolverlo este ejemplo. - Hay algunas animaciones, - excepto, - um sí, - ejemplo. - Entonces salto de personaje, -como se puede ver, - es definitivo sobre este signo es sobre el espectáculo. - Cómo es esto, - ya sabes, - es un mostrar el concepto fuera de lo que sucederá, - cómo el contenido en este caso será revelado por, - como, - un personaje que salta, - como un puerta que se abre o por, -como, - personaje que corre y en realidad revelan el contenido es una máscara. - Entonces retrocedamos el zoom solo para que lo veas. - Ihsaa Bastante obra de impresión masiva. - Um, - y es una descripción de nivel realmente superior solo para el cliente y otra rápida, - enfermedad fragante Más fácil. - Yo quería mostrar, - um es sólo un sitio web donde, - en realidad, - ya sabes, - Estoy ilustrando cómo se ve la pantalla aquí, - el tamaño y cómo esto va a estar siempre tomando toda la piel del dimensionar la navegación -de estar en la parte inferior askew escuela abajo viene a la parte superior, -ya sabes, - sólo pasando por parte del contenido. - Tenemos tipo de conseguir tal vez un poco demasiado en detalle aquí. - Pero, - ya sabes, - sólo tratando de explicarle al cliente que cómo están conectadas las secciones. - Entonces esta imagen de pantalla completa mientras te desplazas hacia abajo hay un mapa y puedes hacer click en algunos - punteros y se deslizará a este o al mapa, - Um, - y así sucesivamente. - Entonces volvamos. - Esos fueron algunos ejemplos fuera de marcos, - y ahora me gustaría simplemente ir muy rápido a través de algunos must. - Y no que realmente tengas que hacer a la hora de crear tu propio marco. - Lo primero es pensar definitivamente en el panorama general. - No recojas los detalles y volcas un par de descripciones de contenido porque, - ya sabes, - recogiendo detalles o contenidos en esta etapa del off the project podría terminar en- discusiones que realmente no quieres tener con un cliente apenas todavía. - Ahora el punto es conseguir esta aprobación en los marcos para que realmente puedas seguir adelante, - como entrar en detalles en secciones específicas. - Pero en este punto, -ya sabes- trató de mantenerlo realmente como de nivel superior y simplemente explicar cómo estaban esas secciones entre sí . - Más que volver a entrar en detalles. - ¿Cuál es la conexión entre todas las secciones? - Necesitas detallar eso como necesitas explicar cómo esas secciones están conectadas entre sí . - Ah, - y ya sabes, - ustedes cosas como una navegación como una animación en el medio era la transición si es como una - conexión física entre ellos, - Así que piensa como una sección empujará hacia arriba la otra, -o lo hará, - como top común todos esos detalles. - Estaría bien si pudieras explicarlo, - reflejar toda la funcionalidad. - No nos importa el contenido, - pero sí nos importa la funcionalidad en este punto. - Lo siento. - Días como, - um, - como un funcionario ahorrador como un protagonismo algo o hay como un, - um, - compartir todas esas cosas que podrían desencadenar como nuevos escenarios es, - yo diría, - importante trabajo con fondos del 100%. -Es decir, - puede que ni siquiera necesites teléfonos-, pero yo sólo tengo experiencias de alguien en el pasado donde algunas personas te harán x con una -realmente, - tipografía realmente pequeña. - Y lo sabes Eso siempre es un problema porque están haciendo un trabajo que en realidad se puede, - no se puede traducir al letrero más adelante. - El reclamo podría aprobar algo porque simplemente eran justos, - como mover sus preocupaciones al diseño. - No obstante, - ya sabes, - a este nivel, - ustedes días cualquier diversión. - Sólo tratar de no volverse demasiado loco con este isis y tratar de, - ya sabes, - mantenerte más cerca. - Cuanto más cerca puedas de la realidad la vida fuera de la caja. - Eso es gracioso. - Entonces creo que tal vez quiero decir, - esto es exagerando un poco. - Es bueno pensar fuera de caja, - ya sabes, - como siempre dije, - el hecho de que no haya imposible definitivamente significa que no se ha hecho antes, - pero no necesariamente significa que se pueda hacer. - Entonces solo te animo a pensar realmente fuera de la caja tanto como puedas para que puedas - en realidad dejar fuera de la caja. - Probé las grandes nuevas soluciones tratando de realmente, - ya sabes, - desplegable para una navegación principal. - Podría no ser la mejor solución. - A lo mejor este un trabajo genial hecho lo puedes hacer igual que tratar de innovar en esos componentes. - Um, - obviamente en los métodos de navegación se reunieron. - A. - Tanto como puedes usar para mostrar cómo están conectadas todas esas secciones. - Planificar para todos los dispositivos. - Esto en realidad es bastante importante con él antes- al esbozar nuestras ideas. - Pero incluso aquí, - en realidad deberías pensar en que sabes cómo se van a poner esas secciones en el - diferente en la salida de amigos, - diferentes pantallas y otra vez, - simplemente no puede gustar volver a la primer tema de detalles oficiales es realmente importante - que nadie entienda esto como diseño. - Pero esta es nuestra descripción general para ejecutar esta unidad. - Quiero mostrar algún trabajo de amigo realmente de nivel superior que he hecho en, - um, - en el lector RSS. - Y no tengo mucho enfoque en los diferentes tamaños que podría tener también, -como, -en -como, - qué parte de la disposición será receptiva ¿Qué parte de las capas se adaptará? - Pero me gustaría realmente una de las asignaciones de esta unidad para ustedes chicos, - esto es realmente crear lejos más completo, - um, - marco fuera de su idea basado en los ejemplos que hemos visto. - Entonces estoy como voy a mostrar, - ya sabes, - yo sólo, - como, - um, - centrándome en parte de las capas su adoptado adoptado una de las capas que son receptivas -. - Pero me gustaría que ustedes realmente trabajen de una manera que puedan incluir animaciones y - decisiones. - Entonces dije dije super nivel superior no diseñado en absoluto, - Pero casi vemos las diferentes secciones fuera de la capa, - ya sabes, - y cómo los muchos de la izquierda serían adaptativos. - Cómo, - Entonces las hazañas irán a la derecha. - Y van a incluir medios de comunicación, -si lo tienen, - y cómo va a ser receptivo el artículo tomando el resto del mismo con y también detallamos. - Yo soy tan detalle, - ya sabes, - la altura de los componentes. - ¿Qué parte de los componentes se fijará en lo que por parte de los componentes será - en realidad respondiendo a en la salida. - Este jefe del navegador, - Um, - otra vez, - cómo se aplicará esto a, - digamos, - um en salida que es similar a una tableta. - Más cumpleaños, - dorado horizontal. - Entonces otra vez, - tenemos esta nueva versión fuera de la navegación que se derrumba. - Pero aún se ve, -como la unidad de información principal, - y siempre se puede, - como deslizar para revelar más información sobre. - Entonces las derrotas se llevan todo el grito, - así que va a ser más inspirador. - Y en cuanto solían hacer clic en uno, - irá a la segunda pantalla que tenemos a la derecha donde realmente te harás cargo de esto - pila de hazañas. - Y otra vez, - cómo se traducirá esto a un dispositivo móvil para que puedas ver cómo sus muchos un traductor lo. - En realidad lo ocultamos por completo. - Simplemente vivimos un poco apagado indicador de la izquierda. - Y eso en realidad le hará saber al usuario que hay este dinero. - Pueden arrastrar y revelar orden que eso. - Todo el grito será utilizado para Theis. - Sección grande con previsualizaciones, - Cualquiera que toquen esos nosotros en la versión tablet. - Ya sabes que vendrás asno. - Artículo en la parte superior. - Entonces, - Dustin, - Simon, - Ya sabes, - basado en las ideas que has pasado produciendo su será genial ver qué tipo de - marco se puede crear? - También puedes hacer un mapa del sitio si quieres. - Y sí, - Estoy deseando ver qué se le puede llegar. - Ese es el final de la lista en tres. - Muchísimas gracias. 4. Construye una cuadrícula en una cuadrícula: - todo el mundo. - Bienvenido a unidad para vivir Integrate en esta unidad, - vamos a cubrir la definición de unos grandes componentes que hacen un gran especificidades De - ¿qué diseño? - Algunos factores comunes entre genial para Web y diseño de impresión son ejemplos reales que trabajé - en el pasado. - Y finalmente voy a pasar por lo grande realmente construido para sus culos lector. - Entonces, ¿qué es genial y por qué lo necesitamos? - Bueno, - una definición de grande es marco fuera del espacio, - bar su apartamento dos o cruzarse entre sí una rejilla, - pero una definición en realidad como mejor. - ¿Este es de Wikipedia? - Más o menos una tipográfica, - realmente dijo la estructura bidimensional conformó una seria off intersección vertical y - el acceso horizontal utilizado a un contenido de estructura Bueno, - se puede realmente, - realmente en la pantalla que bastante de acuerdo esto y se puede ver cómo voy a explicar todos - los componentes más adelante. - Pero justo aquí se puede ver, - como algunos de los componentes que hacen lo grande Así ves la unidad columnas fáciles. - Se ve una línea de base y así sucesivamente. - Más o menos este más grande ayudándome en este momento a organizar este marco firmemente simple -que es justo lo que estoy usando para la presentación de una manera que es fácil de absorber y - estructurar. - Hay esta cita de soya en su libro, - Orden y Trastorno que dice, - Desde tiempos inmemoriales, - todo lo que la humanidad ha percibido ha sido objeto de continua búsqueda del orden. - El libro es totalmente recomendable, - sobre todo para esta sección. - Hablas más o menos de saludar a su región y las razones detrás de ella, - y también las aplica a lo que lo mismo más adelante. - Pero cuando leí esta cita, - en realidad pensé en este golpe de vaso que me gusta mucho. - Son las cosas organizadas prolijamente, - Um, - y este vaso se trata más o menos como tomar fotos de objetos. - Están bastante bien organizados. - Y hay algún placer visual sobre, - como, - visto esta imagen. - Um, - así que esto vuelva a preguntar, - ¿Qué es un gran Y ahora por qué lo necesitamos? - La razón principal es que hace la diferencia. - De verdad se puede decir cuando se ha hecho cualquier signo, - pero use integre o donde tiene, - y algunas personas son realmente, - realmente buenas en eso. - Y, - ya sabes, - conocí a algunos diseñadores en el pasado que nunca usan el secreto, - pero eran justo, - como, - realmente específicos y realmente metálicos y cómo organizan a su incompetente. - Pero en realidad, - ya sabes, - si realmente puedes usar un gran vas a decir que el tiempo de Tom al organizar su info - y construir el diseño en, - ¿sabes, - es realmente importante en realidad tener una gran que te ayude realmente trabajando. - Algunas personas toman esto como, - Vale, - tengo que usar secreto, - pero, - ya sabes, - casi pasan más tiempo arriba. - No estuvieron de acuerdo con sus necesidades entonces entonces en realidad -ya sabes- ahorrando tiempo porque están usando un gran. - Entonces es importante que sepas que -ya sabes, - un gran es el resultado de investigaciones previas y los pensamientos previos sobre lo que realmente vas a construir. - Y una vez que tengas eso en mente y esté bastante claro, - lo grande te va a ayudar todo el camino para que eso suceda. - Y este es un ejemplo del lector de incendio. - Yo estoy construyendo esto un ejemplo para la clase, - y se puede ver un poco del crear que empecé a construir. - En realidad explico esto más adelante, - pero al igual que una breve descripción, - se puede ver como tenemos a la izquierda thes principal viniendo con los pies y eso está tomando, -como, - un Collier hecho de dos unidades. - Voy a tener, - como, - algún margen con, - como, - este patrón sólo para ayudarme a mí mismo. - Cómo los artículos van a ser tu línea. - Y también estoy marcando lo que va a ser dispositivos móviles y tamaño de teléfono y también como tabletas. - Y los que explico más adelante son, - como, - diferentes, - como puntos de ruptura en el responsable después del diseño de creep y construirlos, - um, - recurso que también necesitamos crear. - Y esto es otra vez corte en el Caribe. - En su orden de libros en este orden saluda en orden continuamente y armonía a la presentación - off información en páginas web con frecuencia de alta densidad. - Y en eso enviar andan ejemplo sería USA Today otra vez. - Entonces en esta página de artículo, - Estoy usando una calle común cinco y se puede ver cómo se está organizando todo entre -ya sabes- dentro de esas cinco columnas que tenemos en la 1era 1 en realidad de actualizaciones serias de historias y luego - pegarse en cosa va en los otros. - Otra razón serán los saludos. - Salud yusor esplénico vale información diferente de página a piso de página desde conductual - estado hasta estado conductual, - que ayuda en la comunicación de esa información y usar el mismo ejemplo está ante nosotros- tienen cinco columnas y usamos es que los tres en el centro solo para mostrar el texto principal - Y entonces vamos a usar el 5to 1 de la derecha para mostrar contenido adicional. - Entonces otra vez, - los usuarios que pasan por diferentes artículos entenderán eventualmente que la Quinta - Columna dentro de la vista de artículo va a tener siempre como fotos y baterías de video. - Otra razón por la que los grandes facilitan agregar nuevos contenidos a un sitio web de una manera que en - sistema americano con la visión general fuera del sitio web regional. - Entonces otra vez, - quiero decir bastante sencillo, - como más o menos construimos un sitio web que tiene que actualizarse y como todo funciona - dentro de un gran ya sabes, - más adelante quisimos eso. - Creo que más información sobre nuevos módulos. - Estará bien mientras nos quedemos a ese crédito. - Otro de los grupos que hacen está aquí para planear para diferentes Disensiones del señor fuera del mismo contenido -mientras se mantiene una estructura integral. - Entonces este país, -bueno con esta rejilla receptiva y adaptativa, - porque conforme construimos en este sitio web que laissez tiene un gran sabemos que vamos a planear con ella- dentro de la grilla. - Cómo se va a ver ese sitio web depende del tamaño de Buber. - Entonces no importa si es 9 66 40 Lo que sea. - Siempre mantendrá la misma consistencia y esto en el mismo look y tacto. - Está bien, - hablemos ahora de las diferentes partes de un gran Así que lo mínimo, - la división más pequeña en una cuadrícula. - Eso es lo que es una unidad escolar una unidad normalmente para pensar demasiado estrecha para realmente contener o - como casa cualquier contenido textual. - Entonces por eso los combinamos en columnas. - McCallum es un grupo de unidad que se puede ver, - y básicamente se combinaron para crear. - Llamamos a áreas viables. - Entonces en este colegio podemos realmente tener contenido porque son lo suficientemente blancos, - y en realidad se combinaron en regiones y regiones. - ¿Ese grupo está fuera de columnas y, - ya sabes, - al final forman página. - El siguiente componente es la línea de base, - y estoy realmente yo sé de la mejor tierra porque es realmente, - realmente, - realmente importante cuando realmente construyes como una capa de lo que diseñó para usar una línea de base. - Realmente ayuda a este pozo debido a medir realmente el espaciado entre líneas y sobre todo - entre bloques fuera de personajes. - Cuando cambies en la tipografía, - va a decir, - por ejemplo- el espacio entre un título en la copia del cuerpo justo debajo que es súper útil tener el - sótano, - así que por favor úsalo. - Está bien, - así que la siguiente son canaletas. - Las canaletas son los espacios vacíos entre unidades y monedas. - Ya sabes, - cuando la unidad está recombinando cummings que absorben. - La metieron dentro de ellos, - pero en realidad no meten el que entre el que los separa de un diferente- unidad de de de una columna diferente. - Y el último es el patrón en el mercado. - Entonces los márgenes son el espacio fuera de una unidad o columna y poner es el espacio dentro de esa unidad - o columna. - Y es posible que sepas que algunos de estos parecen familiarizados con HTML y CSS porque son - como propiedades con las que realmente puedes trabajar. - Eso es bastante útil. - Siguiente Este saludo especificos para el diseño Web. - Bueno, - no hace falta decir, - los saludos son realmente viejos. - No. - Entonces cuando veas ahora en interactivo, - pero obviamente tienen un legado fuera de letrero impreso y antes de eso, - tienen un legado de como pintar sobre dibujo así sucesivamente para que tengamos ah realmente, - muy larga tradición off saluda. - Pero cuando se trata de interactivo es definitivamente un mundo completamente nuevo. - Por lo que me gustaría destacar algunas cosas que creo que son específicas para el diseño Web. - El 1er 1 es diseños dinámicos. - Entonces en realidad tenemos que construir genial para vista desconocida, - precisa. - Y en ese sentido, - definitivamente no lo sabemos con porque definitivamente depende del usuario en la plataforma -. - El usuario emite en ese punto. - Y son así. - No quiero decir tendencias, - pero como diferentes soluciones que encontramos el problema y podríamos dividirlo en diseño adaptativo- y receptivo . - Así que sólo describir un poco Adaptive está realmente diseñado que funciona con break fijo - puntos. - Entonces piensa en que tengo un ejemplo para ti. - Piensa en esto un out los gatos que cubren por lo que se fija porque tiene, - como, - diferentes puntos de ruptura. - Si cambias el tamaño de la ventana, - en realidad cambió el diseño cuando golpeas uno de esos puntos de ruptura, - puedes ver aquí- pero nada aparte de eso. - Nada es ser preciso. - Entonces no importa, - ya sabes fue del tamaño de esto de esto siempre y cuando no llegues al punto de quiebre, - ya sabes que seguiría así y responsiva decidiría en el país. - Me gustaría mostrarlo para mostrarlo mostrando este ejemplo, - mi amigo Israel Pastrana Así está más o menos en el letrero que en realidad se redimensionó gradualmente - con el navegador. - Entonces otra vez, - ya sabes, - esto no es algo que ustedes señor harán. - Recita que sabemos que no tiene sentido hacer eso, - pero esto Asegúrate de que, - ya sabes, - independientemente de que tu tableta sea un iPad o una tableta Windows o lo que haya solución podría - ser diferente. - Estos se asegurarán de que en realidad se vea muy bien en al mismo tiempo. - También tiene puntos de spread por lo que se puede ver un punto de ruptura aquí es hacer colapsar el menú o -no, - por lo que definitivamente es una mezcla entre los dos de ellos. - Así que seguir adelante, - piensa móvil, - cuanto más pequeña es la pantalla allí más grande que los tanques y descuentos dentro Porque, - um, - sí, - definitivamente. - Ahora mismo, - el momento en que vivimos en dispositivos móviles dice tener una resolución más grande o más densidad más - que los gritos de escritorio. - Y voy a decir como ejemplo, -como, - su pantalla de escritorio podría tener, -como 72 en sólo un punto de interés- mientras que su dispositivo móvil podría ser incluso el doble. - Entonces por eso, -si tenemos un texto con este tamaño de 12 puntos- cuando tu escritorio y tu traduzcas eso al móvil, - igual que eso se va a ver realmente, - realmente pequeño. - Entonces solo piensa en los dispositivos móviles es algo que los usuarios obviamente llevan con ellos y ellos - checa sobre la marcha. - Y definitivamente el tejano necesita ser más grande. - Creo que eso suena. - En realidad reviso esto igual que un portafolio aleatorio donde revisé en mi móvil y pude -ver como solo el texto era realmente, - realmente pequeño. - Y, - ya sabes, - pensar en mí mismo en el metro o tan bien no es algo a lo que podrías sentirte invitado - leer. - Por el contrario otra vez, - uno de mis sitios web favoritos por el momento 1,000,000 dot com, - se puede ver como justo la granja es mucho, - mucho más grande y definitivamente más agradable. - Y está aquí para calificar algo. - También creo que es único para el diseño Web es el hecho de que decidamos por una densidad no contenido- . - Entonces si comparas una revista, - ya sabes que obviamente ya tienen un marco, - un estilo que tienen que seguir como en cada artículo diferente, - pero al final del día, - saben cuál es el artículo. - Entonces, - ya sabes, - ellos trabajan con ese conocimiento. - No obstante, - ejecutar diseño interactivo que construimos, - construimos el marco que realmente construimos en el marco para, - um ya sabes, - sea cual sea su artículo de los periodistas sobre, - quien quiera para publicar y tiene que trabajar para todos ellos. - Y en ese sentido, - me gustaría hablar de dos escenarios diferentes. - El 1er 1 es páginas de visión general. - Entonces piensa en la página principal principal fuera de un sitio nuevo o un sitio del portal. - Vas a mostrar, - como, - diferentes artículos que tienes en la página. - Pero obviamente, - no vas a mostrar todo el asunto. - Entonces ya sabes, - podrías mostrar igual que un recorte del título. - Y quizá sean subtítulos. - Y en ese caso, -porque vas en algún momento vas a entregar este proyecto a alguien- y esa persona lo va a usar. - Sólo necesitas ser, - como, - realmente específico. - Um, - ya sabes, - cuando los detalles en cosas como el personaje cuentan, - hay que decirlo se siente ¿Cómo fue el número máximo de caracteres que ese combustible puede - acomodar y sólo hay que hacerles saber que si ir por encima, - podría tener que hacer elipses en ese contenido. - Y tengo un par de ejemplos de ese es, - um, - este prototipo para USA Today Y se puede ver, - ya sabes, - esto es obviamente esta página principal donde realmente tienes un título en el exterior on. - Sí, - más coberturas. - Y si nos desplazamos hacia abajo, - ya sabes, - todos estos tipos aquí son estos chicos que son únicos para realmente armar un máximo, - De lo contrario, - ya sabes que firmó puede ir en forma. - Pero eso no quiere decir, - ya sabes, - no tienes que serlo realmente. - Tienes que ser también, -como, - un poco flexible. - Entonces ya sabes, - no puede venir en que un mínimo fuera este específico de caracteres y un máximo de esto- en lo específico. - Y en estos módulos, - se puede ver aquí como tener en yo era un poco flexible, - por lo que podría ser como dos líneas. - Puede ser una línea, -pero la imagen de la izquierda- podría ser como lo que sea que sea un modelo para deportes con dos líneas y a veces iraní. - Se puede ir a tres líneas y así sucesivamente tiene que ser. - Obviamente, - necesitas dar cuenta de todo lo que puedas. - Otro ejemplo sería esta otra propuesta para Google, - más las páginas marrones. - Entonces otra vez, - esto dice la página de resumen. - Entonces si vas a hablar de, - ya sabes, - música, - por ejemplo- o lo que tengas a artículos aquí y el título Stary puede ser hasta +12 tal vez como, - tres líneas. - Pero luego empiezas a escribir el texto, - y no sabemos cuál va a ser ese texto. - Pero tenemos que hacerlo. - En realidad, - el limitado fue el máximo que eso va a ser eso. - En realidad, - donde iba a trabajar con estos marcos puede cuidarlo. - Por lo que volver el otro escenario diferente que quería hablar es la página de detalles. - Entonces aquí hay un escenario diferente, -porque antes realmente no podíamos contener todo el contenido del artículo pero en el caso- estaban en este caso, - en realidad tenemos Es nuestra responsabilidad. - Lo teórico es, - ya sabes, - puede caber perfectamente en nuestro diseño y en realidad lucir bien. - Entonces algunos ejemplos en ese sentido son, - um, - al igual, - cosas diferentes que lo harán con el tiempo, - esta será una de ellas, - ya sabes, - En realidad, - esto es como una vista de artículo bastante segura donde realmente se puede ver un título y se puede ver -cómo este título, - en caso de que llegue a dos líneas. - Simplemente empujaría el contenido hacia abajo. - Entonces todo es flexible de una manera que si es más largo, - simplemente empujó el contenido hacia abajo. - Lo mismo para esto, - como interacción realmente corta y lo mismo para realmente eso. - Gracias, - Tom abajo Sé que el ejemplo será Este artículo hace para USA Hoy y de nuevo es sólo un - asunto apagado, - como leer diferentes módulos. - Entonces en realidad, - si la empresa es corta así es casi el peor de los casos una zona que los continentes -realmente corta porque si es largo sólo tienes, -como, - toneladas de motivos diferentes puedes combinar. - Pero si es seguro que eso puede suceder, - también hay que estar listo para eso. - En este caso es bastante largo como lo puedes ver. - Entonces tienes así que puede ser más largo. - Empujará el contenido hacia abajo. - Podemos tener, -como, - cotizaciones que harán que el contenido vuelva a rodearlos. - Romper el cuerpo es hacerlo más juguetón con citas como o lo que sea Y entonces también -finalmente, - esto vino por aquí. - Otra será, - um Así que aquí, - por ejemplo, - ya sabes, - si estás, - como, - navegar en esta página y tú, - en realidad, - pero esto es para ver tu navegación como, -esta página se llama hacia abajo, - y en realidad quieres hacer click en uno de esos artículos que tocas en ese libro. - Abre su una superposición. - Y ahora, - obviamente, - ya sabes, - esto puede bajar hasta el final. - Pero si en realidad creamos este sistema que puedes comentar en específico, - um, - líneas tipo de como lo está haciendo el medio ahora. - Entonces, - ya sabes, - en realidad seleccionarás la línea aquí libro, - y este panel volverá a aparecer. - Comentarios no es algo que puedas en realidad, - um, - ya sabes, - como cortar. - Tienen que estar ahí todo el camino. - Entonces otra vez, - si esto se hace más largo, - sólo se hará más largo. - Ahora, - volver a la presentación, - es importante ser juguetón. - Hay algo así como, - Eso lo explicaré más adelante en nosotros. - Seguimos adelante, - sobre todo en tipografía. - Pero, - ya sabes, - es importante organizar realmente el país de una manera que utilizan para se siente como - en realidad leerlo bien. - Otro específico en diseño Web para granos es la tipografía. - Fullbacks. - Entonces esto definitivamente está cambiando con servicios como Type kid o teléfonos de Google y tantos - otros. - Pero ya sabes, - más o menos antes establecerás una de esas como armas. - Y si el usuario no sucede localmente en su computadora, -uh, - podría seleccionar como un fullback para la topografía para el teléfono. - Y así, - ya sabes, - los tiempos en romántico irán a un serif diferente, - diferente y así sucesivamente. - Y el único problema con el que puedes encontrarte al hacer esto es como la milla de tipografía ser -quizá, - por qué son tan de nuevo solo necesitas construir realmente. - Acordado que puede venir con un diferente, - um, - con apagado diferentes tipos. - Y ya sabes, - eso es realmente importante cuando realmente piensas en una composición tipográfica, - porque eso puede cambiar totalmente si el teléfono realmente es no, - el que pretendías ser. - Y el último lo es. - Obviamente, - los teléfonos están siendo prestados por el navegador. - Entonces otra vez, - esto es algo que se está volviendo más estándar, - pero sigue siendo a veces con los firmantes. - Trabajamos en nuestro a como muestran las fotos, - pero lo que sea y tienen, - como, - diferentes formas de renderizar los teléfonos y se ven hermosos para una tienda. - Y entonces en realidad ves el teléfono en eso un conjunto específico en el navegador y no lo hace - se ve así de bien. - Entonces es realmente importante. - A medida que avanzas, - diseñas tus proyectos para que realmente sean realmente prueben tus fallas en el navegador todo el tiempo. - Bueno, - así que en realidad hablamos de la diferencia. - Pero hablemos de los factores comunes, -porque en realidad, - ya sabes, - digital en realidad bebe del legado el anterior que ya tengo. - Entonces no es como si viniéramos, - en realidad sabemos de dónde realmente nos acreditan España ya sólo lo usamos. - Entonces comenzó a diseñar reglas en cada tamaño, - cada ciencia diferente que podamos tener No importa si se trata de un dispositivo móvil o tablet - o que se detienen. - Ya sabes, - las reglas de diseño son siempre las mismas. - Y ya sabes el hecho de que necesitamos leer ese contenido en la capa solía ser bonito- se aplica a cada tamaño y luego obviamente reglas tipográficas y de legibilidad. - Necesita verse bien, - pero también necesita ser fácil de digerir del usuario. - Y, - ya sabes, - seguimos apuntando más o menos a los mismos humanos del grupo de usuarios. - Entonces si algo, - si puedes leer algo en una página, - no importa. - Si ves eso en el iPad, -debería ser un todavía Assisi leer, -como sabes, - en una plataforma física en realidad que sólo un grito. - Entonces, ¿cómo hacemos que esto suceda? - Son dos citas que realmente son como en este sentido. - El 1er 1 dijo, - cuanto más simple el grande, - más efectivo es totalmente cierto en el 2do 1 es cada problema requiere dedicar una - solución. - Definitivamente esa no es sólo una solución para todo, - a pesar de que hay algunas noches de chicos, - Frank. - Pero la realidad es como, -si termino la unidad así, - ya sabes, - puede que no tengas, - um, - una buena opinión sobre mí. - Entonces hablemos de algunos ejemplos reales. - Ahora podemos ver esas rejillas. - El 1er 1 que me gustaría mostrar es la página de términos y condiciones en vuelo skate. - Entonces se puede ver aquí el agarre que usé cuando realmente construimos el sitio, - se puede ver cómo, - como el Tobar en realidad se pone a usar, - um, - como un par de unidades verticales, - la mitad pero es bonito mucho todo es una línea en la línea de base. - Entonces tenemos esta zona amarilla que de nuevo se puede ver cómo encaja perfectamente en el crear -y a medida que bajamos desesperados, - asegurar cómo hasta los botones y esto toma. - Todo está sentado descansando en esa línea de base en que realmente ayuda a crear realmente como - el espacio. - Y eso es bonito entre el título en el cuerpo del texto. - Entonces para el botón también, - así es más o menos, - como seguir, - obviamente en esta línea de base y también como, - ya sabes, - facturo dos regiones. - Entonces es un genial bastante simple solo dos regiones, - una descartando cuando tienes el menú. - Y este el cuerpo en realidad de tex, - donde tienes, - como, - todo el contenido. - Entonces eso es uno al otro. - Uno es el detalle, - excesivamente así. - No hay nada más complejo, - y lo sigo en algún momento. - Pero algunos otros no lo hice, - así que puedes ver cómo otra vez, - como obviamente el Khobar y el marco sigue perfectamente, - todo el contenido para estar como encima de la línea de base, - incluso las condiciones meteorológicas a medida que te mueves aquí abajo. - Sólo necesitaba ir más en detalle, - así que en realidad no estoy llegando a usar tanto la línea base, - pero tan pronto como pueda escuchar todo, - en realidad está perfectamente alineado y él crea, - como, - bloques de contenido, - un ejemplo de, - like, - recuento de caracteres. - Entonces cuando construimos realmente estos relojes aquí, - um, - tengo que darles, - ya sabes, - la persona acusada también, - como el equipo eterno, - un número máximo de personajes que podrían en realidad, - esta columna podría realmente tener razón principal es que estamos tenemos mucho tiempo para, - um desarrollo y también reside en la gran cantidad de imágenes que tenemos para todos los - diferentes destinos. - Entonces nos propusimos realmente tener, - como, - este máximo, - por lo que en realidad siempre trabajarán juntos realmente agradables. - Y se puede ver cómo seguir adelante de nuevo son todas las áreas, - realmente como chasquear a la a la grande todo el tiempo tanto como podamos. - Otro ejemplo volverá a ser La página del artículo que mostré antes Así se puede ver cómo sostienen - ellos. - Funciona con tomó Ritz. - Una es de cinco columnas y otra de sólo dos columnas. - Entonces otra vez, - aquí son cinco. - Se puede ver esto se está tomando uno este blurb humano Esa cita toma también. - Si nos movemos hacia abajo. - Ahora tenemos esto, - como contenido adicional ahí que toma la quinta columna. - Nos rompemos en las tres columnas en el centro a veces poniendo contenidos como este y -justo al final, - ya sabes, - contigo por la empresa sólo para con más historias al lado está en la cobertura y finalmente - con cuatro módulos, - como más contenido de tu ciudad. - La última parte de esta dependencia es la R. - Dice lector. - Quería compartir con ustedes chicos mi progreso en el diseño y también me gusta lo grande que yo - construí para Es tan lo que se puede ver en la pantalla. - Si recuerdas el trabajo de mi amigo, - en realidad iba a hacer por la pantalla en tres áreas diferentes. - Entonces cuando será la lista fuera de todas las hazañas uso Describe cuándo puedes ver el nuevo post allí- están disponibles. - Podrías ver como tu favorito. - O simplemente podrías ver como una lista fuera de feeds. - Otra Colleen central será, - um cuando realmente lo sepas, - cuando selecciones un pie específico, - verás las noticias listadas ahí, - pero no verás sólo el nombre en un poquito de la descripción, - ya verás. - También, - como cualquier contenido mediático con el que vienen, - um y entonces tendrás esta área a la derecha donde realmente verás el artículo. - Entonces voy a saltar dos para el show, - y eso puede ser más fácil visualizarlo. - Entonces es un poco como lo está haciendo el lector. - Simplemente no estoy realmente contento con alguna de las funcionalidades. - Es que tienen. - Entonces, - por ejemplo, - para mí, - esta columna media es realmente importante para realmente hacerme decidir leer un artículo para - han sido un artículo o no. - Y sólo porque estoy suscrito a unas hazañas que, - ya sabes, - realmente no tienen un título relevante. - A lo mejor hay, - como, - tipo de inspiración. - Um, - así que sabes, - no es realmente tentador no es realmente realmente hacer que haga clic en eso. - Entonces quería mostrar un poco más ya sea video mediático que tienen aquí, - así que en realidad puedo, - um, - ya sabes ese problema para hacer click en él, - Pero eso es más o menos lo que expliqué. - Teníamos esta columna aquí donde puedes ver tus pies. - Se puede ver un nuevo post. - Siempre consideraste favoritos, - y luego ves individualmente derrotas uso descrito a. - Si vienen con un ícono que se visualizará si no lo hacen, - tendremos, - como cosas así. - Es igual que un defecto. - Yo vengo por ellos detalles sobre esto que pensé que sería un poco cool. - Tendrás, - grupos como. - Por lo que siempre se puede rastrear este interno de ahí, - uno y ellos van a conseguir, - um, - se convertirá en un grupo sí, - también. - Y otra cosa que quería mostrar es el hecho de que ya sabes, - tienes este número que te dice el número de artículos que no has leído en esos pies -y ya sabes, - dependiente. - Si no tienes ningún artículo sobre la quinta, - verás el título como este tipo de como ellos fuera. - Para que sepas que está vacío. - Si tienes publicaciones de artículos para leer, - será un poco más destacada. - Entonces en realidad sabes que hay algo ahí. - Otra indicación visual que quería hacer en ese sentido fue la yo vengo como pensaba, - en realidad va a ser realmente genial si digamos que lees todos los posts en, - no para papel por lo que el ícono realmente desaparecerá y se mostrará como un círculo diminuto, - pero es sólo en cuanto tengas uno. - Necesitas leer libro. - Se proporcionará. - Se volverá a hacer grande de nuevo. - El motivo de esto es porque quiero mostrarlos. - Ya sabes, - esta columna cuando la izquierda tiene dos puntos de vista diferentes-, lo que se expande y la otra es colapsar. - Entonces cuando se derrumbó, - ya sabes, - puede que no te importe tanto el texto sobre el título porque podrías molestar porque -sólo, - ya sabes que va a conseguir que va a ser ese tamaño varios en tu pantalla . - Siempre se puede expandir, - sin embargo, - Pero si se colapsa, - Quería agradecer todo el contenido textual hacia fuera y simplemente dejar una indicación visual que podría - que sepas muy pronto artículo que necesitas leer en ese feed o No. - Entonces, - ya sabes, - al tenerlo así, - en realidad obtienes una idea muy rápida de las hazañas. - ¿Ya lees y las que aún tengo, -como, - tema pendiente para que leas. - Entonces esas son algunas ideas. - Y luego este tipo de aquí y al igual que el fichaje, - ya sabes, - diferentes módulos como viene con una foto. - No viene con una foto. - Es sólo el texto. - Simplemente se necesita con la escritura y así sucesivamente. - Vamos a sumergirnos un poco en la crema. - Entonces, ¿qué? - Pensé para esto, - ya sabes, - lo, - ¿en serio? - Tenemos esta unidad aquí, -y realmente no importa el número de unidades que tenga- porque estoy planeando que esto realmente adopte, - hacer lo que sea el tamaño de una solución fuera de la pantalla. - ISS. - No obstante, - hay algunos componentes adoptados. - ¿Es como el, - um los alimenta a muchos aquí. - Dependerá del tamaño de tu pantalla, - todo tu dispositivo que se mostrará completamente o no. - Y también hay como una web, - una versión telefónica donde en realidad se derrumbará al principio. - Entonces, - ya sabes, - creo que esas el número de unidades en realidad no importa. - Pero realmente importa que estemos conscientes de lo que hay con apagado un teléfono? - Entonces me estoy llevando una referencia con la que encontré 6 40 píxeles y también una tableta. - Entonces otra vez, - estoy pensando que es una referencia, - um, - el iPad, - um, - con, - um igual de bien en ese sentido, - obviamente, - ya sabes, - simplemente no es cuestión de como mostrar el contenido de pero en realidad duplicar el tamaño cuando - se llega a ese dispositivo de verdad. - De acuerdo, - para que puedas ver sólo hablar de los diferentes componentes que tenemos. - Como dijimos, - Um, - Siempre me gusta marcar en realidad un poco la línea de base y luego me notable más. - Realmente me ayuda a organizarme visualmente como este espacio entre tipo y a veces en - este caso, - y en realidad lo hizo aún más profundo sin separación de cinco píxeles. - Y luego tenemos las unidades y luego estoy creando. - Me gusta crear marcadores para, - como, - palmaditas dentro de las unidades. - Entonces si veo, - um, - ya sabes, - esto encaja para muchos. - Se puede ver cómo todos los artículos se quedan alineados a esa parte dentro de la unidad, -eso es para mí es realmente útil- y él realmente me ayuda a mantenerlo como, - rápido y realmente organizado también. - En ese sentido, - yo estaba teniendo lo mismo a la derecha, - así que eso es un máximo, - como el texto nunca debería ir atrás más allá de ese punto. - De lo contrario, - romperá el margen saliendo dentro de la unidad y sabes que se verá como traqueteo, - así que eso es importante. - También para decirle a los desarrolladores que tenemos el mismo tipo de como Mark en resaltar la despedida - dentro de la unidad y esto para este artículo de columna. - Entonces otra vez, - se ve cómo ni las imágenes ni el contenido van antes que esa parte de ella. - El único contenido real que va que viene con el que estaremos antes es la sensación de búsqueda. - Y simplemente no le gusta la mitad, - porque de lo contrario, - ya sabes, - hay que pensar realmente en el tipo. - Casi realmente necesita respirar un poco más de rayos X algunos de los componentes. - Entonces ya que esto es como ellos fuera, - está bien no seguir realmente el mismo patrón. - En mi opinión, - um y luego lo mismo de la derecha, - sólo para asegurarse, - como, - no toma chicas, - son las únicas terminadas de nuevo. - El campo de búsqueda. - Va como la mitad. - Entonces ese es este texto. - El asunto de este Texas como éste sólo aparece cuando se pasa el rato el artículo. - Entonces ya verás que sigo trabajando en ello. - Pero tendremos, -como esa fecha en la que se publicó esto y también las opciones para que sea comercializar su favorito- . - Así que en realidad se puede, - realmente después está bien. - Entonces ese es mi progreso en sus culos. - Si y me encantaría ver el tuyo, - Me opongo a esto. - Genial. - Entonces PST es cuando realmente puedes usarlo O simplemente usar esto una referencia en tu asignación. - Muchísimas gracias. - Y nos vemos en la siguiente unidad. 5. Tipografía, Look y sentirse: - todo el mundo. - Bienvenido a Unidad Cinco topografía y mirar y sentir después de Seguro, - introducción cubrirá lo básico fuera de la tipografía y una sección que llamo. - Me encantaría leer tus textos. - Después de eso, - vamos a pasar, - Um, - donde estoy con su lector de artistas, - que es la asignación para la clase. - Entonces un poco de interacción. - Primero, - En realidad estaba viendo este keynote de Jason Santa Maria, - que es uno de los X Create directores off type kid. - Y hablaba de tipografía web. - Y había, - como, - varias cosas. - Eso dijiste tú. - En realidad, - pensé que estaban pre interesados, - y el 1er 1 fue como, - Si tipeas es malo, - ¿firmó falla? - Y creo que eso es realmente cierto en la realidad, - si me cuentas de los campos sonoros. - Pero también dijo que ya sabes, - no se trata de Qué tal es el tipo es Abbott se trata de lo malo que es el uso del tipo. - Entonces en este sentido, - se puede ver en la pantalla cómo divertido sentido cómico. - Y en realidad me sorprendió bastante cuando cambié la topografía porque en realidad estaba -esperando horror de mirada- y podría decir que no me disgusta tanto. - quiero decir, - los alambiques cómicos vende, - pero siempre y cuando guardes un espaciado correcto y sepas que el herky correcto es definitivamente el uso - del tipo de lo que hace que tu diseño falle encima de tu selección de tiempo. - Otra cita por día síntomas de Santa María que pensé que estaba con irrelevante es el - tipo es una decisión importante a considerar en cada paso del proceso de diseño. - Eso es realmente importante. - Y, - ya sabes, - es algo que realmente decides al principio. - Pero en realidad necesitas ser lo suficientemente flexible para volver a visitar tu decisión a través del diseño- proceso solo para asegurarte de que estás tomando la decisión correcta. - Y esta es una cita que acabo de inventar y este es texto está destinado a ser leído. - ¿Fue la razón por la que significan estas cosas? - Bueno, - Soy uno de esos diseñadores ahí desde hace mucho tiempo, - ya sabes, - siempre diré, - como, - Oh, - nadie lee el texto, - vienen, -nadie lee el texto, - y eso es cierto. -digo, - nadie sólo chequea. - Pero la única razón por la que los usuarios no leen texto es porque no tratamos el texto con - respeto. - Quiero decir, - si quieres que gracias sea arrancado por los usuarios, - en realidad necesitas poner más para en ellos, - ya sabes, - hacer que el tipo se libere más y, - ya sabes, - difícil de ver ya sabes que no les va a importar el lado más antiguo. - No van a No es como, - ya sabes, - este famoso libro no me hace pensar que dice libre. - Al igual que los usuarios no son estúpidos, - sólo son perezosos. - Entonces vamos a tratar el texto con respeto. - Y, - ya sabes, - asegurémonos de que toda la victoria teniendo la pantalla sea en realidad legible. - Entonces en un ejemplo, - en ese sentido es el sitio web de Wikipedia. - Esta es una página web para Leo y es totalmente receptiva. - Su problema con ello es que tiene un diseño realmente líquido, - y no lo hace realmente no usa porcentajes. - Simplemente va todo el camino. - Entonces toda la zona donde puedes leer ahora, -pequeña Medina, - ya sabes que obtendrá un tramo con tu navegador. - Y yo personalmente tengo una pantalla muy grande, - y tiendo a tener el navegador tomando toda la pantalla. - Entonces cuando consigo las situaciones como esta, - se puede ver cómo la medida fuera de la línea es tan grande, - es como cuatro veces la medida recomendada para este texto que es realmente difícil de leer. - Entonces cada vez que entro a la Wikipedia, - en realidad tengo que cambiar el tamaño del navegador porque de lo contrario puedo puedo leer el texto. - Es realmente difícil dar seguimiento al texto cuando tenemos una medida tan grande. - Entonces vamos a pasar por diferentes conceptos básicos fuera de la tipografía. - Como dijimos antes, -creo que en el Capítulo uno, - nos puede definir la tipografía. - Están en técnica off arreglando tipo con el fin de hacer visible el lenguaje. - Entonces, - ya sabes, - los fundamentos de la tipografía serán todos esos componentes diferentes que hagan visible el tipo. - Eso hace que el lenguaje de una manera que los usuarios puedan traerlo. - Entonces voy a usar este gran, - gran párrafo como ejemplo para como realmente describir todos los parámetros. - Por lo que el 1er 1 es medida. - Medida es la izquierda fuera de tu línea Enviaron medida recomendada de como 60 65 caracteres on -. - Si superas eso, - sólo se vuelve como un ejemplo de Wikipedia que es realmente difícil de seguir. - Otro está liderando. - El liderado puede describirse como la distancia entre la línea base de dos líneas diferentes - dentro del mismo texto. - Entonces por eso se puede ver en este ejemplo que tenemos una gran vida en el título principal. - Porque sólo que ya sabes, - la base de que el vivo entre esos dos la distancia entre las líneas de base es más grande, - pero es que bajas a los subtítulos. - Se puede ver cómo el lino pequeño dentro de ese bloque de texto, - y se vuelve cada vez más pequeño con el texto del cuerpo. - Otro concepto es el seguimiento. - Entonces el seguimiento es la distancia entre personajes, - Um, - como ver esto un grupo. - Entonces ya sabes, - esto es un poco confuso cuando realmente piensas en rastrear y girar. - Pero piensa en el rastreo. - Se aplica a todo el bloque de texto para que puedas ver un ejemplo aquí a la izquierda, - todo este párrafo con un rastreo de 10 puntos comodidad a la misma esperanza. - Una aeronave con un rastreo de 50 puntos. - En ese sentido, - otro concepto es el nombre Kerr. - Entonces Kernen es el espacio específico entre dos caracteres, - por lo que el seguimiento es como un nivel superior. - Aplica a todo el grupo. - En Kernan, - sólo la oferta sólo se aplica a su relación entre dos personajes. - Para que veas cómo a la izquierda. - Tenemos el mismo rastreo hacia adelante, - y ya sabes, - son como personajes complicados como un y por qué o un M V en este caso, - o W y A que requieren en un Kernan específico en que el giro no se aplica a la izquierda, -pero se puede ver cómo se suministra a la derecha, - y simplemente se ve mejor y otra es la puntuación colgada. - O creo que son colores bien, - Rommel, - puntuación. - Y eso es sólo, - ya sabes, - necesitas asegurarte de que cualquier cita o puntuación que estés teniendo en tu texto, - se sale de la caja de la medida de la línea. - Entonces si tienes esto llamando a mexicanos, - él aquí. - Sólo asegúrate de no romper la alineación teniendo esa cotización dentro de la columna. - Y eso en realidad es bonito ver cosa. - Puedes estar en un shock al escribir cotizaciones. - Conozco el concierto. - Ragín. - Entonces Ragin es en realidad se ve cómo la medida fuera de la tierra es una específica. - Pero como todo se deja en línea, -ya sabes- algunas líneas terminan antes que otras. -Depende, - fueron las últimas preocupaciones. - Va a ir un poco más o menos así que tenemos que intentarlo todo lo que podamos. - Y eso también es como una de esas opciones bastante finas en editores como Photo Shop o -Illustrator para hacer el Ragin-, cuanto más que cuanto menos extremos podamos para hacer las vida- más consistentes que podamos. - Por lo que se ve mejor. - Otro concepto de contraste. - Contraste. - Es más o menos -ya sabe- define cómo deben aparecer los ataques si tienes un fondo blanco o, -por el contrario, - un fondo oscuro. - Entonces eso es una rápida, - um, - regla de pulgar. - Si tienes el texto sobre un fondo oscuro, - el rastreo y el delantero del texto deberían ser más grandes. - No obstante, - el peso fuera debería ser más pequeño, - así que es realmente difícil de ver porque por eso lo hacemos. - Pero aquí se puede ver cómo el título principal, - el rápido zorro marrón salta sobre el perro perezoso del lado izquierdo es realmente bola, - mientras que a la derecha está semi bola. - Y es realmente difícil de ver porque ese es el punto fuera. - Um, - el contraste. - Necesitas disminuir el peso de los fondos o de lo contrario se vuelve demasiado audaz A y lo - no. - Ya no es fácil de leer. - Lo mismo para el subtítulo. - Comey's Para cualquier piruleta. - Se puede ver cómo es el peso fuera, - um, - es menos pesado a la derecha sobre la oscuridad, - ahí a la izquierda, - igual que un fondo blanco. - No obstante, - cuando lleguemos al cuerpo Tex, - se puede ver cómo aumenté el rastreo Onda. - Cómo aumentó el liderato fuera de las líneas. - Y eso es porque si solo mantenemos lo mismo sobre un fondo negro, - de repente todos los personajes se ponen realmente traquetear es realmente difícil leer un texto. - Entonces, por eso es recomendar desde el punto de vista de la percepción visual, - dedo del pie en realidad aumentar el rastreo, - aumentar la vida y disminuir el peso fuera del fondo de la jerarquía de tipos? - Bueno, - quiero decir, - utilizamos tamaños con el fin de que las apuestas sean legibles y con el fin de realmente resaltar - jerarquía específica. - Entonces, ¿qué queremos que el usuario vea primero, - cuando miren este trozo de texto, - lo primero que queremos que se vean es obviamente el título principal. - Entonces eso es el número uno segundo cosa será el subtítulo. - Entonces ese es el número dos, - y se puede ver la jerarquía y los pesos y fuera de los como yo caras son como manera, - mucho más relevante y, -por ejemplo- lo que será la tercera cosa que me gustaría ver, -que es el autor y la fecha, - a pesar de que eso podría no suceder sólo porque la forma en que los usuarios leen, - ya sabes, - los países occidentales donde leemos de izquierda a derecha, - tendemos a dibujar un ness. - Entonces autor y probablemente serán lo primero que leerán. - No obstante, - la jerarquía y en cuanto a pesos y colores, - te está diciendo que leas primero un texto. - El siguiente apartado se llama Me encantará leer tu texto siempre y cuando quieras que lo haga. - Y esta causa volver a remontarse a lo que hablaba antes como el firmante - decir cosas como o nadie leyó el texto. - En realidad, - quiero decir, - la gente lee pueblos de texto, - pero lo que se puede esperar esto así que en realidad quieren leer Gracias ni siquiera te importa. - Entonces, - ya sabes, - mientras los firmantes se preocupen por el impuesto y traten de hacerlo lo más legible que puedan - los usos llegarán a leerlo. - Pero donde puedes fingir es poner el trozo de texto sin amor y sin puntos de ruptura y -sin atractivo para ello Y, - ya sabes, - tratar de tener un usuario realmente pasando por él y bajarlo. - Probablemente no va a pasar. - Entonces el primero, - tal vez lo primero que podríamos decir en los sentidos, - como descomponerlo, - hacer cuenta. - Y eso significa como, - si de verdad quieres usos para leerlo, - tienes que descomponerlo. - Tienes que articular ese texto de una manera totalmente interesante. - Y un ejemplo en ese sentido es la página sobre que soy yo tengo aquí fuera plan de escape. - Entonces, - ya sabes, - obviamente, - como cada firmante de este proyecto para hacer su página sobre es más o menos me dieron como un archivo - perro y eso dice que obviamente hay todo el texto que iría en esta página en el - hecho de que tendremos un video. - ¿Cómo puedo hacer eso atractivo? - Bueno, - necesitas crear como un nuevo orden que necesitas crear, - como una jerarquía fuera de elementos. - Ah, - jerarquía de cosas que usaban. - Se va a pasar. - Entonces, en primer lugar, - si llegas a esta página haciendo click, - sabes de que vendrás aquí. - Lo primero que lees es Ahora hablemos de reservar vuelos. - Entonces hay como una declaración. - Eso es lo primero que lees. - Al igual que Ahora vamos a hablar de reservar vuelos. - De esto se trata esta página. - No se trata de nada más se trata de reservar vuelos. - Y si continúas con ellos, - para que tengas los videos, - puedes dar click en él. - Y entonces sabes este sentimiento cuando estás atascado y luego más o menos explicar de quése trata el - proyecto, - pero lo explica de que me gusta mucho se trata el - proyecto, la forma publicitaria, - ya sabes, - Es realmente como si te hiciera emocionado por ello. - Pero sigamos. - Entonces continuar con el texto es como un flujo normal subiendo y bajando. - Entonces, - cuando tienes el mundo amor, - amor, - amor, - amor, - LA sabes que lees este bloque ataca eso está bien. - Y entonces creemos que esto está más lejos. - Así que sácalo. - Ahora hablemos de reservar moscas. - Creemos que hay una forma más inteligente que estoy siguiendo. - Estoy usando el mismo teléfono. - En realidad estoy esto está en la misma jerarquía, - así que en realidad puedes conectar esos dos y no con este texto, - y aún te das la idea de ¿De qué se trata esto? - Y después de esta autopista, - obtenemos luz de escape, - y luego lo llamamos vida saltada. - Entonces aquí, - ya sabes, - puramente un texto. - Se puede respirar no se puede listo. - Ya sabes, - se trata de esto. - Ya sabes, - se trata de viajar de aquí a todos esos lugares, - pero aún así, - ya sabes, - es un servicio gratuito, - y podría haber desglosado esto aún más. - Pero definitivamente hay un equilibrio cuando en realidad lo sabes, - en realidad puedes descomponerlo aún más porque de lo contrario se vuelve como un Tarantino como - un serio fuera de fotos. - Y no hay ninguna parte que intentemos aquí. - Pero básicamente tenemos que dividir todo el texto. - Tenemos a los puntos principales. - Entonces otra vez, - creemos que esto es inteligente de distancia. - Si seguimos el huracán, - lo llamamos fuga. - Y si seguimos a los huracanes como si no sabes a dónde quieres ir, - genial. - Respetaste el tipo de persona que estamos buscando para que puedas ver como incluso solo con el - títulos fueron creados Generación para tener sentido en impulsos el uso de down. - Entonces, - ya sabes, - tú eres el único tipo de persona que buscamos sólo retroceder. - Cuéntanos en qué te interesa y lo harás. - Cuando quieras irte, - nosotros nos encargaremos del resto. - Entonces soy Amy. - Y aquí estoy pensando en cuéntanos en qué te interesa. - Estos iconos de aquí son en realidad sus intereses. - ¿Te interesa la vida nocturna? - Usted comida interesante, - explorar temas, - ya sabes, - ir de compras. - Creo que eso fue un lujo. - Yo sólo siempre con esto. - Al igual que el romance, - cosas así. - Y entonces es como el siguiente. - Eres exactamente el tipo de persona que estamos buscando. - Una mejor búsqueda. - Entonces ahora describimos, -como describir, - dar grandes declaraciones o ¿qué es esto? - Una mejor búsqueda se trata de proporcionar bla, - bla, - bla, - bla, - bla, - bla, - bla. - Continúas tú. - Ya sabes, - como estoy destacando el sol por encima de todo. - Disculpe por la disensión realmente se reflexione aquí. - Ya sea que maté al consumo social, - todo está conectado y luego seguir describiendo simple los fines de semana visuales. - Sólo a partir de ahora para que puedas ver cómo todo el flujo te está impulsando hacia abajo. - ¿Te estás poniendo a Davia? - A lo mejor ni siquiera necesitas leer el texto porque, -como solo con el título dice suficiente Y si te conoces uno de esos usuarios que quieren- los mueres. - Aquí está el texto para ti. - En realidad lo puedes leer. - Y todo está organizado de una manera que no es, - realmente pesado para el usuario. - Pueden sumergirse si quieren. - De lo contrario consiguen el punto. - Entonces bajamos y es como Entonces, ¿dónde esperas? - Darle una prueba. - Te sorprenderán sus resultados y terminamos el flujo. - La santa Ciencia termina con un llamado a la acción busca ahora. - Entonces solo piensa en la jerarquía. - Cómo dice la textura están comunicando toda la idea y cómo terminamos el flujo. - No, - con de eso y donde estará el usuario. - OK, - entonces, ¿qué es lo que no sé? - No. - Ellos saben lo que tienen que hacer. - Tienen que buscar ahora. - Um, - sí. - Entonces ese fue un ejemplo del que me gustaría, -como, - ya sabes, - descomponerlo. - El texano lo hacen de una manera que los usuarios puedan entender alguna luz escapada. - Entonces tal vez no lo sepas, - ¿qué podemos hacer cuando el texto es sólo intentarlo? - Entonces tengo algunos ejemplos. - El 1er 1 no hice éste, - pero es un sitio web que me gusta mucho Y es ese el gran descontento? - Básicamente, - puedes comprobarlo es el mayor contenido. - Vienen y publican entrevistas dedo del pie, - ya sabes, - realmente, - gente realmente interesante. - Entonces siéntete libre de sacarlo. - Esto es realmente increíble. - Lo que me gusta de este lado y lo que me gustaría destacar en este momento es justo como tú - sabes que son cretino. - Están haciendo algo realmente bonito a partir de sólo una entrevista. - La forma en que están rompiendo el texto, - sólo tiene tanto sentido. - Entonces, - ya sabes, - obviamente quieres tener siempre la oportunidad de crear ilustraciones en torno a tu mensaje -, - y eso está totalmente bien, - ¿sabes? - Pero todavía hay, -creo, - el gran descontento. - Es un gran ejemplo de cómo, -solo con el tipo, - puedes crear un layout que sea realmente bonito y muy fácil de leer, - para que puedas ver estos tres condones. - Primero vemos a este tipo Jason. - Entonces como te desplazas hacia abajo primero que veas, - si sigues como el ya sabes el camino en el que quedaba de izquierda a derecha de arriba a abajo sobre Jason. - Impresionante. - Seguimos algunas cosas del patrocinador y luego aquí, - usted entiende que este es el cuerpo principal y luego como un contenido de apoyo. - Acabamos de tener una cotización en esa cotización. - Totalmente Describe algo sobre esto de Jason aquí, - y entonces como vas abajo es como, - Oh, - Dios mío, - sé que esto se está volviendo, - como, - realmente duro. - Son como descomponer el texto. - Por lo que tienes unos párrafos diferentes. - Distintos puntos destacados a medida que bajas. - Ya sabes, - están tratando de que sea fácil de leer, - e incluso tienen citas, - el descanso, - su capa. - Y eso es asombroso. - Rompieron todo este Collier con un layout, - tomando el todo con. - Y eso es como, - algo realmente bonito visualmente que lo haría, - ya sabes que te hará continuar. - ¿En serio? - Um, - así que vuelves a bajar. - Más fama, - algún apoyo y funcionarios. - Simplemente es realmente agradable. - Y es ejemplo fuera evaluar. - Es sólo la tipografía estando muy bien acostumbrada para hacer una capa que, -sabes, - podría estar seca si no juegas con ella. - Pero sólo porque son como hacer esto, - en realidad es muy agradable verlo. - Definitivamente me dedicaré a Griffin lo. - Correcto. - Entonces el otro ejemplo es USA Today en este. - Está bien. - Hace tanto tiempo, - Trabajo en esto en este reportero para este pozo, - fue más o menos, - me refiero a marco definido un poco y haciendo algunas de las secciones de prensa. - Y, - ya sabes, - Hago algo que me llevé un reto realizado porque definitivamente es una sección que ellos -, - ya sabes, - no tanta gente se preocupa en términos Fuera de la señal es sólo un sección corporativa, - la sección de prensa. - Esto es sólo para los periodistas, - pero, - ya sabes, - también merecen una gran señal. - Entonces pensé que sería un poco interesante si pudiéramos realmente, - como, - crear algunas declaraciones audaces. - Entonces imagina cuando escribes cuando haces clic en la historia de decibelios, - lo primero que ves es que no es lo mismo. - Esa es sólo una de las mayores declaraciones que define a Desi Wallace. - Una marca como corporación simplemente no es lo mismo. - Y eso es lo primero que ves al volver a conseguir esto. - Ya sabes, -se baja, - y es importante tener citas para descomponer el texto tanto como podamos. - Si tenemos un video, -ya sabes- poner de la manera que vuelva a tener sentido, - no sé algunos contenidos- y todo esto depende de los activos y usted tiene. - Pero aun así hay una manera de hacer cuenta en realidad y hacer agradable Otra que podrías -reconocer en este punto es de nuevo esta página del artículo y sólo otra vez, -ya sabes, - destacando cómo estamos rompiendo la llamada. - Liam aquí con esta cotización cómo tenemos el subtítulo en un peso diferente Cómo tenemos esto - grande M mayúscula para iniciar el párrafo y así sucesivamente. - Ya sabes, - se trata de dar segundo, - y se trata de hacer el contenido, - comprometerse para el usuario, - seguir adelante, - ilustrar un estudio de caso. - Entonces algo que trabajo por un tiempo terminó interactivo. - Y, - ya sabes, - Definitivamente aprendí burlas en términos de diseño, - y fue que empezamos a crear caso que es para que lo sepas, - algunos proyectos donde pueden ser lo mejor. - Una señal no llegó al lanzamiento final ni por la razón que fuera. - Ya sabes, - incluso la timidez. - Muchas te gustaría, - pero en realidad te gustaron grandes diseños o trabajaste mucho en una ilustración específica. - Pensamos que sería realmente bueno contar con todos aquellos como las etapas de hamburguesas de trabajo en este - estudio de caso de préstamo y ya sabes que funcionará también para promover todo el oficio y todo el - amor que estábamos poniendo en esos componentes independientes. - Y yo sólo quiero poner ejemplo aquí. - Entonces este es uno de los casos con él para los chicos del sitio de Google, - y es sólo una parte de ello no es todo, - Pero yo trabajo en este, - y en realidad fue realmente muy agradable, - ya sabes, - tratando de pensar qué? - ¿Cómo se pudo hacer este texto de una manera que la gente lo leyera? - No, - no lo estamos intentando. - No estoy fingiendo tener usuarios dentro de algo que nunca romperé. - Entonces, ¿cómo podríamos hacer este interés en y otra vez? - Creo que si lo comparas con este día, - gran descontento definitivamente no es lo mismo. - Porque aquí tenemos activos y tenemos la pasividad de crear ilustraciones vistiendo el - otras no. - Pero de nuevo, - es cuestión de como hacer crear una historia, - crear una historia en tu página que en realidad impulsa a los usuarios a leer todo el asunto. - Entonces echemos un vistazo a este. - Ya sabes, - ¿dónde estaba el cuerpo, - como caras? - ¿Como tú? - Excelente estrategia. - Tenemos un subtítulo encendido, - ya sabes, - de inmediato es una cosa tan visual. - Tenemos, -como, - ya algunos de los bocetos con abajo y toma que este crimen no demasiado, - justo lo suficiente. - Entonces, - ya sabes, - si lees el texto, - si lees el título que obtienes ¿De qué se trata esto? - Y si quieres bucear un poco más, - tú también sabes, - tienes esa opción Así que decir marcos de alambre final otra vez tratando de mantenerlo corto, - tratando de mantenerlo como, - muy bien organizado y siempre tratando de, - me gusta, - mostrar obras de arte complementarias para cumplir. - Entonces no es tratar de descomponer la sección. - Entonces ya ves cómo fuimos de ti extender una estrategia y ahora voy a empezar a hablar de este signo. - Entonces que es como romperlo con una ilustración realmente bonita al igual que como. - El mismo proceso es abrir la sección de una manera que la gente sea como, - OK, - lo entiendo. - Ahora vamos a hablar de esto una declaración realmente audaz construyendo de nuevo la jerarquía. - Entonces es realmente fácil a esto. - ¿Puede? - Esto es lo primero que vas a ver al bajar. - Ya sabes, - podrías terminar mirando página de inicio y tanto tiempo de nuevo algo componentes de Tractor. - Es una página realmente, - muy larga con me gusta, - estoy marcando con un parecido cercano, - ya sabes, - propuestas de que están haciendo ese lanzamiento final. - Algunos otros que lo hicieron de nuevo, - descenso final aquí. - Entonces no voy a repetir todo una y otra vez, - pero vas a necesitar al elfo como si todo se tratara del texto de una manera que, - ya sabes, - en - ya sabes, realidad puedes pedirle a la gente que lo lea, - Y no es un gran dolor para ellos, - ¿verdad? - Entonces pasando, -creo que lo último que estuvimos hablando, - esta unidad es el lector nosotros mismos. - Entonces uno de los tipos de acciones ha hecho y -ya sabes- cosas que realmente definen el aspecto y la sensación de la misma. - Lo que quiero mostrar en esta unidad es más o menos como diferentes etapas fuera de las cosas. - Gran trabajo en progreso fuera de mi AR, - dice lector. - De verdad estoy deseando ver qué se les puede llegar a ustedes chicos. - Entonces quiero mostrarte básicamente, -en términos desactivados- como mirar y sentir y tipografía lo que estoy haciendo. - Creo que debería tener algunas de las pantallas ya en la unidad anterior, - así que podría simplemente hablar de algunos de los médicos han hecho en cuanto al signo en términos -off diseñado, - no sólo sobre el crear. - De acuerdo, - para que veas cómo este es el primer intento en ello. - Yo hice. - Y ni siquiera he, -como, - modificado mucho. - Pero hay, - como, - unas cuantas cosas que han sido como hacerla más llanta entera cada vez que en realidad vuelvo - a este PSD y más o menos como una de las primeras decisiones se tuvo de, - ya sabes, - desde la perspectiva del usuario es como, - Voy a tener unos círculos que en realidad les gusta, - um, - identificar qué? - La alimentación. - Por lo que más o menos describieron con Michael. - ¿Qué es eso? - Cifras lo describieron. - Entonces ahi, - después de Lou A B en el 1er 1 por ejemplo. - Y verás aquí tienes 11 post. - No has visto asignación en Alemania. - Tienes, - como, - 23 así en Algunos de ellos, - uh, - digamos que no tenían ah, - um y yo vengo, - vamos a usar este defecto. - No puedo que cambiemos de color sólo para hacerlo más juguetón de nuevo. - Tienes esta primera cosa esta primera vez que ves al principio cuál es artículos inéditos. - Y entonces, - ya sabes, - esto es como 188 y puedes tener derrotas y cuenta de 80 años. - No obstante, -como estaba pensando en esto, - estaba pensando como en realidad los números. - Papá es realmente importante. - Como si realmente estuviera entrando en esto de alguna manera, - como C. - No es importante. - Pero ya sabes, -ya sabes, - ya vengo eres real. - Probablemente ya sepas que se trata de sitios del día en la tarde o ya - sepan que se trata de artículos invisibles. - Pero si visitas este sitio web 200 veces, - te puedo decir cuándo te vas a interesar. - Está en este pequeño número, - así que intentemos trabajar un poco más en eso. - Por eso creo que esta es mi primera, -mi segunda iteración, - donde realmente tomo el número. - Saqué el número y simplemente creé, -como, - una gran declaración- y esto es en realidad lo que la gente va a ver. - Pero al mismo tiempo, - quiero dar una indicación visual de, - como, - esta cosa que tienes que ver. - Por eso puse esto aquí para que cambiara su color si has visto. - Ya sabes, - ¿has visto el día del modelo? - Algo nuevo. - Y en ese sentido, - ustedes escuchan cómo acabo de volver a su anterior el anterior, - um, - uno se puede ver aquí como todos estos tipos son visibles. - Pero entonces pensé, - ¿sabes qué? - Si puedo hacerlo aún mejor, - ¿Y si puedo? - En realidad, - ya sabes, - si solo rentas todos los artículos diferentes de esos pies, - voy a esconder el ícono, - y eso va a significar eso. - Ya sabes, - eso significa que lo lees todo. - No hay nada para ti a crestas como si se volviera pequeño. - No obstante, - ya sabes, - si consigues un nuevo postal, - lo que sepas, - volverá a serlo, - como una forma real. - Y eso nos va a ayudar. - Cuando en realidad colapsamos esta barra porque verás igual que puntos. - Son, - como, - realmente pequeños o muy largos. - Y eso significa que es algo para leer su O tal vez no hay. - Um, - así que esa es una decisión. - Otro es, - um, - hacer a estos tipos. - Ya sabes, -si ves aquí- tendrán el mismo color. - Pero aquí, - dependiendo si se supone que este artículo para que leas o no Va a tener un diferente - el color va a ser más sutil o, - como, - más, - um, - como brillante. - Si hay algo para que lo leas de nuevo, - ya sabes, - pequeñas decisiones que en realidad, - creo que hacen mejor la experiencia. - Um, - alguna otra. - Creo que es realmente difícil de ver. - Pero la barra de búsqueda, - uh, - ya sabes, - se hizo un poco más grande. - Nosotros no hacemos lo mismo. - La siguiente situación aquí. - Yo sólo intentaba hacerte saber, - para hacer la versión de esta barra de colapso. - Entonces como te expliqué antes, - tienes algunos de los que ya leen y son, - como, - pequeños y algunos otros todavía tienen post para que leas. - Se presentarán a hablar. - Y obviamente, - usted conoce a este padre, - usted será capaz de ampliarlo en realidad a medida que navega en. - Entonces en realidad empecé a hacer esta columna en A dice que en mis videos anteriores, - este es en realidad un llamado muy importante para mí. - Entonces, - ya sabes, - Sé que estoy tomando un enfoque realmente tradicional para lector de análisis. - No estoy tratando de crear una nueva revista inspiradora y tratando de crear algo que - es realmente funcional y realmente fácil de entender. - y hay esta lectura realmente buena. - Se les llama respirador R E B E R. - Y lo que hacen es tener estas tres columnas, -que me gusta mucho porque es como una divulgación progresiva de información basada en - jerarquía realmente fuerte. - Así que primero solía derrotarte, - Selecciona el ajuste. - Ves los artículos en el atuendo, - seleccionas el artículo y ves el artículo. - No obstante, -el problema que tienen, -en mi opinión- es que está en esto en esta columna media está realmente seco. - No hay nada ahí diciéndome que lea nada. - Y, - ya sabes, - sólo quiero que sea más visual. - Entonces por eso empecé a jugar con un elfo D como, - um entonces, - como un poco más como ser yo más juguetón, - con el texto siendo más juguetón con nosotros paletas y mostrando cualquier contenido mediático que pudieras - tener si cualquiera, - Sin embargo, - ya sabes, - de nuevo, - esta fue mi primera iteración, - y como lo estaba haciendo, - me di cuenta de que sólo iba a la bahía. - Tengo, -como, - pocos ejemplos de que toma en diferentes tipos. - Esta es Gibson y divertida Miria perdiendo el terreno para el texto del cuerpo, -que me gustaría, -Um, - pero de nuevo pensé que estaba No iba bien. - Entonces en realidad, - el no le preste atención a esto a la derecha. - Pero en realidad, - Sentí que necesitábamos hacerla más pequeña. - Entonces por eso empecé a jugar con Gibson con un tamaño pequeño y al fin me vuelvo dedo del pie - zona encendida . - El motivo es como yo creo Ariel en tallas pequeñas, - como 12 o 13. - En realidad es realmente hermoso cuando realmente lo ves. - Um, - negrita. - Entonces empecé a jugar con ese teléfono y a ver qué se me ocurrió. - Así que al salir a la tienda de fotos, - um, - sólo para describir, - como, - diferentes cosas han estado intentándolo de nuevo, - ya sabes, - como te expliqué antes, - uh, - vamos a tener, - um ya sabes, - esta barra que en realidad se derrumbó o expandió Puedes ver cómo todo sigue la misma - línea. - Todo está perfectamente alineado. - Y entonces yo intentaba como cosas diferentes aquí con la barra de búsqueda y demás. - Así que de nuevo, - desde una perspectiva tipográfica, - Estoy usando diferente en crear una jerarquía fuera de la fotografía mediante el uso de tamaños por, - pareces una esquina diferente, - ligeramente diferente en el texto corporal que estoy intentando para crear, -como los diferentes módulos que vas a ver a través del lector RSS, - es decir, - con una imagen sin imagen con solo texto sin texto y así sucesivamente. - Y sí, - entonces creo que esto es lo que tengo hasta ahora en las próximas unidades. - En realidad verás esta parte ya que estoy trabajando en ella. - Está bien, - así que eso es todo por unidad para esta unidad. - Entonces realmente estoy deseando ver tus ejemplos. - ¿Y a qué se le puede llegar? - Gracias. - Y nos vemos en la siguiente unidad. 6. Balanza de composición y peso visual: - bienvenido a la Unidad seis sintió algún peso visual y equilibrio de composición en esta unidad cubrirá -. - Estos dos conceptos cubrirán los factores que crean más peso visual, - trabajan sobre los tipos de equilibrio de composición, - y tendremos esta sección final llamada dashi diseñado Flow. - Entonces en primer lugar, - ¿para qué es y para qué sirve? - Bueno, - los objetos que atraen la atención del usuario más que otros tienen un peso visual mayor. - Esto puede ser determinado por el tamaño, - alrededor del tamaño de los objetos, - por la forma, - por la posición, - por la densidad por su color alguien, - los factores pueden hacer que un no objeto aparezca más en la composición que alguna otra, -y luego el equilibrio de composición será el tratamiento adecuado fuera del peso visual en visual- direcciones. - Crear su balance de composición. - Esto es necesario para crear como una experiencia fluida y, - ya sabes, - si es necesario definitivamente asegurarnos de que entregamos el mensaje tratando de - entregar a través de nuestro trabajo. - Esto los conceptos provienen de este libro de Brittle Warehime. - El libro se llama Arte y Percepción Visual, - una psicología fuera de la que creó I. - Este libro básicamente describe el proceso psicológico que se lleva a cabo cuando los usuarios crean - o miran el arte. - Es un libro que he leído en los días atrás en la universidad, - y de verdad se lo recomiendo a ustedes chicos si tienen oportunidad de recogerlo porque lo es. - Es un clásico, - y describe más o menos cómo realmente recibimos información. - Y ya sabes, - toda la asociación diferente que hacemos en nuestro cerebro en base a eso, - bueno, - factores que influyen en el peso visual, - propiedades de los volátiles. - Definitivamente son de Tom de diferentes factores que pueden hacer que otro sea tu más pesado que - otro. - Así que sólo para pasar por la lista realmente rápido el primero lo que podría ser de tamaño tan prácticamente, -ya sabes, - los objetos ahí son más grandes aparecen visualmente más pesados que todo esto. - Hay forma más pequeña. - Básicamente, - básicamente como, - um, - forma regular parecía ser más pesada que algunas otras que no son forma regular y espacio, - bueno, - formas positivas con más que espacio negativo. - Esto es que los objetos de aislamiento están aislados, - tienden a aparecer más pesados que algunos otros que son como rodeados de algunos otros. - Y ese es el importante espacio fuera de blanco. - En general, - um, - bueno, - densidad. - Entonces, - ya sabes, - cuanto más convenzas a los objetos en un área específica, - más pesado se pone los colores, - por lo que algún color parece ser más pesado que algunos otros. - Entonces primero en tales colores tienden a aparecer más claros que los rincones oscuros o incluso leer parece ser -el color más pesado, - mientras que el amarillo parece ser el más claro Ah, - el valor. - Entonces imprimación dice que sabes lo más oscuro sobre objeto. - Es cuanto más peso asocias realmente a ese objeto. - Eso feto más ligero, - parece, - en realidad más tarde influyen el interés. - Entonces será complejo interrogado, - al igual que los tonos que llaman tu atención. - Por su camino allá, - ellos no son su forma. - Tienden a ser generalmente más pesado que algunos otros que podrían percibirse como textura más común -. - Um, - esta prima dice que el objeto con textura parece ser de volumen más pesado. - Entonces si tenemos un objeto que tiene, -como una especie de muerte como tres D a través de ella, - parecerá ser pesado, - más pesado que algunos otros que son como sólo para ser moldeada muerte. - Siente este Primus dice que cuanto mayor se siente el papal a menudo área, - crearon el peso visual fuera de esa zona. - Iss, - um, - proceder peso físico. - Esto es realmente autoexplicativo, - pero ya sabes, - si tenemos en una composición, - digamos, - una imagen de algo que es realmente pesado en la realidad, - por lo que lo percibiremos como algo pesado también. - Y finalmente, - ubicación o posición del elemento. - Esto dice casi como cuanto más cerca está un objeto al centro, -cuanto más pesado se ve, - pero al mismo tiempo, - puede ser contrarrestado por unos objetos realmente pequeños cerca del borde. - Entonces como se puede ver, - todas estas reglas se aplican de una forma u otra. - Pero, - ya sabes, - obviamente le toca a tu menos un sub año. - Estás a la altura de tu ojo, - tu experiencia para definir y realmente entender el peso visual de una composición. - Quería resaltar solo cinco valores de todo lo que expliqué aquí y dar algunos - ejemplos también de esos el 1er 1 me gusta volver a hablar. - A sitios asumen respeto. - Um, - los objetos más grandes tienden a aparecer como más pesados. - Entonces algo ya se muestra en la unidad anterior iss. - Um, - esta parte del sitio web para decibel y cómo decidí, - abrió totalmente la sección con una declaración realmente, - realmente grande que en realidad define a la empresa. - Y de nuevo se puede ver aquí. - No es sólo contraste porque es el más grande él, - sino también su tamaño. - ¿Qué hace que realmente aparezca en esta capa? - Entonces habrá otro. - Un 2do 1 que un sexualmente podemos discutir, -como diferentes factores en esta composición es una propuesta para la página principal y, -como, - realmente no los hace. - Pero se puede ver cómo el tipo más grande en esta composición es el sueño. - Y si te desplazas ahí abajo como diferentes componentes, - esta es la estancia de Khobar para este modelo y luego algunos aglutinantes y así sucesivamente. - Um, - pero en realidad, - a pesar de que este es el tipo más grande en él, - esto es en realidad lo que da el dados a mi intención. - Y no puede relacionarse con uno de esos principios porque es que tiene, - um, - pero es un interés intrínseco. - Es un cuadro tan complejo que normalmente no estás, -como, - acostumbrado a ver que te llama la atención, -por cierto, - para que puedas ver cómo sabes que es verano de como mezclar esos conceptos en términos. - Peso oficial y algunas cosas es una la que tú sabes que es correcta. - Y a veces como se combinan diferentes factores, - tal vez es otro en este caso es definitivamente el interés intrínseco fuera de esta imagen, - el siguiente es más fresco otra vez. - Entonces, - como dijimos antes, - como algunos rincones, - ella percibía un Sevier más pesado que algunos otros. - Y un ejemplo de eso, - uh, - podríamos encontrarlo aquí. - Lo más extraño, - pero nada Donde nosotros otra vez. - Ya sabes, - como colores como el azul. - Um ahí, - como, - realmente le gusta la cremosa siguen como menos pesada que algunos otros. - Cada más oscuro, -como este título y algunos otros como realmente, - realmente más ligero como primero. - Ahí es donde tenemos en la barra de búsqueda se perciben como más ligeros de lo que realmente piensa uno. - El más oscuro siguiente arriba es la densidad. - Y esta premisa conceptual dice que cuantos más objetos empacen un espacio específico, - más pesado tiende a ser ese espacio específico. - Entonces volviendo al ejemplo, - se puede ver si paseamos por cómo se sabe, - si sólo se mira la densidad del contenido en la columna derecha es mucho, - mucho más desorden que esta columna izquierda aquí, - esta región izquierda y la razón de eso es como a pesar de que simplemente casi no tenemos - contenido a la izquierda. - Sólo tenemos una imagen y el texto comparado con lo que tenemos de la derecha, -que es una locura de información. - Justo el hecho de que aquí tengamos un visual, - como una fotografía fotográfica. - Está haciendo definitivamente como el equilibrio de inmediato. - Si esto va a estar vacío o simplemente un refrigerador, - la composición caerá a la derecha. - Pero como tenemos esta imagen aquí es cuando vimos antes en la página principal del decibel, - como si en realidad equilibrara toda la composición. - El siguiente factor es el valor. - Hay un poco como el color. - Dice que el más oscuro y el objeto está ahí más pesado, - le aparece al usuario. - Entonces volver a este tipo marchitarse ejemplo, - podemos ver cómo eso es en realidad una cosa muy común que hacer al entrenar texto. - Entonces, - por ejemplo, - aquí se ve, - como el contraste es tan grande. - Entonces en realidad es fácil ver que a medida que bajamos por Celtics que podría no ser eso- importante como se siente aquí el texto. - ¿Cuál es tu vestido incluso permitido? - Bueno, - yo sólo lo puse como, - realmente, - realmente genial abajo relájese, - y eso significa que no es tan importante. - Entonces de nuevo, - ya sabes- podemos seguir la composición con sólo leer el texto en ella, - guardar diferentes lugares en cualquier parte del mundo y se obtiene el mensaje ahí. - Esto es menos relevante, - y por eso es más fresco es un poco más gris. - Para que veas cómo lo hacemos todo el camino, -incluso aquí, - Señor Pocos más gris. - Y sólo para que podamos crear con estos contenidos clave más altos por, - ya sabes, - por tamaño, - porque los títulos son definitivamente más grandes, - y también mediante el uso del enfriador y su valor en el último factor en este cordones espacios en blanco. - Básicamente dice que el espacio positivo espera más que espacio negativo o espacio en blanco. - Muy bien, - moviéndose en tipos de equilibrio de composición. - Por lo que hay más o menos cuatro tipos de balance de composición. - Tenemos horizontal, - vertical y luego simétrica y asimétrica. - Entonces horizontal y vertical para ese ejemplo volverán a, - um, - el mal clima del cielo sólo para mostrar cómo se sabe, - definitivamente el balance de composición distribuido en el acceso horizontal de la misma. - Entonces en este caso, - definitivamente tenemos el teléfono que es realmente pesado. - ¿Entonces la mano está realmente afilada? - Y él agarra nuestra atención y aquí por el contraste y su tamaño, - y también como el espacio en blanco alrededor de esto para equilibrarse, - pero definitivamente la forma en que es un poco más a la izquierda definitivamente es caballo hasta la violencia aquí -. - Entonces a medida que avanzamos, - esto es bastante simétrico, - como tenemos aquí los pesos en esta región, - distribuidos a la izquierda y a la derecha. - De igual manera. - Se podría decir eso de este componente también, -aunque sea un poco más a la izquierda- hecho a la derecha por esto, - pero aún así curso más del 50%. - Entonces se siente un poco de equilibrio, - Um, - así que de nuevo obtenemos esta sección y esto es contra simétrico, - un poco vertical más que horizontal. - Pero de todos modos, - se puede ver cómo la simetría entre la sección de la izquierda a la derecha, - porque sólo nos divertimos del centro y luego con describe como características alrededor del - teléfono. - Y finalmente vamos simétricos hasta el área y otra vez, - ahora simétrico versus un simétrico. - Entonces Shannon Michelle solo trabajando progreso de algo que somos como mucho tiempo - hace y también mi página web. - Entonces por eso no lo intentamos, - que es más o menos llamar a Liam y todo en el centro. - Entonces esto irá dentro del cubo simétrico y Luego está esta otra cosa sobre el - show y que IHS aquí está Theis página web trabajando pros para Skylanders y Activision. - Bueno, - más o menos tenemos esta idea de, - como, - mostrar, - ya sabes, - bloquear el pasado de una manera que va a ser, - como, - más dinámico y porque ellos en realidad tienen, - como, - tres categorías específicas fuera de taquilla que vamos a publicar. - Entonces fue fácil crear realmente, - como, - un lenguaje visual para esos. - Y se puede ver la composición aquí simplemente no es poco simétrica. - Pero ese era el punto fuera de que te desplazarás un pergamino de tema. - Tendrá sentido. - Pero si solo tomas una captura de pantalla, - definitivamente se ve en equilibrio. - Entonces eso fue Fue un proyecto crítico, - como sobre todo un 10 estaciones eran bastante bonitas. - Y la última sección de esta unidad es polvo su flujo de diseño. - Entonces, - ya sabéis, - sólo quiero destacar de nuevo que todos estos factores le toca a usted. - Digo, - tú eres el que tiene que pensar realmente en esos y, - ya sabes, - considerar lo que es más importante en qué caso? - ¿Y sabes qué? - Es más predominante que el otro extremo. - Ya sabes, - depende con escenario. - Entonces como vimos antes. - Tenemos esta foto de la chica con el estaban aquí, - y eso definitivamente fue como el adelgazamiento más pesado el sitio web tiene esta cosa en el - sitio web sólo porque es una imagen tan rara que va a arrastrar la atención. - No importa si pones la tipográfica más grande cerca de la chica por lo que ya sabes - hay alguna jerarquía. - También, - cuando se trata de esos factores, - um, - entonces esta gran pregunta ¿fluye tu diseño? - A veces ves las señales ahí, - ¿En serio? - Son realmente bonitas. - Pero tampoco les gusta Herrick, -como un flujo como, - la generación similar. - Entonces son, - como, - realmente difíciles de seguir. - Y sólo para reiterar a través de este ejemplo que pongo antes en la página sobre y saltar -line, - es simplemente bastante fácil un ciudadano. - Los estudios de caso que muestro en los periodos unidades para seguir realmente el flujo porque tú -sabes por lo general y exiges esa tanta actividad de tu usuario- en realidad deberías darles todo lo que puedas. - Entonces el proceso de respirar por una página es tan fácil en este caso, - este es el flujo que seguirás si llegas a esto sobre Paige. - Entonces ya sabes, - básicamente, - vas leyendo trozos fuera de texto a medida que pasas de uno a otro. - Vieron con algo visual para realmente involucrarse aquí. - Y, - ya sabes, - también significan algo en relación a ese texto sólo para envolverlo. - Considerar, - fue que estos no tienen reglas. - Aquí no hay reglas. - Solo hay los únicos principios que debes considerar. - Y ya sabes, - estos principios te ayudarán a crear una composición que en realidad es equilibrio y para - crear un flujo de diseño que en realidad significa algo para el usuario sobre así sucesivamente. - Entonces con eso dicho, -estoy deseando ver qué se les puede llegar a ustedes tíos, - y los veré en la siguiente unidad. - Gracias. 7. Sharpening tu diseño: - Oigan, - chicos. - Bienvenidos al Capítulo siete. - Pensamientos sobre afilar tu costado para estas unidades. - Yo armé algunas categorías que me ayudarán cuando esté mirando a alguien fuera del cartel. - Y también tomo en consideración cuando realmente estoy trabajando en algo específico yo mismo -. - Por lo que esta categoría es la 1ra 1 trata tu tipo derecho Revuelva a partir de la tipografía. - 2do 1 contraste, - hablaré del contraste cuando lo sepas, - creando diferentes áreas de contenido. - ¿Cómo creamos una separación? - La iconografía Yusof también usan off para sobre el dedo el signo y la última sección que yo - llamo el concurso de diseño. - Entonces antes que nada, - trata a tu tipo, - ¿verdad? - Voy a meterme en el ejemplo de los RCs en para show on. - Hablaré de espaciado, - colores de tamaño y jerarquía. - Y finalmente, - ya sabes qué resaltar cuando realmente estás trabajando con texto. - Entonces lleguemos a ello. - Está bien. - Dokey. - Entonces esto es en realidad, - si puedes ver eso aquí. - Entonces, -como saben, - esta es la tarea en la que trabajamos. - Fue para diseñar, - y yo digo nosotros tampoco. - Así que he estado haciendo, - ya sabes, - algunos Marcus para el iPhone. - ¿Cómo se vería? - Tener como algunas pantallas. - Um, - ¿cómo vivirías con el menú? - Es él cuando abres realmente un artículo, - incluso como si quieres buscar algo. - Teníamos esa mirada de dinosaurios, - bajaría y podrás buscar tocando y también con esquinas que yo - pensé que podría ser genial. - Entonces ese es el tipo de la parte. - Pero quiero hablar de tipografía ahora y espaciado y alguien para que realmente podamos lograrlo - hazlo en la versión de escritorio. - Entonces lo primero que es espaciar y esto es algo de lo que hemos estado hablando porque, - ya sabes, - ¿verdad? - Topografía definitivamente, - como está realmente cerca para escribir espaciado. - Puedes tener una topografía asombrosa, - pero si realmente no la tratas con el espacio adecuado en ella puede parecer basura. - Entonces otra vez, - hicimos que nos pusiéramos algunas reflexiones, - ya sabes, - cómo nos separamos como la altura de la línea del cuerpo, - copia y así sucesivamente. - Pero es importante que obviamente su espaciado, - realmente depende del tamaño de la topografía en el texto. - Entonces, - en este caso, - si me saca a mi grandioso, - se puede ver cómo lo sabes, - estoy viviendo. - Eso son 20 píxeles entre estas líneas de base sobre esta ventaja en ésta, - y estoy viviendo aún más. - Me voy, - en realidad 60 entre este tipo y ese tipo, - Yo soy lo que intento hacer es básicamente tratar de agrupar, - um, - contenido aquí dentro. - Entonces, a pesar que -ya sabe- todo pertenece al mismo artículo- prefiero tener este título y esto viene esta línea de ataque en realidad publicada por David -. - Lo que sea. - Y, - ya sabes, - dos minutos, - ¿verdad? - Eso a pesar de que se relaciona con todo el artículo. - Definitivamente no es la forma en que usted, - señor, - escanear countem. - Pertenece al título. - Entonces ves ese título que ves quién lo publica Y ves, - como, - ¿cuánto tiempo es esto? - Creo que voy a estar encendido entonces, - ya sabes, - Entonces empezamos con una copia corporal para la compañía de cuerpos, - ya sabes, - quiero decir, - me fui como un como una bufete, - mucho espacio en el línea de base, - y ver, - Yo exactamente dejé 30 puntos para un tipo apagado 17 embarazo aquí-, y tengo creo que definitivamente está en la perca. - Como si lo hago un poco más, - se va a sentir como demasiado, - Pero al igual que esto es realmente bueno para, - como, - digital como podría no ser lo mismo si haces imprenta, - pero como de leer en una pantalla, - especialmente con fondo blanco, - sentí que esto era realmente realmente muy agradable. - Y luego otra vez el doble espaciado aquí y al igual que este título final ellos, - el espaciado es realmente, - realmente importante. - Entonces, ¿hay espacio entre el título y la copia corporal o el espacio entre este título - y en realidad la imagen? - Tenemos un top y fui alguien de ejemplo pensamos una foto, - pero se puede ver cómo se siente bien. - Se siente bien. - Como si fuera como, - OK, - Entiendo el título. - Tengo algo así como una visión general aquí y ahora me sumerjo en ella. - De lo segundo de lo que me gustaría hablar es de este tamaño en jerarquía. - Entonces obviamente queremos que el uso para que en realidad preste atención a lo que es más importante en - una de las formas de hacerlo, - ser de estas jerarquías, - sexualmente creando diferentes tamaños y, - ya sabes, - si sabes un poco fuera de HTML, - esto es como 81 h dos h tres así que lo que quiero. - Lo más importante que quería hacer en esta página fue en realidad, - um, - poner toda la atención en el artículo y para eso, - como, - obviamente se puede ver el tipo más grande en esto, - um, - en este lector es en realidad el título, - um, - fuera del artículo. - Y también como en la construcción de esta jerarquía, - también usará colores. - Entonces otra vez, - Quiero que esto sea lo más importante. - Entonces en realidad va a ser uno de los colores más oscuros, - como colores más contrastantes en toda la composición donde podría que realmente no me importara - esto. - Al igual, - si ves que ha sido publicado por David el año pasado, - Eso es genial. - O si dices que esto es genial. - Pero definitivamente es lo más importante en un ejemplo realmente bueno está aquí. - Al igual que si ves la barra superior que son los colores de la parte superior, - verás cómo el título es definitivamente oscuro, - y luego en freak es importante y es un enlace. - Por lo que tiene un color diferente y luego visto anuncio. - Es como es uno de esos gallos como, - obviamente lo necesitas porque de lo contrario no tiene sentido. - Es como nombre del artículo y luego un truco. - ¿Qué significa eso? - Necesitas como necesitas ser toda la sentencia. - Y para eso necesitas, - como, - este tipo de gallos, - Pero no son realmente importantes. - Um, - cuando sabes de Ah, - tú yo perspectiva que son necesarios- pero no lo más importante en la página. - En realidad, - cuando termines con en el artículo, - quería hacer este tipo de finlandés fresco donde obtendrás a Teoh los beneficios. - Entonces voy a Esta es la forma en que no estuvimos básicamente en ti. - Entonces te estás metiendo la pata y luego llegarás aquí y saldrá de espacio para las piernas. - Este es el siguiente en Frick y te dirán que todo el artículo así de nuevo aquí te - ver cómo sigue en no es realmente resaltado en Frank it iss Pero entonces lo más importante - basado en el tamaño es el título del siguiente artículo. - Algo que hay que tener cuidado cuando estás haciendo esto es como tratar de poner atención porque -si tratas de resaltar todo, - no se va a resaltar nada. - Y lo que quiero decir es como, - si realmente tomo estos textos en hacer toro ya sabes, - y yo ya sabes, - si me permite llamar al cuerpo Text bowl, - de repente ya no se contrasta porque no hay nada que contrastarlo con. - Todo es audaz y tú sabes por lo tanto todo es ambos. - Por lo que no se destaca nada. - Es importante mantener, - um, - toda la composición realmente tranquila. - Sí. - Para que en realidad puedas resaltar una pieza de contenido cuando lo quieras. - Y yo recomendaría, - ya sabes, - en sólo uno en uno. - Mira, - si yo sólo, - como, - echar un vistazo a esto ahora mismo, - voy a ver lo que es lo más importante. - Entonces tratemos de no exagerar. - Como si tengo más de lo importante que tengo, -como dos llamadas principales a las acciones así va a empezar como sintiéndome un poco de Okay, - ¿qué debería estar mirando? - Porque sus dos cosas gritando por mi atención en el problema es como las más cosas -tienes, - el último efecto que estás haciendo en usuarios porque de repente todo es enorme. - Todo está llamando su atención. - Y ya sabes, - por lo tanto lo estás ignorando todo. - Un segundo punto del que me gustaría hablar es el contraste a la hora de crear áreas de contenido. - Por lo que a veces al diseñar en nuestra página web. - Lo que sea. - En realidad tienes que crear áreas de contacto para obviamente como muchos o este lugar donde - mostrarás como actualizaciones, - cualquier componente, - o simplemente así incluso eso. - El artículo principal y es realmente importante. - Y esto es algo que yo entonces realmente hace que tu diseño luzca mejor si realmente -haces esas audiencias de una manera que se complementan pero al mismo tiempo algo así - divide el contenido. - Eso Lo que podemos ver en este verde ahora mismo es un mocha off Anapa trabajando en fondo escolar - álbum. - Se puede ver cómo estoy dividiendo lo realmente las diferentes secciones de la misma. - Esto es realmente una inspiración para mí también cuando se trabaja en su dice lector. - Entonces tenemos un muchos a la izquierda que es como, - de veras, - azul realmente oscuro. - Y entonces, - ya sabes, - entonces tenemos estas armas de Google, - muchas de esas en realidad no va a estar ahí todo el tiempo porque puedes abrirla y - cerrarla. - Pero puedes ver de inmediato cómo definitivamente tiene un contraste diferente es un componente que -si siempre está ahí, - casi estarás molesto como no, - realmente agradable Cuando se trata de radio, - Foreal no es agradable hacerlo en la parte superior de una esquina. - Entonces pero para uno de estos componentes está totalmente bien. - Y entonces tenemos, -como, - el principal el núcleo fuera de arriba y eso son estas tres columnas son colecciones, - teléfonos, - archivo y filtros. - Se puede ver cómo colecciones y formas como me gusta se relacionan entre sí. - El definitivamente es el selector. - La colección de campistas en el primer día es este espacio donde se verán los resultados y así el - fondo en que quería ser realmente similar. - Pero si lo haces como súper diferente, - en realidad te gusta que se está convirtiendo como un pastel de capas y colores y él podría ponerse un poquito - demasiado loco. - Entonces lo que voy a hacer en esta sección voy a pasar por diferentes ejemplos que creo - puede ilustrar muy bien este punto. - Por lo que deseo mostrar esto es una pantalla diferente. - Pero distancia un ejemplo. - Se puede ver cómo aquí es un color, - obviamente con la textura de cuando y esto es igual que el blanco no es tan diferente. - Pero es lo suficientemente diferente. - Para que puedas entender. - Uno es filtros en uno es el cuerpo de pareja que se supone que debes En realidad, - ya sabes lo que se supone que tienes que poner el contenido que usa será justo y algo realmente - importante a la hora de crear contraste entre secciones es en realidad el divisor, - algo así como un punto culminante que es un poco más oscuro que cualquiera de esas dos secciones. - Pero ayuda al usuario a entender y a ver, - como una separación aguda entre bloques de contenido. - Y en ese sentido, - Yo estaba en realidad me gusta mucho el nuevo Google plus realmente firmar. - Pensé que era yo. - Y ahí es cuando empecé esta semana. - Y yo sólo quería mostrarles cómo esta cosa de la que estoy hablando puede saber un abasto - todos los días a las señales que vemos en todas partes. - Entonces esto es lo normal tú y creo que es tienda de crema y voy a ir a la tienda de fotos el - doctor adentro y simplemente ahí básicamente. - Entonces, ¿ves de qué hablo? - Primero, -tenemos forma con el contenido digestivo, - y eso es puramente blanco. - Pero luego tuvimos el baño, -lo cual es grandioso, - y eso está totalmente genial. - Pero si en realidad solo pones este fondo con este gran trasfondo. - Así es, - este blanco vuelve con este fondo gris junto con sin separación si pudiera necesitar- un poco más de conferencia. - Entonces me gusta mucho crear áreas de lo mismo casi como el mismo tonto, - pero no lo mismo. - Pero cuando estás haciendo eso, - en realidad te gusta encuentras realmente crear aquí como un supergran fondo y luego un - libros blancos. - Ya sabes, - este no es el más impugnado que podrías hacer. - Pero si quiero ir, - sea eso más como si fuera realmente difícil ver la separación como casi es - jugando trucos con tu mente. - No obstante, - si creas justo es estrangulador y simplemente lo haces súper ligero pero desapareció más oscuro que el - fondo al igual que este y se puede ver cómo se sienta 4% de capacidad. - Ya marca la diferencia. - Y cómo percibo esas dos áreas. - Entonces lo mismo va aquí que se puede ver este gran este color entonces este es blanco puro -. - Pero entonces aquí en el medio, - tienen este trazo que es un poco más oscuro. - ¿Ese es el fondo? - Pero de nuevo ayuda a crear esa separación. - Y así lo mismo con esto es como un gris, - esto del gris. - Están realmente cerca el uno del otro. - Pero entonces tienes a este tipo que es sólo un gran lejos en la oscuridad y come cribado de salud, - esa separación. - Entonces eso es realmente importante. - Escucha, - creo que definitivamente es algo que depende de ti no es como tienes que hacer esto para hacer - tu diseño mejor ahí toneladas de estilos diferentes. - Pero definitivamente este es un truco que uso. - Entonces que vuelva a esto no es un proyecto de Google. - Yo trabajo. - Ah, - mientras que hace y otra vez se puede ver aquí cómo esta vuelta es genial. - Esto es blanco. - Y tal vez esto es un poco, - um el trazo. - Fui un poco demasiado es demasiado grande para contrastar un Pero entonces hay esta sombra aquí y eso es - otra. - Al hacer sombras en, - como, - fondos y cuerpos de contenido, - allí realmente similares. - Entonces aquí tenemos, -como blanco puro, - realmente como gris y luego el trazo. - Es importante que la sombra sea un poco más ligera que el trazo. - Entonces la sombra siendo más ligera que el trazo. - Pero de lo más oscuro obviamente, - en el fondo otra vez sólo para crear, - como, - capas fuera de contenido que en realidad son percibidos como realmente nítidos por el usuario. - Um, - algunos ejemplos más de esto, - esto lo resaltará, - y luego te mueves, - Puedes ver de qué hablo, - y puedes ver cómo sabes que solo aplica cuando condón cuando realmente les gustan las - áreas. - Estamos muy cerca el uno del otro, - pero no realmente cuando están lejos. - Entonces en primer lugar, - No necesito un derrame cerebral al pasar de esta propagación a este blanco. - Porque el contraste entre lo rojo y la Casa Blanca es tan fuerte. - Eso es justo lo suficiente. - Como si creara un trazo se va a sentir como sobre el cartel. - Algo así como quiero decir, - toda la escuela, - también. - Algunos ejemplos y luego este tipo ratio la última vez. - Pero se puede ver cómo cada vez que dividimos el contenido. - Ya sabes, - esto como un divisor, - que en realidad es un poco más oscuro. - Entonces, - um, - así que aquí vamos a ver más oscuro que los dos sitios. - Entonces aquí sólo estoy usando la sombra. - Pero otra vez, - se puede ver cómo la sombra es lo suficientemente oscura, - um, - para ver eso. - Está bien. - Entonces más trucos al separar o dividir guarnición en tu layup. - Otra que me gustaría mostrar es, - um, - de vuelta esta película de chico para que algo pueda llamar que no escapamos. - El vuelo fue a enumerar como, - cosas diferentes, - diferentes experiencias que podrías tener en un en un lugar. - Y quería crear simpleza dinámicamente fuera. - Pero sólo, - ya sabes, - porque fuera pero entonces y demás, - no tendríamos mucho tiempo para ello. - Entonces en realidad, - todo sigue los mismos diseños en este tipo de blurb. - Aquí está el mismo Tener la misma ley Ellis, - éste. - Entonces éste. - Pero se puede ver a pesar de que en realidad estamos listando la misma plantilla, - se hace de una manera que, - um se alterna como un oscuro, - fondo ligeramente más oscuro en probabilidades y luego no en el otro para que seamos Ucrania - como un ritmo Si hago todo con por fondo blanco. - Entonces si esto es lo ves, - este tipo de aquí es blanco. - Y entonces este bloque de aquí es una B es como Ray. - Si dejé todo blanco, - esta mentira se volverá como camino demasiado dos forro te parecerá casi como a todo lo que -estoy tratando de hacer por el contenido Y ahora que veo estas como meses después, - casi siento que debería han hecho eso como esa línea más ligera. - Pero otra vez, - ya sabes que es Have Teoh. - Fue hace un tiempo y otra vez hablando de contratos dijo aquí una cosa complicada de esto - página web. - Es que no sabíamos cómo sabes qué fotos vamos a ser? - Obviamente podemos poblar un launque diferentes destinos que teníamos. - Entonces si tienes una espalda una foto que es como, - realmente, - muy oscuro que no tenemos nada aquí C cinco ubicación. - Pero si tenemos una imagen realmente oscura, - tiene sentido tener realmente una sombra. - Pero asle aquí se ve bien casi cada demasiado fuerte. - Pero si tienes un como una imagen como este salario, - la misma sombra si también eres demasiado si estás un poco demasiado cerca de la imagen real Y -por lo tanto, - como las diferentes áreas, - ondas emergentes peligros porque eso puede llegar a gustar una mirada sucia si las diferentes áreas -emergentes contigo también. - Entonces hay algo en lo que deberíamos pensar cuando coreano como sombras y alguien porque él -depende del contenido que conozcas, - podría ser 12 años o no-, y entonces algo más de lo que me gustaría hablar es el efecto de pastel en el efecto patada. - Veamos, -por ejemplo- el efecto patada es el efecto que ves cuando tienes este tipo de divisor, -no especialmente eso- como esa parte de los divisores de ballet entre secciones. - Demasiado a menudo. - Entonces imagina que aquí tengo esto dividido. - Tengo un espacio realmente pequeño, - y luego tengo otro divisor. - Y entonces eso significa, -como para un usuario- van a ver de inmediato en una sola pantalla tres divisores para dividir. - Hay tres áreas de contenido, - y ahí es donde llamamos el efecto de pastel de capa. - Entonces eso es algo que hay que evitar también, -porque el fondo nunca debería volverse demasiado relevante o nunca debería ser más- relevante que el contenido que en realidad es vivienda. - Entonces eso es importante también. - Y lo último que me gustaría mostrar al hablar de contraste sobre fondo es, - um, - cortes limpios entre secciones. - Entonces probablemente sean el rey. - El corte es como usted , señor. - Señor, - No soy experto. - ¿Entonces qué? - ¿Qué es esto? - Stephen Crabb decía como no me hagas pensar Los usuarios no llegan tarde. - No son estúpidos. - Sólo son perezosos. - Entonces, si haces un corte limpio entre una sección de contenido en la otra, - ya sabes, - algunos usos podrían pensar que el contenido está abajo como si estuvieran terminados dentro de la página y - podrían no desplazarse hacia abajo. - Es importante por eso. - Vincula directamente todas las secciones entre sí Muy bien, - Así que cuando realmente estás leyendo y siguiendo la línea de la historia, - puedes saberlo, - lo haces envidiosamente. - ¿Se montan? - Ahí hay un icono es un corte limpio. - Pero con este ciclo en la parte superior, - así que en realidad saltas por encima del corte y siempre entiendes que esto es más cosas viniendo. - Tu atención de usuarios agarrando aquí. - Y por eso, - son casi como ignorar esta copa y están saltando desde aquí. - ¿Oyes? - Vendió sobre cómo la gente percibe tu diseño y sabes qué es lo mejor que puedes hacer - ¿ para realmente no romper el flujo? - Entonces el tercer punto del que me gustaría hablar es la iconografía. - Bueno, - Me encantan los ciclos de dibujo. - Me encantan tres ejercicios fuera, - en realidad, - condones. - Al tratar de encapsular el after concepto en una ilustración que la gente va a entender. - Pero el funeral que vengo es como si necesitaran contexto, - y yo escribí aquí algunas veces. - Pero en realidad, - los iconos siempre necesitan contexto. - Ese contexto puede venir con ataques que soportaron o a veces es igual que el - entorno que está alrededor del ícono. - Para que enseguida entiendas lo que es. - Entonces primero de en esta cámara, - Aiken ya sabes, - si no tienes otra referencia que esta en realidad, - lo mío es algo relacionado para rugoso. - Pero, - ya sabes, - podría ser galería de fotos de Galleria. - Podría ser como, - creo que una foto vengo o podría ser, - no sé, - como un modelo de cámara. - La ICANN es realmente difícil de decir. - Necesitas texto o, - sabes que necesitas algo en el ambiente que te diga cuándo va a suceder. - En ese sentido, - hay algunos ejemplos de los que me gusta hablar. - Um, - cada piedra está en esta página juntos para este maleficio en el que estaba pensando, - ya sabes, - como, - ¿qué puede significar esto? - Porque solía usar que vengo por tantas cosas en mi vida ya. - Eso y si lo piensas. - No tiene mucho de un minuto libre, - dijo. - Flecha que va hacia abajo. - Digo, - basado en lo que tienen los años en mi espalda navegando por Internet, - yo diría, - Está bien, - ¿esto es un estrecho hacia abajo? - Entonces definitivamente me va a llevar a algún lado, - o va a descargar algo porque hay Paradigm se ha asociado a, - como, - descargar cosas. - Pero en este caso, - la única razón cuando uso esto puedo. - Es justo como una forma de indicar al usuario el día algo interactivo en este componente. - Entonces se puede ver que este es el Estado de Khobar, - y esto es lo que pasaría que el usuario dirá Esta portada de la revista flotará una de -ellas y en realidad lo verán, - como este icono de pdf y luego llaman a Action Dollar. - Entonces en realidad, - el propósito de este senderismo aquí sólo para llamar a la adicción por algo y luego - obviamente, - ya sabes, - decirle al usuario exactamente lo que IHS um, - otro ejemplo en iconos que siempre estoy confundido, -como siempre por alguna razón- algunas veces en mi vida- tengo la tarea que hacer y vengo por Internet-, y esto es probablemente una de las cosas más difíciles que puedas hacer. - Me gusta, - ¿qué es la conectividad a Internet? - ¿Es el mundo? - Ya sabes, - cómo podemos hacer que venga a decir, - Esto es Internet y por eso me gusta, - ya sabes, - yo viene en ese sentido- necesitan llegar con contexto que pueda ser texto primeras veces y algo También, - eso es curioso es como pensar en el mundo como un icono. - Estoy seguro de que los diferentes diseñadores de los que Facebook tuvo este mismo reto al hablar - la notificación que puedo. - Entonces si voy a mi cuenta de Facebook, - tengo, - um esos son mensajes, - esas personas. - Y esta es mi notificación y es el mundo. - Y no sé por qué el mundo va a significar notificación para cualquiera, - pero están usando el camino y está bien, - porque de nuevo, - tú entiendes que está ahí arriba, - y todos ellos se abren como una superposición. - Entonces el compromiso de presentar esto es realmente bajo, - ya que no vas a ningún lado. - Entonces por eso, -en mi opinión- funciona y también usan, - como, - tipo de números como para decirte cuántas notificaciones tienes y lo sabes - en comparación con medio, - es realmente diferente lo único que hace el medio para decirte que hay algo- la actividad en tu perfil es tener realmente esta línea de fondo en color. - Y eso es lo que sabes, - apse en tu iPhone. - Al igual que la vid lo hacen. - No nos dicen. - ¿Cuántas notificaciones tienes o incluso Tweeter? - Simplemente te dicen como si hubiera notificaciones. - Entonces aquí veo que tienes, - como, - cosa de tres actividades es, - pero si en realidad salgo, - se puede ver cómo ya no hay. - Entonces así es como me puede gustar llegar a un costado y es como, - Oh, - hay algo nuevo. - No necesito saber cuántas cosas nuevas hay para mí es sólo la sensación de estar bien -, - hay algo nuevo alrededor de mi perfil que pasó. - Eso es suficiente para realmente hacerme curioso al respecto. - Algo que hice al respecto en nuestra asignación está aquí es, - um, - 10 notificaciones para decirte realmente como lo maney artículos inéditos tienes. - Entonces aquí ves cómo si abrí el panel, - puedes ver cómo será como volcadura. - Viene con un texto porque de lo contrario no se sabe, - y eso está bien. - Pero cuando esto se derrumba, - sigo haciendo esta cosa donde realmente estoy cambiando el color de la I. - Así que si realmente no tengo una notificación el no estaría ahí. - O tal vez sea igual que azul. - Pero si se pone verde, - significa como tienes como, - mensajes inéditos ya ahí y algo. - Yo lo pensé. - Es como, - OK, - a pesar de que tengamos esto, - podríamos necesitar, - um tal vez como un estado flotante cuando en realidad sobrepasas una de esas burbujas. - Él era como, - Oh, - ya sabes, - cinco. - Estoy viendo artículos de espía Inspire, - así que eso es complicado. - Pero, -sabes, - hay que entender que a veces no puedo. - Digo, - tendremos que venir con, - como, - un texto sobre algún tipo de contexto similar. - Te digo qué. - Es ISS y algunas otras veces en las que el compromiso es realmente bajo. - ¿Qué? - En realidad, - no vas a hacer ninguna cosa loca en el usuario sabe que está bien. - Si no viene con eso, - um, - con el texto. - Entonces volviendo a este ejemplo, - está bien si no viene con el texto, - porque si quiero escribir, - no sé. - Tex aquí utiliza totalmente. - No pueden saber esto. - No pudimos repetir la descarga delgada una y otra vez en este diseño. - Bueno, - yo sólo tengo, - como este que propósitos llamar realmente la atención de los usuarios. - Y entonces ciertamente más les digo lo que va a pasar. - El siguiente punto del que me gustaría hablar es que pareces fotografía en tu decisión. - Entonces en mi opinión, - usar la fotografía siempre es complicado cuando se juega con texto, - sobre todo sin control. - El panorama, - 100%. - Y ya sabes, - eso sucede cuando realmente construimos interior contigo. - Prepárate para como, - realmente como portales de contenido pesado, - por ejemplo, - más, - como, - nuevo sitio o cosas por el estilo, - donde realmente sabemos que van a ser como, - toneladas de cuadros. - Pero no sabemos cuál va a ser la imagen, - ¿sabes? - Y se vuelve complicado si no sabes cuáles son las imágenes. - A lo mejor porque no sabes si quizá sea del texto de la izquierda. - Pero ya sabes, - el más pesado. - La parte más importante de las imágenes de la izquierda. - Podría tener todo a la izquierda en su composición, - y eso podría no verse bien. - O tal vez, -como lo más importante en tu composición está en realidad, - ya sabes, - justo detrás del texto. - ¿Está fuera de ser así dónde más? - ¿Dónde? - En realidad, - equilibrará la composición, - así que eso siempre es complicado. - Y tuve algo de experiencia con eso al trabajar con clientes como CNN o USA Today Un pozo, - nuestro vuelo de escape Now on atreve de manera diferente. - Algunos trucos que hacen los diseñadores en ese sentido y bueno, - el primer y más fácil tema obviamente separa la foto del contenido. - Entonces si miro, - um, - de nuevo nuestro ejemplo favorito el nuestro es lector en el iPhone. - A lo mejor si miro, - um obviamente algo así, - es realmente Simplemente es realmente fácil de separar. - No los pueden del cuadro que acaba de separarse. - El cuadro va a quedar impresionante. - Este tipo, -que es una de las cosas más importantes de la imagen- puede estar en este rincón puedo ser yo. - Entonces la esquina, - no te importa porque todo lo que tienes que hacer es justo, - ya sabes, - feliz ahí. - A menos que te desplace hacia abajo algo que realmente no te importa porque está separado. - A veces, - sin embargo, - nosotros no lo separamos. - Entonces intentamos juntarlo. - Y ahí es donde sabes, - sólo tenemos la imagen y el texto arriba. - Y si controlamos realmente al 100% esa imagen, - eso va a ser genial por ejemplo. - Tengo para eso es uno de mis sitios favoritos últimamente es Ah, - las memorias son como un diario pero básicamente tienen capítulos diferentes, - y la página principal siempre es lo mismo, - pero juegan con diferentes rincones. - Entonces este es el Capítulo siete y luego ves el impuesto realmente bonito. - Gran jumbo, - Fácil de leer, - um, - y así sucesivamente. - Pero si volvemos al marqués principal, -esto es súper bonito, - porque obviamente el diseñador tenía control total sobre esta imagen. - Y si cambiamos eso a otro, - de nuevo Su Majestad, - vemos cómo están aplicando este filtro, - cómo están las imágenes en el color, - y es realmente fácil leer el texto, - liberarlo para leer el título y así sucesivamente. - Entonces otra vez, - esto no es algo que sucede cuando realmente construyes un sitio para una noticia, - una plataforma de noticias o como una enfermera realmente influenciada. - Y así es complicado poner realmente el top texano. - No obstante, - si queremos hacerlo ahí, - lo desperdició, - y la forma con clase de hacerlo es en realidad usar un Grady en la parte superior de la imagen. - Y para eso, - en realidad tengo aquí sus pautas que teníamos al crear, - um al crear las pautas para, - um, - vuelo de escape Simon abriendo aquí para que puedas verlo. - Y básicamente, - donde describía cómo iba a funcionar esta zona de marquesina, - dependiendo de cuánto gracias. - Tenemos así aquí escape vuelo aquí, - fotos, - pautas de mercado. - Se puede ver cómo otra vez soy sí parecen fotos realmente tranquilas. - Y eso es lo que pensé que íbamos a tener. - Y entonces estoy poniendo el texto aquí a la izquierda. - Además este Grady, - um, - si sólo miro la composición de la imagen, - estoy describiendo cómo el peso visual de la imagen debe estar siempre a la derecha para que podamos - en realidad colocar el texto a la izquierda, - y está bien. - Y entonces en realidad voy a describir, - como, - algunos ejemplos aquí. - Así que obviamente ya sabes, - lineamientos para las imágenes, - los temas naturaleza calles abren campos como trató de evitar la fotografía amateur ish, - escenas abarrotadas, - escenarios claros desorden como la edad súper expuesta. - El son fotos o viñetas o como sociales como imágenes de instagram. - Entonces yo esto algo mal pero se puede ver cómo sus fotos realmente tranquilas. - Y en este caso, - el Graham es agradable y funciona. - Pero sin embargo, -como vas a algunos otros, - como aquí en este crimen en como qué no hacer en este turbio, - demasiado marrón, - ya sabes, - demasiado pegajoso siendo aún demasiado fuerte, - Al igual que los colores son realmente, - como, - realmente, - realmente mal. - Y de nuevo, - ya sabes cómo los tecnicos jugarán un papel ahí dentro. - Entonces otra vez, - tenemos al Grady. - Um, - tenemos el texto, - y eso lo lleva depende del del del tamaño. - Podría ser más grande o más pequeño y de nuevo, - ya sabes, - sólo estoy aquí, - como algunos ejemplos con diferentes tomas de longitud de línea. - Entonces lo que tenemos con seis líneas, - ¿qué pasará con cinco líneas? - ¿Qué pasará con cuatro líneas aquí y demás? - Esto es algo que puedes hacer, -pero de nuevo, - si juegas con fuego porque realmente no sabes en qué van a estar esas fotografías- . - Como ustedes saben, -por mucho que puedan tener unos lineamientos específicos- depende en el médico- podría no siempre ser capaz de quejarse con esos lineamientos. - Entonces podrías terminar en un lugar donde, - como, - aquí, - en realidad tienen una foto realmente mala o tienen, - como, - todos los detalles debajo del texto, - y lo hace no se ven tan bien. - Entonces otra vez, - me gusta cambiarme hacia, - como, - separar imágenes de texto cada vez. - No puedo controlar totalmente la calidad de la imagen. - Um, - así que hay algo en que pensar para ustedes chicos. - El quinto último punto del que me gustaría hablar en esta unidad es tratar cada componente como si -se pudiera presentar concurso de diseño de dedo del pie. - ¿Qué significa esto? - Bueno, - otra vez con los firmantes. - Pero empezamos humanos. - Obviamente, - siempre tratamos de hacer lo mejor posible, - Pero a veces creo que sabes algunas cosas, - como si hubiera algunos componentes que no nos importan o nos importan tanto como podamos. - Pero yo soy quizá no sea el más importante, - pero fuera del trabajo para nosotros. - Entonces eso es Definitivamente Ese es el enfoque Ródano al respecto. - Y eso es lo que intenta decir la sentencia. - Es como si tuviéramos que tratar cada componente con la ciencia, - como si realmente pudiéramos tomar tu del diseño. - Se me presenta a un concurso de diseño. - Entonces eso es algo que aprendí de la manera difícil. - Aprendí por, - como, - hacer, - rehacer, - rehacer y en realidad, - ya sabes, - tratando de disfrutar cada paso en el proceso de diseño. - Entonces hasta un er de comida puede ser una comida maldita increíble. - Er, - si realmente pones la energía para que sea impresionante. - Entonces en ese sentido, - Me gustaría mostrar este ejemplo fuera de un reproductor de vídeo. - Um, - Lo hice hace un rato, - pero otra vez ¿cómo? - Al igual, - Acabo de tratar de dar un paso atrás en realidad. - Y esto ya tiene, - como, - tres años. - Pero aún así, - ya sabes, - puedo ver, - como, - todo lo bajo si trato de ponerlo y así sucesivamente. - Entonces tengo, - como, - diferentes escenarios como seremos una superposición será otro sobre despidos. - Al igual que la gente comentó en tu línea de tiempo. - Estos botones de cierre solo se mostrarán si los sostienes, - um, - otra vez, - como diferentes componentes. - A ver cómo si presionas sobre subtítulo puesto, - él va a subir. - Podría ser capaz de definir el tamaño o no. - Al igual que mira el amor que traté de poner en este componente. - Y es más fácil ver cuando en realidad miramos esto como tú sabes, - todo es cuestión de, - como, - el espacio adecuado en el tratamiento de luz que concibes aquí. - Al igual, - hace casi como tres años. - Hice esto y ahora se siente un poco más tuiteado como si se siente que no haría esto así - ya. - Pero obviamente, - diseñador y están como, - las transiciones son duros cambios de gusto y así sucesivamente. - Pero aún así, - cuando hice esto, - me gusta que presté toda la atención que pude para realmente hacer este ritmo aquí y allá - y aquí Se puede ver cómo mantiene el marco encendido, - en realidad doblemente conseguir este espacio allí . - Entonces todo, - todo tiene, - como, - mucho amor e incluso 1% en esto. - Ya sabes, - en realidad hago no sé si puedes ver el resplandor en el fondo como esos - teléfonos, - ya sabes, - sólo para que pueda verlo de la mejor manera, - y la gente realmente puede disfrutar y luego, - ya sabes, - sólo como cuestión de como, - mostrando el amor que las cosas componente sombrero yo sólo estaba describiendo las diferentes unidades que - hacen del componente la parte diferente fuera. - En realidad, - la capa que hace el componente y al igual que un revoltijo súper grande, - loco cerca del componente donde se puede ver, - como, - de nuevo todos los detalles. - Y así y obviamente esto es falso. - Como si me acerco a esto, - no voy a decir esto, - pero también como para los clientes. - Simplemente les encanta ver que amas tu trabajo es realmente agradable hablar con alguien que -en realidad es realmente apasionado por su trabajo. - Y esta es una forma de demostrarlo en caso de que realmente puedas hablar con ellos. - Y tal vez, - ya sabes, - creo que ejemplo social como por aquí, - como justo este ritmo en, - como, - lo diferente se puede ver aquí-, - como este esquema que es como pura capacidad negra pero funciona muy bien al dividir-este blanco y este amarillo porque hace como dijimos antes, - como una separación más oscura entre los que conoces, - Todos esos pequeños detalles es donde el amor iss y tal vez simplemente no soy este este capítulo -con este yo, - para ustedes chicos como es realmente importante cuidar. - Y cuant 8. La importancia de un estudio de caso: Oigan, chicos, bienvenidos al Capítulo ocho. La importancia fuera de un estudio de caso en esta unión abarcará básicamente la definición de un estudio de caso . ¿ Por qué es importante crear caso que sea? Y finalmente vamos a pasar por la estructura que puedes usar para crear tu propio caso práctico? Entonces 1er de todo, ¿qué es un caso de estudio cuando sabes qué? En realidad, me pregunto por concepto general como este. Como saben, me gusta ir a Google. Y básicamente un estudio de caso, como decían, es el proceso o registro fuera de la investigación en el que se da una consideración detallada al desarrollo fuera de un asunto en particular durante un periodo de tiempo. Entonces tomemos este asunto en particular, y ese es definitivamente nuestro proyecto. Por lo que no podemos explicar más o menos el proceso fuera de la investigación y toda la consideración detallada que se le dio a nuestro proyecto durante un periodo de tiempo. Básicamente tenemos este producto que está más o menos terminado, y ahora es momento de explicar realmente todo este tiempo pasamos por, ya sabes, desde el principio, desde el descanso inicial breve de la estafa de la proyecto. ¿ Cómo solucionamos eso? Y cómo consideramos todas las diferentes variaciones y vamos al proyecto final. Ese es un caso que sólo un reflejo de eso. ¿ Cómo hacemos eso? Ya sabes, prácticamente trabajamos en los medios digitales, así que lo hacemos a través de la sangre digital a través de la sangre digital, de la cual es potencialmente como sitio web. Por lo que prácticamente creamos este lado donde explicamos todas las razones y todas las racionales detrás de su proceso. ¿ Y por qué es esto importante? Al igual, ¿Por qué nos preocupamos por esto? Creo que quiero decir, es realmente importante desde la de Tom de diferentes perspectivas. Como si lo miro para ahorrar de un pino diseñador de ti, creo que desde una perspectiva de diseño, es realmente importante poder realmente crear cosas geniales, ser capaz de realmente conseguir un breve realmente a través, y subir con una idea realmente buena que atienda todas las necesidades de la respiración y en realidad hacer algo fuera de ella. Y ese es el proyecto. Eso es asombroso. Y esa es definitivamente una de las habilidades más importantes dijo que el centro debería tener. Pero es algo secretamente importante poder hablar realmente a través de tu concepto, poder explicarle a alguien por qué has hecho algo de la manera específica y no de otra manera . Ya sabes, como pienso, um, um, creo que poder explicar realmente todos los pensamientos y todo el proceso por el que pasaste cuando en realidad se le dio un breve, es realmente importante. Es realmente importante saber comunicar tus ideas y luego así será desde una perspectiva de diseño. Pero, ¿cómo? ¿ Cómo miramos esto desde una perspectiva empresarial? Bueno, solo piensas como una empresa y todas las cosas que producen que sabes, nunca verás a Alla's Tú trabajas dentro de la empresa. Ya sabes, hay tantas cosas que pueden salir mal. Y hay tantas grandes ideas y grandes ejecuciones que a veces se hacen no van a la vida porque no llegaron al lanzamiento final. Por lo que este es un proyecto para que las empresas realmente más comercien, qué tan buenas son y qué tan buenas algunas de sus soluciones de solo el proceso fuera del crédito en este proyecto con el cliente vale la pena. Por lo que se trata de un cotrabajadores promocionales, un arma promocional para decir desde la perspectiva puramente de la empresa de producción. Pero también es como si un desarrollo personal hubiera explicado que el concepto a través es realmente útil. ¿ Y cómo es la estructura? Entonces lo que pienso de estructurar contra Ali, siempre pienso en, um, ya sabes, historias. Por lo que es definible contar una historia y una historia más o menos tener la puesta en marcha el conflicto, y había solución. Entonces si pensamos en la puesta en marcha y ese será el primer punto que necesitamos describir la situación. Entonces necesitamos describir realmente la razón por la que realmente estamos haciendo este proyecto. ¿ Es porque es un breve de un cliente? Podría ser, dijeron, porque vimos una falta en el mercado que creemos que podemos sentir con nuestro proyecto. Al igual , ya sabes , como , como, ya sabes, hace unos meses antes de los miembros, él era como, Necesitamos realmente crear algo mejor porque el proceso de correo electrónico, it ha sido así para siempre. Entonces esa será la puesta en marcha. Un correo electrónico no ha cambiado en 10 años, es el camino en nuestro caso, nuestro dice que ahí? Creemos que no hay lector de anuses que atienda todas las necesidades del usuario de una manera convincente, y para eso es realmente útil para encapsular realmente tu concepto. Tener un concepto bastante claro que pueda ser encapsulado en una sola frase. Este es un ejercicio que empecé a hacer recientemente y él realmente ayudó en exactamente más o menos uno explicándole tu concepto a alguien más. El poder de decir explicar tu una frase y la otra persona, como conseguir cualquier de inmediato es realmente poderoso. De acuerdo, así que ya te explicamos. Tenemos en nuestro caso de estudio. Ya tenemos describir la situación. Tenemos nuestra propuesta en una frase, y ahora en realidad tenemos que explicar todo el asunto. Entonces con base en nuestra propuesta, el cuerpo es cuando realmente explicamos nuestro concepto en la muerte. ¿ Qué significa esto? Bueno, quiero decir, realmente depende del proyecto, Pero primero, Pero primero, si empujas, tal vez como la participación social en tu lector de iris, este es en realidad el lugar a colocar para explicarlo. Si te gusta hacer animaciones locas que crees conectar todo el piso como, muy bien, esto será En realidad, vienen el lugar para promocionarlo sobre eso funciona. Conoces este trabajo con cualquier proteja que más o menos tienes que encontrar esos aspectos destacados que lo hacen especial. ¿ Es lo es porque es realmente simple. Entonces tal vez deberías hablar de esta simplicidad fuera de tu enfoque en esta sección, y finalmente tienes que envolverla. Entonces, ya sabes, realmente estás explicando el mercado. Explicas tu propuesta, en realidad diste detalles sobre tu propuesta, y ahora tienes que acelerarte realmente para que usen o sepan lo que sigue. Ya sabes, si digamos que esto no está arriba, um, inicial listo en el mercado siguiente será en realidad el enlace a No sé que son de verdad si no lo es o si lo es ahora. Pero aún se está desarrollando a continuación. Y, ya sabes, próximos pasos y sección final en tu caso que debiera ser, como inscribirte para mejor o como inscribirte para nuevo. Señor, si quiere saber cuándo va a ser liberado? Es realmente importante que acabemos realmente el caso de estudio con un claro llamado a la acción. Um, lo contrario, los usuarios llegan al final del flujo y sabes que no pueden retroceder. Y ese tipo apagado podría ser como el final o tu comunicación con el usuario. Por lo que cuanto más puedas involucrarlos con tu producto um, los mejores resultados que vas a obtener. Obviamente. Y esto nos lleva al final del capítulo ocho, importante fuera del caso hoy. Y creo que es el momento en realidad volver a decir, grandes fans a todos los que en realidad se unieron a la maldición. Espero que ustedes lo hayan disfrutado. Y esto definitivamente es elun fin de las unidades, pero no es el final del curso en sí. Entonces el siguiente paso es que voy a estar publicando durante el próximo par de semanas mi progreso en la asignación de lectores RSS para que todos podamos dar seguimiento. Y también estoy deseando ver lo que ustedes chicos pueden llegar con más como manos prácticas sobre el ejemplo. Entonces todos los proyectos increíbles que han visto por ahí, Así que gracias de nuevo y sigan el buen trabajo. Disfrutar.