Ateneu Popular estrena diseño
Escrito por Jordi Soro (Guepmascle) el 11 - 02 - 2010 • Blogs , Diseño web

Después de mucho tiempo con un mismo diseño, hemos querido dar un nuevo estilo a Ateneu Popular y por eso hemos rediseñado el blog para hacerlo mucho más minimalista y sencillo.
El cambio no es para nada radical y hemos querido mantener la estructura, variando simplemente todo aquello que hacía de Ateneu Popular un poco “liante”.
Esperamos que el cambio os agrade y haga mucho más cómoda vuestra visita y por eso nos encantaría saber vuestra opinión en los comentarios, para saber qué os gusta y qué os disgusta del nuevo diseño, y así poder mejorarlo y hacerlo a vuestra medida.







Me gusta mucho, aunque extraño al anterior diseño, felicidades!!!!
L
A mi me gusta mucho más, aunque ahora vais a tener que echar un ojo a los vídeos, que se comen parte de la derecha ;)
Felicidades y adelante con el ateneu!
Chucho, no se teajustan bien los vídeos?
Puedes enviarme un pantallazo para ver como se te ve?
Es parecido al anterior, con ligeros cambios y eso sí, mucho más colorido, me gustaba el anterior diseño y me gusta este… :) felicidades…
Si Miguel L. Romero, es parecido, de hecho no deja de ser una modificación del anterior theme, pero sin tantos degradados, mucho más plano y con un naranja mucho más fuerte!
Sencillo y elegante. Me gusta.
Me encanta el header y el footer. El sidebar… no está mal, pero siento que algo falta. Lo que no me latió fue el efecto de “focus” al ingresar texto. Demasiado in-your-face. :p
Jordi, ya tienes los pantallazos en el correo. Espero que sirvan de ayuda ;)
Chevre. Habra que acostumbrarse al naranja, Y piensan liberar la otra plantilla? :D
megusta mucho el contraste de color se ve limpio el logo, pero seme hace que falta un poco de vida y dinamismo echale un ojo al NFG el cambio de banner cada que entras como que te refresaca la fista cada que entras
pero igual muchas felicidades por el blog ase mas ligera la espera para la hora de salir jajaja
a mi me parece buen diseño, el minimalismo es lo mejor del mundo.
solo me quede esperando a que “cargara” un header XD
pd. el naranja en los campos de texto esta genial :D
como todo buen diseño, tiene que ser limpio.
A mí particularmente me gustaba más el anterior, tenía mucha más “vidilla” y tenía ese “algo” que diferencia a una web de otra. Destacaba mucho más por ese fondo anaranjado y el logo.
No digo que este esté mal pues estructuralmente es similar, pero me posiciono con la opción anterior :)
me gusta mucho pero se me hace extraño el no volver a ver la cabecera…
en cuanto vuelva a entrar un par de veces ya me habre acostumbrado…
enhorabuena…
besos y abrazos…
Felicidades por el diseño, es muy acertado :)
parece un boceto sin terminar. demasiado minimal
Mucho mejor este, lo veo mas limpio y elegante. El contenido destaca mucho más ahora.
Por cierto… Skeku, tu por aqui? Internet es un pañuelo!
Saludos
Amt tíiio justo iba a preguntarte si eras quien yo creía. Jajaja, qué fuette xD
Qué tecnológicos y limpios os habeis vuelto!!!!!!! jejeje está muy bien, aunque echaré de menos el antiguo…..jop con sus bordes redondeados…. jejeje
me gusta el nuevo diseño, aunque me he vuelto un poco loco intentando buscar el link de los comentarios.. yo lo pondría antes de los articulos relacionados.. no se me parece que es que es tambien el anuncio que despista parece que se acaba el artículo ahí.
Pues personalmente me gustaba más el anterior. Las tonalidades naranjas actuales me parecen demasiado fuertes o intensas y a nivel de diseño, aunque el minimalismo esté tan de moda y en ocasiones es todo un acierto, yo sigo prefiriendo el diseño anteior.
Mola mucho más! Enhorabuena!
Chuwi -.-
Molt xulo el nou disseny. M’agrada molt, felicitats!!
Me gustaba más el anterior. Me gusta, aunque me parece un tanto sobrio para los temas que se tratan en el blog.
A mi también se me ven los vídeos muy mal, se sobresalen por la derecha :-(
Ja era hora… ;)
A mí este naranja tb me gusta más, xo veo los bordes demasiado cuadrados, los bordes redondeados inspiraban más amabilidad, estos parecen más “cortantes”
Estamos trabajando en el tema de los vídeos con Safari y Chrome, en cuanto a lo que dices Mikel GNZ, ya lo he cambiado y creo que tienes toda la razón.
Antoñita, estas hecha una psicóloga!!!!!.
Quizás es que Ateneu Popular se ha vuelto más agresivo, je je je.
Antes eramos como unos lindos gatitos y ahora nos hemos convertido en unos leopardos.
Si Maya si, ya era hora!!!!
Solucionado el problema de los vídeos con Safari y Chrome. Si podéis comprobar que os funciona bien y me comentáis, os lo agradecería.
Ahora si que lo veo muy bien, por lo menos desde Chrome. Enhorabuena ;-)
el problema de los videos con chrome solucionado…
al menos en mi equipo…
ahora ya si que esta chapó.
Por cierto, ¿a nadie se le ha ocurrido mirar la página de error? je je je
Hola!
Mi enhorabuena, aunque yo retocaría algunas cosillas, por ejemplo este… ¿rojo-naranja? podría definirse mejor, y qué mejor que un anaranjado más parecido al que había antes? Al menos por mi parte, siempre asocio Ateneu Popular a un naranja suave, no tan chillón (que puede cansar la vista más que antes, ojo con eso, al menos a mí me “chilla” demasiado).
También es posible que hubiera que retocar la maquetacion. No me siento del todo cómodo visualmente con el cell padding en general, no sé no sé… Por un lado bien, eso de que las imágenes o los videos se ajusten al espacio máximo queda chulo, pero entonces por qué el espaciado es diferente para los comentarios o la publicidad?
Las tipos de la parte derecha igual podrían ser algo más grandes para que resulten más visibles e intuitivas, y ese fondo gris me parece demasiado neutro, igual podría tener más personalidad subiendo o bajando un poco…
Otros bugs que veo: El “comparte y disfruta” con los iconos debajo, se pega totalmente a la izquierda. Debería tener algún margen, una tabulación o algo. /// Debajo de cada entrada pone que hay x comentarios. Pues ese número aparece desplazado hacia abajo.
He visto la página de error. Ha sido una sensacion de emmm… aaaay, aquí falla algo! donde están mis gafas!!! XD
Entiéndase tooooodo ello como intención 100% constructiva. Gracias por estar ahí, en naranja, en calabaza o en plátano o como os dé la gana. Lo importante es que estéis ;)
Me gusta mucho!! enhorabuena y seguid así. Sois de lo mejor.
me gusta es simple. Aunque no me gusta como se ve la tipo en los titulos de las entradas.
Otra cosa, si se fijan en el pie debajo a la izquierda © Ateneu Popular dice Theme by Weight Loss, saquen eso! que no tiene lógica!
Carlos J. de Pedro, gracias por todas y cada una de las apreciaciones que haces sobre el nuevo diseño, te aseguro que las revisaré y mirare una por una con detenimiento, pero empiezo a contestarte algunas cosas
• el espaciado de los banners es diferente, porque el tamaño de estos viene marcado por unos estandares, no por los tamaños que me vendrían bien a mi con el ancho que trabajo.
• el espaciado de los comentarios es el mismo que el del texto de las entradas.
• El tema del tamaño de letra del sidebar, siempre peco por pequeño, lo revisaré a ver como queda más grande.
• Naranja subido, quizá me pase un poco, pero es que quería que Ateneu Popular pasara de ser algo agradable, tranquilo, pausado a algo mucho más agresivo, con mucho nervio y para eso el cambio de naranja me ayudaba.
• Realiza una recarga forzada y verás lo de os comentarios y el comparte y disfruta en su sitio, eso son reminiscencias del cache de tu navegador.
toma que no sabía que era inminente!
Fede, tienes razón. No tenía mucho sentido a día de hoy con 2 reversiones hechas, mantener la firma de los creadores originales cuando ya no tiene nada del original.
Así que firma fuera!
mmm… me gustaba mas el anterior…. pero de este me dejo perplejo el formulario de comentarios…. excelente!!
A mí me gustaba más el anterior, igual es cuestión de acostumbrar el ojo. El caso es que, como comentaba alguien antes, le falta “vida”
me gusta este nuevo diseño!
aunque no estaria nada mal diseñar algo para el background, creo que hay demaciado gris!
solo es mi opinion saludos!
buenisimo, me gusto mucho y excelente como quedan los videos!
felicitaciones.-
Pues eso, que habéis quitado lo que de liante tenía el anterior diseño. Mejor asÍ! garcoas por Ateneu
Ya que preguntan sinceramente me gustaba mas el anterior. El header y el background eran excelentes y de liante la verdad que no tenia nada. La verdad que cuando vi este pense que era provisorio, pero veo que no. Para mi personalmente este naranja contrasta demasiado con el gris, casi que vibra y todo y dificulta un poco la lectura. Es solo una opinion.
Genial el blog y su contenido. Lo leo a diario. Felicitaciones y gracias.
me encanta Ateneu!!!! los contrastes de color son lo mejor verdad??? claro, se ha respetado el diseño anterior en cierta medida y ahora mejorado, felicidades nuevamente y como siempre deseandoles lo mejor en su blog, que es de mucha utilidad toda la informacion que nos envian.
GRacias!!!!
Me gusta mucho el nuevo diseño de ateneu pero considero que eso de que los videos no tengan margenes y se ziñan radicalmente a los bordes del contenido es poco atractivo, por lo menos para mi, me da la sensacion de poco espacio y de que esta todo muy comprimido y apretado, no se, es lo unico que le veo.
Espero que lo tomeis como una critica constructiva y no como un ataque, un saludito ;)!.
ME PARECE EN GENERAL BIEN POR Q ANTES MUCHO BLANCOO ME QUEMABA LOS OJOS JAJA YA Q PARABA BUEN RATO POR ACA EN EL BLOG….LE PONGO UN 8! BIEN EH
Muy muy muy muy molón el rediseño
La primera impresión que me ha dado es que de repente el monitor se me ha puesto a 16 colores, he tenido que leer el articulo y bajar para descubir que no era mi monitor.
La estructura y la forma me gusta más que la del diseño anterior, sobretodo eso de que no haya margenes en los videos ni en las imágenes, pero esos colores… el naranja butano no me acaba de molar, estaria mejor un tono menos agresivo. Y el logo alli arriba, tan solito ante la oscuridad del gris… Pero bueno, es solo una opinión, de todas formas seguiré visitandoos todos los dias ;-)
Me gusta mucho la maqueta, personalmente me suele gustar que los posts tengan un poco más de espacio (a lo ancho me refiero), aunque supongo que este tamaño de barra lateral te vendrá condicionada por el tamaño de los banners, además una columna de texto menos ancha en principio debería ser más comoda para leer (siento decir que ahora mismo no recuerdo si en el anterior lo teníais más ancho, es el gran problema de los feeds, te pierdes el diseño muchas veces, sobretodo si haces como yo que últimamente no comento en casi ningún blog…).
En cuanto a colores prefiero los colores planos por lo que en ese punto habeis ganado para mí, solo, como han comentado por arriba, quizás el naranja está un pelín demasiado agresivo, pero solo un poco.
Solo un comentario más, no se si seré solo yo o le pasa a más gente, pero en Chrome en Snow Leopard no me renderiza los títulos bien, parece ser que es algún problema en la interpretación de la tipo que hay puesta, no se si usais font-face de alguna manera que el Chrome de Mac no reconoce bien o como tenéis aplicada la tipo, pero en Chrome para Mac (amenos mi caso) falla, revisadlo en un par de equipos, quizás soy yo solo puesto que no veo ningún comentario que lo indique. En Chrome para Windows todavía no he tenido la ocasión de probarlo, a ver si mañana puedo darle un vistazo y si falla algo os comento. En Safari y Firefox no tengo este problema, que me extraña que pase puesto que, por ejemplo, FontSquirrel usa font-face y no tengo problema alguno ara visualizar la tipo en este mismo navegador. Os mando un par de capturas al email.
PD: Pese al tocho post he de decir que me encanta el nuevo diseño.
Me gustaba también el diseño anterior, pero este lo encuentro muy elegante y el enmarcado en gris, a mi personalmente, me ayuda a leer mejor las entradas. Lo del resaltado de los formularios cuidando el color de los textos para que siempre contrasten me parece genial. Enhorabuena.
Tras pensarlo durante largo rato creo que no me gusta el cambio, aunque estoy condicionado por la costumbre de visitaros a diario y ya estaba acostumbrado a la imagen anterior.
Los diseños minimalistas me encantan, pero me encantan en blanco, no con grises y naranjas.
Respecto del ancho de las columnas, dada la importancia que le habeis dado al lateral derecho, pasaría a un ancho total de 960 y quedaría más equilibrado (soy fan del 960).
Creo que si jugamos con fondos de html, body, header, content y columnas se debería aprovechar para añadir imágenes a un diseño espectacular, en caso contrario me iría a un diseño realmente minimalista: blanco.
A pesar de todo ello, seguiré visitando Ateneu todos los días porque lo realmente importante, que son los contenidos, me encantan.
Un saludo,
El CERO margen a los costados de las notas me da claustrophobia!!!
sin mencionar el parecido con una caja de vuelo!! xD
http://images.google.com/images?hl=en&source=hp&q=flugrekorder
Al parecer el concepto de romper la barrera de tranquilos y pasivos fue excelente, la pagina es mas limpia, aunque se va muy a lo simple y minimalista al concepto de diseño y aun asi se ve genial, y como de costumbre a la anterior, este me agrada mas, nada mas se ve un estrecho y estaría bien ampliarlo un poco mas para enriquecer el diseño de cada publicación. Arriba Ateneu Popular, saludos desde Chiapas. xD
No me gusta nada el naranja q habéis utilizado. Los títulos son duritos de leer y escribir un comentario como el q escribo ahora es un dolor de ojos para el resto de la noche.
Me gustaba más antes.
asi me gusta mas… aunque el naranja… no me gusta tanto como color de indentidad… personalmente puedo usar un gris colorido
puies bien .. asi bien
Siento decirlo pero, me gustaba mas la anterior.
Soy un fiel defensor del diseño minimal, me parece de lo mas estetico y comodo, pero creo que si no se hace realmente bien, puede quedar mal y creo que ha pasado eso.
Se que el rediseño de la web lleva mucho mucho curro, pero todavía se esta a tiempo de modificarlo y mejorarlo.
Varias cosas que “me han molestado” la navegación al verlo por primera vez:
1º- El naranja, demasiado fuerte, cuesta leer los títulos en algunas ocasiones y si te tiras mucho tiempo viendo la misma página molesta a los ojos ( ahora mismo me estoy dejando los ojos escribiendo este mensaje, mejor fondo blanco y texto negro para escribir comentarios)
2º- La informacion no se diferencia bien, cuando antes entraba, las entradas se diferenciaban perfectamente, ahora me dan una sensación caotica, cuesta mucho fijarse en una entrada concreta.
3º- Demasiado ancha la columna de la derecha, realmente la información esencial debe de estar en la columna de entradas, creo que le habeis dado demasiado protagonismo a la columna de la derecha, sin realmente merecerlo.
Sobre todo, me centraría en el tono del naranja, daña un poco los ojos ver la web ahora y eso es un problema gordo, al menos para mí.
Es mi opinion, espero que no os lo tomeis a mal.
Estimados, mis observaciones:
1. Su marca no tiene ahora nada que ver con su diseño, bueno solo el color naranja. Les sugiero o endurar las esquinas de su marca o incluir bordes solo al div exterior (las cajas interiores cuadradas se ven genial). Dense cuenta que todo cuadrado vs su marca y los iconos redondeados de los feeds no concuerdan.
2. El espacio donde va el comentario en los formularios, realmente golpea con el color naranja fuerte, podrian cambiarlo por un gris en un tono medio no?
Por lo demas, excelente!
Hola. En definitiva, me gusta, pero lo veo un poco gris, como más oscuro, me agradaba más a la vista el anterior porque tenía más blancos, y me encanta el blanco, da mucha más claridad al asunto. También pienso que antes las diferentes partes se diferenciaban más, aunque también puede ser que ya estaba acostumbrada al diseño anterior y este me ha despistado un poco. El naranja con gris de fondo no destaca demasiado, a parte de que vibra mucho, y creo que la columna derecha debería ser un poco más ancha.
Por lo demás si que me agrada, son matices y mi opinión propia.
Muchas gracias por vuestro trabajo,
Sonia
Haciendo caso de vuestras recomendaciones, he bajado el naranja muy a mi pesar (me encantaba ese tono naranja), pero aún así, estoy deacuerdo en que podía llegar a ser molesto. El naranja que acabo de poner es un naranja intermedio entre el del primer diseño y el que había al inicio de este rediseño, pero como todo, no es definitivo y espero vuestros comentarios para saber si vamos por el buen camino.
Cabe decir que este naranja y esta gama de colores me recuerda mucho a Ing Direct
Estos de ING no paran de copiarse!!!!!, por cierto, Orange también utiliza naranja.
Guill3m, he probado Chrome en Snow Leopard y funciona perfectamente, la tipografía esta puesta directamente en css, no utilizamos ni sIFR ni nada por el estilo, simplemente utilizamos:
font-family:”myriad Pro”,Arial,Verdana,Helvetica,sans-serif;
es decir, muestra los titulares en Myriad Pro, si no la tienes instalada, en Arial y asi hasta encontrar una de ellas.
En todos los ordenadores en que lo he probado funciona perfectamentecen Firefox, Safari y Chrome, así que yo apuntaría a un error en la configuración de tu navegador, pero seguiré investigando no sea caso que sea un problema mucho más generalizado.
Si alguien tiene el mismo error, por favor, notificarmelo en un comentario.
a mi, particularmente, no tengo el monitor calibrado para artes gr´ficas, el naranja este hace daño a los ojos
se me olvidaba, la fuente de los títulos de la entradas es demasiado bold, empasta
ayayay, depués del cambio de naranja sigue haciendote daño? en cuanto a la tipografía, visto los problemas con algunos usuarios y que en cada monitor se ve de manera diferente el perfilado, dejamos estar la Myriad Pro y nos centramos en la Arial
Pues a mí me encanta, muy limpio y funcional. El ligero cambio en los tonos también me gusta.
Ninguna objeción, salvo el tema de la publicidad al final de las entradas. XD
Enhorabuena, chicos.
Sencillo, limpio, elegante y por sobre todo funcional, la tonalidad en el color y su contraste me agradan, además la tipografía esta mejor usada. FELICITACIONES!!!
elradia, intantamos que la publicidad sea lo menos intrusiva posible, por eso está al final de los posts.
Aparte, de alguna manera se tiene que pagar el servidor y el dominio, y gracias a la publicidad yo no me tengo que rascar tanto el bolsillo (y eso se agradece).
Yo creo que el tema del naranja va más encaminado con el gris que tiene de fondo, a simple vista se aprecia mucha más legibilidad con fondo blanco que con gris.
Y ya puestos, yo creo que hace flipar un copo, porque si bajas y subes la pantalla rápidamente fijando la vista acabas viendo franjas naranjas en el fondo. (no me drogo)
Esta noche cuando sueñe en naranja me acordaré de vosotros. jajajaj
Skarabaja, una pregunta,
¿porque bajas y subes la pantalla rápidamente fijando la vista? je je je
La verdad la encuentro un poco gris, para lo alegres que soys!!!
Me gusta, pero la encuentro un tanto gris ;)
Jordi, esque me acabo de comprar un raton con ruleta y lo estoy amortizando, pero a que lo has probado?!! hi hi hi
Y ya puestos con mi nuevo ratón, resulta que cuando te desplazas por la pantalla con la ruletilla y el puntero pasa por encima de un video, deja de desplazarse, como si el puntero detectara el video y no quisiera moverse a no ser que lo quites de esa zona, no se si me estoy explicando bien…
satisfecho con el trabajo muui bueno ñ_ñ
Ta wueno, ta wueno!
:D
Felicitaciones
IDEM DomK : “Los diseños minimalistas me encantan, pero me encantan en blanco, no con grises y naranjas”
Soy fana del diseño minimalista, sobre todo en webs, pero hay algo en el gris del fondo que no me convence mucho. Por lo demás no problem hasta ahora, cualquier cosa les aviso; )
Muy atrevido el cambio (y eso está bueno) pero me quedo con el diseño anterior. Saludos!
[...] no podía ser de otra manera, una vez iniciados los cambios de diseño en el blog, esto se ha convertido en una bola de nieve que nos arrastra a que todo diseño anterior pase a [...]