2 Tutoriales para diseñar una web desde cero

Desde PSDTuts.com nos ofrecen dos magníficos tutoriales para diseñar una página web (al menos la portada), partiendo desde cero en PhotoShop.

Son diseños sencillos pero creativos, y aún estando los comentarios en inglés, la gran cantidad de capturas de los pasos a seguir facilitan la tarea a aquellos que no se defiendan muy bien con el ingles.

Los tutoriales, podeis encontrarlos aqui:

El primero de ellos: Create a Dark themed web design from scratch

El segundo: Create a Sleek high-end web design from scratch

Floral Frame - Set de pinceles para photoshop

A través de Intenta, he encontrado un set de pinceles (brushes) para Photoshop.

Está dividido en tres partes, de las que personalmente, me quedo con la tercera…

Floral Frame Brushes 2Floral Frame Brushes 1Floral Frame Brushes 3

Podeis descargarlos directamente desde deviantART:

Floral Frame Brushes 1

Floral Frame Brushes 2

Floral Frame Brushes 3

El buscador para diseñadores

A través de frogx.three, encuentro un nuevo buscador, orientado a diseñadores. Design Resources Search Engine es un buscador que, usando la tecnología de Google, busca en las páginas más importantes de diseño para obtener recursos (pinceles, degradados, tutoriales, etc…).

Buscando en páginas tan importantes como deviantart, sxc.hu, dezinerfolio, psbrushes, psdtuts, etc… seguro que podemos obtener recursos de muy buena calidad.

Si quereis ver la lista completa de los sitios donde realiza la búsqueda, la teneis aqui. Incluso, si pensais que hay alguna web que no está en la lista, pero que debería incluirse en ese grupo de webs, se puede contactar con el autor de la web en su blog personal.

Una web a tener muy en cuenta a la hora de hacer nuestros diseños.

Teoría de la internacionalización. Abre tu web al mundo.

Los chicos del Google, desde su blog Programa con Google, nos sorprenden con un estupendo artículo sobre la internacionalización de nuestras páginas y aplicaciones web.

En este primer artículo se nos exponen las bases teóricas de los juegos de caracteres. Desde el UCS-2 (UNICODE) hasta el UTF-8, pasando por el ISO-8859-1. Un detalle que me ha llamado mucho la atención es que ISO-8859-15 es igual que ISO-8859-1, añadiendo tan solo 8 caracteres, entre los que se encuentra el símbolo del euro (€).

Un artículo interesante de lectura muy recomendada: Internacionalización I - Unicode

25 maneras de mejorar tu web en 5 minutos

El siguiente artículo es una traducción del artículo original escrito por Andrew Faulkner, todos los créditos son para el autor.

Usabilidad / Accesibilidad:

  1. Usa el logotipo: El logo de tu web debe enlazar con la página principal. Suena muy simple, pero tus usuarios ahorrarán tiempo.
  2. Que destaquen los enlaces: A través de CSS es fácil, y se agradece el contraste con el texto normal.
  3. Haz el texto legible: No quieras que todo el texto aparezca en el primer pantallazo. Deja que el texto respire añadiendo espaciado a las líneas y altura y no seas tímido a la hora de aumentar el tamaño de la fuente.
  4. Crea una página 404 útil: Describe en pocas palabras que es un error 404, y permite al usuario que pueda acceder a la página de inicio, al sitemap o a la herramienta de búsqueda. (N. del T. Si necesitas inspiración visita el siguiente enlace: Colección de páginas 404.)
  5. Permite una forma de contacto: Suena simple, pero si no hay forma de contactar contigo, puede que el usuario no sea capaz de darte su opinión sobre tu web.


Read the rest of this entry »

Inspiración Oriental

Un gran surtido de diseños orientales, perfectos para desarrollar tu inspiración creativa, algunos de los diseños son expectaculares.

Recomendado para todo diseñador que pretenda importar nuevas ideas.

Inspiracion oriental 1 inspiracion oriental 2 inspiracion oriental 3

Web Oficial:
Visitar enlace

Más de 12.000 iconos… ¡¡GRATIS!!

Visitando frogx3.com, me encuentro con que Jorge ha colgado un estupendo pack de 250 Mb con más de 12.000 iconos.

Iconos de todos los formatos (.PNG, .ICO, .GIF), de todos los tamaños (16×16 hasta 128×128) y para todos los gustos. Incluso he encontrado algunos fondos de escritorio.

Se echa de menos un poco más de organización, por categorías sería perfecto, sin embargo la mayoría de ellos están dentro de una carpeta con el nombre del set al que pertenecen. Hay que tener en cuenta que es una recopilación de iconos, de diferentes procedencias y autores, por lo que tanto el método de almacenamiento como la calidad / cantidad de iconos varía bastante.

Están subidos a rapidshare, por lo que aquellos que no tengan cuenta premium, van a tener que esperar un poco para obtener el pack, pero merece la pena.

Los enlaces a rapidshare los puedes encontrar aqui: 12,000 iconos gratis.

Generador online de titles

Un generador online de fondos diagonales (titles) para crear imágenes para fondos, una gran herramienta para diseñadores.

Te permite elegir diferentes tipos de plantillas, colores, formas, direcciones grosores.

stripemania

Web Oficial:
Visitar enlace

Más de 50 técnicas CSS muy creativas

He visto en

Es un artículo bastante interesante, donde se agrupan técnicas para dar formato a listas, formularios, pies de página (cada día con más importancia en el diseño web), reemplazar imágenes, efectos de texto, galerías de fotos, esquinas redondeadas, etc… es decir, un articulo muy completo donde encontraremos las técnicas que tan de moda están últimamente y que a todos nos gusta tanto usar.

El artículo completo, lo podeis encontrar aquí: Using CSS to do anything: 50+ Creative Examples and Tutorials

Compresores de archivos CSS online

Al finalizar la maquetación de una web, es frecuente que nos demos cuenta que se nos ha ido la mano con las hojas de estilo, y pesan más de lo que deberían.

Para rebajar el peso de estos documentos y hacer la carga de las páginas más ligera, podemos recurrir a los típicos compresores de hojas de estilos que encontramos en internet.

Algunos de ellos son CSS Drive, Robson CSS Compressor y CSS Clean.

Para decidir cual es el mejor, he realizado unas pruebas con un archivo css cualquiera. He seleccionado uno de la tienda virtual Magento, de 26,4 KB (concretamente, el archivo boxes.css).

Utilizando siempre el nivel de compresión máximo para cada uno, los resultados son esclarecedores:


Read the rest of this entry »