kit human guidelines español apple iphone xcode user-interface graphic-design

iphone - human - ios ui components



Consejos de diseño gráfico para desarrolladores de iPhone (6)

"Actuar como" requiere ser uno, así que aprenda los conceptos básicos del diseño gráfico . Un libro popular para principiantes es El libro de diseño para no diseñadores . No se trata de Photoshop, se trata de reconocer por qué un diseño funciona para mejorar su criterio. Hay más lógica detrás de lo que puedes pensar. Por lo general, ser agradable es lo mismo que transmitir información útil, "el diseño es cómo funciona y cómo se ve".

Revise las capturas de pantalla de las aplicaciones iOS existentes: Pttrns , Pixels bien colocados , Beautiful Pixels , o mantenga su propia colección utilizando LittleSnapper y CandyBar .

Desafortunadamente, la mayoría de los tutoriales son instrucciones paso a paso para alcanzar un objetivo, pero no se preocupan mucho por qué o cómo funciona la combinación de ciertos efectos. Luego hay un montón de sutilezas que tendrás que profundizar en las publicaciones del blog. Erik Tjernlund publicó un buen enlace (flyosity.com), aquí hay 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 (fuera de tema) ahora es comprar servicios profesionales . Por ejemplo, los artículos de Sophia Teutschler obtuvieron ayuda de IconFactory . Es rentable invertir su tiempo en lo que mejor hace para pagar por lo que mejor hacen.

Soy un desarrollador que está creando una aplicación sin un diseñador gráfico por primera vez. Soy competente para crear 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 extra de decoración para que la aplicación sea sexy, no tengo experiencia.

¿Alguien tiene sugerencias o recursos para ayudar a los desarrolladores como yo a actuar como diseñadores gráficos, en particular para las 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 creando algo estéticamente agradable desde cero.

Con frecuencia visito este sitio web: http://app.itize.us/wp/ No para copiar directamente el diseño o la funcionalidad de otros, pero siempre obtengo ideas sobre cómo diseñar elementos de GUI aquí, a menudo mezclando muchos de los diferentes estilos. También te recomendaré que juegues con todas las diferentes opciones de capas que obtienes cuando haces doble clic en una capa en Photoshop, ¡aprendiste mucho al hacerlo!

Me gusta mucho la publicación del blog de Mike Rundle (@flyosity) - " Crafting Sutiles y realistas interfaces de usuario " - como una buena introducción práctica sobre cómo pensar en crear hermosas interfaces de usuario. Sigue algunos de sus consejos y tus aplicaciones se verán automáticamente mucho mejor.

Para inspirarme, recomiendo el sitio de 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 nosotros los desarrolladores. Ver a un profesional usando estas herramientas a veces puede ser una verdadera revelación. Especialmente el flujo de trabajo y cómo utilizan las herramientas para guiarlos en el proceso creativo.

Puedes seguir los tutorials aquí. No estoy muy familiarizado con photoshop / illustrator pero puede que estos tutoriales sean útiles.

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

Como desarrolladores, somos muy buenos para seguir las pautas establecidas por Apple y asegurarnos de que las seguimos. 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: seguimos las reglas lógicas.

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

Mirar otras aplicaciones es un camino a seguir. 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 de este problema fue salir y encontrar a alguien que sea realmente bueno haciendo ese arte y trabajando con ellos. Luché durante mucho tiempo diseñando mis propias cosas, pero mirando hacia atrás, era obvio que era un desarrollador (yo) haciendo el diseño. No estoy seguro de qué es, pero hay algo más que estos artistas gráficos parecen poder hacer, algo que simplemente no puedo entender y eso hace toda la diferencia.

Pero la otra cara de esto es que no puede codificar. A veces es mejor atenerse a lo que es mejor para ti.