Cambios de diseño con Claude Design

Cambios de diseño con Claude Design | 杉山宣嗣

1. ¿Qué está pasando en el sitio de producción?

La IA está empezando a entrar en el campo del diseño、El sentimiento sobre el terreno está cambiando.。
Especialmente con la aparición de ideas como "Claude Design"、

  • El diseño está hecho a mano.
  • El boceto es algo que dibujas tú mismo.

La premisa de que。

Pero por otro lado、

  • No sé cómo usarlo en un proyecto real.
  • Me preocupa que la calidad se vea afectada.
  • El papel del diseñador se vuelve confuso

Estas condiciones ocurren al mismo tiempo.。

como resultado、Hay muchas situaciones en las que la gente dice: "Lo estoy usando, pero no lo incorporo a mi trabajo".。


2. ¿Por qué hay tanta confusión?

La razón es clara。
Esto se debe a que entendemos a Claude Design como “generación de resultados”.。

Si esto sale mal、

  • ¿La IA reemplazará al diseño?
  • ¿Se volverán innecesarios los diseñadores?

La historia termina siendo。

en realidad no、
Claude Design se ocupa de
“Proceso de prediseño” = parte de diseño。

una vez aquí、haré arreglos importantes。


Concepto y “diseño” son capas diferentes

tu estas escribiendo
“Proceso de prediseño” = parte de diseño
Esto es diferente de lo que comúnmente se conoce como "concepto".。

Así es como se ve cuando está organizado。


■ Concepto (área decidida por la gente)

  • que transmitir
  • ¿A quién deberías dirigirlo?
  • ¿Qué tipo de impresión y valor creas?

En otras palabras, dirección, significado e intención.。

ejemplo:

  • dar una sensación de lujo
  • Hazlo informal para los más jóvenes.
  • Demostrar confiabilidad

Esto implica juicio y responsabilidad.、Esta es un área donde la gente decide。


■ Diseño (área a cargo de Claude Design)

  • Estructura de diseño de información
  • Cómo armar un diseño
  • inducción de la vista
  • Prioridad del elemento

Este es el diseño estructural de cómo quedará。

ejemplo:

  • que poner en primera vista
  • Dónde colocar tus CTA
  • ¿Debería ser una cuadrícula?、¿Debería ser un tipo de historia?

La relación es así.

En orden、

Concepto → Diseño → Producción visual

です。


¿Por qué esto es confuso?

Convencionalmente、

  • Dibuja un boceto mientras piensas en el concepto.
  • Decide la estructura mientras dibujas los bocetos.

Ésa era la manera de proceder.、
Todo quedó integrado como un “diseño”.。

es por eso、

  • concepto
  • diseño
  • apariencia

fue separado y no reconocido。


Qué hace Claude Design

Claude Design es uno de ellos
Hizo posible aislar y manejar sólo el "diseño"
Esa es la esencia。


Puntos de decisión prácticos

Es fácil de entender si lo piensas de esta manera.。

  • El concepto es vago → No importa lo que hagas, estará mal.
  • El diseño es ambiguo → La presentación es borrosa

En otras palabras、

El concepto es la causa de la desalineación.、El diseño es una cuestión de precisión de transmisión.。


Resumen (puntos principales de este capítulo)

  • Concepto = “¿Qué transmitir?”
  • Diseño = “Cómo mostrarlo”

Claude Design se ocupa de este último.。

Depende de si puedes pensar en esto por separado.、
¿Se acabará la IA con “herramientas útiles”?、¿Se puede incorporar al proceso productivo?
esta determinado。


3. Cambios que ocurren en las prácticas de producción.

Aquí está el mayor cambio.。

“Diseño = dibujo” ya no es el término。

En particular、Este es el proceso de diseño aproximado.。

Duro hasta ahora、

  • dibujar a mano
  • Montar con Illustrator o Figma

de tal manera、Hasta ahora, este era un proceso que no tenía más remedio que producirse.。

eso es ahora、

  • estructura de diseño
  • Prioridad de información
  • patrón de interfaz de usuario

Definirlos en el lenguaje.、
Se puede generar como múltiples patrones。

En otras palabras、

Los borradores se han convertido en “datos de diseño” en lugar de “productos producidos”.。


¿Cómo cambiará el trabajo de diseño?

Debido a este cambio、Así cambia la práctica。

① Las propuestas iniciales se vuelven más rápidas

Anteriormente, tomaba tiempo crear uno o dos borradores.。

ahora、

  • Plan A:Configuración sencilla
  • Caso B:Presta atención a la cantidad de información.
  • Caso C:Prioridad visual

múltiples direcciones como、Puedes considerarlos uno al lado del otro en poco tiempo.。


② La granularidad de las correcciones cambia.

Hasta ahora、

"Un poco más refrescante"
"Quiero crear una sensación de lujo".

Hubo muchas correcciones abstractas como。

En la forma de proceder de Claude Design、

  • Aumentar la cantidad de espacio en blanco
  • Dividir bloques de información
  • Haga que la guía de línea de visión tenga forma de Z desde arriba

comoModificaciones a nivel de estructurase convierte。


③ Se elevará la posición de trabajo del diseñador.

Menos tiempo para mover las manos、

  • Diseño direccional
  • juicio
  • Verbalización de la intención

se dedicará tiempo a。

No se trata sólo de eficiencia、
La posición del rol ha cambiado.esa es la historia。


4. Ejemplos (formularios que incluso aquellos sin experiencia en diseño pueden entender)

Página principal del sitio EC

Convencionalmente、

  1. dibujado a mano en bruto
  2. creación de diseño
  3. corrección

Así fue como fue。

ahora、

  • "¿Qué deberíamos transmitir en la primera vista?"
  • “Cómo diseñar leads de productos”

organizado por idioma、

  • tipo de héroe
  • tipo de cuadrícula
  • tipo de historia

Puede generar múltiples patrones estructurales como。

Lo importante aquí es、

Es posible comparar basándose en “diferencias en estructura” en lugar de en apariencia.。


producción de pancartas

Lo mismo ocurre con la pancarta.。

Hasta ahora, todo lo que teníamos que hacer era crear、

  • colocación de copia
  • relación visual
  • posición del botón

esta es la parte。

Actualmente、

  • prioridad de inteligencia
  • Impulsado visualmente
  • Énfasis en CTA

Primero crea un patrón de diseño como、
Después de eso, se establecerá el flujo de producción visual.。


Materiales de presentación

El diseño de materiales también cambiará。

Anteriormente, la atención se centraba en "arreglarlo para verlo fácilmente", pero、

  • flujo de información
  • Papel de las diapositivas
  • estructura de la historia

La forma será diseñada y luego creada.。

En otras palabras、

Diseño = no ajuste de apariencia、Se convierte en diseño de información.。


5. División de roles entre producción humana e IA

Si esto es vago, fracasará.。

Claude Design es responsable de、

  • Generar estructura de diseño
  • desarrollo de patrones
  • Verbalización del diseño.

です。

por otro lado、Está claro que la gente debe ser responsable.。

  • Diseño conceptual (qué transmitir)
  • comprensión del objetivo
  • integridad de la marca
  • Responsable del resultado final

Lo que es especialmente importante es、

**La cuestión es que "las personas son las que juzgan si la estructura es buena o no".**。

No importa cuántos patrones aparezcan、

  • ¿Está en la marca?
  • ¿Se transmite la intención?

solo las personas pueden decidir。


6. resumen:¿Qué deberían considerar los diseñadores?

Qué cambia según Claude Design、

**“¿Por dónde empiezas a diseñar?”**。

Convencional
→ Piensa mientras haces con tus manos.

Ahora
→ Decidir la estructura y luego crearla.

Esta diferencia es grande。

El eje de toma de decisiones en la práctica es sencillo.。


Áreas que utilizan Claude Design

  • diseño aproximado
  • Acabado estructural
  • comparación de patrones

área que la gente hace

  • Decisión conceptual
  • juicio de marca
  • actuación final

Y lo importante es、

"¿Qué parte del diseño se puede hacer antes de realizarlo?"

Aquí lo tienes。

Si usas IA sin que esto sea ambiguo、
Sólo termina con más variaciones.。

viceversa、

Si lo usas cuando el diseño esté completo.、
Mejore inmediatamente la calidad y la reproducibilidad de la producción.。


No se trata de si eres bueno diseñando o no.、

¿Se puede manejar el diseño en el lenguaje?

Aquí es donde se expandirán los futuros creadores.。

▶︎ []¿Qué puede hacer Claude Design con la IA? ]