Diseño / página 1 de 4

Fondos de pantalla (63)

En Ilmaistro me acabo de encontrar con unos fondos de pantalla que recopiló de outlawdesignblog, en dónde podremos encontrar unos 63 wallpapers hechos por diseñadores profesionales.

Los fondos de pantalla tienen diferentes tamaños, y hay para todos los gustos: dibujos, minimalistas, Apple, arte, etc.

Logo Ease: Potente herramienta online para la creación de logos

Tan fácil como soplar burbujas. Así lo definen en Logo Ease, una excelente herramienta
con la que podremos crear logos de forma online, rápida y de calidad.

Para ello nos brinda una interfaz muy funcional e intuitiva, en la que podremos agregar diferentes objetos ya predefinidos, para modificarlos a gusto y agregarle algún texto cualquiera.

Esta es de ese tipo de herramientas que en poco tiempo podemos tener grandes resultados; por ejemplo, en menos de un minuto (no miento) se puede hacer algo como esto:

Se que no es la gran cosa, pero imaginen si le dedican un poco de tiempo: lograrían un logo respetable que, modificándolo un poco en algún software mas avanzado puede terminar en el logo para nuestro blog o sitio web.

Logo Ease es totalmente gratuito, pero para guardar el logo o hacer otras modificaciones deberemos registrarnos en un simple paso y sin mayores inconvenientes.

Enlace: Logo Ease (ir directo al editor)
Vía: Web2Null

Cosas a tener en cuenta a la hora de diseñar

Diseñar bien una página web es, aunque a muchos no le parezca, una tarea compleja; se debe tener un grado de conocimiento medianamente aceptable y ser muy observador.

En mi opinión, lo mejor que podemos hacer para ir mejorando día a día en lo que a diseño respecta, es leer todo lo que se nos cruce acerca del tema: tutoriales, guías, tips, recursos, etc.

A continuación entonces, les comentaré acerca de un artículo publicado originalmente en MostInspired, en donde nos habla de algunas formas para hacer que nuestro diseño se destaque.

  1. Fondos de pantallas grandes: tal vez algunos no compartan del todo esta idea, por cuestiones del “peso” que puede implicar un tipo de este background en la carga del sitio. Aún así, le da un toque especial al diseño que hace la diferencia.
  2. Navegación creativa: es muy complicado encontrar la forma de hacer un menú de navegación original, y que al mismo tiempo brinde facilidad de uso al nuestros visitantes; creo que es uno de los puntos más complicados y gravitantes a la hora de diseñar.
  3. Minimalismo: claro, liviano, simple, fácil de leer: minimalista. Los diseños minimalistas son mis preferidos, ya que logran una combinación de elegancia y accesibilidad muy interesante.
  4. Logo: siempre se debe intentar diseñar un logo capaz de describir a qué nos dedicamos o qué ofrecemos. No es tarea sencilla, no por nada un diseñador recibido puede cobrar de 100 a 500 dólares por un logo aceptable.

Zapping de sitios con excelentes diseños web

Cuando necesitamos algo de distracción, nos sentamos frente al televisor y hacemos un rato de zapping. Entonces, ¿Por qué cuando necesitamos inspiración no hacemos un poco de zapping en sitios web?

Con CSS Rand lo podemos hacer de manera muy fácil. Para ello vamos al sitio, y de entrada tendremos el primer sitio pre-seleccionado para visualizar. Luego, podremos ir haciendo clic en el logo de CSS Rand para ir viendo los otros sitios cargados en el directorio; sin dudas, un lugar que nos puede llenar de inspiración.

css-rand.jpg

La barra en donde está el logo tiene otros link como:
Gellary, About, Blog, Advertise y Feed. Además, si nos molesta un poco cuando estamos viendo alguna web podremos “draguearla” (moverla) con el mouse sin problemas.

Enlace: CSS Rand
Vía: Kabytes

Mostrar el clima en nuestro diseño

Formas peculiares de sorprender a nuestros visitantes si las hay. David Walsh ha publicado un artículo en dónde explica en sencillos pasos cómo hacer que nuestro blog refleje el clima de nuestro lugar de origen (nublado, lluvioso, soleado, de noche, etc.).

Para ello se apoyó en CSS, PHP y una API de Yahoo! para tomar el clima. La idea está muy buena, y si lo quieren hacer pueden seguir esta guía.

clima.png

Vía: Webmasterlibre

Recomendaciones SEO para diseñadores

Un diseñador puede ser excelente, hacer efectos y gráficas de otro mundo; pero si a la hora de maquetear no tiene en cuenta algunos aspectos básicos del SEO (o bueno, algunos aspectos generales), pasa a ser un pésimo diseñador.

A continuación algunas recomendaciones publicadas por ilmaistro, destinadas a aquellos diseñadores que SÍ saben agarrar PhotoShop, pero cuando se sientan en frente del HTML hacen mamarrachos.

google-seo-diseno.gif

  • HTML en la etiqueta de título: Entre <title> y </title> aparecerá lo que se mostrará en el título del resultado de búsqueda de Google. ¡No debe ir código HTML ahi dentro!
  • Páginas de inicio sin contenido: este es un error que cometen muchísimos diseñadores, y clientes (¿por qué lo piden tanto?). Imaginen: si a un visitante le molesta estar esperando que se cargue la intro para luego entrar y ver lo que realmente quería; ¿piensan que al motor de Google le simpatizaría?
  • Mismos títulos y descripciones en todas las páginas: mientras se pueda, variar los títulos de las diferentes páginas del sitio.
  • Uso de frames: es un uso antiguo; ahora tenemos includes de php, iframes; usemos esos y dejemos lo viejo en el cajón.
  • Incluir CSS en cada una de las páginas de tu web: nada de CSS en el HTML, ni una pizca. Sólo se debe enlazar hoja/s de estilos en el head del sitio, de esta manera: <link rel=”stylesheet” href=”nombre-de-la-hoja-de-estilo.css” type=”text/css”>

Espero que les sirva, creo haber sido claro.

20 íconos web en varios tamaños

Luego de algunas semanas de trabajo, WebAppers acaba de subir para nuestra disposición una pequeña colección de íconos especialmente diseñados para proyectos webs.

Los íconos están en 4 tamaños diferentes: 24×24, 32×32, 48×48 y en formato ICO.

Estos íconos tienen licencia Creative Commons 3.0 License, por lo que pueden ser usados por ustedes sin problemas.

web-application-icons.png

Enlace: Descargar íconos

Diseñar botones con estilo vista, mac, gel o plastic

The Free Web Stuff es una herramienta online creada para que podamos diseñar en segundos botones con el texto que queramos en diferentes estilos: vista, mac, gel o plastic (más abajo pueden ver un ejemplo de cada uno).

Luego de elegir el estilo podemos definir tamaño de letra, fuente, color, etc. Una vez satisfecho con el diseño, podemos descargarlo en formato ZIP en sus dos estados (normal, y con el mouse arriba).

botones-ejemplo.jpg

Como ven los diseños no son del todo profesionales; pero si estamos apurados o en el momento no tenemos los recursos suficientes para diseñar otro por nuestra cuenta, The Free Web Stuff puede ser una buena opción.

Vía: PuntoGeek, Bitelia
Enlace: The Free Web Stuff

CoolText, crear botones y logos de calidad en segundos

Con CoolText podemos crear variedad de logos o botones de altísima calidad en segundos y sin instalar nada en nuestra PC, ya que se trata de una aplicación online.

Para ello debemos seguir sencillos pasos, tales como: elegir el diseño del logo, la fuente, tamaño, color, textura y un texto (entre otras opciones más avanzadas). Para los botones es similar, pero se tienen varias opciones de configuración adicionales.

Una vez concluida la configuración, podremos obtener cosas como éstas:

logo.jpg

rss.png

Si bien no están excelentes, por ser que los hice al voleo en sólo segundos están mas que bien. No dudo que dedicándole un poco mas de tiempo/creatividad se logren mejores resultados.

NOTA: los íconos generados se almacenan en el servidor de CoolText durante una hora; asique se recomienda descargarlos a la PC para no perderlos.

Enlace: CoolText
Visto en: VisualBeta