Web 2.0

Hace un tiempo ya que se habla de la web social o web 2.0, algo que algunas veces se asocia con los blogs, otras con la Wikipedia, y otras con YouTube, y otras veces es solo una palabra que esta de moda y que todo el mundo utiliza, sin saber bien a que se refiere o si puede aportarnos algo.

sábado, 7 de marzo de 2009

Los mejores 25 sitios para descargar archivos vectoriales gratuitos

Para un diseñador siempre es útil tener una buena colección de ilustraciones vectoriales para usar en sus diseños, cuando necesite de ellos, por eso siempre estamos al tanto de los recursos que la Red nos proporciona. En algunas ocasiones la búsqueda de la ilustración perfecta, puede convertirse en una pelea infructuosa, pues no es una tarea fácil, a pesar de que existen bastantes recursos en torno a la red.

Pero en Internet tenemos de todo, algunos de los sitios web son muy buenos y otros no vale la pena, en el artículo Design Resource | 25 Best Sites to Download Free Vector Files, de dzineblog, han seleccionado los 25 mejores sitios web donde se pueden descargar gratis gran cantidad de archivos vectoriales, una buena colección de sitiós relacionados con los recursos vectoriales para los aficionados al diseño.

Los enlaces que nos han dejado, espero que te gusten, y vale la pena tenerlos en cuenta, para suscribirte a ellos o ponerlos en tus marcadores o favoritos, son los siguientes:

  1. 123Vectors
  2. QVectors
  3. Vecteezy
  4. Vector Vally
  5. Vector 4 Free
  6. Cool Vectors
  7. Vector Art
  8. Dezignus
  9. Vector Portal
  10. For Designers
  11. deviantART
  12. Vector Junky
  13. Vector Tuts
  14. GoMedia Zine
  15. BittBox
  16. 123 Free Vectors
  17. I Heart Vector
  18. Keep Designing
  19. Web Design Blog
  20. Hydro 74
  21. Vector Lady
  22. Vector Workshop
  23. Vector Magic
  24. Free Vectors
  25. Vector Jungle
Fuente: cosassencillas.com

miércoles, 10 de diciembre de 2008

Modelos de Formularios de Contacto para cuando no hay inspiración...

Uno de los elementos imprescindibles en una web es el formulario de contacto, especialmente si hablamos de una web comercial, ya que la sección de “contacto” es una de las primeras cartas de presentación que una empresa ofrece a sus clientes potenciales.

Por otra parte las webs personales también pueden beneficiarse mucho con un formulario de contacto bien formado, nunca se sabe quien va a querer ofrecerte trabajo, enviarte una nota, o sencillamente felicitarte por tu buena labor.

Por tanto, me parece bastante interesante la lista con 36 formularios de contacto que han hecho en el Dzine Blog, ideal para quienes buscan un poco de inspiración o un punto de partida para diseñar su propio formulario.

Fuente original: http://isopixel.net/archivo/2008/12/inspiracion-para-formularios-de-contacto/

Cómo realizar un diseño web 2.0

Un buen artículo en el que nos explican cómo pasar nuestro diseño a diseño web 2.0. Claro, cada cual tiene sus gustos y sus conceptos de diseño y puede que no esté de acuerdo con todo lo que se dice, pero aún así es un artículo a tener en cuenta.

Resumiendo un poco el post, nos encontramos con los siguientes consejos:

  • Simplicidad: cuanto más sencillo mejor, es necesario tener en cuenta que todos los sitios webs tienen sus metas y que cada página tiene su propósito. Es necesario obtener la atención del usuario, pero cuidado que su atención es algo que se acaba. La simplicidad es algo que siempre deberíamos tener en cuenta, elimininando contenido innecesario pero sin quitar funcionalidad.
  • Layout centrado: muy característico de la web 2.0 es tener en contenido centrado en la página.
  • Menos columnas: mientras que antes lo normal era un diseño en 4 columnas, ahora lo más utilizado son las dos columnas, evitando así llenar completamente la pantalla y reforzando el primer punto, la simplicidad.
  • Navegación arriba: separar la navegación del contenido principal no es nada nuevo, pero en este caso se resalta que se situe arriba.
  • Diferenciar distintas áreas: que a simple vista, cada área con diferente funcionalidad sea claramente diferenciable, incluso sin ser resaltadas con diferentes colores.
  • Navegación sencilla: debemos conseguir que el usuario sepa dónde está y a qué contenidos puede acceder desde donde está.
  • Logos en negrita: limpios, en negrita y fuertemente marcados.
  • Tamaño de texto grande: haciendo el texto grande se consigue mayor atención que con el texto pequeño.
  • Introducciones en negrita: consiguiendo así mayor impacto visual sobre las cosas más importantes.
  • Colores fuertes: usando colores brillantes y fuertes se consigue una separación de contenidos más sencilla.
  • Superficies con detalle: ya sea mediante sombras, resaltados, difuminados, que las superficies no sean simples, sino más realistas.
  • Gradientes
  • Reflejos
  • Iconos atractivos: es necesario que sean fácilmente reconocibles, que no provoquen confusión.
  • Contornos estrellados: sobre todo con el beta dentro.
Fuente: Web 2.0 how-to design style guide

domingo, 30 de noviembre de 2008

29 (casi 30) sitios con imágenes vectoriales gratuitas

Vía Cosas Sencillas descubro este post que seguramente ayudará a muchos que, al igual que yo, no manejamos muy bien los programas para crear imagenes vectoriales.

Gracias a todos los que comparten este tipo de trabajo con nosotros!!

1. Qvectors Free Vector Graphics
2. vector4free
3. Vecteezy!
4. FreeVectors.net
5. GoMediaZine
6. Open Source Vector Art
7. CoolVectors
8. deviantART
9. Free Vector Graphics: Original Vectors Free For Commercial Use
10. vectorjunky
11. VectorVault™
12. Dezignus
13. DragonArtz Designs
14. keep designing!
15. Huzeykdotcom
16. TechTreak
17. IllustrationClass
18. Vectorportal
19. Creativos Online
20. Vector Logo Database - Free Logo
21. LogoZu
22. Best Brands of the World
23. Free Vector Brand Logotypes
24. Free Vector World Maps Collection
25. Free Vector Icon Set 1 - 25 Icons | Monofactor
26. 72 Free Vector Glass Buttons and Bars | BittBox
27. Free Clip Art
28. Malevi4a
29. DryIcons

En el post original (en inglés) se muestran también una captura de las páginas.

Fuente: CosasSencillas.com

miércoles, 16 de julio de 2008

Cómo crear cualquier descripción de un servicio en 5 simples pasos

Es muy común que nos topemos con la necesidad de describir un nuevo producto o servicio, y que nos cueste trabajos escribirlo.

Te recomiendo escribir cualquier texto de negocio utilizando esta simple fórmula, creada por Robert Middleton.

1. Problema (Titular especificando el problema)
Trata de comunicar lo que tus prospectos estan experimentando al discutir sus problemas, padecimientos y predicamentos, desde la perspectiva de ellos. Si atiendes diferentes nichos, coloca los diferentes problemas de los nichos.

2. Solución
Establece lo que es posible o cómo serán las cosas cuando los problemas de tu prospecto se resuelvan. Es muy importante que no escribas procesos sino resultados.
Puedes colocar la solucion a los problemas de tus nichos de mercado.

3. ¿Cómo es esto?
Establece porqué tus prospectos estan atorados en el punto #1 y no estan haciendo el punto #2. Qué puede ser lo que esta ocasionando esto en base a tu experiencia. Proporciona informacion valiosa que te puede distinguir de la competencia.

4. Qué necesita hacer tu prospecto
Establece los pasos básicos necesarios para que tus prospectos resuelvean sus problemas. No tienes que decir exactamente tu metodología, ni revelar tus secretos, pero sí debes describir con claridad un proceso general.

5. Llama a la acción
Crea una frase que defina quién eres, lo que haces, de qué forma puedes ayudar, una invitación al prospecto para que tome el teléfono, te envíe un correo o levante un pedido.

Listo. Aplica estos 5 pasos y verás que tus textos de negocio son claros, contundentes y te dan muy buenos resultados.

Fuente:
http://www.areaestrategica.com/negocios/como-crear-cualquier-descripcion-de-un-servicio-en-5-simples-pasos.php

jueves, 12 de junio de 2008

Nuevo Diccionario para Diseñadores Gráficos

Leyendo el blog de Disainer me encontre con un post de un diccionario para diseñadores gráficos, tiene sus buenas puntadas pero algunos si son medio malos. ¿Qué les parece?

Acetato: Diseñador gráfico especialista en tatuajes.
Acrobat Reader: Un acróbata al que le gusta leer mucho.
Aerografía: Rama del diseño gráfico, especializada en la rotulación de aviones.
Advertising: Amenazar a un diseñador para que no cante en el área de trabajo.
Adobe: Casa de campo que es fría en verano y cálida en invierno.
Aguada: Estado de las diseñadoras después de pasar varios meses frente al mac.
Aliasing: Ponerse apodos entre los diseñadores.

Barroco: Erupción cutánea de los diseñadores pubertos.
Branding: Dícese de la dieta de los diseñadores que es alta en fibra.
Bold: Detergente utilizado por los diseñadores.
Bolígrafo: Diseñador gráfico gordo.
Bosquejo: Dibujo burdo de un bosque.

Caché: Atrapar una idea en el aire.
Caja alta: Envase de un iMac de 24″
Caja baja: Envase de un Mac mini o un MacBook
Clipart: Acción de crear figuritas con clips.
Convertir a curvas: Etapa final de la dieta que realizan las diseñadoras.
CSS: Acrónimo de “Séee, ¡ese, ese!”, expresión que acompaña el baboseo de un diseñador cuando ve un MacPro de 8 cores
Cuentahilos: Diseñador gráfico que no tiene nada que hacer.
Cursiva: Diseñadora que gusta de las cartas de amor y arte con motivos románticos.

Degradado: Se le llama así al diseñador que se vende muy barato.
Diapositiva: Un día perfecto para Diseñar.
Disco duro: Cualquier CD de heavy metal.
Dreamweaver: Diseñador poco productivo y somnoliento.

Estilógrafo: Diseñador gráfico de muy buen vestir.
EPS: Expresión de sorpresa menor que el oops!!

Flash: Super héroe de la multimedia.
Flatten: Diseñador con flatulencias.
Floppy: Diseñador gráfico relajado.
Fotografía digital: Acción errónea de poner el dedo en el lente de la cámara.

GIF: Imagen que se regala.
GIF animado: Imagen que se regala generalmente con escenas felices.
Godete: Expresión que usan los diseñadores gangosos cuando estan molestos.

Illustrator: Primo de Terminator y al que le gusta mucho dibujar.
Impresionismo: Estado posterior a la observación del exhibicionismo.
Inches: Ayudantes del director de arte.

Layer: Nombre dado a aquel diseñador que suele decir muchas mentiras.

Mac: Computador que falla en la última B de “bueno, bonito y…”
Macromedia: Prenda interior de vestir de las diseñadoras gordas.
Malla: Prenda de vestir utilizada por los serigrafistas.
Mouse: Postre favorito de los diseñadores.
Multimedia: Prenda de vestir interior que se comparten entre las diseñadoras.

Pantone: Shampoo suave en gran variedad de colores.
Photoshop: Tienda donde los diseñadores compran sus imagenes para hacer carteles.
Plotter: Apellido del mago de las impresiones en gran formato.
Preprensa: Periódico especial para tartamudos.
Prueba de color: Acto de verificar si el color rojo sabe a fresa, el verde a limón, etc.
Punto de fuga: 7:00 p.m.
Puntos: Diseñadores gráficos de raras costumbres.

QuarkExpress: Graznido veloz.
Quemador de CD: Se le llama así al Diseñador que escucha un CD una y otra vez.

Ripear: Acción de cantar mientras se espera la decodificación de un video.

Screen: Película de preferida de algunos diseñadores.
Señalética: Señal de moral cuestionable.
Separación de color: Diseño gráfico con tendencias racistas.
Shortcut: Pequeña cortada, que generalmente viene precedida de un bleeding.

Tipo: Diseñador de nombre desconocido.
Tipografía: Fotografía de un diseñador de nombre desconocido.
Tipómetro: Diseñador desconocido de pequeña estatura.
Tipo móvil: Diseñador desconocido al que se le puede colocar en cualquier sitio.

Versalitas: Acto de mirar salas pequeñas.
Viñetas: Expresión de los diseñadores senior cuando observan diseñadores junior.

Web: Estado de cansancio de un diseñador gráfico.
Webmaster: El más flojo de los diseñadores

Fuente: http://nicefuckinggraphics.blogspot.com/2008/06/nuevo-diccionario-para-diseadores.html

Aumentar la efectividad del buscador

Últimamente se viene analizando y comentando el abandono de las herramientas clásicas de navegación en favor de los enlaces hipertextuales y del buscador, sobretodo en el caso de los sitios que ofrecen productos, como tiendas on-line, catálogos de productos o bibliotecas, como comenta Henrik Olsen en The Interaction designer’s coffee break (Navigation blindness).

Hasta ahora los buscadores en muchas webs eran elementos secundarios en la interacción, sobre todo debido a su habitual mal funcionamiento. Actualmente los buscadores empiezan a mejorar su eficacia, siendo mucho más rápidos y específicos en la recuperación, aunque este avance se da principalmente en la búsqueda de productos.

La dificultad más grande recae, hasta el momento, en facilitar una recuperación adecuada de contenidos que no sean productos. Mejorando sobretodo aspectos como:
  • La recuperación. Permitiendo la recuperación de resultados en secciones de contenidos.
  • La relevancia. Evitando la recuperación excesiva de resultados no pertinentes.
  • El orden de los resultados. Ofreciendo una lista de resultados ordenada i que relacione el producto con su naturaleza dentro del sitio.
En la web de Apple encontramos un buen ejemplo de buscador que soluciona parcialmente estos problemas. Segmentando y agrupando los resultados, permite separar los productos de los contenidos y discriminar los resultados por secciones, pudiendo tener una amplia visión de lo que nos ofrece el sitio.

Esta segmentación de los resultados se realiza mientras se teclea la frase de búsqueda, pudiendo ver, en el momento, qué resultados se ofrecen en función de las palabras introducidas. Esto permite al usuario realizar una búsqueda mucho más deductiva, pudiendo modificar la estrategia de búsqueda “in situ” y restringir o ampliar su criterio de búsqueda en función de cómo evolucionan los resultados.

Es importante observar que estas nuevas opciones no limitan ni obstaculizan la búsqueda habitual que se realiza en un buscador, pudiendo buscar un producto concreto sin necesidad de navegar por las opciones que se ofrecen como punto de mira.
De esta manera, se aportan las ventajas de la navegación a la rapidez y precisión de un buscador, facilitando el acceso a los contenidos.

Fuente: http://www.usolab.com/wl/2008/06/aumentar-la-efectividad-del-bu.php