Page 1 of 2 12 LastLast
Results 1 to 25 of 35

Thread: (ii) Aspecto visual, conceptual y de diseño

  1. #1

    Default (ii) Aspecto visual, conceptual y de diseño

    En esta parte dedicaremos el tiempo a escoger los lugares en que será acomodada la información y las opciones y menús, cuales serán nuestros colores primarios, las fuentes, como será nuestra portada, en fin, todo lo que se refiere al aspecto visual.

  2. #2

    Default

    Aqui empiezo con algunos ejemplos de otras revistas en línea, de cada una hay que tomar en cuenta que tienen un mercado definidos, por ejemplo, aqui tenemos Cosmopólitan, logo inmenso, fondo blanco, rosas predominantes y espacios desperdiciados en las orillas y entre los elementos:




    Para algo mas serio, esta el National Geographic, logo pequeño, letas azules sobre fondo blanco, los menus son muy claros y no desperdicia espacios ni llena la pantalla de información:




    Tenemos aqui otra revista desperdiciando espacio a los lados, logo pequeño, siempre el fondo del cuerpo es blanco, aunque aqui el fondo real es gris oscuro, tal como el de sitios de hackers y pornografía, aunque aqui me gustan las letras naranjas que llaman la atención en los encabezados de las secciones:



    Aqui el Wall Street Journal, es meramente informativo y muy conservador: logo pequeño, sin imágenes adicionales, como siempre, el fondo totalmente blanco.



    Acá Life rompe un poco con lo anterios, desperdicia espacios, pero la portada se ve mas llena porque usa un fondo azul grisáseo como fondo en los cuadros de menus, como en 3/4 de las revistas anteriores, predomina una imágen casi en el centro de la portada.



    Y aqui la que mas me gusta a mi y la que tengo como referencia mas fuerte, la pantalla se ve un poco llena de la mitad izquierda pero la parte derecha es amplia y fácil de leer, tiene muchas imágenes, un logo grande, una imágen central editada para sobresaltar texto, y aunque el morado no me gusta, se ve bien.



    A ver si alguien tiene otras referencias que llamen la atención por algún aspecto interesante.


    Saludos.

  3. #3

    Default

    Por estos días no dispongo de mucho tiempo, así que trataré de ver después todo con más calma. En fin, ahí va mi humilde opinión. A la mejor lo que digo son cosas muy obvias, pero, pues ni modo.

    Así por encimita, creo que pensando en el perfil del público que va a leer la revista (principalmente gente de mediana edad, profesionistas, que a veces están cansados y entran para relajarse o que disponen de poco tiempo, etc.) una de las cosas fundamentales es que sea de fácil lectura en cuanto al formato, es decir, que tenga colores de fondo y de letra, y tamaño y tipo de letra, que ofrezcan un contraste que haga fácil la lectura.

    (Por ejemplo, el estilo que tiene actualmente el foro, con fondo oscuro y letras pequeñas, no es precisamente el más facil de leer; hay otros estilos más amigables)

    Para separar las secciones tal vez deberían tener distintos colores de fondo.

    Mi hija tenía una página con un menú a la izquierda con las secciones principales (como en la de SLate); dicho menú era desplegable, de modo que al hacer click sobre alguna de dichas secciones principales, se desplegaba hacia abajo otro menú con los apartados secundarios de dicha sección. Tengo entendido que hay otros menús de este tipo donde con sólo colocar el cursor en la sección, sin hacer click, se despliega igual.

    Ese tipo de menús me parecen atractivos y prácticos a la hora de acomodar el nuevo material o apartados que van surgiendo, para no atiborrar la página principal.

    Saludos.
    Last edited by Lady_Cyber; 16-08-06 at 11:32 AM.

  4. #4

    Default

    Definitivamente estoy de acuerdo contigo en la cuestión de la fácil lectura, creo que el fondo de los textos debe ser blanco, las letras negras y de un tamaño al menos normal. El concepto entero debe ser sencillo y fácil de usar.

    Los colores primarios del foro es algo importante que queda por discutir, y que considero de importancia capital.

    Sobre los menús, también estoy de acuerdo en que sean desplegables, aunque no estoy seguro que vaya a ser necesario tener submenus, eso lo vamos a saber una vez que estemos seguros del contenido del sitio.


    Saludos.

  5. #5

    Default

    Quote Originally Posted by Dedos Sangrantes
    Definitivamente estoy de acuerdo contigo en la cuestión de la fácil lectura, creo que el fondo de los textos debe ser blanco, las letras negras y de un tamaño al menos normal. El concepto entero debe ser sencillo y fácil de usar.

    Los colores primarios del foro es algo importante que queda por discutir, y que considero de importancia capital.

    Sobre los menús, también estoy de acuerdo en que sean desplegables, aunque no estoy seguro que vaya a ser necesario tener submenus, eso lo vamos a saber una vez que estemos seguros del contenido del sitio.


    Saludos.
    Bueno, no necesariamente todos los fondos de texto deben ser blancos, pueden ser de diversos colores siempre y cuando sean de tonalidades lo suficientemente claras para hacer un buen contraste con las letras.

    Además fondos de texto de diferente color ayudaría visualmente a separar las secciones.

    En cuanto a los colores, (aunque comprendo que se deben escoger varios que combinen muy bien entre sí, y no sólo uno) un color que me gusta mucho es el azul mezclado con gris, algo así como azul acerado, el cual puede ser más o menos serio dependiendo de cuánto gris se le añada.

    A ver si encuentro algunas otras revistas...

  6. #6

    Default

    De las que pusiste, me gustaron LIFE, por los apartados de colores, y Slate por la forma en que está organizada la página.

    Encontré estas:

    PC Magazine:

    http:www.pcmag.com/


    México Desconocido (Super colorida):
    http://www.mexicodesconocido.com.mx/espanol/index.cfm

    Scientific American:
    http://www.sciam.com/index.cfm

    Mujer Nueva (Esta tiene sección de foros)
    http://www.mujernueva.org/

    A Fuego Lento (magazine gastronómico digital):
    http://www.afuegolento.com/portada.ats

  7. #7

    Default

    Creo que al menos el fondo de texto de los artículos debe ser blanco, aunque hay fondos con otros tonos en los menús o en otras opciones.

    La combinación de colores va a ser algo difícil de escoger, yo me inclino por una combinación de aqua en varias escalas, sobre grises y blancos. Pero vamos a tener que hacer pruebas. El azul sobre gris y blanco es casi el estandar: elnorte.com, eluniversal.com, wsj.com... etc, y aunque eso prueba que es una decisión acertada, a mi me gustaría que consideraramos algo menos conservador.

    De las revistas que pones de ejemplo, PC Magazine se ve muy bien, aunque me parece que se ve muy llena la página principal, tiene demasiado contenido, nosotros no vamos a tener tanto, en ese sentido sigo prefiriendo la limpieza y uso de espacios de Slate.

    El sitio de México Desconocido es horrible, y de hecho no constituye una ervista en línea, solo parece ser el portal de una edición normal en papel.

    Scientific American me gusta bastante y creo que se ajusta mas a lo que podríamos tener, aunque el formato de blog que tienen en sus noticias no me agrada tanto. También desperdician muchísimo espacio.

    Del sitio de Mujer Nueva, me agradan los detalles en Flash pero el sitio es pesado en cuestión de color. El menú desplegable que tienen también es muy malo, ya que al desplegarse las opciones, tapan al menú principal.

    De Fuego Lento, me causa claustrofobia el tamaño del ancho de los artículos, sobre todo desperdiciando tanto espacio y con esos colores tan feos.


    Hay algunas cosas que me empiezan a quedar claras de lo que al menos yo no quiero:

    1. Espacios desperdiciados en las orillas
    2. Fondos oscuros
    3. Demasiado texto en la página principal, debe haber una buena combinación de imágenes y texto.


    Saludos.

  8. #8

    Default

    Esta de Hispanic Online, me gusta su distribución y sus colores.

    Y usa tanto recuadros delimitados, como colores distintos, para resaltar los apartados.

    También el diseño del Logo me gusta, aunque lo pusieron enorme en la portada.

    http://www.hispaniconline.com/

    Esta otra tiene varios menús a la izquierda, y un recuedro con pestañitas que cambian la información del recuadro, a la derecha.

    http://www.variety.com/

  9. #9

    Default

    Quote Originally Posted by Dedos Sangrantes
    Creo que al menos el fondo de texto de los artículos debe ser blanco, aunque hay fondos con otros tonos en los menús o en otras opciones.

    La combinación de colores va a ser algo difícil de escoger, yo me inclino por una combinación de aqua en varias escalas, sobre grises y blancos. Pero vamos a tener que hacer pruebas. El azul sobre gris y blanco es casi el estandar: elnorte.com, eluniversal.com, wsj.com... etc, y aunque eso prueba que es una decisión acertada, a mi me gustaría que consideraramos algo menos conservador.

    Entiendo tu punto de vista en cuanto a que el azul gris tal vez ya esté muy visto.

    De las revistas que pones de ejemplo, PC Magazine se ve muy bien, aunque me parece que se ve muy llena la página principal, tiene demasiado contenido, nosotros no vamos a tener tanto, en ese sentido sigo prefiriendo la limpieza y uso de espacios de Slate.

    De hecho esa es una de mis perocupaciones principales y lo primero que me imaginé con una revista en línea: una página tan atiborrada de información y apartados, que confundía y repelía en vez de invitar a explorarla. Qué bueno que no vaya a ser así.

    El sitio de México Desconocido es horrible, y de hecho no constituye una ervista en línea, solo parece ser el portal de una edición normal en papel.

    Scientific American me gusta bastante y creo que se ajusta mas a lo que podríamos tener, aunque el formato de blog que tienen en sus noticias no me agrada tanto. También desperdician muchísimo espacio.

    Del sitio de Mujer Nueva, me agradan los detalles en Flash pero el sitio es pesado en cuestión de color. El menú desplegable que tienen también es muy malo, ya que al desplegarse las opciones, tapan al menú principal.

    De Fuego Lento, me causa claustrofobia el tamaño del ancho de los artículos, sobre todo desperdiciando tanto espacio y con esos colores tan feos.

    Bueno, de hecho cuando puse esos sitios no pensaba en que se adoptara por entero el estilo, sino que de alguno de elllos se pudiera rescatar o adoptar algún detalle, o adaptar alguna idea. Algo así como una computadora armada, donde se toma lo mejor de cada elemento para hacer el equipo en conjunto.

    Hay algunas cosas que me empiezan a quedar claras de lo que al menos yo no quiero:

    1. Espacios desperdiciados en las orillas
    2. Fondos oscuros
    3. Demasiado texto en la página principal, debe haber una buena combinación de imágenes y texto.

    De acuerdo.

    Saludos.
    Pondré después algunos otros sitios que me gusten, pero seré mucho más selectiva y pondré qué detalle es lo que me gusta o me parece buena idea de ellos.

  10. #10

    Default

    Si, la idea es ver que nos gusta de cada sitio y que no nos gusta, aqui pongo un sitio importante y que me pareció sobresaliente:



    Me gusta mucho el uso que hace de los rojos, aunque si tiene un menú muy complejo y mucho contenido, también me gustan esos elementos con fondos azul claro, creo que es a lo que tu te referías Lady.

    Dejo esta imágen que hice para el sitio de prueba, ¿que les parece?, es solo prueba, a nosotros nos va a hacer todo el diseñador.


    Saludos.
    Attached Images Attached Images
    Last edited by Le Rouge; 16-08-06 at 05:47 PM.

  11. #11

    Default

    Sobre HispanicOnline, no me gustan los tonos oscuros que usa, ni las letras chiquitas, tampoco el espacio desperdiciado del lado derecho y el logo me parece que toma demasiada importancia, como en el sitio de Cosmopolitan.

    Variety esta mejor, pero no me gusta el verde y creo que le faltan imágenes, va a ser una tarea bastante importante el estar haciendo, editando y cambiando imágenes en el sitio. Pero no veo como podamos prescindir de ellas si vamos a lo grande.


    Saludos.

  12. #12

    Default

    Quote Originally Posted by Dedos Sangrantes
    Si, la idea es ver que nos gusta de cada sitio y que no nos gusta, aqui pongo un sitio importante y que me pareció sobresaliente:



    Me gusta mucho el uso que hace de los rojos, aunque si tiene un menú muy complejo y mucho contenido, también me gustan esos elementos con fondos azul claro, creo que es a lo que tu te referías Lady.

    En lo particular, creo que es un tono de rojo muy dramático y brillante; preferiría un rojo quemado.

    Y precisamente, el tono de azul de los subtítulos se ve así, porque tiene algo de gris, está mezclado con gris..


    Dejo esta imágen que hice para el sitio de prueba, ¿que les parece?, es solo prueba, a nosotros nos va a hacer todo el diseñador.

    La verdad no me gusta mucho. Sinceramente, pensé que habías tomado una imagen cualquiera que te habías encontrado, sólo para ejemplificar cómo quedaría el espacio. Pero me asombra el esfuerzo.

    Saludos.
    Saludos.

  13. #13

    Default

    Si fue una imagen tomada de por ahi, yo nomás le puse las letras jajaja, pero me gustó para ejemplificar lo que podría ser algo del concepto: una mujer con vestimenta militar, mirando desafiante el horizonte teniendo de fondo un mar turquesa y un cielo admirable.


    Saludos.

  14. #14

    Default

    Quote Originally Posted by Dedos Sangrantes
    Si fue una imagen tomada de por ahi, yo nomás le puse las letras jajaja, pero me gustó para ejemplificar lo que podría ser algo del concepto: una mujer con vestimenta militar, mirando desafiante el horizonte teniendo de fondo un mar turquesa y un cielo admirable.

    Saludos.
    ¿Militar? Más parece mercenaria...

    Pues lo de menos es el banner...por aquí hay foristas que tienen excelentes ideas.

  15. #15

    Default

    Todo nos lo van a hacer, es posible que si el concurso de banners no desaparece, va a tener que verse bastante adecuado para no desmeritar todo el esfuerzo del diseño.

  16. #16

    Default

    Quote Originally Posted by Lady_Cyber
    ¿Militar? Más parece mercenaria...
    jajaja!! Yo pensé que estaba vendada...
    The Amazing Cutter Biondo

    "El hermano de Aracnæ muestra su rostro.
    Su barco asesino es descubierto y naufraga.
    Su presunta victima, la de la ley en la mano,
    aparace salvo. Ahora, impotente, supersticioso es".





    Si algún día nos meten a la cárcel por bajar música, sólo pido que nos separen por géneros musicales.

  17. #17

    Thumbs up

    Me gustan Slate y Economist
    The Amazing Cutter Biondo

    "El hermano de Aracnæ muestra su rostro.
    Su barco asesino es descubierto y naufraga.
    Su presunta victima, la de la ley en la mano,
    aparace salvo. Ahora, impotente, supersticioso es".





    Si algún día nos meten a la cárcel por bajar música, sólo pido que nos separen por géneros musicales.

  18. #18

    Default

    Quote Originally Posted by Dedos Sangrantes
    Todo nos lo van a hacer, es posible que si el concurso de banners no desaparece, va a tener que verse bastante adecuado para no desmeritar todo el esfuerzo del diseño.
    Pero...¿El concurso de banners para el foro seguirá?

    Es divertido tener banners que aprovechan una determinada circunstacia que de momento es popular...no me gustaría que eso se perdiera. Además es una de las tradiciones de La Trinchera.

  19. #19

    Default

    Unos cuantos links más (ya son todos):

    De esta me gusta el color azul:

    http://www.cio.com/

    -----------------------

    Otro tipo de colores:

    http://www.worth.com/

    --------------------------

    Una que combina blanco, rojo y negro:

    http://www.worldsoccer.com/

    ------------------
    Combinación de colores en azul gris:

    http://www.softwaremag.com/

    ----------------------
    En esta me gustan los colores azul oscuro, rojo quemado, blanco y chicle

    http://www.smithsonianmagazine.com/

    -------------------------------
    La combinación de colores de hasta arriba de la página es lo que me llamó la atención en este caso:

    http://www.artmagazine.co.uk/

    Tal vez encuentren algo atractivo o de utilidad.

    Saludos.
    Last edited by Lady_Cyber; 16-08-06 at 10:32 PM.

  20. #20

    Default

    Quote Originally Posted by Lady_Cyber
    Pero...¿El concurso de banners para el foro seguirá?

    Es divertido tener banners que aprovechan una determinada circunstacia que de momento es popular...no me gustaría que eso se perdiera. Además es una de las tradiciones de La Trinchera.
    El problema es la integración, tal como el ejemplo que le mostré a Spiderman, el foro va a estar profundamente integrado a la plataforma, no podemos tratar al foro como cosa aparte, el tener un banner extra para el foro, puede causar un problema de contaminación visual, para considerar que el banner del foro sobreviva, tendríamos que reducir su tamaño y ajustarlo a nuevos parámetros. No puede tener la misma relevancia que tiene ahora porque va a haber un "header" principal que nunca se va a mover.

    La "profesionalización" del diseño y del concepto trae nuevas necesidades que estoy de acuerdo en que debemos tratar de conciliar con lo que son nuestras costumbres, el concurso creo que podría continuar, pero diferente a lo que es ahora.


    Saludos.

  21. #21

    Default

    CIO me parecio como muy normal, el azul si se ve bien pero yo mas me refiero a lo demás. De Worth me gustó la forma en que acomodan los artículos con una imágen siempre al lado. No se que tan conveniente sea esto y talvez no se ajuste a lo que vamos a hacer, pero podría verse bien, talvez con imágenes un poco menos grandes. También se ve bien el logo azul grande en un fondo gris muy claro.

    Worldsoccer me pareció muy vacía, pero si me gustaron los colores. El rojo es un color que se ve muy bien, siento que es algo agresivo pero en tonos oscuros eso puede controlarse mejor.

    El gris-azul de SoftwareMag también me parece muy bonito, resalta que usa las imágenes del lado derecho del menú de artículos, siempre van del otro lado, creo que me gustan del otro lado. Como otras, desperdicia mucho espacio.

    Smithsonian tiene una gran imágen de portada, creo que demasiado grande. El contenido es bastante simple, pero tiene algo resaltable importantísimo: como no tiene menus a los lados, despliega los artículos en página completa lo cual al menos a mi me gusta.

    Art Industri es otro sitio que no contiene menus izquierdos, lo cual le da mucho espacio al sitio, deberemos tener un menú muy chico para poder tener la opción de tenerlo horizontal arriba. Este sitio tiene una combinación aqua, da buena idea de como puede verse aunque difieran las tonalidades o efectos.

    Los colores que te llamaron la atención son geniales, es un detalle muy bonito, definitivamente lo que hace llamativo a un sitio son esa clase de detalles. No se si visitaste el sitio de girlsgetgoing.com, pero te vas a dar cuenta como nuestro diseñador pone atención a este tipo de cosas, lo cual me tiene muy tranquilo en ese sentido.


    Saludos.

  22. #22

    Default

    Visité el sitio de girlsgetgoing:

    http://www.girlsgetgoing.com/

    y el de Newsback:

    http://www.newsback.com/

    Tienes razón, el tipo parece ser un genio para la combinación de colores y tonos, y para hacer un sitio realmente muy dirigido visualmente al público al que está destinado.

    Me gustó mucho la distribución de girlsgetgoing, con su menú y con las pestañitas arriba, muy organizado. Aunque aún así se ve muy abigarrada la portada. Con todo, el sitio invita a leer y participar por su atractivo visual.

    De Newsback me gusta también la distribución (otra vez el menú a la izquierda y las pestañas arriba) y el aprovechamiento del espacio. También los recuadros sombreados a la derecha, y el registro de autor y comentarios bajo cada artículo. Me gustaría que hubiera usado más colores, pero comprendo que tal vez le hubiera restado limpieza y claridad al sitio.

    Después de haber visto tantas portadas de revistas buscando ejemplos, y ver el trabajo de este diseñador, realmente parece ser una excelente opción.

    Saludos.

  23. #23

    Default

    ¿Y el nombre y el logo ya los tienes?

    ¿O el diseñador mismo los provee?

  24. #24

    Default

    Que bueno que te gustó el diseñador, mi idea es que sin los colores tan llamativos ni los menús tan complejos, tengamos algo llamativo pero serio, con detalles visuales que hagan la diferencia. Sobre el nombre de la revista, yo había pensado en La Trinchera Online o simplemente La Trinchera, el diseño del logo también nos lo van a hacer, pero ahi si debemos dar ciertas limitaciones para que se ajuste a algún concepto que tengamos.


    Saludos.

  25. #25
    Antes era un Animal Dieflut's Avatar
    Join Date
    Oct 2006
    Location
    Al borde del abismo
    Posts
    1,122

    Default

    Me gusta la pag, de National Geografic, a mi gusto se veria bien algo asi.
    Llamativo pero serio, se oye muy bien, me gusta la idea, y pienso que debes dejar el nombre asi nomas, La Trinchera, mas tradicional y conocido ya.
    La humanidad es el peor error de la evolución . . .

    El Twitter

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •