Bocetos para diseñadores de UX: actividad práctica mediante los principios de Gestalt

1. Introducción: principios de gestalt y bocetos de la UI: bienvenido. Y gracias por tomar este curso. Yo soy Christina. Aparta la sensación. ¿ Ver? Diseñador sabio y profesor en línea. Me apasiona lo que estás pensando y programé durante mi trabajo de UX. El objetivo principal de este curso es practicar y desarrollar a los esquiadores de captura pasando por los diferentes principios nacionales. Te invito a dibujar junto conmigo a lo largo del curso. Después se calentará y hablando de nuestros turistas. Te voy a presentar a cada invitado, nuestra bomba principal por uno y luego crea capturas representan a cada uno de ellos. Tengo incluyes ejemplos de interfaz de usuario de hombres Elegí invitado nuestros principios para crear un marco para esta pequeña actividad de práctica de bocetos. Porque conocer estos principios es realmente útil para ti X o los diseñadores Y. Ahora hablas un poco de invitado, todo CRE entonces vamos a iniciar la fase más cálida. Entonces si tu familia está con esta teoría, solo salta a la siguiente conferencia. Adivina inicio es una palabra alemana para forma y figura la serie sobre cómo los diferentes elementos son percibidos por nuestros cerebros al combinarlos de cierta manera u ordenar uno al primer invitado, una famosa frase psicóloga resume la Serie Bastante bien, el todo es distinto a la suma de la parte. Esta idea se le puede aplicar. Yo diseño también. Los elementos fuera de una interfaz de usuario en conjunto determinan cómo el usuario puede interactuar con el sistema . Invitado de principios son reglas fuera de la percepción humana. Nuestro cerebro es butte para ver patrones, estructura, forma y lógica en el mundo que nos rodea. Se puede pensar en ello como una optimización de la visión. El inconscientemente percibe nuestra palabra de una manera alejada. Construir objetos significativos mediante la combinación de la parte individual. Cuando los humanos perciben la palabra, hay tantas entradas entrando. En lugar de analizar a estos firmantes como partes individuales, nuestros cerebros comienzan a organizar los insumos para formar grupos unitarios. El invitado, todos los principios nos ayudan a entender cómo hacemos estas agrupaciones. Cómo ven los ojos humanos. Es como cuando ves a uno fuera de tus amigos o familiares. No sólo se ve su nariz o sus ojos. Percibes y reconoces el rostro como una prostituta. Por lo que para resumir en las siguientes conferencias, pasaremos por los principios nacionales más importantes por dos razones. Uno. Usa este enfoque práctica del dedo del pie, bosquejando vamos a bosquejar mucho durante este curso, y la segunda razón es que conocer estos principios, bueno, te ayudaremos a diseñar mejores productos digitales, ya que los forajidos invitados influyen también en la experiencia del usuario. Yo quisiera saber que los principios incluidos en este curso no son los principios originalistas del estilo off gas. El listado ha cambiado con el tiempo. Estos son dispositivo que me pareció útil para practicar, bosquejar , y al mismo tiempo, las camionetas que son buenas Toby siempre fuera como diseñador de UX por estas series glaciales de percepción son criticadas por ser redundantes o demasiado descriptivo. En mi opinión, pensar en cómo perciben los seres humanos lo que ven puede mejorar nuestra mentalidad como ustedes X o una Y diseñadores. Y una cosa más. Si desea desarrollar aún más sus habilidades de bosquejo después del discurso, por favor revise mi newsletter en mi página web dedicada al bosquejo para nosotros como diseñadores. El USA rallies bosquejando para ti huevos punto com antes de hablar de cada director, pues rápidamente te mostraría qué asumir que necesitas, y vamos a hacer un poco de calentamiento también 2. Herramientas y calentamiento: Entonces, ¿qué necesitamos? La respuesta sencilla es que cualquier tipo de material se hace el trabajo, por ejemplo. Entonces Room usó la servilleta para esbozar sus ideas, luego escribió un libro al respecto fuera de curso herramientas de calidad. Nosotros y hacemos tus bocetos más organizados y presentables. Pero para los efectos de este curso, cualquier tipo de papel fuera y luego haremos el trabajo. Por lo que estos son mi consejo es que debes usar papel liso en blanco copia está bien. Encontré que la ruta o los papeles cuadrados pueden limitar tu creatividad e imaginación. Los tableros blancos también son grandes superficies para bosquejados, como para depende de nuevo, cualquier dolor que hagas. Pero recomiendo usar dos diferentes y la enfermedad para los fines fuera de esta actividad de captura vista para los más pequeños son las pruebas y la pluma de tamaño medio normal. Para la mayoría de las cosas que vamos a hacer, es bueno tener un plan para sombrear, pero en realidad no es necesario. También es bueno para enfatizar y agregar muertes y dimensión a tus bocetos. También recomiendo usar un color. Yo he usado su azul. No debes elegir el rojo porque normalmente indica un rugido y el verde tampoco es la mejor opción, ya que normalmente nos firma una interacción exitosa y no quieres crear bocetos confusos . Ahora que tenemos nuestras herramientas, podemos sumergirnos en el bosquejo. Entonces es hora de que te calentes temerosamente para dibujar conmigo a partir de ahora. Entonces, ¿cuál sería el curso de putas? Vamos a empezar con lo más fácil, pensé. Después saca carrera Desde el punto de partida como este, notarás que algunas direcciones son más difíciles de manejar. Trata de mantener tus líneas rectas. Deberías tener un rastro ahora. Después lanza círculos alrededor de la carrera, comenzando con uno más pequeño que haciendo unos ligeramente más grandes y más grandes. Como puedes ver, la carrera sirve como lineamientos para que puedas comprobar qué tan perfectos son tus círculos. Hagamos una ronda más ahora un poco más rápido. Ahora vamos a seguir con parte de sus aliados. Tirar parte de nuestras vidas mejorará tu control de manos, y es una habilidad muy útil para dominar, ya que incluirás mucho fuera de botella aliados en tus ojos. Bocetos. En primer lugar comenzamos las líneas verticales. Nuestro objetivo es hacer la distancia entre ellos incluso tú no es que se vuelva más fácil, gracias a la llamada memoria muscular. Después rodar parálisis horizontal. Ahora intenta crecer líneas más largas. Es mucho más difícil mantenerlos rectos y hacerlo de manera dinámica. No disminuya la velocidad. Hacer parte de los Aliados mejora tus habilidades de coordinación también. Por último, vamos a lanzar algunos nefastos van a paralizar. Esta técnica en realidad se usa para el sombreado, y se llama sombreado, y si dibujas un segundo conjunto de líneas, es el llamado sombreado cruzado. Entonces, como dije en una conferencia anterior, es bueno si tienes un bolígrafo para sombrear, pero no es una necesidad. Siempre se puede aplicar sombreado o sombreado cruzado después de puntos y líneas. Ahora vamos a bosquejar rápidamente algunas formas básicas. Primeros círculos comenzaron círculos más pequeños. Estos son casi como puntos. Entonces puedes destetar poco a poco. Si aún te sientes incómodo con tirar tus círculos, empieza a hacer movimientos circulares con la mano. Pero no toques el papel con tu bolígrafo durante los primeros 5 o 10 movimientos. Si crees que ahora tu mano consiguió el movimiento correcto. Baja tu pluma así que haz algo como esto Ahora es el momento de los triángulos. En primer lugar lanzamos triángulos literales reales, por lo que los tres lados deben ser alguien igual en tamaño. Entonces puedes experimentar con diferentes tamaños. Trata de terminar tu línea donde la iniciaste. Si te resulta demasiado duro, siempre puedes empezar con tres puntos. Por último, vamos a dibujar algunos rectángulos y cuadrados. Cuando dibujas las interfaces de usuario, dibujaste mucho de los rectángulos para representar los botones. Por delante están piezas fuera de contenido y así sucesivamente. Primero a través de un conjunto de cuadrados, luego algunos rectángulos otra vez. Trata de terminar tu línea donde la iniciaste. También es importante crear algo parte de nuestros aliados. De lo contrario no se verá limpio. Después del calentamiento chillido, vamos a empezar con la ley fuera simplemente Ciudad. 3. Principios de Gestalt simplicidad: la Ley Fundamental del Gas Start es simplemente ciudad. Tantas cosas están compitiendo por la atención en nuestro entorno y tenemos una capacidad limitada para procesar la entrada entrante. Por lo tanto, nuestra mente interpreta las cosas que vemos de la manera más simple posible. También significa que percibimos las cosas como un todo. ¿ Qué es una colección de diferentes partes? Basta con pensar en la cara. Ejemplo. Por ejemplo, Drew on object this way primero dibujó un triángulo, luego crea un 2do 1 agregando estas dos mentiras. Entonces, ¿qué ves ahora? No ves una horizontal y cuatro líneas diagonales que ves aparecer carne o un hidrogeno tetra encendido , luego a través de un equipo adolorido y pequeños triángulos a su alrededor. Ahora ves a un hijo con la carrera fuera de la luz del sol, no el círculo y muchos prueban ira. También funciona con letras. Esta es la letra un no demasiado nefasto. Ghana y una línea horizontal simplemente ciudades sobre ofrecer cifras fácilmente reconocibles para la percepción humana. Nuestra mente está buscando la forma más simple, pero también la más relevante de interpretar lo que vemos. Así funcionan tus ojos y sitios web. Cuando vemos un formulario de registro, reconocimos el patrón. No vemos sólo tres rectángulos. En algunas marcas vemos los campos de entrada, el campo, los obreros y el fondo. Otro ejemplo es un tobogán ahí o cardosa. Nos vemos allí. Conoce esto te patrón. No se interpretaría como para tratar a Angers ver círculos y dirigir la ira nuestra próxima revelación principal . 4. Principios de Gestalt cierre: el segundo principal nacional recuperar revelación. Esta ley establece que nuestro cerebro siente la parte faltante para conseguir una figura completa, y también crea una combinación fuera de parte para establecer un cierre entero se aplica de la manera correcta si hay suficientes piezas para crear un todo. Entonces cuando veamos formas incompletas o no cercanas, vamos a tratar de percibirlas como objetos completos. Si hay suficiente información. Obviamente necesitamos tener conocimientos previos y experiencia sobre el objeto dado para que podamos sentirnos en el elemento faltante. Podemos interpretar en blanco o vaciar nuestro EU como formas también. Así funciona el espacio negativo. Por ejemplo, se trata de un rectángulo o un contenedor. No está completo, pero nuestra mente teme la parte faltante. Son muchos los diseños de logotipos que aplicaron la idea fuera del espacio negativo. Por ejemplo, basta con lanzar dos flechas y luego dos rectángulos como este. Se puede ver emerger la edad de la letra. Obviamente, podemos usar estos para iconos o cualquier gráfico. Percibimos estos objetos como una pila fuera de rectángulos o documentos, aunque los objetos detrás del 1er 1 estén incompletos, por ejemplo, se trata de un icono de canasta junto al diseño de logotipo e icono. Recai fue este principio cuando ganamos a los usuarios a detenerse un momento para estimular su creatividad y pensamiento para que podamos captar mejor su atención. Y al mismo tiempo, podemos incluir Ah, poco interesante e solución poco interesante e inteligente para posiblemente crear una experiencia de usuario más encantadora. También usamos divulgación, tal vez mostrar notificaciones en los teléfonos o tabletas. Tú yo por el círculo y el número. Hola. Es una parte del ícono. Nuestro cerebro tiene suficiente información para crear un cuatro, mi superposición con el elemento. No sólo utilizamos el espacio disponible de manera inteligente, sino que también aplicamos la ley fuera de la proximidad. Vamos a hablar de ello en una conferencia posterior. Entonces siempre que se superponen a elemento en una u yo, siempre hago la pregunta. ¿ Hay suficiente información para reconocer los objetos en la parte posterior? Nuestro próximo apoyo de primavera para cubrir su terreno de figura 5. Principios de Gestalt plano: el principio de base de figura establece que nuestra mente trata de separar la figura del fondo. El figura es el elemento en el que nos enfocamos, y el fondo son las figuras que rodean de esta manera podemos conducir, ¿Tú? Ahí hay atención. Ver las cosas como figura y tierra ayuda a separar los insumos más importantes de las camionetas que se pueden ignorar cuando uso el encuentro. Entonces interfaz de usuario, la mente inicia inmediatamente el proceso de separación. Si comparamos el tamaño de estos dos componentes, cuanto más pequeño se va a percibir como una figura y el más grande como el suelo. Como puedes ver aquí, la estrella es la figura que dirige chica es el fondo. No obstante, en este ejemplo, el rectángulo más pequeño es una figura, y el otro se percibe como el suelo. Este bajo aplica también para el diseño de iconos. La ciencia del tráfico también funciona de esta manera. Ahora veamos algunos ejemplos de ustedes. Es así como funciona un botón de acción judicial en la página de aterrizaje. Las ventanas pop up o modelo son otro ejemplo. En este caso, la cifra anterior se convierte temporalmente en el terreno que utilizamos para quizá las armada en lugar sustituir por completo el contenido para tener a los usuarios en la orientación. Se comunica que el usuario sigue en la misma página. El contexto no ha cambiado ni mira este ejemplo. De inmediato sabemos qué partes son los mensajes, lo que podemos enfocarnos en el contenido importante por la figura es el contenido en el que nos preguntamos a los usuarios a enfocarnos. El trasfondo también tiene un papel importante. Puede comunicar la marca, dijo el estado de ánimo, o contener alguna información adicional. El estado de tierra de la figura no es necesariamente estable. Algunas ilustraciones inteligentes utilizan este aspecto. Por ejemplo, mira este logotipo de chat marca. Podrás echar un vistazo a otros diseños negativos del logotipo del espacio. Se ve cómo cambia la figura y el terreno, el siguiente principal, su proximidad. 6. Principios de Gestalt proximidad: la ley de proximidad es muy importante en el diseño de la interfaz de usuario. Establece que los objetos que están más cerca uno del otro nos perciben más relacionados o conectados, entonces los objetos que no se colocan cerca de ellos. A los elementos que se colocan más cerca se les ve un desatado del mismo grupo o categoría, y no como objetos individuales. Este principio también se aplica cuando los elementos no comparten otras características como el tamaño o el color. La distancia relativa es suficiente para que esta regla funcione. Un ejemplo para el taburete es la forma en que componemos palabras de nuestras letras y oraciones. De las palabras, Ponemos espacios entre dos palabras. Por lo que es más fácil para nuestro cerebro percibirlos como esta cosa agrupa las letras. Por lo que acaso entiende habilidad. Obviamente los llevamos sacamos el significado de una frase que no contiene ningún espaciado de palabras . Pero el espaciado adecuado sin duda mejora la legibilidad. Aquí podemos ver tres se desprenden de rectángulos y aquí tres filas, crear categorías y agrupar es un aspecto significativo fuera de ti X e Y, diseñado aplicando posturas diferentes y usando espacios de invitaciones. manera apropiada, podemos hacer que la regla de la proximidad funcione que soporta nuestros controles conectados de contenido no deben colocarse demasiado lejos el uno del otro. Tenemos bajo el dedo del usuario percibirlos como relacionados. Otro ejemplo es el Y off instagram. Los artículos que se colocan muy juntos especialmente se perciben como relacionados o piensan cómo se muestran las altas temperaturas en Amazon. la imagen, el precio, complace la imagen, el precio,la descripción y las calificaciones pertenecientes a un determinado artículo En una forma de mostrar relaciones, utilizamos la baja proximidad off. Cuando colocamos los trabajos cerca de los campos de forma el próximo principal voy a hablar de esta similitud. 7. Principios de gestalt en la calidad de calidad: similitud: El principio de similitud sugiere que si dos objetos tienen características similares, estos objetos se perciben más relacionados que el Vance que no tienen estas mismas cualidades. Existe una amplia gama de características en las que podemos pensar. Puede ser tamaño, color, textura, forma, fondos, fondos, orientación, transparencia, transparencia, sombras de gota y así sucesivamente. No sólo agrupamos los objetos similares, los también piensan que podrían tener la misma función y regla, por ejemplo, una tipográfica consistente. Más altos son realmente apoya la habilidad comprehends fuera de un sitio web o una aplicación. Está claro qué elementos son los titulares, cuáles son la copia corporal. Cuales son las etiquetas, los enlaces y demás. La similitud es una gran manera de mostrar las diferentes relaciones en el contenido. Esta regla también explica por consistencia es tan importante, ejemplo, fue el usuario sabe cómo se diseña el enlace. Puede soportar todo el proceso de navegación ya que los otros enlaces serán fácilmente reconocibles, haciendo prominente qué partes del contenido están más relacionadas. Haces que el contenido de la puta sea más comprensible, así que vas a terminar con un mejor uso Esa experiencia, por ejemplo, es fácil distinguir los posts de bloque del otro componente U Y en este ejemplo, Si miras un video en YouTube, percibes los videos de la derecha como pertenecientes juntos por su tamaño similar. Y tal vez ya te diste cuenta de que estos principios de pensiones solían trabajar juntos. El combinado off dos o más fue tener un efecto mayor. Por ejemplo, la similitud a menudo se combina con la proximidad. Estos videos relacionados no sólo son similares. También se complacen de cerca. Otro ejemplo es una aplicación de mensajes. la parte inferior izquierda hay diferentes iconos, los cuales son similares su tamaño y su color es el mismo, y estos sugieren que tienen funciones similares. Se pueden utilizar para agregar cosas o para modificar tu mensaje. Las características similares fuera de los iconos también pueden comunicar ciertos cinco tipos el próximo principal vamos a hablar de su continuación. 8. Principios de Gestalt continuación: la ley de continuación o buena continuación significa que los elementos colocados en una línea o en una curva nos perciben más relacionados, entonces los elementos que no están alineados de esa manera. El principal también sugiere que nuestra percepción de las formas se continúa en la dirección implícita . Entonces seguimos la línea o la curva incluso más allá de las últimas partes fuera de la composición. A lo mejor el ejemplo más fácil es una línea punteada o discontinua. Percibimos estas líneas como formas unificadas si las partes no están demasiado lejos el uno del otro. Por ejemplo, Google Maps fue thes líneas punteadas para mostrar el pasado. El otro ejemplo, muy básico es el trabajo de lenguajes muy frágiles y las partes del traje burbujas también delineadas en una línea curva. Por lo que lo percibimos como un todo lo que necesita. Otro ejemplo es los libros más vendidos en libro depositario dot com. Están ganando, juzgados en la misma línea horizontal, y lo menos continúa más allá del punto final que vemos actualmente podemos seguir fácilmente elementos que están alineados de alguna manera. Mira este ejemplo, estas dos gráficas muestra a quién envié más mensajes de Facebook la semana pasada La gráfica de la derecha es más fácil de interpretar porque los ángulos directos forman una. Algunos pero línea continua. Las barras de progreso o los componentes de la línea de tiempo también son grandes ejemplos para la continuación. Grandes sistemas también son gran representación. Zoff. Este principio crear una estructura consistente para un sitio web o una aplicación es una base de parte de una buena experiencia de usuario. Un diseño consistente y soy es más fácil de navegar y entender. La continuación también aparece en los componentes del deslizador. Percibimos un deslizador como el rango representado por la línea horizontal y el rectángulo como el mango. No lo vemos como dos líneas separadas y el manejan nuestro próximo principio para discutir su recinto o región de cámara. 9. Principios de Gestalt conde / región común: el recinto de ley o región de cámara sugiere que se perciban los objetos que tienen una frontera a su alrededor . Es más relacionado o s un grupo. En los límites o fronteras se establece una región cerrada la cual se puede utilizar para resaltar la relación entre ciertas partes fuera de la interfaz de usuario o del contenido. Cada elemento que se coloca dentro de la frontera se percibe como perteneciente juntos y de la misma manera. Todo fuera del aria dada se ve como separado. De estos elementos. Se puede establecer región de la cámara poniendo los elementos en una caja o aplicar líneas separadoras . También es posible utilizar diferentes colores de fondo para los elementos que pertenecen juntos . Este principio se utiliza en el negocio de las tarjetas. ¿ Por qué los diseños, por ejemplo, en Pinterest cada uno siendo separado de esta manera? Dribble. También utiliza esta tarjeta en tu línea de tiempo de Facebook. Los puestos están separados de la misma manera, y un sendero a bordo también es un gran ejemplo. - Las opciones y controles dentro de los libros de diálogo también pertenecen juntos y dentro de los libros de diálogo . Se pueden establecer regiones más separadas mediante el uso de líneas separadoras. Qué ejemplo. Piensa en el cuadro de diálogo frontal dentro de Microsoft Word. El siguiente principio es vamos, fe 10. Principios de Gestalt destino común: el principal fuera de la fe común o hundimiento moqueo está aumentando la importación en la actualidad, ya que ustedes las animaciones se están volviendo cada vez más populares, esta ley establece que los objetos que se están moviendo en la misma dirección se perciben como más relacionados, entonces los aviadores que no se mueven ni se mueven en una dirección diferente. La similitud o la proximidad no importa. En este caso. Si los elementos se mueven juntos simultáneamente, nuestro cerebro los percibe como un solo grupo. No es necesario el movimiento real. Las flechas también pueden indicar qué elementos tienen una fe común. Un gran ejemplo para la fe común es un menú desplegable. Todos los elementos dentro de una categoría se mueven juntos, lo que indica que están equivocados del dedo del pie del mismo grupo. Otro ejemplo es una diapositiva hacia fuera mi nuevo Cuando te aplicas ¿por qué animaciones? Se puede sugerir qué elementos tienen un propósito funcional similar en la interfaz. Por ejemplo, en el caso fuera del slug inform, los dos campos de formulario se están moviendo juntos y el botón está un poco retrasado, lo que sugiere que este elemento tiene una función diferente a los campos. De igual manera, si los elementos se están moviendo en diferentes direcciones con diferente cronometraje, estos elementos percibidos como separados solo piensen ahí en moverse hacia la derecha y moverse hacia la izquierda significa ser realmente resultados amigos. Un ejemplo más común es un consejo de herramienta. Cuando se usan sus cierres sobre una cierta parte de la Y, aparece un nuevo elemento, y este elemento está algo conectado al elemento que se estaba cubriendo sobre elementos dentro, luego torpemente sobre también se mueven juntos. El siguiente principio a cubrir son los elementos conectados. 11. Principios de Gestalt elementos conectados: Entonces ahora vamos a discutir elementos conectados. Este principio también se llama conexión uniforme o lof unidad. En realidad, tiene una definición realmente directa. Los objetos que de alguna manera están conectados visualmente se perciben como más relacionados, después las camionetas sin estas conexiones. Adicionalmente, los elementos que están conectados por conexión o líneas similares están conectados de manera similar también se perciben como relacionados. tulipanes son grandes ejemplos. Estos están conectados visualmente al elemento que se cierne sobre. Otro buen ejemplo son los diagramas de flujo o los mapas laterales. Habla, de Babeu o así sugieren flechas de conexión y otras líneas de conector. O tan seguro qué elementos pertenecen juntos. Piensa en el mapa mental, por ejemplo. Sólo nos quedan cuatro principios. Nuestro siguiente principio es Seema tres. 12. Principios de Gestalt Symmetry: la ley de simetría establece que los elementos simétricos nos perciben más relacionados y como pertenecientes al mismo grupo unificado o sierra sobre objeto que es, una combinación off to mirror elementos se perciben como un solo objeto. Otra interpretación fuera de esta regla es que tendemos a percibir los objetos como simétricos alrededor del punto central. Por lo que nuestro cerebro separa a los sujetos en piezas simétricas, y si vemos elementos simétricos uno al lado del otro, los percibimos como pertenecientes. Juntos. Aquí vemos tres sets off bracket. Curiosamente, en la mayoría de los casos, simetría tiene un efecto más fuerte que la proximidad. Probablemente el diseño simétrico más utilizado es la página principal de Google. No es perfectamente simétrico, pero no tiene por qué ser para desencadenar el efecto de este principio. También hay que señalar que un diseño simétrico crea el sentido off estabilidad y consistencia. Vil y un diseño simétrico crea tensión, simétrica y también promueven reducir la complejidad y químicamente fuera más fácil de comprender. También puedes impulsar la atención del usuario mediante el uso de un elemento asimétrico junto a las otras camionetas simétricas y Reino Unido. ¿ Fue este principio también en el diseño de iconos? Por ejemplo, aquí está esta botella, la ley, apagado cierre o así funciona aquí, el próximo principal terrorismo Isparta 13. Principios de Gestalt parelelismo: la ley fuera paralelismo está relacionada para parecer un tres. En este caso, las líneas similares se perciben como más relacionadas que los objetos que no son paralelos. Qué otro ismo también conectado con el destino común bajo fuera yace que parecen moverse o apuntar en una dirección se perciben como un grupo. Simplemente practican rápidamente lanzando algunas líneas populares como lo hicimos durante la fase de calentamiento . Estas líneas parecen estar más relacionadas. Se puede percibir el terrorismo en casi todas las vías de salida. Hay bloques fuera de contenido que son horizontal o verticalmente paralelos entre sí . El truco es que cuando se combinan estos dos tipos de arreglo off, hace que sea más fácil distinguir entre los diferentes grupos fuera de elementos. dispositivos que están alineados horizontalmente pertenecen a un grupo, y los objetos que están alineados verticalmente pertenecen a otro. Esta es la pantalla de inicio de un juego llamado Clash Royal. Funciones similares se alinean de manera similar, y como ejemplo más específico, re huesos y otros elementos sobre tardíos también son grandes representaciones fuera de este principio, tenemos que Morelos cubrir cuatro victorias de copa y experiencias pasadas 14. Principios de Gestalt puntos focales y experiencias de confianza y experiencias pasadas: la regla de los puntos focales es sumamente importante en ti X y el diseño Y. El interfaz debe comunicar qué funciones Las opciones son las más importantes que dieron paso para el usuario. Esta ley establece que al aplicar contraste, estamos haciendo un elemento diferente o único, llama la atención del usuario. Existen diferentes formas de enfatizar el elemento U por tamaño. Mi color, contraste, por diferente y tipografía por alineación y demás, como mencioné antes, haciendo de un elemento un simétrico o rompiendo la codicia. Por lo que al hacer que un elemento se destaque algo o a diferencia de los otros elementos, también puede llamar la atención. Definir los puntos focales ayuda a establecer la jerarquía dentro del usuario en su rostro. Un gran ejemplo para los puntos focales, Nuestro llamado a los botones de acción y el último principal que vamos a discutir es la ley fuera de experiencias pasadas . Simplemente afirma que los elementos son percibidos usuarios de negocios experiencias pasadas. Este principio es realmente significativo en el acento nuevo. ¿ Diseño? ¿ Diseñé patrones? ¿ Trabaja? Gracias, remolca este principio. Obviamente la colección de experiencias pasadas es diferente para cada ser humano. Pero hay patrones comunes que podemos usar para mejorar la capacidad de aprendizaje de un producto o servicio. Esa es la razón por la que no debemos entrenar cuando la cerveza, cuando creamos lo más común que quiere Ike, como un ícono de casa o un icono de guardar. Lo mismo vale para las señales viales y los semáforos. Las puertas funcionan así también. Percibimos estas líneas como la palabra taxi, no individualizar. Y como recordarán, aquí también se aplica la ley off simply City. Y no importa que la letra A esté inconclusa. Todavía lo reconocemos. Y como otro ejemplo, estos rectángulos y círculos son percibidos como un signo de exclamación. Tú patrones blancos trabajas el mismo día. Por ejemplo, Para alguien que nunca ha visto impuestos antes, puede ser confuso. Cuáles son estas palabras opcionalmente dentro de ira directa uno al lado del otro. Lo mismo vale para otros patrones como la paginación. A primera vista, esto es sólo una secuencia de números del 1 al 10. En la próxima conferencia, te voy a dar un emocionante ejercicio 15. Ejercicios para practicar el boceto: en esta conferencia, te voy a dar un ejercicio para practicar bocetos y al mismo tiempo, Tomi Guest out principios más familiares son para ti mismo. Ahora solo saca la hoja del papel y dibuja rápidamente un sitio web de buscapersonas bomba para un fotógrafo que muestra algunas de las fotos y también contiene una posible forma para el dedo del pie del usuario. Contacta la fotografía ahí No pases demasiado tiempo con ella. Duermes cinco minutos, así que no lo hagas demasiado complejo. Basta con incluir la parte más importante. Y piensa en la versión de escritorio para que puedas posar el video de vez en cuando te aseguraré mi solución. Y voy a explicar por qué te pedí que hicieras esto. Entonces esta es mi solución para el sitio web de un buscapersonas. - Ahora , basta con dar un paso atrás y tratar de pensar por qué hemos aplicado ciertas soluciones estadounidenses y cuáles son los principios de las estrellas invitadas detrás de los patrones de desgaste que hemos usado tratan de detectar al menos seis principios. Ahora puedes volver a publicar el video. Por lo que estos son algunos de los invitados como principios detrás de los elementos de esta página. Espero que disfrutes de este pequeño ejercicio y ahora te diré algunas formas más de practicar, por lo que estas son las actividades de práctica adicionales. Yo equipo abriría los sitios web que visitas cada día. Ahora intenta detectar a tantos invitados todos los principios como puedas. Si quieres practicar la captura de interfaces de usuario, también es una gran idea copiar la estructura de estos sitios web o aplicaciones. El segundo ejercicio es ir a un sitio web de Colección de patrones U I, Recoger patrón y comenzar a identificar los principios gestálticos detrás de ese patrón. Por ejemplo, piense en por y cómo funciona el mecanismo de calificación de cinco estrellas. También puedes copiar estos patrones con el fin de desarrollar tus bocetos de Scheer's y, por último, puedes crear y esbozar tu propio tramposo de Ulchi. Usa tus ejemplos favoritos de ti para cada principal y ni siquiera necesitas apegarte para obtener principios de inicio. Hay muchas otras nutrias en el diseño visual y UX, así que crea bocetos de resumen de las cosas que estás leyendo o estudiando. Tiene una ventaja de dos en uno. De verdad recuerdas mejor el conocimiento que estás ganando y se desarrollará tu caso de bocetos . Nos vemos en la última conferencia de clausura 16. Cerrado: cómo participar en la comunidad: Por lo que felicitaciones por completar la actividad de práctica de bocetos. Buena suerte con el desarrollo de tus esquiadores de bocetos. Y si te interesa bosquejar para ti, ex o por qué diseñadores en más detalles, echa un vistazo a mi curso sobre el boceto para ti huevos dot com sitio web y por favor considera unirte al boceto para ti ex comunidad. Tengo un grupo de Facebook dedicado a este tema, y yo también en el boletín, que cuenta con dos partes principales. Uno es un desafío de 100 días de duración que X creaste icono creciente. Esto realmente puede ayudar a Toby a un hábito alrededor del bosquejo, y la otra parte es una base de conocimiento semanal de UX. Atrapar, y también está acordado, forman parte fuera de la participación en el dedo de la comunidad de catcher U X. Comparte tus bocetos. Comparte tu trabajo con los compañeros U X o los diseñadores Y. Entonces gracias por ser mi estudiante y avísame si tienes alguna pregunta o sugerencia gustaría con tu viaje de bocetos. Y que no se olvide de descargar los principios de la casa de huéspedes. Engañar, hacer trampa