Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: Rebelion en 18 Diciembre 2019, 03:39 am



Título: Algún experimentado que me aconseje sobre creación de un explicador de interfaz
Publicado por: Rebelion en 18 Diciembre 2019, 03:39 am
Hola como están amigos?, a falta de una idea o conocimiento y no se si va aquí esta publicaron pero esta relacionada con el diseño, tengo en mente la creación de un programa con ciertos funcionamientos y un diseño de una interfaz, pero mi idea no es programarlo, sino poder transmitir la idea de como tiene que ser esa intefaz y como operaria, me gustaría de alguna manera poder hacer los diseños de los menues, pero a la vez me gustaría animar esos menues, simular por ejemplo un puntero de mouse moviéndose por los distintos menues para indicar lo que debería hacer el programa, seria la animación de la explicación de como seria la interfaz y todos los iconos, los menues de un software que todavía no existe, es para explicar a un programador y que este comprenda la idea, una imagen o vídeo vale mas que mil palabras, mi pregunta es si esto es posible, si hay alguna herramienta especifica para esto, les agradecería y me extendí en la explicación para que se pueda comprender, ya que no tengo un nombre para esta disciplina, saludos,


Título: Re: Algún experimentado que me aconseje sobre creación de un explicador de interfaz
Publicado por: engel lex en 18 Diciembre 2019, 05:27 am
esto es una rama del diseño/programacion, se llama diseño de UX probablemente si estudias un poco sobre ello puedas tener ideas mas claras


Título: Re: Algún experimentado que me aconseje sobre creación de un explicador de interfaz
Publicado por: @XSStringManolo en 18 Diciembre 2019, 15:57 pm
Yo hago gifts con varias imágenes. Diseño la interfaz gráficamente y despues la recreo con código, así no me voy de lo que tenía pensado y tengo claro que debo hacer.

Utilizo el siguiente software.
Photo Editor Android (https://play.google.com/store/apps/details?id=com.iudesk.android.photo.editor)

PhotoScape (http://www.photoscape.org/ps/main/index.php)

Photoshop (https://www.adobe.com/es/products/photoshop.html) Yo uso el CS4. Ya tiene bastantes años.

Gimp (https://www.gimp.org/downloads/)

IconXP (http://www.iconxp.com/)


Título: Re: Algún experimentado que me aconseje sobre creación de un explicador de interfaz
Publicado por: Serapis en 18 Diciembre 2019, 16:07 pm
4 dibujos  y un texto explicativo suele ser suficiente para explicar a algún programador. Ya con las dudas que le surjan por cosas no adecuadamente aclaradas se supone que te preguntarían antes de adoptar una solución.

En cuanto a usar animaciones, aunque sean explicativas... suele considerarse intrusivo, molesto y casi siempre ineficaz. El más claro ejemplo son los  'wizard' de windows (merlín, clipo y familia)...

Yo creé unos botones (para una aplicación) que al pasar el ratón por encima muestran sobre sí una animación (una sucesión de 6-12 imágenes, dentro del propio botón, luego con su tamaño), que autoexplican su funcionalidad... pero solo es útil para cosas sencillas, como: girar una imagen a derecha-izquierda, voltearla, hacer zoom, etc... cuando la cosa es más complicada no es tan sencillo que una animación de apenas 1sg. explique de verdad su funcionalidad y si la animación es más larga acaba siendo muy muy molesta. Igualmente si la animación requiere unas medidas mayores o una posición aparte (que encima ya te distrae la atención y por tanto te hace perder tiempo, más que ayudarte). Por supuesto si al final uno decide incluir animaciones, mi consejo es que haya una opción para desactivarlas... o más de uno se 'acordará de tu familia al completo'...


Título: Re: Algún experimentado que me aconseje sobre creación de un explicador de interfaz
Publicado por: Rebelion en 18 Diciembre 2019, 18:08 pm
Gracias a todos por las respuestas y por tomarse el tiempo para dar una mano, ya todo quedo mas claro, saludos amigos.