Archivo de febrero, 2010:

25

feb
10
Recursos OmniGraffle: iPad Stencil y otras plantillas
Guardado en Blog, Recursos con 0 comentarios.

En la anotación anterior hice referencia al programa OmniGraffle.

OmniGraffle Stencils

Cuando tengo en el papel todos los dibujos y esquemas necesarios los llevo al ordenador utilizando esta aplicación, es el paso previo a sentarme delante del Adobe Photoshop o Adobe Fireworks y un paso necesario para aclarar y organizar todas las ideas que vuelco en el papel… esto es importante, especialmente si en los proyectos hay más profesionales involucrados.

OmniGraffle es una herramienta muy potente, sin embargo yo siempre la “tuneo” para darle más posibilidades, añado stencils o plantillas que me ayudan a montar las interfaces de los sitios o aplicaciones web que diseño.

Tengo instaladas:

La instalación es muy simple… hay que descargar los ficheros ZIP y luego mover su contenido a la carpeta: ~/Library/Application Support/OmniGraffle/Stencils, atención… busca esta carpeta en el directorio de tu usuario.

Utiliza OmniGraffle y dale mejor aspecto a tus diseños web. :)

24

feb
10
Las 5 razones de ¿por qué me encanta ser diseñador web?
Guardado en Blog, Diseño con 1 comentario.

En MyInkBlog han comentado las 5 razones de ¿por qué nos encanta ser diseñador web?

Photoshop CS4

Yo me identifico completamente con todas:

1. El proceso creativo
Es una de las cosas con las que disfruto como loco… llevo apuntes de cada proyecto en Google Apps, salto a una Moleskine + lápiz, luego paso al OmniGraffle y después al Adobe CS4.

2. Pensamiento lógico
Para mi es un verdadero reto… y disfruto muchísimo haciéndolo.

3. La constante evolución de las tecnologías
Para mi esto es motivación, siempre algo nuevo, siempre más potente :)

4. La comunidad
Fundamental para compartir conocimientos y aprender.

5) Somos necesarios
Es cierto que desde hace años muchos se lanzan a “diseñar webs”, pero el cliente de verdad si en algún momento buscó soluciones “con su sobrino” después de un tiempo te va a tocar el timbre para que le hagas un trabajo profesional. Llega un momento en que para algunos somos muy necesarios.

Si quieres conocer la opinión de Andrew Houle, puedes leer su post (en Inglés).

Por cierto, ¿cuáles son tus razones?

23

feb
10
Nuevo COLOURlovers V4, para los amantes de las paletas de colores y los patrones
Guardado en Blog, Diseño con 0 comentarios.

Ohhhh… mi comunidad favorita relacionada con el diseño tiene nueva versión desde hoy… acaba de salir del horno COLOURlovers V4. :)

COLOURlovers es una comunidad de diseñadores (gráficos, web, de moda, etc) que se reune en la red para compartir colores, paletas de colores y patterns o patrones de diseño; es un sitio de inspiración, fundamental para conocer las últimas tendencias de color.

Las “guindas” son las herramientas online que posee:

En COLOURlovers podrás intercambiar ideas, paletas de colores, patrones y recorrer todas las galerías de creaciones de otros “lovers”.

Tienes más información sobre COLOURlovers V4 aquí. :)

¡Anda… hazte el mimoso!

20

feb
10
Fuentes Open Source
Guardado en Blog, Recursos con 1 comentario.

Necesitaba una fuente ligera y super fina para un diseño web y paseando por los links de fuentes open source que tengo en mi cuenta Del.icio.us hice stop en The League of Moveable Type.

Mi elección fue la Raleway de Matt McInerney, la fuente sans-serif fina y elegante que estaba necesitando.

Si quieres descargarla te dejo el link: www.theleagueofmoveabletype.com/fonts/14-raleway.

Si conoces otro sitio con fuentes open source, pls… déjalo con un comentario.

19

feb
10
Nuevo portapapeles en Google Docs
Guardado en Blog con 5 comentarios.

Me acabo de dar cuenta que una de mis herramientas preferidas de Google tiene función nueva… Google Docs ya tiene portapapeles.

Logo Google Docs

Dicen en la Ayuda de Google Docs:

Google Docs permite copiar y pegar texto e imágenes de un documento online a otro, incluso si estos son de distinto tipo. Y, dado que esta operación se lleva a cabo online, puedes copiar el elemento desde un equipo y, a continuación, acceder a la misma cuenta y pegarlo en otro equipo distinto. Estos son algunos ejemplos de las cosas que puedes hacer:

  • Copia varias celdas de una hoja de cálculo y pégalas en un documento en formato de tabla.
  • Copia un elemento mediante el equipo que utilizas en el trabajo y pégalo a través del equipo que tienes en casa; para ello, debes acceder a la misma cuenta de Google.
  • Accede a elementos que hayas copiado en otro momento (siempre y cuando hayas accedido a la cuenta para copiarlos).

Tienes más información sobre el portapapeles en el blog oficial de Google Docs.

Por cierto… ¿cuántos documentos tienes en tu cuenta Google Docs?

16

feb
10
Extensiones de Google Chrome para diseñadores web
Guardado en Blog, Recursos con 0 comentarios.

Me han recomendado un post donde recomiendan 17 extensiones útiles para desarrolladores y diseñadores web.

Un breve repaso de algunas de ellas:

  • Firebug Lite
    El clásico Firebug de Mozilla Firefox pero ahora funcionando en Chrome, ojo… es una versión reducida, pero muy potente.
  • Eye Dropper
    Gotero para obtener códigos de colores de un sitio web.
  • Lorem Ipsum Generator
    Para conseguir rápidamente nuestro querido texto en latín indispensable a la hora simular contenidos.

Si quieres ganar tiempo trabajando te recomiendo estas 3:

  • IE Tab
    Para ver como se nuestro diseño en el Internet Explorer de Windows.
  • Resolution Test
    Para cambiar el tamaño del Google Chrome y ver como queda nuestro diseño en distintas resoluciones.
  • MeasureIt
    Para medir en pixeles zonas o imágenes de un sitio web.

Puedes ver el post en DesignM.ag… Google Chrome me sigue sorprendiendo.

12

feb
10
¿Por qué los desarrolladores web deben cambiar a Google Chrome?
Guardado en Blog, Desarrollo con 0 comentarios.

Hoy por la noche estuve organizando los favoritos de Google en mi nuevo Google Chrome para Macintosh, configuré su sincronización para poder los mismos enlaces en los tres ordenadores que utilizo y probé algunas extensiones, poco más.

Y mientras instalaba un plugin en el WordPress del blog recalé en un post de Nettuts llamado ¿Por qué los desarrolladores web deben cambiar a Google Chrome?

Sinceramente desconocía todas las posibilidades del navegador de Google, desde hace años para desarrollar utilizo Mozilla Firefox con la extensión Web Developer, muy buena y completa pero ahora estoy confundido. :O

El repaso -en Inglés- al Inspector Web de Google Chrome que hacen en el post de Nettus es muy completo y explica muchas de las tantísimas posibilidades que posee como herramienta de desarrollo web. Gran descubrimiento.

También sugieren algunas extensiones para añadir herramientas a la hora de trabajar con los códigos XHTML y CSS.

Yo no utilizo la extensión Firebug para Mozilla Firefox pero… por lo que veo el Inspector Web tiene muchas características similares.

¿Alguna sugerencia o comentario de algún desarrollador web?

Gracias totales.

11

feb
10
Google Buzz: para trabajar no son buenas las distracciones
Guardado en Blog con 0 comentarios.

Acabo de publicar en mi blog personal un post donde comento la desilusión que tengo con Google Buzz y como no es bueno tenerlo dentro de GMail si lo utilizas como correo de trabajo.

Hay demasiado ruido en mi GMail

Después de la excitación post presentación de Google Buzz me pasa una cosa… hay veces que veo el ítem “Buzz” con 5 contenidos sin leer y sinceramente no tengo ganas de entrar y ver que pasa.

Además me molesta recibir un mail de notificación de buzzeo y tampoco quiero perder 3 minutos creando un filtro para quitarlos de mis bandeja de entrada.

Y de repente… hoy leo un post clarísimo de Berto en su ThinkWasabi: “Buzz ha violado mi GMail”, genial manera de resumir y dejar claro que uno no tiene ganas de dejar la puerta abierta para que entren “cuando quieren los otros”… ¡bravo Berto!

El día de la presentación me “dejé llevar” pero ahora no me siento cómodo, hay demasiado ruido en mi GMail y no se si desactivar Buzz o crear el filtro que hasta el momento no tuve intención de hacer; mea culpa.

¿Qué harías en mi situación?

No me gusta distraerme mientras trabajo.

10

feb
10
Generar plantillas y paleta de colores con herramientas online
Guardado en Blog, Recursos con 0 comentarios.

Otra vez Twitter me trae a la memoria tres aplicaciones online para diseñadores web.

Tres recursos indispensables para cuando necesitamos hacer cosas y no disponemos de -en mi caso- Espresso o Textmate cerca.

  • Colors Pallete Generator
    Para generar paleta de colores utilizando como base una imagen o fotografía; como resultado obtenemos la descargar de un fichero CSS o una paleta para importar en nuestro Adobe Photoshop.

  • CSS Type Set
    Para crear estilos de texto en tiempo real… introducimos una frase o texto y vemos el resultado en tiempo real a medida que vamos utilizando los controles de formato de texto y párrafo básicos. El resultado es el código CSS listo para copiar en nuestro portapapeles.

  • CSS Layout Generator
    Para crear layouts iniciales o “tinglados” para luego ir decorando… la página es bastante arcaica -de hecho la vista previa de lo que vamos generando la vemos en un viejo browser Netscate- pero si olvidamos eso el recurso te sacará de un apuro si lo que tienes es poco tiempo y necesitas montar una plantilla web simple.
    Podrás elegir que tipo de HTML o XHTML quieres utilizar, el tipo y tamaño de ancho que tiene, añadirle un header, footer y definir las columnas que vayas a utilizar.
    El resultado son dos enlaces de descarga, uno con el fichero HTML y otro con el CSS.

Me gustaría conocer experiencias de diseñadores que han podido montar todo un diseño web utilizando herramientas online

9

feb
10
Recursos para Adobe Fireworks
Guardado en Blog, Diseño con 0 comentarios.

Este post es especial para los que hacemos diseño web combinando dos aplicaciones distintas pero iguales al mismo tiempo, Adobe Photoshop y Adobe Fireworks.

Punteros, patrones, flechas, cursores, símbolos, efectos y hasta plantillas con elementos para diseñar aplicaciones para iPhone y Android.

Una explosión de recursos para Adobe Fireworks.

No todos son “profesionales” pero sin duda alguno te ayudará en tus proyectos.

Blog

Notas e ideas sobre diseño digital interactivo.

Introduce una o varias palabras y pulsa el botón Buscar.

Categorías

Archivo

Juanpol

Dirección Creativa & Diseño web

Este sitio web vive gracias a WordPress y fue desarrollado en ordenadores Mac con Adobe Creative Suite, Espresso, CSSEdit y Transmit. / XHTML - CSS

... si no hay galope se nos para el corazón ...