Fermat-ORG / fermat-graphic-design

Source Repository for all graphic design areas in Fermat.
0 stars 1 forks source link

Diseñar panel de desarrollador #228

Closed Miguelcldn closed 8 years ago

Miguelcldn commented 8 years ago

En fermat.org, cuando una ficha tiene un desarrollador asignado, se le puede dar click a un botón para mostrar información de este.

developer

Se crea un espacio en la pantalla (el cual está delimitado aquí por un cuadro rojo) con información de éste:

Se necesita que se diseñe este panel para mostrarlo de una mejor manera, siguiendo la misma metodología de las fichas: se me provee un svg y png (y un png adicional con texto de prueba para ver las ubicaciones de los textos) y yo lo lleno dinámicamente al usarse.

MelissaDugarte commented 8 years ago

@arnaldos, @Miguelcldn y @Luis-Fernando-Molina Adjunto panel Version 1 panel de desarrollador #228

panel de desarrollador_issue_1

arnaldos commented 8 years ago

@MelissaDugarte quilale el logo del github, y aplica el de fermat, github no pertenece a fermat ni a bitDubai, aplica al arte en forma horizontal, donde dice git no se entiende para que es ??

MelissaDugarte commented 8 years ago

@arnaldos y @Luis-Fernando-Molina Ok Adjunto las modificaciones y una nueva versión panel de desarrollador #228

panel de desarrollador_issue_1 panel de desarrollador_issue_2

Luis-Fernando-Molina commented 8 years ago

Prefiero la orientación horizontal sin referencia a una wallet (costuras). Veamos mas opciones.

Luis-Fernando-Molina commented 8 years ago

Les recomiendo entrar a www.fermat.org / Architecture y ver la onda de lo que ya hay diseñado. Tocar en una fichita y luego en la foto de un developer para sugerir algo de la misma onda. Pueden proponer el diseño incluido en una captura de esa pantalla.

MelissaDugarte commented 8 years ago

@arnaldos y @Luis-Fernando-Molina Aporte de panel de desarrollador #228 Versión 4 panel de desarrollador_issue_4-01

Versión 5 panel de desarrollador_issue_5-01

Luis-Fernando-Molina commented 8 years ago

@MelissaDugarte muy linda la version 5, la refinemos un poco por favor.

1.no va el telefono 2, cada developer ha construido una cantidad de plugins y eso determina su rango. Fijate de poner la cantidad con el icono de un plugin que es el que pusiste abajo a la derercha. 3.si queres decorar mas su tarjeta podes poner el logo de las plataformas en la que ha trabajado. Aca pusiste uno (la fabrica) pero potencialmente son mas. 4.Tambien pidieras poner la cantidad de "estrellas" que ha sumado (en nuestro caso son billeteras chiquitas). @arnaldos te lo puede explicar mejor si no me entendes. 5.El logo de Fermat no iria

MelissaDugarte commented 8 years ago

@Luis-Fernando-Molina perfecto hare los ajustes :+1:

Miguelcldn commented 8 years ago

Estoy viendo más detalles de los que colectamos:

Con respecto al diseño, a todos los elementos en la página les lleno con texto usando si utilizas fuentes que no son estándares en entorno web necesitaré que me proveas el archivo (.otf, .ttf, o el que sea) para hacer que el cliente se lo descargue tambien para poder dibujar dicho texto.

Luis-Fernando-Molina commented 8 years ago

jajja te veo muy atento @Miguelcldn

Cantidad de elementos (o sólo plugins?) desarrollados (aunque se podría agregar sumándole 1 a cada developer por cada plugin en producción hecho por este)

correcto

Punto 3: Se espera poner en ese panel los platforms y super layers donde el developer ha trabajado? cabrían ahí 17 logos?

era solo una idea, podemos descartar esto por ahora

Qué es "Wallet Manager"?

eso no iria... me imagino que le puso un cargo a Manuel...

MelissaDugarte commented 8 years ago

@Luis-Fernando-Molina y @arnaldos

Versión Fusion Aporte de panel de desarrollador #228 panel de desarrollador_issue_4

Luis-Fernando-Molina commented 8 years ago

@MelissaDugarte muy linda la version 5, la refinemos un poco por favor.

ya me gustaba la 5

Luis-Fernando-Molina commented 8 years ago

tene en cuenta por favor lo que dice Miguel, no vamos a poner lo que yo decia que sugiere que no por ahora

MelissaDugarte commented 8 years ago

@Luis-Fernando-Molina Version5 Aporte de panel de desarrollador #228 panel de desarrollador_issue_5-1-01

Luis-Fernando-Molina commented 8 years ago
  1. La lupita que funcion cumpliria?
  2. Quita por favor los 3 iconos de la derecha.
  3. Agranda un poco el panal de abejas, y mete el CHECK TIME LINE en el centro, con flecha y haz de luz incluido please
MelissaDugarte commented 8 years ago

@Luis-Fernando-Molina

  1. La lupa es para ampliar la imagen y distinguir mejor el Developer (son muchos) la he visto implementada en la web y con solo colocar el cursor se amplía solo la foto..

Versión 5 panel de desarrollador #228

panel de desarrollador_issue_5-01-01

Versión 6 panel de desarrollador #228 panel de desarrollador_issue_6-01

Miguelcldn commented 8 years ago

Sí, pero el problema es que por ahora estamos evitando hacer que los objetos en la página respondan a cuando el mouse pase por encima porque como es 3D implica muchos cálculos por segundo saber en dónde está el mouse en cada momento. De por sí el botón Check Timeline tendré que usar un plano distinto al panel para hacer que responda al click. Algo que tengo que destacar es que dicho botón puede no aparecer, porque si el Developer no tiene ningún timeline el botón no debería salir

emmysm commented 8 years ago

panel de desarrollador propuesta 2 panel de desarrollador propuesta

Dejo unas propuestas por aca, @Luis-Fernando-Molina , la parte lateral derecha pudiese funcionar como un boton o un panel desplegable, a ver si te sirve, @Miguelcldn

Luis-Fernando-Molina commented 8 years ago

@MelissaDugarte vamos con la version 5 sin la lupita y con el panal un poquito mas abajo y un poquito mas grande (el boton del mismo tamaño)

@emmysm en este issue ya estamos encaminados, podés aportar pero tomando lo que ya se va confirmando (osea los fuentes de la ultima version selecionada de @MelissaDugarte . gracias

emmysm commented 8 years ago

@Luis-Fernando-Molina , gracias.

MelissaDugarte commented 8 years ago

@Luis-Fernando-Molina

Versión 5 panel de desarrollador #228 panel de desarrollador 228-01

ivonnesantos commented 8 years ago

@arnaldos @Luis-Fernando-Molina @emmanuelcolina

Propuesta 1 panel de desarrollador_6_iv-01

Propuesta 2 panel de desarrollador_6_iv-02

arnaldos commented 8 years ago

propuesta 1 el texto del boton, prueba otra tipografía.

ivonnesantos commented 8 years ago

panel de desarrollador_6_iv-01

@arnaldos

arnaldos commented 8 years ago

@ivonnesantos crea los archivos y pasa le a @Miguelcldn plz

arnaldos commented 8 years ago

@Miguelcldn esto esta implementado ? es para cerrar el caso ..... avisame cuando puedas plz

Miguelcldn commented 8 years ago

Sí, está listo, ya este caso puede cerrarse