5 consejos para identificar si el diseño de la interfaz de usuario es razonable o no.
Eres diseñador de UI. Al discutir el borrador del diseño de los requisitos, las dos partes se enredaron. Juzgas según tus propios sentimientos de diseño, pero no sabes cómo explicárselo claramente a la otra parte.
En este momento, es posible que necesites estos principios.
Porque aunque el diseño U pretende mostrar el efecto de la interfaz, no es puramente perceptivo y estético, sino razonable y puede analizarse y distinguirse.
Entonces, muchas personas pueden preguntarse:
"¿Por qué?"
Antes de responder esta pregunta, piense en otra pregunta:
Aquí puedes hacer una pausa, no leer, darte una respuesta y luego continuar leyendo.
Por supuesto, no estamos haciendo una exposición estética. No te preocupes por cometer errores y mucho menos por respuestas profesionales y sistemáticas. Simplemente escriba su opinión o respuesta intuitiva.
Si aún no sabes qué respuesta escribir, imaginemos algunos escenarios:
Después de un día duro, ni siquiera comiste nada y luego te fuiste a casa. hambriento. . Tu comida favorita acaba de estar preparada en la mesa. Tu amante te da un cálido abrazo y te sientas a disfrutar de una cena con él. ¿Es dulce desde las papilas gustativas hasta el corazón?
Cuando sales de excursión un fin de semana de primavera, cuando el viento frío desaparece gradualmente, puedes ver los capullos de color amarillo brillante en el jardín botánico contra el cielo azul agua y algunas nubes claras, y también puedes huele el calor. La fragancia del sol y la vegetación. ¿Crees que la naturaleza es hermosa?
Cuando ves a los maestros rurales que están enseñando en el documental y están trabajando duro para que más niños reciban educación, derramas lágrimas. ¿Crees que la humanidad brilla con ternura y belleza?
Entonces, ¿sabes ahora la respuesta a la pregunta "¿Qué es la belleza?"
Estos estados de disfrute como “eficiencia, satisfacción, comodidad, placer, seguridad y tacto” son belleza.
Los siguientes son algunos casos para ilustrar por qué el diseño de UI es una ciencia de crear belleza.
¡Todos se han subido al ascensor! Piense en los "ascensores llenos de gente" y los "ascensores con poca gente". ¿Cómo te hacen sentir?
Imagen de la izquierda: Ascensor abarrotado: espacio insuficiente, oxígeno insuficiente y movimiento incómodo, lo que provoca dificultad para respirar, tensión y ansiedad.
Derecha: Ascensor poco concurrido: espacio suficiente y adecuado, aportando confort físico y psicológico a las personas.
A partir de estas dos escenas, podemos comprender plenamente la importancia del "espacio apropiado" para las emociones de las personas. Este principio se refleja en el arte y el diseño y también puede denominarse "sentido del espacio y de la respiración". Como el espacio en blanco en las pinturas con tinta china.
Un ejemplo que se extiende al diseño de UI: dejar espacio en blanco entre el texto del botón y los bordes;
Resumen de una imagen:
Si es la imagen de abajo, ¿Qué estás haciendo? ¿Qué tipo de estado emocional y psicológico sería romper la forma y buscarla en confusión?
Si es así, organiza la tabla de pequeño a grande por número de serie, de modo que puedas encontrar el que tiene el último número 1102.
Al observar estos dos montones de formularios, su estado de ánimo debería ser obviamente diferente. Las reglas y el orden razonables pueden mejorar la eficiencia, ajustarse a la lógica de pensamiento normal de las personas y obtener mejores experiencias. Esto también se refleja en el arte visual, como esta fotografía de paisaje:
La pradera entera o el paisaje escarpado de las montañas. No son suficientes para hacernos detenernos o admirar, pero cuando la pradera tiene altibajos de luces y sombras, y las montañas tienen ritmo y líneas regulares, la imagen se vuelve magnífica y mágica. El estado de ánimo al mirar las montañas es tranquilo, pero el estado de ánimo al mirar montañas y ríos es creciente. Si el grupo es armonioso, se convertirá en un río.
Extendido al diseño de la interfaz de usuario, las formas regulares y consistentes pueden reflejar mejor la belleza completa o cómoda en la psicología visual:
Un resumen de imagen:
La próxima semana habrá ser un examen.
Si sacara todos los libros de la imagen de abajo, te diría: estos son los contenidos del examen, ¡revísalos!
No debes estar demasiado roto por dentro~
No llores todavía. Si le digo de nuevo: la biblioteca de abajo contiene todos libros alternativos similares, puede elegirlos o no; la biblioteca del medio es material de lectura extendido, no como puntos de prueba básicos, los libros anteriores se pueden llevar a la sala de examen para lectura abierta; el superior Este es el contenido principal del examen.
¿Eres más feliz?
¡Más felicidad por venir! Déjame sacarlo y decirte: en este libro, solo la primera página de cada capítulo, marcada con líneas rojas, es el punto de prueba clave de este libro, y el resto es solo para comprensión.
En este momento, ¿se ilumina de repente? ~ ~ ~ ~
Si sacas todos los libros, todos son libros de referencia. Hay mucha información desenfocada, lo que lo hará. hacer que las personas sientan confusión, inquietud, estrés y angustia.
Dividir la importancia de referencia y la minoría de los libros puede hacer que las personas se sientan relajadas, seguras, eficientes, felices y en control.
Los patrones tradicionales chinos hacen buen uso de este principio. La polilínea está densamente dispuesta en orden primario y secundario, con las flores como pilar y las hojas como secundarias, mostrando la jerarquía de un patrón entre las muchas y complejas hojas, las hojas principales y las hojas secundarias están separadas por la dirección y densidad del rizo; , haciendo que el patrón sea denso y rico, pero también conciso y fácil de leer.
Extendiéndolo al diseño de la interfaz UI, se refleja principalmente en la distinción y expresión de relaciones jerárquicas:
En resumen:
Acerca de las compras, tengamos una verdadera y competencia falsa~
Cuando quieres comprar un bolso de diseñador, ¿qué te hará odiar las imitaciones y apreciar las genuinas?
Sentimientos reales: detalles conmovedores, agrado, practicidad, calidad, respeto, honor, satisfacción o sensación de logro.
Sentimientos de imitación: aspereza, asco, ignorancia, ser engañado, despreciado, de baja calidad, enfadado o perdido.
Del mismo modo, en el arte de pintar, es necesario tener un atractivo conmovedor, y la delicada representación de los detalles es la única arma mágica:
Extendido al diseño de UI, prestando atención. Los detalles y las habilidades también son impresionantes. La clave para las personas.
En resumen:
Supongamos que tu diosa o diosa quiere servirte una copa de vino tinto. ¿Qué tipo de contenedor llevarás?
Ya conoces el sabor, por eso conviene elegirlo así:
Si pones vino tinto en un recipiente como este. . .
Disculpe. No, hay salsa de soja a la izquierda y medicina china a la derecha. . .
Piensa en otro escenario:
¿Cómo te sentirías si pronto hubiera una reunión deportiva y tu pareja apareciera con esa ropa?
¿Qué pasaría si fueras a una cena elegante en lugar de a un encuentro deportivo?
Desgaste y movimiento de terreno: sensación de incongruencia rara, divertida, embarazosa, tonta, tonta e incómoda.
Vestimenta de cena de alta gama: elegancia, gusto, confianza, practicidad, tranquilidad, sentido natural y armonioso de pertenencia y ajuste.
Así nos hacen sentir “idoneidad y adecuación”. Lo mejor puede que no sea bello, pero lo más adecuado sí lo será.
Este principio también se incluye en el diseño de la comunicación visual. Por ejemplo, el diseño del cartel de Muji, independientemente del color, la textura, la composición o el diseño de la fuente, el estilo minimalista, natural, hogareño y cómodo del cartel refleja el temperamento y el tono zen y minimalista natural de la marca.
Extendido al diseño de la interfaz de usuario, el significado emocional y cognitivo público del estilo de color debe ajustarse a los propios atributos del producto o hábitos del usuario. Alipay, con sus atributos de herramienta y seguridad extremadamente altos, puede crear una sensación de tranquilidad y tranquilidad, haciendo que las personas sepan inconscientemente que es seguro como instrumento financiero y eficiente como herramienta.
Cambiar a Taobao Orange no es satisfactorio, aunque el color Taobao es la sangre de la marca:
En resumen:
Está bien, a través de ejemplos, puedes entender el significado de "diseño proviene de ¿Tiene una comprensión más intuitiva de la "vida"? ~ ~
Estos principios incorporados en la interfaz de usuario o el diseño visual no se crean en función de una evaluación subjetiva o preferencias personales, sino de fenómenos objetivos y vida en vida Producida por reglas.
Por eso, al principio de este artículo, defenderé que "el diseño de UI es una ciencia".
Para la ciencia, la definición de referencia en una frase es: La ciencia son cosas específicas y sus leyes objetivas. El diseño de UI es solo una actividad creativa que gira en torno a lo específico de la "interfaz del producto" y se lleva a cabo de acuerdo con las leyes del "comportamiento y psicología del usuario". Entonces la esencia de la UI es la ciencia.
El contenido principal de la ciencia es una visión del mundo específica y métodos específicos. Espero que todos puedan comprender este concepto de diseño, utilizar sus métodos de manera racional y crear belleza de manera racional.
En los próximos artículos, explicaré en detalle cómo utilizar "espacios en blanco en gráficos e interfaces, análisis jerárquico de interfaces de interfaz de usuario, diseño de fuentes, procesamiento de gráficos e imágenes y combinación de colores de interfaces". los principios anteriores para analizar y diseñar científicamente interfaces UI.
Gracias a los amigos a quienes les gusta el diseño por su continua atención~
A través de este artículo, ¿ha dominado la idea de diseño de "se ve bien porque es fácil de usar"? ? Puede intentar analizar el diseño de la interfaz de usuario que tiene entre manos. ¿Es científico ahora? ¿Qué se puede mejorar?
Bienvenido a dejar tus ideas o sugerencias y progresaremos junto contigo.