Diseño
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 FWAInformación | General Info (esto es solo para probar a unos incautos que la tecnología flash, si permite generar "enlaces directos" -direct link-) |
Comenta
| Sigue el Hilo (0)
Etiquetas: creatividad, DISEÑO
|
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
|
Comenta
| Sigue el Hilo (1)
Etiquetas: DISEÑO, COLOR
|
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 (2) |
Comenta
| Sigue el Hilo (0)
Etiquetas: DISEÑO, recursos, viñetas, bullets
|
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
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: tipografía, typography, fuentes, fonts
|
¿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 (2) |
Comenta
| Sigue el Hilo (1)
Etiquetas: CSS, firefox, internet+explorer, DISEÑO
|
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
1) Una referencia visual para el diseñadorComo 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 clienteComo 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 (2) |
Comenta
| Sigue el Hilo (0)
Etiquetas: DISEÑO, layout
|
Si en tu empresa necesita símbolos de señalización,o si los que emplea tu municipio son lamentables, aquí tienes una opción totalmente profesional, ya que el set completo de set "50 passenger/pedestrian symbols" desarrollados por la AIGA disponibles en la web, y de manera gratuita.. Los signos se encuentran en los formatos EPS y GIF.
Enlace | Symbol Signs
|
Comenta
| Sigue el Hilo (0)
Etiquetas: AIGA, DISEÑO
|
La cerveza.... delicioso brebaje que puede curar heridas, y nunca cae mal... Hoy no te caerá mal, revisar los logotipos de las marcas más prestigiosas (incluidas muchas mexicanas), y también el de muchas otras con sabor a olvido.
 El fin de semana es una buena invitación para vaciar algunas botellas
Olvidaba mencionar que son 340 logos, y todos se encuentran listos para ser descargados en formato adobe illustrator, o eps.
Enlace | Bierlogos
|
Revisa los Comentarios (1) |
Comenta
| Sigue el Hilo (0)
Etiquetas: creveza, logotipo, DISEÑO, LOGO
|
He estado reflexionando sobre los usos y los "desusos" del Diseño, junto a los pros y los contras, los excesos y la escasez en su implementación.
Para esto, precisamente hoy tengo una pequeña historia que contar, donde se demuestra que el Diseño realmente puede elevar el valor de cualquier objeto si tiene una meta en común.
La Historia comienza en un poblado llamado Seaside en Florida, esta pequeña "comunidad planeada", causó toda una revolución cuando fué diseñada por Andres Duany y Elizabeth Plater - Zyberk, y gran parte de esa fama, fue adquirida a través la idea de crear un poblado "a la antigua" (con casas pequeñas, todas cercanas entre si, y además lo suficientemente próximas al mercado o centro comercial, así las personas podían caminar en lugar de manejar).
Si pudiste ver "The Truman Show", puedes decir que conoces Seaside, ya que el poblado de Truman es su viva imagen, pues este poblado realmente tiene la apariencia de un perfecto set de filmación.
Para llevar a cabo este cometido, el pueblo tiene leyes de diseño sumamente estrictas (en relación a tamaño y medidas), que garantizan a las nuevas casas adaptación. Pero también existe gran flexibilidad de diseño en relación con el estilo y variedad, (algunas viviendas son clásicas, algunos otras modernas, otras son chalets) estas regulaciones ayudan a mantener la calidad de vida en el pequeño pueblo constantemente alta, ya que los principios de su fundación no han sido alterados.
Los resultados son los siguientes: Un pequeña casa con un solo cuarto en Seaside cuesta $450,000 dolares, mientras tanto, unos kilometros adelante en la misma playa, una casa de similares condiciones, fácilmente se puede conseguir por una décima parte, es decir $45,000.
Dado que la situaciónes del lugar y tamaños de las dos viviendas son cercanas entre si, podemos decir que la gente que compra una propiedad en Seaside NO está pagando por lo tradicional "EL LUGAR", sino que esta adquiriendo "FUNCIONALIDAD" y pagando por "EL DISEÑO".
¿Tu que opinas?
Yo te puedo decir que el buen diseño es valioso. Es digno de aprecio. Es importante. El buen diseño no es superficial. Resuelve problemas. Crea soluciones. Añade valor.
Enlace | Seaside, Fl. (La Web también posee un excelente diseño)
Un diseño... un simple y buen diseño, donde se requiere.
|
Comenta
| Sigue el Hilo (0)
Etiquetas: DISEÑO, Seaside
|
A través de una discusión en al1040, sobre la siempre polémica cuestión Flash Si, Flash No, llegué a una conclusión:
No hay piedra en el frijol por más que se quiera encontrar en una opción u otra (siempre hay ventajas y desventajas), cada persona elige las tecnologías que se adapten a sus situaciones, necesidades y dotes.
Yo no soy partidario de flash porque no lo requiero, pero se que no existirían grandes sitios, juegos, aplicaciones, y un sinúmero de cosas más, si no es por esta herramienta.
El punto es: cada cosa en su lugar, y cada quien sus necesades.
...Cuando la imagen y multimedia predomina el html estorba, en cambio, cuando el contenido es rey, el Flash quema la Foto.
 úsese según las condiciones del tiempo
|
Comenta
| Sigue el Hilo (1)
Etiquetas: flash, DISEÑO
|
 Si te dedicas al diseño gráfico, o al diseño web, sabrás cuan necesario es tener una lista de comandos o accesos rápidos a la mano cuando te encuentras trabajando con cualquier tipo de software, para tratar de omitir la realización de tediosos pasos una y otra vez.
Y lucir como un diseñador consagrado que domina a la perfección su herramienta.
O tal vez venga a tu mente aquella ocasión en que querías programar algo en PHP, pero tus dedos se quedaban tiesos al olvidar las etiquetas más comunes, al igual en HTML o CSS.
¿Apenas quieres darle al diseño y ya quieres programar?...
En esta ocasión tengo unos regalitos para ti, los encontré vía Lifehacker.
Es una lista de Acordeones (asi llamados en méxico), chuletas (en otros países de habla hispana), o Cheat Sheet (en Inglés).
Que se traduce en pequeña lista de referencia, (para hacer trampa).
Aquí están las elementales para el diseñador web:
Si no encuentras en estas opciones lo que buscabas, aquí hay mas:
Our Favorite Cheat Sheets
Cheat Sheet Roundup
Ojalá alguien se anime a traducir su favorita al español.
|
Comenta
| Sigue el Hilo (0)
Etiquetas: DISEÑO, cheat sheet, chuleta
|
Otros mensajes en Diseño
- Los colores en Movimiento, una guía para descubrir los simbolismos del color (13 de Septiembre, 2005)
- El Azul con Vértigo Blue y su lista de enlaces en horizontal (11 de Septiembre, 2005)
- Fotonostra nos obsequia un curso muy completo de diseño (9 de Septiembre, 2005)
- La Versión 4.0 del Magazine "A List Apart" (2 de Septiembre, 2005)
- Formas Web: Sencillas, Fáciles y Gratuitas (31 de Agosto, 2005)
- Tu Dibujo Abstracto y Simétrico, YA! (21 de Agosto, 2005)
- El diseño no se requiere en todos lados (19 de Agosto, 2005)
|
|
Dicen ser el sitio # 1 en la web para obtener código DHTML y Javascripts de manera gratuita, y con una cuidada selección... a primera vista parece ser que no mienten...
