BlogStyle

Cosas que ya no hago

Mayo 31st, 2008 | Escrito por Gastón

No se ustedes pero desde que me volví geek he dejado de hacer cosas o hacerlas en menor proporción también he empezado a hacer cosas diferentes, un cambio de hábitos.

Recuerdo que antes de que me vuelva geek yo era feliz con mi computadora haciendo lo siguiente: llegaba de la escuela y prendía mi computadora y directo a conectarme al messenger, de ahí a abrir el ares y a bajar las canciones de moda, esa era mi vida y era feliz con ella.

Después un día descubrí el warez, recuerdo que fue un alucine para mi aprender a bajar programas gratis y yo activarlos, ya no tenía que ir a comprarlos, de hecho hasta bajaba programas que no me servían y los instalaba por el simple hecho de que los tenía al alcanze de mi mano. Este fue el principio de mi ‘travesía’ por la red, ya que de donde bajaba los programas era un foro el cual todavía existe y le tengo gran aprecio ya que ahi aprendí mucho.

En fin, esta fue mi etapa más forera de mi vida, recuerdo que ahí me enseñaron a descargar de rapidshare, poner imágenes, enlaces, etcétera. Sabiendo la existencia de estas comunidades me registré en otros foros y les robaba el material para ponerlo en el foro, si, todos tuvieron su época :P. En este foro fuí escalando de posición hasta llegar de moderador, ya te imaginarás, me sentía una persona muy importante, me sentía realizado jajaja. En fin un día en la sección de videotutoriales vi un tema de título: “Configuración y uso de bifrost”. Sinceramente yo ni sabía ni me interesaba que era eso, pero como era un warez adicto me lo baje y lo ví por curiosidad, cual fuera mi sorpresa que se trataba de un troyano en el que enseñaban a configurarlo y utilizarlo, fue un wow, aprender a hacer eso era convertirse en hacker, además al final se firmaba el video con la dirección de su foro, así que lo primero que hize fue entrar a esa dirección y registrarme, fue mi primer contacto con una comunidad de underground y para ¿suerte? en esa época hackearon el servidor del foro de warez así que empeze mi etapa de underground, me la pasaba viendo que podía aprender ya que se me hacía muy interesante, además tenían buenos usuarios que te orientaban. Como todo buen n00b (novato) uno tiene que empezar a leer, al menos yo eso hacía, no soy de esos que les gusta todo en bandeja de plata, hay que ser un poco autodidactos; Pues con esto de que leía todo lo que podía el ares ya no era obligación abrirlo como antes porque también ahora veía muchos videos y también podía descargarme discos completos y no bajar canciones una por una por medio del ares, el messenger personal quedó hecho completamente de un lado ya que me cree un correo para solo las personas de la red y solo ese usaba, ahí me la pasaba chateando.

Aquí fue cuando aprendí a usar troyanos a la prefección y a saber un poco más como funcionaba todo esto. Un mes después el foro de warez había vuelto y yo ya era otra persona completamente hablando sobre conocimientos, el administrador que era ya muy amigo mio me hizo administrador, por cuestiones diversas renuncié al cargo y también conocí nuevas comunidades pero esta vez relacionadas con el underground y como quería aprender defacing me dijieron que aprenda PHP, yo no sabía para que servía pero sabía que debía aprenderlo para ‘hackear’ una página web y por suerte encontré el curso de Jesús Conde el cual tomé junto con el de Photoshop (este último no era de Jesús Conde). Pues qué paso que me enamoré del diseño y de la programación, además había aprendido HTML leyendo un tutorial. Te imaginas, ahora llegaba a mi casa y prendía la computadora, el messenger ni lo volteaba a ver, el ares era muy ocasional su uso, ahora solo me dedicaba a primeramente leer los foros, descargar unas cuantas cosilla, leer tutoriales y a practicar primeramente photoshop y después PHP con algo de MySQL. Dejé de ver la tv, y me pasaba horas y horas frente al monitor aprendiendo cada día más y más. Además gracias a mi amigo el administrador del foro aprendía sobre que era un blog y de el aprendía como bloggear y ser un webmaster =).

Así pase un largo periodo de tiempo ya que me había enamorado del diseño y la programación haciendo esto un conjunto y queriendo hacerlo junto con el diseño web, pues así fue, en poco tiempo aprendí HTML, CSS más el PHP y MySQL aprendido anteriormente y con el uso de Photoshop, pues lo que sigué, usarlo para un proyecto, cree una página CMS la cuál yo consideró tuvo gran éxito.

De ahi a donde estoy ahora no ha pasado mucho pero de todo ese proceso a hoy ha marcado una gran diferencia en mis hábitos, ahora ya no uso el messenger, bueno si lo uso pero es muy rarísimo, el ares lo uso pero no en exceso como antes, ya no me bajo ni instalo programas a lo loco y el ver tv se ha limitado mucho, ahora ese tiempo lo paso en la computadora. En la computadora lo que hago es entrar, poner música, leer mis feeds, leer los foros, ayudar a una que otra persona y aprender algo, ya que no me gusta estar sin aprender o practicar algo, lo último que aprendí fue JavaScript y AJAX. Todavía me falta practicarlo y me gusta ver algunos videos en youtube.

Y también soy feliz ahora, pero cuanto he cambiado, hasta decirselo a mis amigos, a la gente, es hacer que no te crean, ¿te imaginas que alguien te diga que no usa el messenger?, ¿qué esta escribiendo un artículo?, ¿que está programando?, ¿que esta diseñando?, ¿que está leyendo?, ¿que tiene un blog?, no le gusta el metroflog, o que por el messenger te escribe con acentos, comas o palabras completas. ¡Muy distinto a un usuario común eh!.

Y ustedes, ¿han cambiado en algo?

Tags: Personal

Guardado en: Opinión personal | 5 Comentarios »

No olvides el SEO

Mayo 24th, 2008 | Escrito por Gastón

Estaba tomándome un rato para ver estadísiticas del blog e interesándome un poco por aumentarlas cuando recordé una entrada que me quedaba pendiente por leer sobre SEO y me di cuenta de cuan poco atención le prestaba a este aspecto cuando en realidad esta agarrando gran relevancia en el mundo web y todavía existen muchos como yo que no se habían percatado teniendolo en las narices.

Empezemos por ver que es el SEO por si hay algunos todavía despistados que no saben a que me refiero. Desde wikipedia “La Optimización para Motores de Búsqueda, de su acrónimo en el idioma inglés Search Engine Optimization;” y es esto justamente.

En palabras más largas es el uso de técnicas para hacer que una web consiga mejor posicionamiento en los buscadores para asi conseguir más visitas y obtener más tráfico que es lo que todo webmaster quiere.

Pero ¿por qué es tan importante? pues existen muchas razones pero las más importantes son que con la implementación del SEO vas a conseguir más visitas, más gente te leerá, vas a ganarle posiciones a la gran cantidad de blogs que existen en la actualidad además de que se a vuelto un servicio más que podrás ofrecer.

Entendido un poco más que es el SEO y porque debes aprenderlo vamos a empezar explicando lo básico y es entender

Como los motores de búsquedas funcionan.

Primero, ¿cómo estar en ellos?, existen varios métodos, una es registrándote en ellos desde los diferentes formularios que poseen google, yahoo, msn search, etc. Y la otra manera más recomendable es que una página que ya esté indexada en los buscadores ponga un enlace a tu página y cuando el buscador revise la página verá tu link y si todavía no esta registrado en su base de datos lo guardará.

Ahora, los buscadores contienen unos bots que revisan todas las páginas que tengan registradas en su base de datos, estos bots al entrar a tu página revisan todo su contenido, también todos los links que en el se encuentran guardandolo en sus datos.

Cuando un usuario hace una consulta en un buscador este revisa en sus datos y devuelve información relevante con aquella consulta.

Para esto el buscador contiene un algoritmo el cual decide si una página es relevante o no para la búsqueda, mientras para ese algoritmo tu página sea más relevante vas a aparecer en las primeras posiciones.

Cada buscador tiene su propio algoritmo para saber si una página es relevante o no y buscadores como google han trabajado muchísimo en esto como por ejemplo su implementación de inteligencia artificial para saber interpretar lo que buscas, por ejemplo lo vemos en el ejemplo cuando haces una búsqueda mal escrita:

Como vez el buscador procesa la búsqueda y te sugiere que tal vez quisiste decir o bien cuando pones en google “eclipse” te mostrará páginas relacionadas a ese fenomeno astral y no al carro eclipse de mitsubishi porque ese es el contexto que el va manejar ya que si escribes “eclipse car” entonces te otorgará resultados con keyword eclipse pero relacionado a los autos.

Tu trabajo como Search Engine Optimizer

Entendiendo los aspectos generales del algoritmo de los buscadores los expertos en SEO pueden afectar los resultados en las búsquedas. Mencionan dos espectos en SEO, On-Site y Off-Site.

• On-Site: Son todas aquellas cosas que dependen del sitio y tu puedes manejar como el HTML, los Keywords, estructura del sitio, enlaces internos, etcétera.
• Off-Site: Es todo lo que no depende de ti y no esta bajo tu control como los backlinks que recibas o cuanta gente enlaze tu sitio.

Lo siguiente son consejos que te ayudarán a mejorar tu posición en buscadores en el aspecto on-site.

TOP Consejos Optimización SEO

1. Página de entrada. Este es de los errores que todavía se cometen muchas veces, una página introductoria con un mensaje de “Clic para entrar a la web” y en los peores de los casos esta en flash haciendo imposible al bot seguir al link.
   Es bonito si no te importa nada de SEO pero tu página principal es la parte más importante para el buscador, de ella sigue los demás enlaces interiores, en ella debes contener keywords y enlaces importantes.
   Por cierto para los que no lo saben flash es imposible de leer a un buscador por lo que se debería de usar solo como recurso visual y no abusar de él.
2. Sin menús flash. Esto es una de las cosas que todavía algunas personas hacen, poner flash en sus menús pero esto es super antiseo, de hecho google tiene un algoritmo en el que identifica el menú de tu página y lo indexa al resultado con links abajo de tu resultado, un ejemplo.



3. Contenido en imagenes o flash. Como dije anteriormente los buscadores no pueden leer el flash ni las imágenes, sin embargo hay personas que agregan información importante en ellos, sobre todo keywords.
4. Exceso de AJAX. El AJAX es una técnia muy sorprendente y bonita pero algunos diseñadores hacen un sobre uso de AJAX haciendo que la informaión contenida en la página es cargada dinamicamente y haciendo que sea imposible de indexar. Otra de las desventajas es que como no se actualiza la página la URL no cambia y el visitante no puede ingresar directamente a esa página por medio de la URL.
5. Cambio de directorios. Esto es un gran problema en el SEO, por ejemplo existen personas que cada vez que renuevan su blog lo cambian de folder algo así: “dominio.com/v2, v3, etcétera” perdiendo backlinks y ranking, o cuando vas a cambiar de dominio se debe tener mucho cuidado ya que pierdes un ranking muy importante.
6. Seguir leyendo. Sobre todo para los bloggers esto es algo que se comete mucho, cuando estas escribiendo una entrada y le agregas el típico “Seguir leyendo” para no ponerla completa en el index, pero el bot así no sabrá con exactitud sobre el tópico en cambio debeías de usar keywords en el enlace y así el bot sepa para que es relevante, por ejemplo, un “Seguir leyendo sobre”.
7. Errores en los Tag. Esto es un poco discutido, algunos pocos experimentados dicen que un buen código no es tan importante pero en realidad no es así, para un buen indexamiento necesitas una muy buena estructura y accesibilidad haciendo un buen uso de los estandares y tags de html.
   El tag <title> es el tag más importante que tienes en la estructura de tu página y debe hacer un unico título para cada página de tu web, también aprender a usar jerarquías de etiquetas, por ejemplo aprender a usar h1, h2 y a no reemplazarlos, ya que muchas personas han dejado atras creando clases dandole estilos parecidos.
   El tener una página validada por la w3c te ayuda al indexamiento, aunque en menor medida que otros factores, de todos modos aqui unas recomendaciones:
   Título. Usa títulos resaltando el contenido de la página y después el título por ejemplo: “Título de la entrada | Página Web” y no como en algunos blogs está: “Página Web > Archivo del Blog > Título de la entrada”.
   No exceder 65 carácteres. Los navegadores usan el título de tu página para mostrarlo en los resultados, si tu excedes 65 carácteres en los títulos de tus páginas corres el riesgo de que te dejen fuera.
   Combina las keywords del título. Muchas personas sufren el error de repetir varias veces en el título una misma keyword haciendo que el bot pueda considerarlo como spam y dejarlo fuera (penalizarlo) por lo tanto debes hacer una combinación de keywords diciendo lo mismo pero con otras palabras. Por ejemplo.”Brushes, pinceles y recursos de diseño”
   Brushes y pinceles son la misma palabra pero expresada de diferente manera porque las personas buscan la cosas con diferentes palabras.
8. Atributos Vacíos. Este último error son de los más cometidos y sobre todo para los desarrolladores más antiguos, sobre todo por la falta de costumbre aunque los últimos editores te dan la facilidad de agregarlos, me refiero al atributo alt de img y title de a. Yo en algún momento pequé de no usarlos.
   En las imagenes usar el atributo alt te ayuda a rankearlas mejor en la búsquedas.
9. URL No amigables. Esto es sobre todo para los que usan CMS, porque ahora la mayoría trae la opción de usar url amigables, y las URL’s son tan importantes como las keywords.
10. Sin enlaces internos. Probablemente muchos de ustedes no se han dado cuenta pero los enlaces interiores son un factor importante a la hora del SEO y existen varias técnicas para mejorar este aspecto. Ejemplo en blogs.





Nota: Ésto último también sirve para atrapar lectores.

Texto original modificado a mi criterio.

Tags: SEO, Web 2.0

Guardado en: SEO | 1 Comentario »

Inyección SQL en Login

Mayo 14th, 2008 | Escrito por Gastón

Paseando por foros de programación web me eh dado cuenta que normalmente los programadores casi no saben de seguridad informática y por ende no saben como defenderse, este es un grave error.

Un tema crucial a la hora de crear una aplicación es la seguridad de esta y de sus usuarios. Sin duda existen muchas formas de vulnerar sistemas y esperemos irlas viendo poco a poco, hoy vamos a ver una de los tantos tipos de inyección SQL.

Vamos a saltarnos un login haciendonos pasar por el administrador, ya lo tengo preparado pero lo importante de esto es que se entienda porque se produce.
Leer el resto de esta entrada »

Tags: Inyección SQL, MySQL, PHP, Seguridad Informática

Guardado en: MySQL, PHP, Seguridad Informática | 1 Comentario »

Diseño Limitado

Mayo 8th, 2008 | Escrito por Gastón

Acabo de terminar de hacer los últimos ajustes importantes (creo) en el blog y mientras hacia el diseño un poco más accesible y además compatible me daba cuenta de que aveces nos limitamos por ‘culpa’ de los usuarios y me preguntaba si en realidad es necesario aveces limitar el diseño de una página por el bien de unos cuantos muy pocos usuarios.

La cuestión yo la veo así:

Estamos diseñando una página, necesitamos un poco más de espacio de ancho para el contenido pero como quieres que los de la resolución 800×600 puedan ver la página, te resignas a ajustar el diseño.

O queremos hacer un menú con el famoso efecto de dropdown y necesitamos javascript para la compatibilidad con todos los navegadores (por cierto se puede hacer con solo CSS, luego les muestro como) pero si un usuario llega a tener desactivado javascript no va a poder navegar en la página, entonces hacemos un menú simple sin efecto dropdown.

Podemos agregarle unas librerías javascript para usar con AJAX pero pesan mucho y puede dejar lenta la página al usuario; Además tampoco podemos agregarle unas imágenes muy bonitas por lo mismo.

Quiero darle un estilo muy bonito con CSS a mi página pero ya no va a ser compatible con IE 6.

En fin, asi puede haber muchas cosas y es cuando yo me quedo pensando: ¿acaso es necesario que nos limitemos por un bajo porcentaje de usuarios?.

Sé que nosotros debemos ser los que nos debemos adaptar a los usuarios pero hay sus límites ¿no?. Aceptémoslo debe haber su frontera, tampoco podemos ya limitarnos tanto como para romperse la cabeza en hacer una página compatible con un navegador que ya no lo usa practicamente nadie. Hacer una página para una resolución que hace unos cuantos años ya no se usa o crear páginas que se ejecuten rápido en conexiones de muy baja velocidad.

La tecnología se esta actualizando y los usuarios también con ella, ahora todos usan una resolución de 1024 para arriba, tienen conexiones 512 o más y la mayoría ni si quiera sabe que es javascript como para desactivarlo pero claro hay sus usuarios especiales pero creen que por ese tan bajo porcentaje nos debemos limitar ¿o es que acaso ellos mismos se estan limitando?.

Al menos esa es mi postura, pero claro siempre hago un balance, intento hacer diseños accesibles y ajustables a todos los usuario, no muy pesados y que se puedan ejecutar rápido pero sin llevarlo al extremo.

Tags: Críticas, Diseño

Guardado en: Críticas, Diseño | Sin Comentarios »

Menú sencillo y vistoso en CSS

Mayo 6th, 2008 | Escrito por Gastón

Estaba viendo unos templates en html y css que tengo en mi computadora y vi uno en el que me gustó su menú y me llamó mucho la atención el hecho de que solo use una imagen para el y yo estoy acostumbrado a usar mínimo 2.

Enseguida abrí el archivo en mi dreamweaver y verifiqué el CSS y la estructura del html; No me tomó más de 5 minutos en darme cuenta de lo sencillo que es.

Esta es la imagen de como se ve en el template mencionado.

¿A poco no se ve bonito? Pues es muy fácil hacerlo. Y solo se usa esta imagen:

Primero vamos a analizarlo con el Dreamweaver.

Como vemos en la imagen de arriba, consta de dos elementos principales, de <li>
y de <a>. <li> esta debajo de <a>.

Su html viene siendo este:

<ul>
	<li id="actual"><a href="#">opcion</a></li>
	<li><a href="#">opcion 2</a></li>
	<li><a href="#">opcion 3</a></li>
	<li><a href="#">opcion 4</a></li>
	<li><a href="#">opcion 5</a></li>
</ul>

Se trata de una lista desordenada que contiene enlaces. La id es para diferenciar en la sección que te encuentras de la página.

Ahora la magia del CSS

ul {
list-style: none;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
 
}
 
ul li {
float: left;
margin: 0;
padding: 0 0 0 9px;
background-image: url(nav.gif);
background-position: left top;
background-repeat: no-repeat;
}
a {
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 7px 20px 4px 10px;
background-image: url(nav.gif);
background-position: right top;
background-repeat: no-repeat;
}
a:hover {
color: #00CCCC;
}
#actual {
background-position: left -41px;
 
}
#actual a {
background-position: right -41px;
color: #FFFFFF;
}

Etiqueta por etiqueta.

• ul: Limpiamos todo su aspecto de la lista desordenada y le dimos configuración a las fuentes.
• ul li: Hicimos un float: left para que se alinie horizontalmente, limpiamos el margen y un padding hacia la izquierda para que quede ese espacio entre el enlace y la lista.
  También la asignamos un background-image y lo posicionamos en la esquina superior izquierda.
• a: Lo declaramos un bloque, le damos un padding para que se expanda de tamaño la lista y le dimos un background-image con alineación superior derecha.
  Desde aqui ya se debe ver la estructura del menú ahora solo faltan los últimos toques.
• a:hover: No hace falta explicar.
• #actual: Declaramos el id para el menú el cúal identificará en que sección estamos. Solo le movemos el background hacia la izquierda y lo bajamos 41px.
• #actual a: No cambia de color su enlace de este id.

Con esto queda listo nuestro lindo menú y tan solo utilizamos una imagen.

Lo importante es que se entienda la estructura y la construcción, apartir de ahi tu solo podrás crear los tuyos de acuerdo a tus necesidades.

Les dejo el archivo de ejemplo.

Tags: (X)HTML, CSS, Diseño, Tutoriales

Guardado en: (X)HTML, CSS, Diseño | Sin Comentarios »

Efecto Glossy y Reflejo

Mayo 5th, 2008 | Escrito por Gastón

En la entrada en que mencionaba cuales son unos de los aspectos que se deben tomar en cuenta para que tus diseños se parezcan más a uno 2.0 decía que dos efectos que recomendaba mucho por la vistosidad que daban y porque además ahora son usados mucho es el efecto glossy (o de cristal) y el de reflejo, pues en este tutorial les voy a mostrar como usarlos.
Leer el resto de esta entrada »

Tags: Diseño, Photoshop, Tutoriales

Guardado en: Diseño, Photoshop | Sin Comentarios »

Enlaces que se usan sin texto ni imágenes

Mayo 2nd, 2008 | Escrito por Gastón

Vamos por este primer tutorial espero de muchos en el que vamos a ver como crear un enlace sin texto ni imagenes y para que nos puede servir.

De ejemplo vamos a usar esta parte del template:

Como vez son 3 enlaces que al pasar el puntero sobre ellos se alza formando un bonito efecto; Vamos a ver como crearlo.
Leer el resto de esta entrada »

Tags: (X)HTML, CSS, Tutoriales

Guardado en: (X)HTML, CSS, Diseño | Sin Comentarios »

Porque ser Geek no es ser Friki

Mayo 1st, 2008 | Escrito por Gastón

¿Qué es lo primero que primero que piensas cuando alguien te dice que es geek?

Si eres una persona común y corriente (entre comillas) no sabrás ni que significa pero si sabes que significa seguramente pensarás que es de esas personas que no salen de su casa y que no tiene “amigos” y si los tiene se la pasa hablando con ellos sobre comics y cosas por el estilo. ¡Pues NO es asi!. Se esta confundiendo mucho el término geek con friki y son dos cosas distintas.

La mayoría de los que tenemos un blog se podría decir que somo geek porque somos amantes de la informática, nos gusta, pero esto no quiere decir que por ende debemos ser unos rechazados sociales.

Es que tengo una teoría, yo digo que hay dos tipos de geek normalmente, los que lo son porque no socializan bien y en las computadoras encuentran una aceptación o se sienten más seguros detrás de un monitor y los que por talento o por razones naturales les llega a gustar y logran ser buenos en eso pero ahi esta la diferencia.

Los que por razones naturales o por talento llegan a saber mucho sobre informática son personas normales que tiene toda una vida social detrás de ellos y para ellos existen muchas otras cosas que le importan o que son más importantes, pero aún asi le dedica el tiempo suficiente a la computadora.

Ahora los que por ser rechazados en su vida encontraron un lugar en la computadora son los que sin querer apreden mucho y terminan dedicándole tanto tiempo que se vuelven auténticos geek y por el mismo hecho de que no vivieron una vida social adecuada tiene esos comportamientos Frikis y eso le da mala reputación a los informáticos “normales”.

Recuerdo una vez que leía una entrevista que le hicieron a un famoso webmaster y le preguntaron:

Entrevistador: ¿Te consideras Geek?

WebMaster: Realmente, NO. Ya que si asi lo fuera tubiera varios widgets y cosas por el estilo.

Lo primero que pensé fue, eso no es ser un Geek, eso es tener dinero para poder costearte esos costosos aparatos (entiendase widgets por artefactos como un Ipod, un celular, una palm, etcétera).

¿Y tú eres geek? … ¿por eso también friki?.

Tags: Geek

Guardado en: Opinión personal | 3 Comentarios »

Diseña a lo 2.0

Mayo 1st, 2008 | Escrito por Gastón

Últimamente a venido una ola muy grande de diseño 2.0 que esta revolucionando a los web designers y casi casi solo eso quieren hacer.

Pues como esta muy de moda vamos a ver que es lo que lo identifica para que nosotros también lo implementemos en nuestros diseños.

Vamos por puntos.

• Simplicidad: Sin duda algo que caracteriza el diseño 2.0 es la simplicidad, como el gigante google dice: “la simplicidad es poderosa”. Pero ¿por qué? Yo creo por la importancia que se le a dado de que los usuarios vean ciertas cosas, se trata de resaltar lo importante.
• Pocas Columnas: Hace unos poco años era normal ver diseños con 4, 3 columnas, hoy por hoy menos es más, normalmente se usa solo una sidebar y esto le da claridad al usuario, de hecho poco a poco se va usando menos la sidebar, en algunos nuevos diseños ya se esta omitiendo.
• Secciones en el header: Poner las secciones de la página en el header es lo de hoy, y si no dense una vuleta por sus blogs prefridos y diganme cuantos usan esta técnica. Esta es una gran idea ya que aprovecha ese espacio entre el header-contenido y al usuario lo informa de las secciones corespondientes.
• Menú simple: Un menú simple pero estético es perfecto y distintivo de una web 2.0, además de que les provee de buenas cosas al usuario como en donde se encuentra y a donde podría ir desde ahi. Intenta usar menús con esquinas redondeadas y diferente efectos de cambio de color y estilo en las opciones.



• Logos: Aqui si hay varias cosas que se están implementando.
  Bold Font. Usar logos con tipografía en negritas.
  Horizontal. Se opta por un estiramiento horizontal.
  Glossy Efect. Usar los famosos efecto glossy en los logos le da una gran vistosidad.
  Reflejo. Junto con el glossy el efecto del reflejo es de los más usados y de los que dan mas vistosidad, son muy recomendados.



• Texto Grande: Usar el texto grande adecuadamente es excelente para el reconocimiento, yo recomiendo un texto relativamente grande en los logos y si es un blog en los títulos de los post ya que limita el fin de un post y marca el inicio de otro. Además de dar un aire de simplicidad y orden.
• Combinación de colores y texturas: Efectos 3d, sombras, relieve y superficies son bonitos efectos que se deben usar con moderación y que funcionan muy bien esteticamente.
  Efectos realistas de superficie (como sombras, los degradados y reflexiones) ayudar a establecer una interfaz visual más real, sólido y un aspecto de “terminado”.
  También algo que si sabes usar le da una gran estética a un trabajo es el saber trabajar con los colores de título, subtítulo, contenido y grado de jerarquía del texto. Por ejemplo usar un tono más fuerte para un título, uno mas claro para un subtítulo (además en negritas) y uno de tono bajo para el texto.
  



• Degradados: Y es que no puedo recordar ahora un diseño en el que no haya usado el degradado, ahora es casi de a ley usarlos, pero claro debes hacerlo con medida y saber implementarlos en la página porque no hay nada peor que un degradado mal implementado.



• Íconos en enlaces: Como en la entrada anterior dije, aveces se nos pasa por alto agregar los iconos en los diferentes enlaces, pero ahora usar íconos cute es super importante. De hecho aveces hasta son impuestos en vez de texto por el grado de intución que suponen.
• Tipografía: Mientras más redondita sea la tipografía es mejor y no tienes porque usar exactamente el negro, puedes usar un color menos fuerte un gris obscuro por ejemplo.

Conclusión. Para mi el diseño web 2.0 se caracteriza por ciertas cosas, primero, colores vistosos y mucha combinación entre ellos e intentar darle un poco de relieve a los objetos como un efecto gloss o unas sombras.
Usar una simplicidad para resaltar el contenido de la página, por eso el usar pocas columnas, mientras más columnas hay más información y más atención dispersa, en cambio mientras más simple es más fácil que se enfoquen en los elementos de la página y si quieres que se den cuenta de algo es tan fácil como usar colores fuertes.

Y una fácil e intuitiva navegación te hace una interfaz placentera para cualquier usuario. Sin duda tomar en cuenta estos puntos te puede ayudar mucho. Pero siempre trata de inovar y usarlos con moderación; Hay que saber cuales usar.

Recomiendo leer:

• Leandono’s Blog
• webdesignfromscratch

Tags: Web 2.0

Guardado en: Diseño | 1 Comentario »

Íconos para diseñadores

Abril 24th, 2008 | Escrito por Gastón

Algo que normalmente sobre todo cuando empiezas en el diseño web se nos olvida es agregar esos pequeños iconos en diferentes enlaces y que aunque no lo parezca hacen la diferencia.

Pues para eso traigo aqui estos pack de íconos que en cualquier momento nos pueden servir.

Primero:

Pack muy recomendado de más de 1500 íconos en formato PNG de 128×128

Descargar (23 megas)

Segundo:

Pack de 117 íconos circulares en formato PNG de 16×16

Descargar (97kb)

Tercero:

Pack de íconos de 24 diferentes archivos en formato PNG de 192×192

Descargar (916kb)

Cuarto:

Pack de 23 íconos de aplicaciones en formato PNG de 192×192

Descargar (786kb)

Quinto:

Pack de 254 íconos de banderas circulares 2.0 en formato PNG de 256×256

Descargar (13 megas)

Espero les sirva, yo los e usado mucho en mis diseños, de hecho este tiene varios.

Tags: Descargas, Íconos

Guardado en: Diseño | 1 Comentario »