Nuhuati: Diseño http://nuhuati.zoomblog.com/ Nuhuati: Palabra nahuatl que significa hablar fuerte. Es sencillo y gratifican es 2005-11-23T00:19:00-06:00 Sun, 06 Jul 2008 01:29:06 GMT hourly 1 2000-01-01T12:00+00:00 ZoomBlog http://nuhuati.zoomblog.com/photo.jpghttp://www.zoomblog.com/ FWA: Los Premios para aquellos Sitios Web con el membrete de Favorito http://nuhuati.zoomblog.com/archivo/2005/11/23/fwa-Los-Premios-para-aquellos-Sitios-W.html http://nuhuati.zoomblog.com/archivo/2005/11/23/fwa-Los-Premios-para-aquellos-Sitios-W.html 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-)
]]> 2005-11-23T00:19:00-06:00 almaju Color Scheme Generator: Tu Esquema de Color al Instante http://nuhuati.zoomblog.com/archivo/2005/11/17/color-Scheme-Generator-Tu-Esquema-de-C.html http://nuhuati.zoomblog.com/archivo/2005/11/17/color-Scheme-Generator-Tu-Esquema-de-C.html

¿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 ]]> 2005-11-17T23:33:00-06:00 almaju Galería de 200 Bullets ó 200 Viñetas http://nuhuati.zoomblog.com/archivo/2005/11/10/galeria-de-200-Bullets-o-200-Vinetas.html http://nuhuati.zoomblog.com/archivo/2005/11/10/galeria-de-200-Bullets-o-200-Vinetas.html 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) ]]> 2005-11-10T23:58:00-06:00 almaju Tipografía Web Accesible... Una introducción para el diseñador web http://nuhuati.zoomblog.com/archivo/2005/11/09/tipografia-Web-Accesible-Una-introducc.html http://nuhuati.zoomblog.com/archivo/2005/11/09/tipografia-Web-Accesible-Una-introducc.html 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
]]> 2005-11-09T12:11:00-06:00 almaju Previsualiza tu código CSS en IE6 y Firefox al instante http://nuhuati.zoomblog.com/archivo/2005/11/09/previsualiza-tu-codigo-Css-en-Ie6-y-Fi.html http://nuhuati.zoomblog.com/archivo/2005/11/09/previsualiza-tu-codigo-Css-en-Ie6-y-Fi.html ¿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.
]]> 2005-11-09T11:36:00-06:00 almaju Una Referencia Ilustrada para Diseñar Layouts de Sitios Web http://nuhuati.zoomblog.com/archivo/2005/11/08/una-Referencia-Ilustrada-para-Disenar-.html http://nuhuati.zoomblog.com/archivo/2005/11/08/una-Referencia-Ilustrada-para-Disenar-.html 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 ]]> 2005-11-08T01:04:00-06:00 almaju Radiografía de la Tipografía http://nuhuati.zoomblog.com/archivo/2005/11/07/radiografia-de-la-Tipografia.html http://nuhuati.zoomblog.com/archivo/2005/11/07/radiografia-de-la-Tipografia.html 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...
* Mark Boultons Five Simple Steps to Better Typography - Todo en 5 pasos.

En Español:

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

Artículos seleccionados en esta web:

* Thomas J. Cobden-Sanderson : La Función de la tipografía
* Daniel B. Updike : El estilo en la tipografía
* Jan Tschichold : La nueva tipografía
* Stanley Morison : Principios fundamentales
* Patricio Gatti : El placer de imprimir
* Emil Ruder : Manuales recetas y consejos
* Aprender tipografía
* Los tipos de la calle
* La tipografía de los noventa

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
]]> 2005-11-07T22:45:00-06:00 almaju ¿Quieres Fuentes?... Ten Fuentes http://nuhuati.zoomblog.com/archivo/2005/11/01/quieres-Fuentes-Ten-Fuentes.html http://nuhuati.zoomblog.com/archivo/2005/11/01/quieres-Fuentes-Ten-Fuentes.html En SymplytheBest Fonts encontrará aquella fuente gratuita que te hacía falta... eso es seguro.


Variedad en el diseño, variedad en el color
]]> 2005-11-01T11:58:00-06:00 almaju La AIGA libera 50 Símbolos http://nuhuati.zoomblog.com/archivo/2005/10/29/la-Aiga-libera-50-Simbolos_2.html http://nuhuati.zoomblog.com/archivo/2005/10/29/la-Aiga-libera-50-Simbolos_2.html 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 ]]> 2005-10-29T14:09:00-06:00 almaju Colección: Las Marcas de Cerveza y sus Logos http://nuhuati.zoomblog.com/archivo/2005/10/22/coleccion-Las-Marcas-de-Cerveza-y-sus-.html http://nuhuati.zoomblog.com/archivo/2005/10/22/coleccion-Las-Marcas-de-Cerveza-y-sus-.html 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 ]]> 2005-10-22T02:49:00-06:00 almaju Alguna gente, si conoce el valor del diseño http://nuhuati.zoomblog.com/archivo/2005/10/11/alguna-gente-si-conoce-el-valor-del-di.html http://nuhuati.zoomblog.com/archivo/2005/10/11/alguna-gente-si-conoce-el-valor-del-di.html 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.

Seaside

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.
]]> 2005-10-11T04:32:00-06:00 almaju Otra colección de enlaces, para aquel diseñador empedernido http://nuhuati.zoomblog.com/archivo/2005/10/10/otra-coleccion-de-enlaces-para-aquel-d.html http://nuhuati.zoomblog.com/archivo/2005/10/10/otra-coleccion-de-enlaces-para-aquel-d.html
Digital Thread es el nombre... y este es su logo.
 
Todo el diseño - Todo el tiempo
y lo cumplen.



]]> 2005-10-10T16:28:00-06:00 almaju El Tactapad en Acción http://nuhuati.zoomblog.com/archivo/2005/10/10/el-Tactapad-en-Accion.html http://nuhuati.zoomblog.com/archivo/2005/10/10/el-Tactapad-en-Accion.html Tenemos para recrear la pupila al Tactapad en acción, así es, ya están al aire los primeros videos, donde se muestra la funcionalidad de esta herramienta que puede cambiar el rumbo de todo aquel diseñador o ilustrador.

tactpad

Sorprendanse...

Enlace | Tactapad
Video | Tactadraw Movie ]]> 2005-10-10T15:31:00-06:00 almaju Dynamic Drive, ¿quieres código dhtml o javascripts gratis? http://nuhuati.zoomblog.com/archivo/2005/10/06/dynamic-Drive-quieres-codigo-dhtml-o-j.html http://nuhuati.zoomblog.com/archivo/2005/10/06/dynamic-Drive-quieres-codigo-dhtml-o-j.html 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...

Atiendete y agrega algo de dinamismo a tu blog, pero no exageres... recuerda

Enlace | Dynamic Drive ]]> 2005-10-06T03:20:00-06:00 almaju Flash Si, Flash No http://nuhuati.zoomblog.com/archivo/2005/10/05/flash-Si-Flash-No_2.html http://nuhuati.zoomblog.com/archivo/2005/10/05/flash-Si-Flash-No_2.html 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



]]> 2005-10-05T04:13:00-06:00 almaju