Diseño Web Y Navegación: Ejemplos De CSS

Diseño Web Y Navegación: Ejemplos De CSS

El diseño web y la navegación se mantienen en mi opinión como uno de las áreas claves, más críticas, a partir de las cuales un editor online puede aumentar su reputación, visibilidad, alcance y éxito final. Por supuesto que el contenido debe jugar su parte también, pero el diseño de interfaz basado en web y la exhibición del contenido tienen un rol crítico y relevante para ayudar a los lectores a que encuentren de manera entendible lo que están buscando y en mi opinión, el diseño web nunca debe ser encarado como algo de último momento, una propuesta interesante-de-tener.

Photo credit: Alex Hinds

Para todos aquellos que me preguntan cómo debería ser el diseño de sus nuevos sitios web o servicios online el consejo esencialmente sigue siendo el mismo:

a) No sea un diseñador improvisado - eso pertenece al pasado.

b) No juegue con esos lindos programas de diseño web y editores HTML que prometen facilitarle la vida mientras incrustan códigos no estándar y a menudo no editables dentro del HTML de sus páginas

c) Si no puede pagar un diseñador, vaya y compre una plantilla de sitio web prediseñada que está ejecutada profesionalmente y es compatible con los estándares.

d) Preguntéle a sus amigos que saben de diseño cuales son sus preferencias cuando se trata de lucir profesional, legibilidad y facilidad de navegación.
Tome debida nota de esto y prepare un bosquejo de diseño que saque lo mejor de esas preferencias.

e) Fíjese en lo que hay por ahí.Investigue y explore trabajos existentes que coincidan con su dirección y necesidades. No reinvente la rueda cada vez. Con todos los sitios web que existen, por lo menos debe haber algunos que ya habrán satisfecho a sus mismos requerimientos de comunicación que usted está tratando de lograr ahora.

Muchos de ustedes quizás ya estén familiarizados con CSS Zen Garden, la primera y más popular galería CSS de ejemplos reales y soluciones de implementación CSS.

"Mitad manifiesto y mitad galería , de acuerdo a sus propias palabras, CSS Zen Garden
aparece como una reacción al uso elemental e insulso Cascading Style Sheets que era común en ese momento.

La idea fue crear un código HTML elemental e inamovible y preguntarle a los diseñador, programadores creadores web en general a que contribuyan con diferentes archivos CSS para formatear visualmente el mencionado código HTML."

Con una metodología similar Vitaly Friedman acaba de lanzar un nuevo recurso abierto y utilidad para los diseñadores web duchos en CSS: CSS Showcase - una exhibición de menús de navegación y pestañas basadas en CSS.

El nuevo exhibidor CSS de Vitaly Friedman intenta que usted ahorre tiempo e inteligencia de diseño trayéndole una fantástica, pre-filtrada colección de ejemplos de diseño de interfaz web. De esas es fácil identificar y seleccionar componentes clave de diseño y soluciones de navegación, que una vez combinadas y armonizadas pueden ser la solución perfecta para sus propias necesidades de diseño.

Photo credit: stock.xchange navigation

CSS Showcase apunta no solamente a fantásticas implementaciones CSS individuales en sitios web específico sino también a otras colecciones de mini diseño CSS, actuando como un potencial metal-directorio para todos los buenos diseños CSS que andan por ahí.

No solamente eso.

El CSS Showcase ahora hace posible que cualquier diseñador web cualificado envíe sus propias soluciones de diseño basadas en CSS directamente a la galería, permitiendo que un rango mucho más amplio y valioso de abordajes y soluciones estén disponibles.

Si usted es un diseñador web CSS experto, el nuevo CSS Showcase de Vitaly puede ofrecer una oportunidad más parar exhibir su trabajo a una audiencia pre-cualificada, al contribuir con su experiencia, visión y habilidades en esta galería abierta de valiosos modelos y ejemplos.

El CSS Showcase soporta RSS y permite que cualquiera pueda suscribirse y recibir automáticamente cualquier actualización de esta útil colección creciente de verdaderamente efectivos ejemplos de navegación web basados en CSS.

Alimentador RSS para nuevas entradas.

Alimentador RSS para exhibir selecciones.

Y si usted quiere más , sólo necesita pedir:

Esta es una de las más extensas y actualizadas listas exhibiendo los mejores ejemplos de la galería CSS disponibles. Gracias a Listible, aquí está para usted: