Cómo diseñar iconos de escritorio para teléfonos móviles
Primera parte: Etapa de creación del ícono
De hecho, hay un paso importante antes de esta etapa, que es la preparación creativa.
Determinar el estilo del ícono De acuerdo con las necesidades del proyecto, en el proceso de diseño de la interfaz, existe un método de evaluación de estilo para determinar qué ruta de estilo tomará el proyecto. Este es también el contenido de la investigación de usuarios en la etapa inicial del proyecto. roles" para guiar la dirección del estilo visual de la interfaz. ¡Construcción de contenido de interfaz y diseño de interacción, etc.! (Este contenido y más allá de este tema).
Cuando recibimos la tarea de diseño, ¿cómo empezamos a diseñar íconos? En primer lugar, debemos comprender los requisitos de la interfaz y la definición de cada ícono de función debe ser muy clara; de lo contrario, el resultado de nuestro diseño será difícil de entender para los usuarios. ¡Este también es un problema de usabilidad que preocupa al diseño de íconos! Esto está citado en el artículo "IconUsability" del sitio web de Jakob Nielsen en mi blog. Puedes consultarlo. Un diseño deficiente de los iconos conduce en última instancia a una experiencia de interfaz de usuario fallida. Sin embargo, la estética visual y la usabilidad a veces tienen aspectos contradictorios. No podemos ir a los extremos y preocuparnos solo por la usabilidad pero ignorar el lado estético del diseño y tampoco podemos perseguir la belleza del diseño y olvidar que este es un ícono de interfaz altamente funcional. Lo mejor para ¡Se trata de poder lograr un equilibrio entre los dos! Parte 2: Etapa de Boceto
Esta etapa es para sacar nuestras ideas y probar la relación visual. Es decir, debemos centrarnos más en el boceto en términos de aspectos visuales. Evite confundirse después de arrepentirse. (¡Lamento! ¡Eso sería una repetición!) En primer lugar, debemos determinar la perspectiva de nuestros íconos, que está relacionada con la dirección de la perspectiva de cada ícono en un conjunto de planos. Este es el requisito básico para la coherencia en el ícono. Unidad de diseño y perspectiva. Tercera parte: Etapa de renderizado del boceto
Cuando completamos el proceso anterior, nos sentimos seguros. Siento que el boceto ha expresado claramente mis ideas y es muy consistente con la información funcional (normalmente hago una prueba de campo con los íconos dibujados y se los muestro a mis compañeros o colegas, y al mismo tiempo les pregunto si pueden entenderme). . Significado del icono pintado) ¡Entonces comienza el gran proyecto de renderizado! Permítanme hablar sobre las herramientas aquí. Mucha gente pregunta qué herramientas se deben usar para dibujar íconos. Mi respuesta es que siempre que se pueda dibujar y se logre el propósito, cualquier cosa está bien, incluso si se dibuja a mano, se escanea y se logra. luego editado. Generalmente utilizamos PHotoshop, Illustrator, Firework y otros programas para dibujar. Depende de tus hábitos y familiaridad con el software.