Red de conocimiento informático - Problemas con los teléfonos móviles - ¿Cómo configurar la interfaz de trabajo del diseñador de UI con PS?

¿Cómo configurar la interfaz de trabajo del diseñador de UI con PS?

Operación de configuración de nuevo documento de Photoshop: Menú→Archivo→Nuevo.

Ancho: 640 píxeles

Alto: 1136 píxeles (dispositivos iPhone de 4 pulgadas)

Resolución: 72 píxeles por pulgada (ppi)

Modo de color: color RGB

Contenido de fondo: Blanco (opcional)

Perfil de color: no se realiza ninguna gestión de color en este archivo (después de más configuraciones de color).

Relación de aspecto de píxeles: píxeles cuadrados

Configure de la siguiente manera:

La configuración de Alineación se ajusta automáticamente a la cuadrícula cuando trabaja con capas, formas y otras operaciones. . No se preocupe por los bordes borrosos al dibujar gráficos vectoriales, asegurándose de que cada píxel permanezca claro.

Configuración:

Menú→Ver→Alineación

Menú→Ver→Alineación→Todo

Operación de configuración de preferencias: Menú→Editar → Preferencias→General. Se recomienda configurarlo como se muestra a continuación.

Habilitar traducción de ritmos

Es solo un efecto de deslizamiento, ocupa memoria y no puede mejorar la eficiencia informática. Se recomienda cerrar.

Controlado por movimiento vertical del HUD.

Esta función es fácil de usar. Presione Alt+clic derecho y muévase hacia la izquierda y hacia la derecha/arriba y abajo para cambiar el tamaño y la dureza del pincel respectivamente.

Alinea herramientas vectoriales y transforma con cuadrícula de píxeles.

Se recomienda encarecidamente que los diseñadores de UI habiliten esta función, que permite generar fuerzas vectoriales sin bordes virtuales de medio píxel, lo cual es muy fácil de usar. Pero se puede desactivar temporalmente cuando sea necesario realizar ajustes.

Normalmente configuro la fuente del texto en clara. Si está en la versión Photoshop CC, tiene función antialiasing LCD de Windows/Mac y el texto puede tener el mismo efecto que la página web, por lo que recomiendo actualizar a Photoshop CC.

Operación: Primero seleccione Texto→Herramienta de caracteres (AA) y seleccione LCD de Windows/LCD de Mac.

La iluminación global sigue las pautas de interfaz humana de Apple iOS y debes configurar la iluminación en 90.

Operación: Capa → Estilo de Capa → Iluminación Global → 90.

Configuración de cuadrícula El diseño actual de la interfaz de iOS es compatible con Retina, por lo que configuro cada cuadrícula en 2 píxeles para no tener miedo de que la imagen se vuelva borrosa en los dispositivos Retina.

Operación: Menú → Editar → Preferencias → Guías, Cuadrículas y Cortes, espaciado entre líneas de cuadrícula: 4 píxeles subcuadrícula 2. O espacio entre líneas de la cuadrícula: 2 píxeles, subcuadrícula 1. Me gusta la anterior_

Configuración de exportación Ya sea que estemos diseñando aplicaciones de aplicaciones iOS en la web, es mejor usar "Guardar como formato web" para exportar las imágenes exportadas.

Aquí hay un ejemplo de exportación de PNG-24 a través de "Guardar como formato web...", en el que la configuración predeterminada es más importante, como se muestra a continuación:

Operación: Menú → Archivo → Guardar como formato web.

Predeterminado: PNG-24

Transparencia: marcada

Entrelazado: sin marcar

Perfil de color incrustado: sin marcar ((Disponible solo en Photoshop Versión CC)

Convertir a sRGB: sin marcar.

Calidad: Cuadrática

Configuración de pantalla Retina Si estás usando una MacBook Pro con Retina, debes asegurarte de que estás usando 2800×1800 píxeles (1440×900 píxeles).

Operación: Menú Apple→Preferencias del Sistema→Pantalla→Monitor Mejor.

Configuración del color La configuración del color es una operación extremadamente compleja. Si no eres un maestro en esta área, simplemente recomienda la configuración de manera honesta y práctica. Aquí elegí la opción de combinación de colores Mark Edwards.