amorales

Diseño visual para medios digitales

Sofatutor



Strict Standards: Only variables should be assigned by reference in /home/amorales/amorales.cl/wp-includes/post.php on line 115
Emailing icons set

Emailing icons set


Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/amorales/amorales.cl/wp-includes/formatting.php on line 74

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/amorales/amorales.cl/wp-includes/formatting.php on line 74

Set de 12 √≠conos dise√Īados para el env√≠o de emailing.
Ver el set completo en Flickr.



Strict Standards: Only variables should be assigned by reference in /home/amorales/amorales.cl/wp-includes/post.php on line 115
Dise√Īo de Video Player para Sofatutor

Dise√Īo de Video Player para Sofatutor


Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/amorales/amorales.cl/wp-includes/formatting.php on line 74

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/amorales/amorales.cl/wp-includes/formatting.php on line 74

Dentro de todo el trabajo que fue dise√Īar completamente la plataforma Sofatutor, hubo una faena en particular que fue muy interesante. Se trataba de dise√Īar la interfaz del Player de los Videos de la plataforma. El desaf√≠o se volvi√≥ interesante porque era la primera vez que me tocaba investigar y dise√Īar en torno a esta interfaz que como primera complejidad trae el tama√Īo. En una reducida √°rea de 650 x 370 px se deb√≠a diagramar todos los elementos gr√°ficos de la interfaz: botones de acciones b√°sicas (play, pausa, tiempo, volumen); botones de acciones auxiliares (full screen, on-off de comentarios); comentarios hechos por otros usuarios en el timeline; y, por supuesto, […]



Strict Standards: Only variables should be assigned by reference in /home/amorales/amorales.cl/wp-includes/post.php on line 115
Sofatutor: progresi√≥n de dise√Īo de contenedor de temas (F√§cher)

Sofatutor: progresi√≥n de dise√Īo de contenedor de temas (F√§cher)


Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/amorales/amorales.cl/wp-includes/formatting.php on line 74

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/amorales/amorales.cl/wp-includes/formatting.php on line 74

A continuaci√≥n describo y muestro la progresi√≥n para el dise√Īo del contenedor de temas implementado para Sofatutor. Para la mayor√≠a puede sonar muy t√©cnico pero para los dise√Īadores de interfaz es de todos los d√≠as Pueden ver y descargar la imagen tambi√©n en mi Flickr.
01 Propuesta Wireframe

Forma: Contenedor cl√°sico de temas desplegables/colapsables con ancho fijo y alto indeterminado.
Tipografías: Uso de familia tipográfica que permita mostrar cantidad de videos de los temas.
Color: Construcción cromática para diferencia de contenido e interacción.
Interacción: Acción para desplegar/colapsar segundos niveles.

02 Propuesta Inicial

Forma: Contenedor de contorno mixto (cabecera curva con brillo y pie recto a 1 pixel), bordes a 1 pixel e interior blanco con l√≠neas […]