¡Habilidades básicas en diseño y arte de UI! Hablemos de línea y superficie.

Los puntos, líneas y superficies son la base del diseño gráfico, y los conocimientos básicos son cruciales para el crecimiento posterior del diseñador. Por muy buenas que sean las técnicas y formas de expresión, habrá problemas si no existen fundamentos y principios de diseño. Las imágenes prácticas en diseño sirven como un lenguaje visual que inspira los pensamientos y sentimientos de las personas y transmite información. Es un componente indispensable de todas las artes visuales. La composición plana se basa en la percepción. En el proceso de práctica y comprensión a largo plazo, la gente ha descubierto que los elementos de modelado que constituyen las imágenes visuales son puntos, líneas y superficies.

¡Descubrámoslo juntos!

1. Las funciones básicas de los puntos, líneas y superficies

Puntos: los puntos son elementos que embellecen y enriquecen la atmósfera de la imagen (izquierda 1 en la imagen de abajo)

Línea: las líneas conectan páginas, guían la visión y enriquecen la imagen (en el centro de la imagen de abajo)

Superficie: la superficie es portadora de información y divide la imagen (1 a la derecha en la imagen de abajo). )

2. ¿Qué características tienen los puntos?

Pequeños, dispersos, lejanos, pequeños y densos en contraste con los grandes espacios.

Mira los puntos de la vida:

(Vaya, cielo estrellado)

(Gotas de lluvia, campanas)

3. Cambios en puntos -1

Las características morfológicas de los puntos son diferentes, brindando a las personas diferentes experiencias visuales.

Los puntos que son demasiado grandes o demasiado pequeños provocarán diferentes experiencias visuales. Cuanto más grandes se vuelven caras los puntos, más pequeñas se vuelven puntos las caras.

Cambios de puntos -2

La posición y dirección del punto en la imagen es muy importante, afecta la experiencia visual y la dirección de la imagen. Por el contrario, los relativamente pequeños se convierten en puntos.

Existen puntos en la imagen y su número afectará la intensidad de la experiencia visual. Cuanto más densos se vuelven los puntos, más líneas se convierten.

Un punto que sufre ciertos cambios puede ser tanto una línea como una superficie.

4. Aplicación de diseño de puntos

El sólido y el vacío del pan naranja en la imagen, y la luz y la oscuridad del objeto corresponden a la densidad y luminosidad de los puntos. Un punto no es sólo un origen, a veces los objetos físicos también pueden ser puntos.

Incluso si se compara el tamaño de un mismo texto, cuanto más pequeño es el punto. Utilice las características flexibles de los puntos para hacer que una sola imagen sea flexible. Este es el contraste de puntos.

Incluso si no hay puntos verdes, la página sigue siendo alta y elegante. Después de agregar pequeños reflejos verdes, la experiencia visual de la imagen mejora, haciendo que la página sea más transparente y rica en capas.

Tras retirar los animados amentos flotantes, se pierde la atmósfera del cuadro. Aunque todavía quedan algunas líneas en la escena, el ambiente se debilita.

Hablemos de ello

El contraste significa puntos

Los puntos no existen solos

Los puntos se utilizan para enriquecer la imagen y el nivel

Los puntos pueden iluminar tu página y darle una sensación de velocidad

Además de estos puntos, hay muchas más funciones. Si observas más, verás más.

5. ¿Cuáles son las características de las líneas?

Delgadas, largas, curvas, oblicuas

Líneas en la vida:

Líneas en diseño gráfico:

6. Las líneas cambian

△ Relación de transición entre puntos, líneas y superficies

Las líneas tienen posiciones, largas pero ni anchas ni gruesas. Es la trayectoria de movimiento de los puntos y la intersección entre los bordes de la superficie y las superficies. Desde la perspectiva del modelado, las líneas solo se pueden expresar con un cierto ancho. Los tres puntos, líneas y superficies pueden cambiar entre sí mediante sus propios cambios.

Cuando una línea se engrosa hasta cierto punto en la pantalla, la consideraremos como una superficie. Los puntos, las rectas y los planos no existen absolutamente, sino relativamente.

7. Líneas invisibles y líneas tangibles

Veamos primero las líneas en la tipografía Es obvio que no hay líneas geométricas en los tres casos. Entonces mi definición de ellas es líneas invisibles.

Observando las barras negras, podemos encontrarlo fácilmente. La longitud y altura del texto también corresponden a los cambios en las líneas geométricas.

¿Por qué nuestros diseños suelen tener un aspecto feo? Porque no hay contraste entre el grosor y la longitud. Una línea puede ser una sola línea o un elemento. Los puntos pueden ser texto, al igual que las líneas.

¿Ves la línea? Si no lo ves, mira la imagen de abajo.

No es difícil encontrar a través de la línea blanca que la línea de la imagen es la línea de visión. La línea de visión del personaje nos guía para dirigir nuestra visión al texto

△ Líneas tangibles en la imagen

Desde el caso, las líneas claras le dan a la imagen una sensación de velocidad, capas y riqueza.

8. Aplicaciones comunes de las líneas

Clasificación de información (izquierda 1); visión orientadora (centro que enfatiza la importancia (derecha 1); Complemente el diseño y enriquezca la imagen, puede ser suave, rápido o fijo. Nunca agregue líneas solo por agregar líneas. Esto es sin duda superfluo.

Hay muchas aplicaciones de las líneas, por lo que no daré ejemplos uno por uno. Puedes entenderlas si las observas con atención

9. ¿Cuáles son las características de las superficies?

Irregularidades, formas geométricas, contingencia

Superficies en la vida:

Cambios en las superficies

Las superficies son líneas en geometría La trayectoria en movimiento, Los puntos, las líneas y las superficies existen relativamente.

Tipos de superficies -1

△ Superficies de líneas rectas

Tiene las características visuales de líneas rectas, tales como: cuadradas, estables, ordenadas y concisas .

△ La superficie curva

brinda a las personas una sensación informal, cómoda y suave. Un círculo perfecto se verá opaco, mientras que un círculo achatado mostrará una curva cambiante y tendrá una mejor sensación estética. . Además, lo incompleto no pierde un tipo de belleza

Tipos de fideos-2

△ Fideos de curva libre

Distintivos y casuales, aportando elegancia y sensación de suavidad y calidez.

△ Aspecto accidental

Una forma inesperada compuesta de una manera especial, un efecto visual muy singular. Por ejemplo, manchas de tinta, salpicaduras de agua, café derramado, etc.

10. Rostros intangibles y rostros tangibles

¿Has encontrado el rostro? No, mira abajo.

A partir de los bloques negros dibujados encima de la caja, podemos encontrar fácilmente que las personas y los objetos dividen nuestra imagen en dos. El área excede el 50% de la página. Si la proporción del área de estos objetos, personas o elementos en la imagen excede el 50%, es una superficie. Y no es tan clara como la superficie geométrica, por eso la llamo superficie invisible.

11. Superficies tangibles en el diseño

A partir de los bloques negros dibujados en el estuche, no es difícil descubrir que las superficies geométricas dividen nuestras imágenes y crean una sensación de jerarquía. Además, también se puede utilizar como portador de información, lo que permite expresar el texto con mayor claridad en la imagen.

12. Echemos un vistazo a los puntos, líneas y superficies en un excelente diseño.

Las líneas dibujadas con lápices de colores son tan hermosas. Si el arcoiris es normal. Entonces, cuando un elemento se convierte en una línea, también es una buena idea.

Se utilizan líneas para guiar la visión, y los puntos también cambian vagamente. La relación jerárquica es obvia.

Los planos oblicuos dividen la imagen, rompiendo el plano tradicional, haciendo que la imagen sea dinámica y coherente con la temática de la página.

13. Repaso de puntos, líneas y superficies

Puntos: embellecimiento de la atmósfera de la imagen, capas ricas y tamaños contrastantes

Líneas: guían el dirección visual, información de enlace

Superficie: segmentación jerárquica de imágenes, portador de información

Los puntos, líneas y superficies están interconectados y existen relativamente. No hay pérdida de existencia independiente.

Finalmente, se necesita la superación personal

Observar más, pensar más, hacer más

Observación: observe los puntos, líneas, superficies, colores y luces en excelentes trabajos, calidad, diseño y otros elementos

Pensar: comprender por qué debería hacer esto y los beneficios de hacerlo

Hacer más: hacerlo bien y hacerlo son dos opciones, depende de ti

Me pregunto si esta vez has aprendido más sobre las habilidades básicas del arte: puntos, líneas y superficies. Si necesita aprender la interfaz de usuario de manera más sistemática, puede agregar Q1289916063 y comenzar desde cero con dibujo a mano básico.