Compartir métodos de adaptación y recorte para IPhone6plus

1. Algunas personas dicen que usar Sketch para exportar automáticamente múltiples conjuntos de formatos vectoriales SVG y tangentes de dimensión significa que no tienes dinero para comprar una MAC.

2. Algunas personas dicen que el uso del artefacto Cutman no admite el uso de CC o superior.

3. ¿Otro? No me gustan/no estoy acostumbrado/no puedo usar las herramientas de corte que vienen con PS.

Actualmente existen 10 modelos de iPhone con 5 tamaños de pantalla, ¿más 6plus? ¿Reducción de resolución? (reducción de resolución) (1080-1920), así como modo mejorado (1125-2001) y modo predeterminado (1242-2208) en iPhone6 ​​​​y 6+. Pero no tengas miedo, compartiré un conjunto de métodos de adaptación súper simples. No creerás lo simple que es después de leerlo ~

Los materiales proporcionados por el Departamento de Desarrollo de Arte son los siguientes<. /p>

1. Gráfico de etiquetas (basado en 640 como tamaño de ancho)

Corte 2.2x (corte basado en 640 como tamaño de ancho)

Corte 3.3x ( corte basado en el tamaño de ancho 1280)

Cuando los desarrolladores vean esta imagen anotada, pueden usar la imagen de arriba y multiplicarla por 1,5 para obtener una imagen 3x. También lo hace el tamaño de fuente.

Toma Taobao como una castaña

Bien, el problema del marcado está resuelto, ahora veamos cómo recortar la imagen.

Mi método para cortar imágenes es estúpido, ¿así que solo uso el que viene con PS? ¿Exportar capas a un archivo? Script

Los pasos específicos están aquí.

1. Diseñe el ancho de la interfaz para que sea 640 y asegúrese de que los tamaños utilizados sean todos enteros e incluso números (consulte el siguiente párrafo para conocer la interfaz diseñada).

2. Cree un nuevo PSD en blanco con un ancho de 640 y asígnele un nombre. ¿Cortar la Figura-2X?

3. Arrastre las capas y grupos que deben cortarse en el borrador del diseño. Figura cortada: ¿2x? En el interior, cada sector se guarda como un grupo (por ejemplo, un botón contiene tres capas y dos estados, combinados en dos grupos) y luego se verifica el nombre.

Curie

4. Después de guardar, luego CTRL+ALT+I (tamaño de imagen), cambie el ancho de 640 píxeles a 1280 píxeles, porque no aparecerá si amplía directamente. dos veces.

¿Versión amplia 5.1280 guardar como? ¿Chetu-3x? División del Sector Privado.

6. A continuación, ponga PSD. ¿grupo? Fusionar en archivos inteligentes. También puede fusionar CTRL+E directamente en capas y los archivos inteligentes también se pueden modificar para que los pacientes con trastorno obsesivo-compulsivo se sientan más cómodos. Cómo configurar la tecla de método abreviado para fusionar archivos inteligentes: Editar > Métodos abreviados de teclado > Capa > Objeto inteligente > Convertir en objeto inteligente > Establezca una tecla de método abreviado que sea conveniente para usted.

7. Luego llega el momento emocionante, directamente Archivo > Script > Exportar la capa a un archivo, configurarla en formato PNG, configurar la carpeta de exportación, hacer clic en Aceptar ~ y luego tomar una taza de café ~ PD. se guardará automáticamente para usted.

8. ?¿Cortar imagen-2x? Puedes hacer lo mismo con PSD. Recuerde colocarlos en carpetas diferentes; de lo contrario, PS sobrescribirá automáticamente la capa con el mismo nombre.

Muy prolijo:

¿Por qué el ancho del gráfico tangente de 1,3x debe ser 1280?

De hecho, el tamaño del iPhone6+ 1242*2208 es 3X, lo cual es difícil de recordar y de distinguir. Obtenemos 1280 directamente de 640*2, que es docenas de píxeles diferentes de 1242. Lo más importante es que no esté vacío. Si lo miras en un dispositivo real (excepto Virgo), no podrás ver nada más.

2. ¿Por qué establecer solo el ancho?

Para mantener la relación de aspecto. Estos tamaños de iPhone están equivocados. Una vez ampliado el ancho, la altura siempre es de unos pocos píxeles. No importa. No cambies la altura. La pantalla del teléfono puede deslizarse hacia arriba y hacia abajo. No se puede deslizar y, además de una visualización en pantalla, debe ajustarse manualmente.

3. ¿Por qué el desarrollador no multiplica por 2 sino por 1,5 para calcular el tamaño y el tamaño de fuente? Porque los teléfonos móviles de pantalla grande existen para mostrar más contenido. La interfaz de amplificación de escala pura parece tonta, pero los experimentos han demostrado que 1,5x es lo correcto.

4. Preste atención al utilizar objetos inteligentes

Si tiene la costumbre de utilizar objetos inteligentes, recuerde que si amplía directamente el objeto inteligente, se pegará. Debes sacar la capa dentro del objeto inteligente, acercarla y luego cortar la imagen.

5. ¿Cómo comunicar los principios de adaptación al desarrollo?

Primero, hablemos del método de diseño de miniaturas basadas en la pantalla grande. Si todo tipo de miniaturas están diseñadas según 1242, estará vacía. Si digo 1280, entonces debes diseñar cada contenido para que sea múltiplo de 4, porque cuando 2X se divide por 2, 1X, y luego se divide por 2, es imaginario. El que es malo en matemáticas es Garlic ~ La corriente principal actual todavía tiene un tamaño 2X, espere hasta que la pantalla 3X grande se convierta en la corriente principal ~