Diseño del blog para el nuevo año

Aunque parezca lo contrario, en DesdeLinux nunca nos quedamos quietos. Siempre buscamos la forma de innovar para cambiar la rutina y es por ello que vengo trabajando en un nuevo Mockup para lanzar un nuevo diseño en el 2013.

Por ahora son solo ideas y como es lógico, todo puede estar sujeto a cambios. Escribo precisamente este post para que compartan sus ideas conmigo y me brinden sugerencias.

Esta nueva propuesta tiene como objetivo emplear un diseño más limpio (sin tantos bordes redondeados) y cambiar algunas cosas como la barra de menú flotante. También como podrán observar, he empleado un header un poco más grande para resaltar más nuestro logo, aunque esto está bajo revisión pues tengo que ver hasta que punto podría afectar la forma en que se visualiza el sitio en pantalla pequeñas (Netbooks y demás).

Aparte del aspecto visual, este nuevo diseño también tendrá correcciones debajo del capó, cosas que quedaron pendientes y no tuvimos en cuenta cuando lanzamos la propuesta actual. Algunos de estos cambios son:

  1. Estilo para las tablas.
  2. Eliminar exceso de margen en las imágenes.
  3. Correcciones en los estilos del texto y la tipografía.

Entre otros arreglos que tenemos en cuenta según los comentarios que recibimos cuando anunciamos el diseño actual.

Como podrán ver en la imagen posterior, hay elementos (cantidad de veces leído un post, o el texto leer mas) que solo serán visibles al pasar el cursor sobre algunos enlaces. Además, el formulario de contacto estará disponible en el pie del sitio para que todo el que quiera comunicarse con nosotros, tenga de forma rápida esta opción.

También la forma en que se verán los artículos sufrirá algunos cambios. Una de las novedades es que, donde está la información del autor (que ahora también se especifica en la parte superior) al final del post, habrá un vínculo donde podremos acceder a todos los artículos que este haya escrito.

También aplicaremos un estilo para el código, los comentarios y demás. La barra de menú quedaría como en la primera imagen, o sea, más pequeña por lo vertical. Quedan muchos elementos por definir (colores y demás) pero más o menos quedaría de esta forma:

Pues nada, creo que no se me queda más nada por decir. Como siempre espero sus comentarios, sugerencias y críticas.. ;)


elav

elav: Blog Personal / Twitter / G+ / Usuario de ArchLinux. Informático, melómano, blogger y diseñador web. Administrador y Fundador de DesdeLinux.net.


43 comentarios en “Diseño del blog para el nuevo año

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current ye@r *

  1. seria de ver la version final jejeje pero lo unico que no me gusta mucho es la barra negraa que esta arriba donde dice “DesdeLinux” me parece que al menos la barra que tenemos ahora es mejor

    1/42
  2. A mi precisamente me gustaban esos bordes xD. Pero bueno. Seria chevere
    Espero que sea por ser una version beta. Pero falta el perfil y la distro usada xD

    Para cuando sale?

    2/42
    • En efecto. El mockup no encierra esos detalles pues lo hice sobre el .svg del mockup anterior. Pero tendrá los iconos sociales, la distro que usamos y todo lo que ahora pueden ver en el sidebar..

      6/42
    • Estoy de acuerdo. A mi también me gustaban esos bordes. En general me gusta más el estilo actual, pero bueno…

      18/42
  3. A mi no me gusta que no salgan las fechas en las publicaciones o comentarios y en su lugar salgan los días o las horas.

    Vas a ver un post antiguo, por ejemplo, y te pone (hace 237 días) ahora averigua que fecha son esos 237 días ¬_¬

    Eso me está enloqueciendo. >.<

    3/42
  4. Eso del banersote(Desde Linux) sobre las navs del blog se me hace muy exagerado..

    7/42
  5. simplemente me encanta, aunque la dinamica de la pagina de alguna manera me recuerda a la apgina de twitter xD, pero no me hagan caso estoy un poco loca. Exelente Disposición de las entradas y la combinación de colores. talvez un poco mas mate.

    11/42
  6. [Ironic mode ON]

    Implementando metro en DesdeLinux, ¿eh?

    [Ironic mode off]

    Qué va, está muy chulo. Sigue basado en Bootstrap, ¿no? Estaría bien un tuto
    de cómo hacer cosas de éstas.

    12/42
  7. Me gusta el nuevo diseño, aunque como dicen arriba se vería mejor un poco más mate. Me recuerda, como también han dicho, a Metro o Twitter, pero yo lo dejaría con esos colores jejeje. Me encanta la barra negra, sería un buen detalle que se oculte mientras uno hace scroll y quede la barra celeste visible mientras baja. Felicitaciones, sus diseños son de los mejores que he visto en Internet.

    16/42
  8. Me parece muy útil en especial que ahora aparezca el nombre del autor en la cabecera del artículo, así como que ahora haya un enlace para mirar los otros artículos escritos por él, pues antes solo se podía a través de la vista general al darle click al nombre. Curiosamente a mi si me gustaban los bordes, pero claro esta habrá que ver la opinión general, en todo caso como siempre un gran trabajo Elav con el diseño del blog!

    17/42
  9. A mi me gusta el nuevo diseño. Me gusta la tendencia minimalista que va adquiriendo el sitio. La barra superior propuesta me gusta más que la actual.

    Hasta pronto!

    19/42
  10. Primero que nada felicitaciones por hacer de DesdeLinux, no solo bueno por su contenido si no también por su diseño.
    Me gusta la idea del cambio de la barra flotante y la opción de leer mas artículos de este autor.

    20/42
  11. Ya te has cansado de la versión actual elav? XD

    21/42
  12. Aqui una sugerencia para el sitio.

    Que les pareceria tener la barra flotante hasta arriba, y en ella incluir el logo de la distro con que accedemos.

    Debajo de la barra observar el logo del blog estatico en la pagina, aunque se puede incluir una version mas pequeña del logo en la barra flotante.

    En la misma barra flotante incluir los datos de los miembros, es decir; el nickname y avatar.

    Saludos..!

    22/42
  13. Que tal, se ve muy bien el nuevo diseño, en lo personal no le cambiaría mucho los colores ya que así se identifica el blog.

    Buen trabajo

    Saludos

    24/42
  14. En serio que TODO esta programado solamente con HTML5 y CSS??

    25/42
  15. A mi me gusta esta :(

    26/42
  16. +1 por el diseño nuevo, me gusta la cabecera en color negro le da mas “peso” y queda mas elegante. Peticion: un sistema de evaluacion de los comentarios (manito arriba – manito abajo)

    27/42
  17. No se, me gusta el diseño actual, me parece muy profesional.

    28/42
  18. muy bueno que siga mejorando la pagina.

    29/42
  19. Gracias a todos por sus comentarios.. Los tendremos en cuenta y bueno, como está reñida la cosa, a lo mejor llevemos esto a votación.

    30/42
    • hola elav, gracias por hacer un blog tan interesante :) para mi es el mejor blog linux. Aquí va una sugerencia… que los comentarios que colocamos nosotros tenga la opción de dar me gusta o no me gusta….

      Me gustaria también si es posible que agreguen pestañas con los logos o algo por el estilo (ustedes son los que saben hacer las cosas, yo de esto no conocer mucho) con las distros mas utilizadas Ubuntu, Debian, Fedora, Arch Linux, SuSe para que los usuarios podamos ingresar a las noticias y tutoriales de nuestra distribución

      34/42
      • No sé tú, pero por experiencia propia sé que el gusta y no me gusta son buenos atrayendo trolls, y los usuarios competirían por redactar los mejores comentarios. Digo yo, tampoco sé mucho jejeje.

        35/42
      • Alguien me explica que es un troll… es que yo no se que es eso :’(

        38/42
      • Ehem, disculpa que te responda un poco tarde, pero los trolls, la verdad no noto sarcasmo en tu comentario, son esas personas que introducen comentarios molestos o expresan opiniones de manera ofensiva o molesta.

        39/42
  20. La barra de ahora ya me parece demasiado grande, no te digo si ponéis una aun mayor. Tenéis que pensar que las pantallas (por lo menos de los portatiles) son más largas que altas y todo lo que queda arriba (o también abajo) de la pantalla dificulta en último instante la visualización del contenido.

    Siempre podéis mover el logo hacia una esquina y hacerlo “float” (no se como decirlo en español), como la flecha de subir al principio del artículo, y dejarlo en una esquina, pero no una barra entera.

    36/42
  21. Opino igual sobre la barra, muy grande. Es preferible una sola, y que el fondo sea como la de arriba, pero que cambie según la distro :) Quizás sería complicado de hacer, pero el toque de elegancia que daría… lo vale no? ^^
    Lo demás, me gusta como quedó. Y se agradece MUCHO que coloquen el autor en la parte de arriba, siempre que abro un artículo lo primero que me gusta ver es quién lo escribió para entenderlo mejor :P

    37/42
  22. Sé que es un poco tarde para pedir gustos, pero he visto en algunas capturas del diseño del blog antes, y he notado que para las distros que usamos tenían iconos parecidos a los faenza. No sé, pero creo que se verían bien.

    40/42
  23. El diseño me parece bueno, lo único que deben mejorar es como se tratan las imágenes, la verdad es una pesadilla que cada que queremos ver una imagen en un mayor tamaño nos sacan del contenido principal para verla y para volver al contenido tenemos que presionar el botón “atrás”, lo cual es mas trabajo y siendo sinceros los usuarios de la web somos flojos y cuanto mas acciones tengamos que hacer para llegar al contenido es peor, o lo que es peor no solo no te abre la imagen sino que te manda a otra página donde tienes que presionar un link para que te abra la imagen en el tamaño deseado cuando creo, sería mas fácil abrir las imágenes en un lightbox y así evitar abandonar el contenido, aun así quiero decir que es para mí el mejor blog de linux y todo su contenido es de mucha calidad y además fácil de comprender

    41/42
  24. podrían liberar el diseño para maquetiarlo, está muy bueno

    42/42

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Current ye@r *