Diseño


FWA: Los Premios para aquellos Sitios Web con el membrete de Favorito


Una Inmesa recopilación de sitios... con diversidad de tonos, sabores y humores.


FWA y sus ultimas 11 recomendaciones

La mayoría de los sitios web son un manjar ideas, con el aderezado de la novedad y el buen diseño... suculento platillo para llenar cualquier espectativa.

Comienza por los SOTY (sitios del año), después SOTM (sitios del mes), y finaliza con lo que quieras, esto se logra filtrándolos a través de la segunda casilla de selección (lleva por nombre type) partiendo del costado izquierdo.
Gózenlo

Enlace | The FWA
Información | General Info (esto es solo para probar a unos incautos que la tecnología flash, si permite generar "enlaces directos" -direct link-)


* Revisa los Comentarios (50) | Comenta | Sigue el Hilo (0)


Etiquetas:


Color Scheme Generator: Tu Esquema de Color al Instante

Esta Herramienta te facilitará seleccionar esquemas de colores, y te ahorrara mucho tiempo...


¿Un Esquema de Color?

Al diseñar páginas web, usar aplicaciones del computador o interiores de casa, necesitamos encontrar un buen esquema de color - juegos de colores que produzcan la mejor impresión. Para cada tinte hay colores con los que puede coexistir, y con los cuales no.

Los diseñadores experimentados escogen colores intuitivamente, muchas personas pueden "oler" qué colores van bien juntos bien y cuales no. Sin embargo, encontrar la combinación buena de colores a veces puede ser un trabajo largo y tedioso.

La teoría del color hace el trabajo más fácil. Esta herramienta encontrará juegos de colores con los que puedes empezar, y puede facilitar tu búsqueda de la paleta de colores óptima. Esta aplicación genera esquemas de colores de varios tipos. Cada esquema está basado en un color (base) que se complementa con colores adicionales que dan juntos la mejor impresión óptica - usando uno de los algoritmos auténticos.
Simplemente elige el color base.

Enlace1 | Color Scheme 2
Enlace2 | Ayuda en Español


* Revisa los Comentarios (2) | Comenta | Sigue el Hilo (1)


Etiquetas:


Galería de 200 Bullets ó 200 Viñetas


Este tipo de gráficos son esenciales para proporcionar ese pequeño detalle o toque personal, a un sitio web... lo mismo debieron pensar en Stylegala, y reunió 200 en esta colección.


2/5 de lo disponible

Bullet madness 

Es una lista de 200 bullets (viñetas), flechas e iconos, agregadas por diversos usuarios.

Una colección muy útil de viñetas para tus andanzas en el diseño web - estos iconos podrán dar ese extra a tu diseño, que hará la diferencia entre tu diseño, y el de la multitud.

Puedes utilizar estos iconos de la forma que desees, pero debido a que las viñetas han sido agregadas por usuarios anónimos, algunos de ellos podrían poseer alguna licencia no CC.
Aprovéchalas.

Enlace1 | Bullet Madness / a free bullets project at Stylegala
Enlace2 | Stylegala (de paso revisa otras secciónes)


* Revisa los Comentarios (13) | Comenta | Sigue el Hilo (0)


Etiquetas:


Tipografía Web Accesible... Una introducción para el diseñador web


Continuamos con la tipografía, y en esta ocasión les presento un libro enfocado sobre el manejo tipográfico en el web, y lo mejor es que se encuentra disponible de forma totalmente gratuita.


Typo con personalidad múltiple

Este ebook abarca los temas esenciales, todos explicados de una manera concisa y clara, en el podremos encontrar consejos elementales cuando llega el momento de elegir fuentes, o tips para ejecutar buenas decisiones a la hora de dar formato sobre la información. Los Bloogers podrán conseguir pautas a seguir para obtener una escritura legible.

El libro se divide en 3 grandes secciones

* Buena Elección de Fuentes
* Tamaño del Texto
* Usabilidad

En total son 28 capítulos, así que dirígete al índice, y comienza por lo primero que te llame la atención.

Enlace | Accessible Web Typography - an introduction for web designers


Comenta | Sigue el Hilo (0)


Etiquetas:


Previsualiza tu código CSS en IE6 y Firefox al instante


¿Quieres editar CSS, con un aplicación que te permita ejecutar un render al momento con los motores de IE6 y Firefox.?



Te presento CSSVista, tu herramienta gratuita para eliminar la incompatibilidad

Más Específico

CSSVista es una aplicación gratuita creada para los diseñadores web, que les permitirá editar código CSS "al momento", podrás trabajar con el motor de los navegadores Internet Explorer y Firefox de manera simultanea lo que te permitirá percatarte de cualquier cambio. Al desarrollar sitios que trabajan con IE 6 y Firefox serás compatible con el 88% de tus visitantes.

Características

* Edición CSS en vivo
* Render instantaneo sobre el motor Internet Explorer 6 y Firefox
* Divide el panel de visualización en dos para ver ambos navegadores de forma simultánea
* ¡Completamente gratuito!

Se que es trabajo extra el tratar de hacer funcionar de manera correcta nuestra web con el máldito IE 6, cuando el diseño no tiene errores... todo sea por transformar una visita de negocios en una visita de placer.

Te aseguro que  esta aplicación te facilitará las cosas

Enlace | CSSVista
Descarga | Versión 0.1 (solo Windows XP)

Aunque pensándolo bien prefiero quedarme con la etiqueta Demasiado cool para IE.

Actualización | Xonico nos comenta la existencia de dos servicios a través del web browsercam y browsershots que generan una imagen con la visualización de diferentes navegadores.


* Revisa los Comentarios (29) | Comenta | Sigue el Hilo (1)


Etiquetas:


Una Referencia Ilustrada para Diseñar Layouts de Sitios Web


En esta web podrás encontrar muchísimos borradores de layout para utilizarlos como un portafolio de diseños.
Lo que facilitará la elección del cliente y ahorrará muchísimo tiempo al diseñador, evitando los tiempos de reestructuración.


Un croquis del diseño seguirá siendo la mejor guía

A continuación les menciono con mas detalle las ventajas.

1) Una referencia visual para el diseñador

Como una referencia para el diseñador de Web, este sitio web provee más de 500 diseños de layout para utilizar en la planeación y diseño de sitios web.

Varios elementos como botones, paneles laterales, o las encabezados pueden ser tomados de los diferentes layouts y combinarlos entre sí para crear un estilo original y único.

Corresponde al diseñador determinar qué colocar dentro del diseño. Un círculo puede ser una foto, texto, o un color de relleno. El resultado final depende de la creatividad del diseñador.

2) Una referencia visual para el cliente

Como una referencia para el cliente, este sitio web suministra un menú visual de los diferentes diseños, que podría esperar para el sitio web que desea.

Tener un catálogo de layouts posibles, ayudará a eliminar la pérdida de tiempo, y la típica confusión entre el diseñador y su cliente. Con las disposición aquí mostradas, el cliente puede elegir y seleccionar los elementos de ilustración gráfica indicados para el sitio web que está buscando.
Este es uno de esos enlaces que salvan el día...
Recuerda tenerlo siempre a la mano.

Enlace | Website Layout Cookbook An Illustrated Reference for Designing Website Layouts


* Revisa los Comentarios (39) | Comenta | Sigue el Hilo (0)


Etiquetas:


Radiografía de la Tipografía


La Tipografía, un tema basto a la vez de interesante, la mayoría sabemos poco de él, así que me dí a la tarea de recolectar artículos y enlaces interesantes para darnos una visión más amplia del tema.



Un Typo... H...

Generales:

* Web Typography Tutorial - Un Tutorial que recorre de pies a cabeza este tema.
* The World of Fonts - Una retrospectiva histórica de este tema.
* Typetester - ¿Quieres saber como se vería tal documento con tal fuente?...
* Typographica - El mejor blog anglosajón en cuestiones tipográficas.
* Typography Rules - Para todo hay reglas y consejos... no las sigas todas pero escucha.
* Linotype FontExplorer X - Una excelente aplicación, para gestionar tus fuentes.
Typography Workshop  - Práctica.

Artículos:

* The Trouble With EM 'n EN (and Other Shady Characters) - Un artículo de A List Apart que nos habla de la puntuación tipográfica.
* I Hate ITC Garamond - Cuando una fuente es odiada...

En Español:

* Unos Tipos Duros - No hay mejor web para estos menesteres. (incluida la que quieras).

Artículos seleccionados en esta web:

Si tienes más tiempo:

* Luc Devroye - Una Web que cuenta con decenas de enlaces.


Vía | Typography Crash Course Roundup y unostiposduros
Relacionado | Niu Dei I y ¿Quieres Fuentes?... Ten Fuentes


* Revisa los Comentarios (20) | Comenta | Sigue el Hilo (0)


Etiquetas:


¿Quieres Fuentes?... Ten Fuentes


En SymplytheBest Fonts encontrará aquella fuente gratuita que te hacía falta... eso es seguro.


Variedad en el diseño, variedad en el color


* Revisa los Comentarios (5) | Comenta | Sigue el Hilo (1)


Etiquetas:


Otros mensajes en Diseño