No puedo dibujar ¿Cómo puedo hacer aplicaciones pulidas?

41

No soy diseñadora gráfica. Soy bastante malo dibujando cualquier cosa. Me cuesta construir cosas que se vean tan bien como las aplicaciones de "muestra" incluidas con las herramientas de desarrollo; principalmente porque no tengo sentadillas en el camino de los activos artísticos.

¿Qué estrategias podría tomar para mitigar esto?

graphics

— Billy ONeal
fuente

3

Para que quede claro: ¿desea crear interfaces gráficas de usuario que no utilicen el aspecto y la funcionalidad de la plataforma predeterminada? La primera pregunta sería: ¿por qué no confiar en el sistema operativo para dibujar su interfaz de usuario?

— Konrad Rudolph el

2

@KonradRudolph: Incluso con la apariencia predeterminada (que en realidad es lo que me parece más agradable que cualquier otra cosa la mayor parte del tiempo), todavía hay activos de arte que generalmente se necesitan para una aplicación pulida, como iconos.

— Billy ONeal

55

Recursos de iconos: use conjuntos de iconos de código abierto. ;-) Hay algunos de bastante alta calidad, por ejemplo, los iconos de seda o los glifos de FamFamFam ... Personalmente prefiero evitar demasiados gráficos, pero para esos trabajos por contrato es probablemente la mejor solución ...

— Konrad Rudolph

method.ac puede ser útil, una vez que se inicia.

— Maxpm

24

Personalmente , no creo que tenga que ser bueno artísticamente para crear interfaces de usuario agradables .

Lo que hace una buena interfaz de usuario no depende de la creatividad, sino que está más relacionada con un par de pautas bien establecidas. Si sigue estas pautas y practica algunas, puede crear excelentes interfaces usted mismo.

Sugeriría hacer lo siguiente ...

Lea sobre lo que hace una buena interfaz de usuario. (en línea principalmente)
Investigue y encuentre algunas interfaces de usuario que sean agradables para usted.
Compare varios buenos diseños e intente elegir cosas que sean similares entre ellos.
Ahora mire su propio diseño y vea si tiene esos elementos.
Intenta recrear tu interfaz de usuario para que sea similar a las que te gustaron.

Pronostico que si haces este ejercicio durante una o dos semanas (y si me preguntas, una o dos semanas para aprender a diseñar buenas interfaces no es tanto tiempo), aprenderás la mayor parte de lo que hace una buena interfaz de usuario .

Solo un par de cosas que encontré que hacen que las interfaces de usuario sean agradables:

Sencillez
Consistencia (colores, fuentes, uso de botones, enlaces, etc.)
Espaciado
Menos es más (esconde tanto como puedas del usuario sin disminuir la usabilidad)
No use fondo blanco y fuente negra. Asegúrese de que el contraste sea lo suficientemente bueno, pero generalmente cambie su fondo a un tono gris claro mientras que su fuente sea gris oscuro.

Además ... no empieces con el diseño. Comience con la funcionalidad y deje que el diseño evolucione. Además, ¡experimente! No se enoje si no se ve perfecto después de 1-2 'iteraciones'. Mejora con el tiempo. Pero lo más importante, tienes que intentarlo .

— c_maker
fuente

3

Estoy hablando de polaco, no UX. Saber cómo diseñar una interfaz de usuario "agradable" no ayuda (por ejemplo) a que sus iconos se vean mejor.

— Billy ONeal

55

@BillyONeal: Lo siento, pero tu pregunta para mí fue mucho más amplia que 'diseñar iconos'.

— c_maker

3

Es; Los iconos son solo un ejemplo simple. Mi punto era que esto no es "esconderse detrás de una excusa": hay partes legítimas del diseño de interfaz de usuario decente que requieren, bueno, arte. Hay interfaces bonitas e inutilizables, interfaces utilizables y feas, interfaces inutilizables y feas, e interfaces utilizables y bonitas; Una aplicación pulida debe ser utilizable y visualmente atractiva. Aborda bien la usabilidad en esta respuesta (+1); pero lo "bonito" es una preocupación legítima también.

— Billy ONeal

Creo que el color de fuente / color de fondo se dirige por el camino correcto aquí. El tema del contraste fue uno de los primeros elementos para los que recibí comentarios públicos del primer sitio que publiqué. Tal vez algunos otros consejos, como cómo elegir / aplicar color, ¿cuántos? ¿Uno o dos? ¿Más? ¿Claro u oscuro? Ponlo en los encabezados? Fronteras? ¿Fondo? Todos / ninguno / algunos de los anteriores?

— Stoive

12

Mi habilidad artística es de 5to grado en un buen día :). Empleo a un diseñador gráfico, ya sea profesionalmente en el trabajo, o mi esposa, que tiene excelentes habilidades artísticas y le encanta usarlas.

Tenga en cuenta que, en mi opinión, el diseño gráfico no es diseño UI / UX. Hago la mayoría de UX o empleo a un experto en UX para mantener el control de UX, que luego trabaja con el GD para que se vea bonito. Aunque estoy seguro de que hay buenos profesionales combinados de UX / GD, he tenido muy malas experiencias con GDs haciendo cosas que parecían bonitas, tenían muy mala experiencia de usuario y estaban desactualizadas en un par de meses, y no correré ese riesgo hasta que yo He trabajado con el GD para un par de proyectos.

— Mattnz
fuente

1

Entonces, ¿le pagas a alguien para que lo haga o te enganchas con alguien que puede hacerlo gratis? :pags. ¿Qué sucede si es demasiado pronto para pagarle a un diseñador, prueba de concepto o probar la funcionalidad? Es necesario que se preste una atención estética mínima al software, para que las personas a las que les demuestre mi software no se distraigan con colores y fuentes atrevidos para los que no sé cómo mejorar.

— Stoive

2

@Stoive. Gran punto, ahora me tienes empezado. Las impresiones iniciales son realmente importantes. Para cualquier no ingeniero (y muchos ingenieros), el GD suele ser crítico, desafortunadamente supera el diseño y la ingeniería de UX en varios órdenes de magnitud. Haga que los gráficos se vean brillantes y brillantes, y las urracas acudirán al producto, sin importar cuán basura sea. Obtener el GD mal ......

— Mattnz

1

Para dar más detalles: antes convencí a un cliente de contratar a un diseñador gráfico (diseño de la interfaz de usuario, estoy bien, los gráficos son terribles), al afirmar que las buenas imágenes proyectan confianza y confiabilidad en los usuarios. En este caso, el cliente ya estaba pagando (sus ideas, solo estaba codificando), pero en otras circunstancias es necesario transmitir confianza y confiabilidad a los clientes antes de tocar dinero para los recursos de diseño gráfico. O, según el OP (¿proyectos de pasatiempo?), El dinero nunca estará involucrado: contratar a un diseñador no es factible, pero la presentación sigue siendo importante.

— Stoive

9

Si está buscando recursos gráficos, hay algunos sitios web que recopilan gráficos de alta calidad para uso gratuito :

Bootstrap para posiblemente el mejor (pero definitivamente el mejor) marco web de IU
Glyphicons para un conjunto de iconos que complementa el marco de la interfaz de usuario Bootstrap de Twitter
Patrones sutiles para, bueno, patrones de fondo sutiles
Iconos de seda de FamFamFam que se utilizan en una gran cantidad de software
Mercado creativo para elementos diversos.

Y muchos más, como el proyecto de arte GNOME que también incluye muchos recursos gráficos gratuitos.

Al no ser en absoluto creativo, y al no tener educación en diseño, siempre me esfuerzo por el lado del conservadurismo: uso patrones establecidos (es decir, marcos) y me desvío lo menos posible de los caminos trillados. Esto no será necesariamente muy interesante, pero al menos minimizará sus posibilidades de falla y desastre UX.

Picasso dijo que "los grandes artistas roban", pero en realidad son principalmente los hacks sin talento, y miren a dónde esto ha llevado a Microsoft y Samsung: a plataformas de gran venta.

— Konrad Rudolph
fuente

8

Puede contratar especialistas para este tipo de cosas, pero no necesita una habilidad artística innata para aprender algunas técnicas básicas. Mi licenciatura en realidad requería un semestre de "arte para ingenieros". Tomar una clase o dos en su colegio comunitario local podría ser muy beneficioso. Aún no será tan bueno como las personas especialmente capacitadas en el campo, pero definitivamente puede mejorar hasta el punto en que sus programas se vean más profesionales.

También hay libros dirigidos a aficionados relativos. Un libro que encontré útil para el diseño web es The Principles of Beautiful Web Design de Jason Beaird. Incluso si sus diseños no mejoran mucho, obtener un poco de educación puede ayudarlo a verbalizar mejor lo que está mal con un diseño. En lugar de decir siempre: "Sé que se ve mal, pero no puedo entender por qué", podrás identificar problemas como un mal kerning o la falta de espacio negativo, y definir el problema es la mitad de la batalla.

— Karl Bielefeldt
fuente

3

Lo que podría estar buscando es "Diseño de UI / UX para desarrolladores". Un libro relacionado con este tema es Diseño de interfaz de usuario para programadores

Si no está buscando diseño de UI / UX pero está buscando mejorar las habilidades de diseño gráfico, recomendaría encontrar una clase sobre cómo usar Adobe Photoshop o Adobe Illustrator (si no, al menos algunos tutoriales en Internet). Al aprender algunas técnicas y buscar inspiración en el trabajo de otras personas, se sorprenderá de la poca creatividad artística que necesita.

Por ejemplo, podría aprender la Herramienta de degradado en Photoshop, junto con la herramienta Rectángulo redondeado, y podría hacer algo similar al botón "Registrarse en el boletín" a la derecha (aunque en este caso se hace con CSS puro).

— Atif
fuente

La mayoría (¿todo?) Del libro de Joel se puede encontrar en su sitio: joelonsoftware.com/uibook/fog0000000249.html

— Fara

Parece que aproximadamente 2/3 del libro está allí. No tiene capítulos 13-18.

— Steve Bennett

1

Deje que otros "hagan el trabajo por usted" en forma de marcos, plantillas y componentes de GUI preconstruidos. Por ejemplo, no puedo dibujar o diseñar, así que para cada nuevo proyecto web que hago, comienzo con una plantilla css (de los muchos sitios de plantillas css gratuitas) para el diseño y el diseño y luego 'retoco' desde allí. Estas plantillas incluyen un diseño completo que puede ayudarlo a abordar esta brecha.

Estoy de acuerdo con c_maker en que una buena usabilidad es un buen diseño, aunque parece que estás siendo más específico en el extremo de diseño 'artístico'.

Si está realizando trabajos de diseño y diseño web, estos son algunos de esos sitios CSS:
http://www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http : //www.oswd.org/
http://www.openwebdesign.org/

— Michael Durrant
fuente

Esto funciona bien para desarrolladores web, supongo. Sin embargo, realmente estoy pensando más en el lenguaje aquí. Los clientes gruesos también necesitan amor de UI.

— Billy ONeal