Información práctica: Te enseñaremos cómo configurar rápidamente un plan de corte de Sketch en tres minutos.

Información práctica: Enseñarles cómo configurar rápidamente un plan de corte de Sketch en tres minutos

Diseñadores de UI, ¿conocen esta técnica rápida de corte de Sketch? Más rápido de lo que crees.

Todos ustedes deben estar familiarizados con Sketch. En su trabajo, a menudo deberían encontrarse con varios problemas de tamaño de corte. Chen Kiquer también ha encontrado varios problemas de este tipo en el diseño de proyectos de aplicaciones. A continuación, compartiré con usted cómo usar Sketch para completar su trabajo de dibujo más rápidamente y luego dedicar el tiempo restante a su trabajo de diseño con mayor tranquilidad. .

El tamaño de los borradores de diseño varía debido a factores como los requisitos del proyecto y la negociación del desarrollador. Los tamaños generales de los borradores de diseño para Apple IOS son 375*667? Los de Android incluyen 720*1280, 320*480, 480*800, etc. A continuación solo enumero los dos tamaños más utilizados para su referencia.

iPhone generalmente requiere exportar cortes @2x @3x. Android generalmente requiere exportar cortes mdpi hdpi xhdpi xxhdpi xxxhdpi. Exporte cortes de otros tamaños según el tamaño de su diseño. Tamaños de conversión de relación múltiple.

Los siguientes son los pasos para configurar específicamente el plan de corte

Paso 1

Haz clic en Bosquejar en la barra de menú superior (justo a la derecha del ícono de Apple) - Preferencias

O seleccione un elemento de diseño en la mesa de trabajo y haga clic en Convertir en exportable en la esquina inferior derecha de la interfaz. También puede abrir la pestaña del plan de corte siguiendo los pasos a continuación.

Paso 2

Cree el plan de corte que desee

Introducción básica a la configuración del plan de corte (este es el plan de corte establecido según el borrador del diseño de 375 píxeles)

———————————————————————————————————————— ———

La configuración del plan de corte puede ser así (este es el plan de corte establecido basado en el borrador del diseño de 750 px)

Puede que te sientas un poco mareado al principio, déjame resumirlo nuevamente. ¿Correspondencia? Lo entenderás después de leerlo unas cuantas veces (si lo entiendes, lo sabrás todo y te convertirás en un inmortal~)

Por lo tanto, el punto clave para establecer el plan de corte radica en la conversión y la relación. entre los múltiplos del tamaño del borrador del diseño. Hay dos consideraciones para el tamaño de la imagen cortada que finalmente desea exportar. Si comprende los dos puntos anteriores, con la misma idea, configurar el esquema de tamaño de corte de Android será fácil ~

Por lo tanto, se enumera la tabla de conversión de relaciones y luego quedará muy claro cómo configurar el esquema de corte.

Bueno, no me dirijo a nadie... Sólo quiero decir... ¿qué otros ratios de corte no se pueden exportar? ¿Existe algún formato de corte que no se pueda exportar con un solo clic?

¿Página web? ¿Icono? Todo hecho. ¡Solo se necesitan tres minutos para configurarlo realmente, pero se necesita toda una vida para lucirlo! ! !

Entonces puedes hacer esto...

Puedes configurar libremente el tipo de corte/prefijo y sufijo de corte/formato de corte/nombre del plan de corte, y de repente aparece una pantalla...

El corte de imágenes no es solo una cuestión de tamaño. El corte de imágenes especiales también encontrará situaciones como el corte de íconos de tamaño uniforme, el corte de Android Point 9, el corte de bloques, el corte mixto, etc. Por lo tanto, les contaré algunos métodos de corte especiales en el futuro. Por supuesto, la premisa principal es comunicarse con los programadores.