Consejos de diseño gráfico de iPhone para desarrolladores

Question

Soy un desarrollador que está haciendo una aplicación sin un diseñador gráfico por primera vez. Soy competente en hacer interfaces de usuario que se ajusten a las convenciones y las Pautas de Interfaz Humana de Apple, pero cuando se trata de agregar esa capa adicional de decoración para hacer que la aplicación sea sexy, no tengo mucha experiencia.

¿Alguien tiene punteros o recursos para ayudar a desarrolladores como yo a actuar como diseñadores gráficos, en particular para aplicaciones de iPhone?

Tengo un conocimiento técnico de photoshop, sin tener una habilidad artística con él. Me gusta creer que tengo buen ojo para juzgar la estética, pero nunca he sido bueno para crear algo estéticamente agradable desde el principio.

Answer 1

"Actuar como" requiere ser uno, entonces aprende los conceptos básicos del diseño gráfico. Un libro popular para principiantes es The Non-Designer's Design Book. No se trata de Photoshop, se trata de reconocer por qué un diseño funciona para mejorar su juicio. Hay más lógica detrás de lo que piensas. Por lo general, ser agradable es lo mismo que transmitir información útil, "el diseño es cómo funciona tanto como se ve".

Análisis Capturas de pantalla de aplicaciones de iOS existentes: Pttrns, Well Placed Pixels, Beautiful Pixels, o mantener su propia colección usando LittleSnapper y CandyBar.

Desafortunadamente la mayoría de los tutoriales son instrucciones paso a paso para alcanzar un objetivo, pero no se preocupan demasiado por qué o cómo funciona la combinación de ciertos efectos. Luego hay muchas sutilezas que tendrás que excavar en las publicaciones del blog. Erik Tjernlund publicó good link (flyosity.com), aquí está another (bjango.com). Estos detalles crean confianza inmediata del usuario. Hay muchos sitios de tutoriales en Google, pero aprender PS es un objetivo a largo plazo.

Una opción (offtopic) ahora es comprar servicios profesionales. Ejemplo, los artículos de Sophia Teutschler obtuvieron ayuda del IconFactory. Es rentable invertir su tiempo en lo que mejor hace para pagar lo que mejor saben hacer.

Answer 2

estoy con frecuencia visitando esta página web: http://app.itize.us/wp/ No para copiar directamente el diseño o funcionalidad que otros, pero siempre me dan ideas sobre cómo diseñar elementos de la GUI aquí, a menudo mediante la mezcla de muchos de los diferentes estilos. También te recomendaré que juegues con todas las diferentes opciones de capa que obtienes al hacer doble clic en una capa en Photoshop, ¡aprendí mucho haciendo eso!

Answer 3

The Web Designers Guide to iOS Apps es excelente, pero se centra en NimbleKit. Si no está usando NK, las discusiones de diseño todavía son valiosas.

Answer 4

Puedes seguir tutorials aquí. No estoy muy familiarizado con Photoshop/Illustrator, pero estos tutoriales pueden ser útiles.

Answer 5

Me gusta mucho la publicación de blog de Mike Rundle (@flyosity) - "Crafting Subtle & Realistic User Interfaces" - como una buena introducción práctica sobre cómo pensar sobre la creación de hermosas interfaces de usuario. Siga algunos de sus consejos y sus aplicaciones se verán automáticamente mucho mejor.

Para obtener inspiración, le recomiendo el sitio Pttrns. Mira cómo diferentes aplicaciones resuelven tareas comunes.

Mi último consejo es practicar mucho. Mi experiencia es que el uso de las herramientas más utilizadas (Photoshop e Illustrator) no es algo natural para los desarrolladores. Ver a un profesional usando estas herramientas a veces puede ser una verdadera revelación. Especialmente flujo de trabajo y cómo utilizan las herramientas para guiarlos en el proceso creativo.

Answer 6

Tener un "buen ojo" y saber qué se ve bien es bueno, pero si no tienes esa "visión" inicial, pasarás mucho tiempo jugando hasta que te tropieces con el diseño que se ve bien e incluso entonces nunca podrás llegar a ese punto.

Como desarrolladores, somos muy buenos en seguir las pautas establecidas por Apple y asegurarnos de seguirlas; después de todo, es un buen conjunto lógico de reglas a seguir y eso es exactamente lo que hacemos cuando escribimos código, siga reglas lógicas

Desafortunadamente, el lado del diseño de las cosas no tiene reglas que podamos seguir. Sí, podemos ser técnicos al usar Photoshop o alguna otra aplicación de dibujo, pero cuando se trata de tener esa chispa de inspiración, no podemos hacer clic en un botón.

Mirar otras aplicaciones es una manera de hacerlo. Pero luego puede terminar teniendo una aplicación que se parece a otra aplicación o una colección de varias aplicaciones y luego puede tener problemas con una interacción fluida del usuario.

Mi propio enfoque a este problema fue salir y encontrar a alguien que sea realmente bueno haciendo esas cosas de arte y trabajando con ellas.Luché durante mucho tiempo diseñando mis propias cosas, pero mirando hacia atrás, era obvio que era un desarrollador (yo) el que hacía el diseño. No estoy seguro de qué se trata, pero hay algo más que estos artistas gráficos parecen poder hacer y que no puedo entender, y eso hace toda la diferencia.

Pero la otra cara de esto es que no puede codificar. A veces lo mejor es apegarte a lo que eres mejor.