¿Cómo generar una paleta de colores para tu sitio?

alpha2.jpg

Esta es una pregunta que invariablemente nos hacemos a la hora de comenzar a diseñar un sitio, si bien hay una teoría básica para definir una paleta, muchas veces no es suficiente. ¿A qué me refiero con teoría básica? bueno pues hablando de un sitio para una funeraria por ejemplo, no vamos a usar colores vivos y festivos, lo ideal es la sobriedad, colores que evoquen tranquilidad y paz. Esto por dar un ejemplo de la teoría básica.

No ayuda mucho ciertamente, entonces, ¿de dónde vamos sacar nuestra paleta de colores? Les voy a dar dos ejemplos que trabajé reciéntemente y en los cuales llegué a la paleta de colores por caminos diferentes. Lee todo el post »

Logotipo de V-17 en uso

Actualmente estamos trabajando con el sitio web de v-17 y hemos intercambiado muchos emails con nuestro cliente, pero la semana pasada fue diferente, nos envío un email con fotografías de gente usando uniformes tipo Fórmula 1, aunque el negocio tiene cerca de un año abierto no habíamos visto el logo que hicimos en uso.

Fue un sentimiento extraño que toda esa gente usándolo. Parece que el logo está cumpliendo con su función que es ser un identificador único para nuestro cliente. A continuación algunas fotos. Lee todo el post »

5 preguntas que debes hacer antes de comenzar el proceso para hacer un logotipo

  1. Pide una explicación detallada del servicio/producto/compañía a la que le vas a hacer el trabajo.
    Esta parte es la más importante y por lo mismo la más crítica, es de vital importancia saber que es lo que estamos haciendo y esto se resuelve teniendo la información correcta. Pregunta todo, pide que te de un tour por su compañia, pide muestras de su producto para conocerlo mejor, etc. Lee todo el post »

La muerte del diseño web 2.0

web20.pngA veces las corrientes de diseño siguen modas, tienen temporadas, invariablemente están destinadas a morir. Recuerdan a 2Advanced y el diseño techno? cajas con ángulos en 45°, textos pequeños, colores azules o metálicos. El diseño estilo 2Advanced fue la norma durante mucho tiempo, mentiría si dijera que no fui influenciado por ellos, pero todo tiene su límite y su tiempo de vida, 2Advanced por estos días ya no es la norma y sus sitios en HTML comienzan a verse obsoletos (siguen usando tablas, iframes, etc. aunque con diseño impecable) ahora suenan mucho más Happy Cog, 31Three, Simplebits entre otros, que vienen haciendo uso fuerte de los estándares.

Dentro de esta nueva corriente de los estándares surgió el AJAX y el diseño web 2.0. Para comprender mejor lo que quiero decir separaré lo que es el diseño de la funcionalidad.

La funcionalidad

Viene siendo la forma de usar el sitio, o bien lo que el sitio hace, agregadores de noticias, lectores de RSS, galerías de fotos, sitios para compartir gustos musicales, etc. todo esto ha sido un boom, los contenidos de los sitios son generados por los mismos usuarios, esto en forma general es el web 2.0

El diseño

Pero hay otra parte, el diseño, que es la razón de este post. Estos días hay cientos de miles de sitios que se ven similares, colores vivos, botones glossy, textos grandes, reflejos en fotos y títulos y es lo que llaman comunmente en la red el diseño web 2.0, hasta hay generadores de botones que te hacen el estilo web 2.0 con un par de clicks.

Esto es lo malo del diseño de temporadas ¿por qué? por que está destinado a morir y ni hablar de la falta de originalidad. Cientos y cientos de sitios repitiendo los mismos recursos a la hora de diseñar hace que todo se vea igual y por lo tanto pierda calidad.

Las modas de diseño no son malas, nada más que hay que usarlas con mesura y no excederse. No hay que preocuparse, seguramente por ahí se está gestando la nueva tendencia en el diseño web.

Syncotype your baselines

¿Qué significa el título? Se refiere a ajustar el alto de líneas de tu texto para que concuerde en las diferentes cajas o divs aunque tengan diferentes tamaños de letra. ¿Confuso? esta captura lo explica mejor.

Se ve bien a primera vista, incluso el autor del post usa este recurso en su blog y se ve bien, pero... es engañoso.

Como pueden veer el diseño termina muy rígido a mi parecer, otro detalle es que si bien funciona con ciertos tamaños de letra, cuando la diferencia se agranda comienza a descomponerse la cosa. Cada tamaño de texto tiene una altura de línea óptima (en la teoría y en la práctica), y este recurso llamado Syncotype lo pasa por alto.

Visualmente los textos más pequeños necesitan menos altura de línea de otro modo se vuelve dificil la lectura. Syncotype, una solución para tomarse en cuenta y tenerla en nuestro abanico de herramientas pero hay que tener cuidado con su uso.

Sitio web Alpha Group

Alpha GroupEste sitio fue hecho en asociación con Morgan Global Solutions y debo decir que fue una experiencia muy positiva en muchos sentidos. Es un sitio de bienes raíces, promociona propiedades en Arizona y Sonora. El sitio está hecho completamente en CSS + HXTML y tiene algo de flash en el home y en los interiores, además está en inglés y en español.

Aquí pueden ver el sitio viejo, aquí pueden ver el sitio que les hicimos.

La paleta de colores del sitio la hice así porque así son los colores de nuestro entorno acá por Sonora y Arizona, cafés, naranjas, amarillos, incluso a veces los cerros se ven morados.

Quiero contarles algo que pasó con este cliente. En un principio no sabían si soltarnos el trabajo, —¿sí lo van a hacer bien? preguntaban, ahí Daniel jugó un papel muy importante en la labor de ventas y convencimiento, pasado este episodio comenzamos a trabajar y les envié el diseño, lo vieron y dijeron que gustó mucho no sin antes preguntar si realmente nosotros lo habíamos hecho, sorprendidos levantaron las cejas, al parecer no pensaban que desde este lado de la frontera, se hiciera diseño de calidad. La realidad es que los norteamericanos algunos norteamericanos tienen esa percepción de México, creen que todo es como se ve en la TV.

Terminar y entregar este trabajo fue una experiencia agridulce, por un lado fue dulce por que el nuevo sitio les gustó mucho el trabajo lo vendimos bien y un poco agria por otro lado por que creen que en México no somos capaces de hacer trabajo de calidad y eso saltaba en diferentes partes del proceso. Al final creo el balance fue bueno.

Todavía no ponen el sitio en su dominio final, no se la razón pero creo que andan en eso.

O coopelas o cuello t-shirt

Coopelas o cuello

Esta camiseta sale del testimonio de Zhenli Ye Gon, el tipo que tenía 205 millones de dólares dentro de su casa, el mayor decomiso de dinero en el mundo. Según él un funcionario del gobierno le dijo que guardara el dinero y en palabras de Zhenli el funcionario le dijo: "O coopelas o cuello". Hablando de creatividad mexicana al asunto ya le dicen en los medios "El Chinogate" (Para sumarse a la larga lista de los *gates. Pemexgate, Toallagate, etc.) y al relato de Zhenli le dicen "El cuento chino".

Pedro owns your homeland t-shirt

pedro-tshirt.png

Esta camiseta se me vino a la mente después de ver en algunos blogs esta camiseta que dice Deport Pedro y también de haber leído en algunos sitios sobre el Mexica Movement que plantea que los indígenas son los verdaderos dueños de toda américa. Sabemos que EU robó compró a diferentes personajes "mexicanos" más de la mitad del territorio mexicano y ese desastrozo episodio de la historia de México dificilmente saldrá de la psique de todos los mexicanos. Claro, yo no soy tan radical como para taparme la cara y agarrar un megáfono en una calle de Los Angeles, así que mi pequeña protesta es esta camiseta.

Para el que no lo sepa, la camiseta original de Vote for Pedro (Vota por Pedro) salió en la película de Napoleon Dynamite, después algún americano estadounidense hizo la camiseta Deport pedro (Deporta a Pedro) mofándose de la situación de millones de mexicanos sin papeles en EU.

Haz tu propia camiseta de Pedro y envíanosla a droid[at]nudonation.com para publicarla.
Descarga el template (.zip con un archivo .PSD editable y un .JPG)

Actualización: Ya nos mandaron la primer camiseta, gracias Karlos Maldonado. Aquí la camiseta.

Sitio SuperMedia

SupermediaRecién terminé este sitio. Es una compañía que vende publicidad en los carritos de los supermercados, bueno, en carritos y en los pisos. La idea aunque no es nueva, no ha sido implementada de lleno aquí en la ciudad de Hermosillo, esperemos que le vaya bien a Javier Gallego, director de SuperMedia.

Las fotos las saqué de istockphoto.com se los recomiendo, tiene fotos de muy buena calidad a precios muy bajos, tanto como 1 dolar. El sitio está hecho con CSS + XHTML, y fue listado en algunos directorios de diseño de sitios como: cssmania.com, cssgalerie.cz, Screenalicious.com, mostinspired.com.

How Seagate learned to package like Apple

Quise dejar el título como lo leí porque lo dice todo. Se trata de un tipo que compró un disco duro externo de la marca Seagate y documentó paso por paso la experiencia del empaque. Tiene algunos detalles muy interesantes, copywriting inteligente, calidad en los materiales, será que aprendieron algo de Apple?. Vale la pena leer el post.

Sitio del Monitoreo Legislativo Sonorense

MLSEstoy más que contento porque por fin terminamos este sitio, un proceso largo y lleno de momentos de prueba y error, pero al final el cliente quedó muy satisfecho y claro, nosotros también.

Se trata del sitio del Monitoreo Legislativo Sonorense, este sitio llevará un riguroso registro de las actividades de los legisladores en el congreso local de Sonora, por ejemplo sus asistencias, su producción, entre muchos otros datos, esto con el fin de transparentar sus actividades.

Debo decir que es el sitio más dificil que he hecho, fue todo un aprendizaje para mi, batallamos mucho para agarrarle al funcionamiento del congreso y después pasar eso a programación. El sitio es alimentado por personas que llevan el monitoreo de cada sesión del congreso, despúes con los datos recopilados accesan a un administrador y agregan los datos.

Este sitio está hecho en PHP+MySQL montado sobre documentos XHTML y maquetados en CSS. Además el CSS valida ;)

Este trabajo fue desarrollado por Trost con la ayuda en la parte de programación de Victor Castrejón de Desarrollos Digitales. El sitio es nuevecito, así que si le ven algún bug por favor me dicen.

Sitio Suspiros Pastelería

suspiros.jpgEsta vez el sitio no lo hice yo, si no Victor de Desarrollos Digitales. Pero igual me da gusto que se reconozca el trabajo de otros mexicano y claro, también porque este trabajo lo veo como hecho en equipo. Mi participación fue con el diseño, hice la página de inicio y se la entregué en un archivo .PSD. Aquí el sitio de Suspiros Pastelería.

El sitio fue agregado a CSSmanía y hasta el momento con una calificación de 9, CSSmanía es el directorio de sitios hechos bajo estándares web más importante hoy en día. Bien por Victor que es de los pocos —Asesores de Sistemas— (una vez se encabronó por que lo presenté a otro amigo como "El programador") realmente preocupado por los estándares y el buen diseño.

Aquí pueden ver una captura de lo que hice.

Add me

Descargas

Descarga los N-Chrome icons

Descubre el poker en internet con Blog de Poker, tu fuente de actualidad, estrategias y consejos.

Categorías

Archivos por mes

Buscar

DE VENTA AQUÍ
Precio: 120 varos cada uno
Medida: 60x90 cms.
Acabado: Barníz Matte
Verlo más grande

Si quieres uno escríbeme a droid(at)nudonation.com, llama al 2114139 o hazlo a través de la forma de contacto.

Suscríbete vía RSS

Suscríbete vía E-mail

Lo más reciente

  1. Mozilla México ya tiene logo
  2. Logos de promoción turística USA y México
  3. Carlos Slim y su sitio web
  4. Wordpress 2.7
  5. T-shirt must have
  6. Xcaret: diseño en el cajón
  7. :D
  8. Threadless rediseña
  9. The Bandwidth of Ejaculation
  10. Don´t shave your ass hair

My Flickr photos

Desde la internetsDesde la internetsDesde la internetsDesde la internetsDesde la internetsDesde la internetsDesde la internetsDesde la internetsDesde la internets