Blog personal de Sergio Madrigal donde encontrar textos sobre ciencia y tecnología, psicología, cine y literatura y quizá alguna cosita más.

Categoría: Fotografia (página 1 de 3)

Encontrando el tema adecuado

Cuando iniciamos un nuevo proyecto y una vez hemos decidido emplear una plataforma de gestión de contenidos (CMS), el siguiente paso tras la instalación de la plataforma va a ser el de seleccionar qué tema vamos a usar para nuestro front-end.

Aunque parezca a primera vista una tarea trivial (a priori se trata de buscar un diseño que nos guste y su proceso de instalación resulta más que sencillo), en realidad se trata de un paso clave que va a influir de manera determinante en el éxito de nuestro proyecto por varios motivos.

La importancia del diseño. 

Imagen

Está claro que para los seres humanos, en su inmensa mayoría, la primera toma de contacto con cualquier producto se realiza a través del sentido de la vista. En el mundo de Internet esta situación se produce de forma más notable puesto que hasta que no se desarrollen tecnologías del futuro, nuestra interacción con las páginas web se reduce a la vista y el oído.

Por ello es fundamental decidir qué queremos que transmita nuestro diseño en relación al producto que vamos a tratar de vender. ¿Buscamos sencillez para transmitir que lo importante ese el servicio que proporcionamos? ¿Nuestro producto debe mostrar creatividad y resultar atractivo para el usuario?

Interactividad

Muchos de los productos o servicios que desarrollamos requieren una interactividad por parte del usuario: ya sea una tienda online o una página de juegos al final el usuario va a tener que interactuar con ella. Por muy genial que sea nuestro entorno, por muy cuidado que sea el diseño gráfico, si olvidamos por un sólo instante que el usuario tiene que estar cómodo, tiene que entender lo que está sucediendo y sobretodo, tenemos que responder ante lo que él espera, estaremos completamente perdidos. Un usuario descontento raramente suele volver a visitarte.

En una mundo tan salvaje como el de Internet en el que cada día surgen nuevas ideas muy similares, cometer este tipo de errores es, sencillamente, letal.

Rapidez

Que sí, que jQuery es una maravilla, que cuando se empezó a pensar en que el navegador hiciera el trabajo sucio alguien llegó a la conclusión de que había cuadrado el círculo. Pero parece que nadie se paró por un momento a imaginar que no todos tendrán un Core i7 con 16 GB de memoria RAM.

Una página lenta es una muy mala página. Los efectos javascript están geniales para un nicho de negocio específico, no para todos. Si eres un gabinete psicológico lo que interesa es que tus futuros clientes vean qué servicios ofreces, tus tarifas, la forma de ponerse en contacto contigo y no que se pierdan entre movimientos alucinantes de fondos e imágenes de resoluciones imposibles.

La rapidez es una virtud indispensable para una página web. Hay estudios que han valorado el tiempo de atención medio de un usuario en una página y, creedme, es más bien escaso.

Tras algunos años de experiencia jugueteando con este tipo de problemas, mis consejos se reducen a tres:

Se simple, se directo. Busca ante todo que lo que sea relevante sea lo que vendes. Está claro que hay temas preciosos y llenos de extensiones maravillosas que hacen cabriolas en el aire. Pero al final tu objetivo, y eso no se te debe escapar, es vender tu servicio/producto. Enfoca todos tus esfuerzos en esa dirección.

Domina el terreno de juego.  Hay temas geniales, muy profesionales, con un panel de configuración más propio de un Boeing que de una plataforma web. Hay que tener mucho cuidado con esto y ser sinceros con uno mismo: ¿Hasta dónde llegan mis conocimientos? ¿Voy a pasar más tiempo customizando y adaptando mi tema para que funcione que desarrollando mi idea de negocio? Los errores más comunes que he visto cuando se elige un tema profesional son precisamente los relacionados con la incapacidad de los administradores del CMS de gestionarlos correctamente.

No pierdas el tiempo. Es una decisión importante ya que se trata de la imagen que va a tener tu producto o servicio para el resto del mundo pero mucho ojo con eternizar el proceso. Al final tu objetivo es vender un producto, un buen producto, un producto genial. Dedícale el tiempo justo al envoltorio y lánzate a lo que de verdad importa: tu idea de negocio.

Crea tu firma para cualquier foro en Photoshop.

Os traigo hoy un mini-tutorial de cómo realizar rápidamente una firma para cualquier foro de discusión online usando Adobe Photoshop.

En este caso he utilizado Adobe Photoshop CS5.

1. En primer lugar lo que tenéis que cercioraros es de la normativa de cada foro puesto que dependiendo de ésta las dimensiones de vuestra firma pueden variar. Creamos un nuevo documento con esas dimensiones:

IF

2. Creamos una selección sobre el lienzo y con ella creamos una nueva capa a la que llamaremos fondo. La rellenamos con la herramienta «bote de pintura» de blanco.

IF

3. Elegimos dos colores con cierto contraste: rojo – blanco por ejemplo.

IF

4. Aquí empezamos con la magia. Vamos a Filtro > Interpretar > Nubes de diferencia. Con esto generamos un fondo bastante mono que nos servirá de soporte para nuestra firma.

IF

5. Buscamos una foto interesante que tenga relación con la temática del foro.

IF

6. La añadimos a nuestra firma. Si al pegarla lo hacemos con «Pegar especial > pegar dentro» estando seleccionado el fondo conseguiremos tener enmarcada la fotografía en el espacio de la firma.

IF

7. Ahora toca ya la parte creativa: buscad pinceles, que hay muchos, poned vuestro nombre, alguna frase que os haga parecer interesantes y… voilá!

IF

Mi experiencia con un Hofmann

Hace unos cuantos meses decidí con Sheila que sería una buena idea hacer un álbum con todas las fotos que teníamos de los viajes que habíamos hecho durante el 2010.

Últimamente está muy de moda emplear las tecnologías digitales para realizar álbumes muy vistosos y muy personalizables así que escogimos la opción de hacerlo de esta forma.

Hofmann, que así es como suelen llamar a este tipo de álbumes, es en realidad la empresa que realiza la impresión de los mismos y el proceso, desde su inicio hasta la entrega final no pudo ser más sencillo.

1. La aplicación.

La gracia del sistema reside en una pequeña aplicación que te descargas de la propia página web (albumdigital.org) y que te permite personalizar una a una todas las páginas que contenga la versión que has escogido.

Hay infinidad de versiones en función del tamaño y del número de páginas que quieras que tenga. Nosotros, por ejemplo, elegimos la de 18 páginas que es la solución más sencillita.

Mediante la aplicación vas diseñando a tu gusto las páginas: fotos, marcos, fondos, rótulos, bocadillos con mensajes graciosos, lo tiene todo.

Una vez terminas de diseñar tu Hofmann, el siguiente paso es, si cabe, todavía más sencillo.

2. Envío, facturación y recepción.

La propia aplicación te permite enviar el documento completo desde tu máquina directamente a los servidores de impresión y te facilitan diversas formas de pago y de envío. A los 3 días recibí un correo de que nuestro álbum ya estaba hecho y que tardaría 24 horas en llegarme a casa. Y así fue, certificado y empaquetado perfectamente me llegó al día siguiente.

3. Conclusión

Se trata de una solución de un coste muy asequible, estamos hablando que 18 páginas de fotos en impresión digital, con tapas duras y acolchadas (también personalizables) rondaba los 26€. Y además muy muy sencilla de emplear, para aquellos que les frene un poco todo el mundo de la informática y la fotografía profesional.

No lo dudes, es un recuerdo perfecto y un regalo que hará que brote más de una lagrimita. 🙂

Enlace | www.albumdigital.org

Fotografías urbanas

Dentro del mundo de la fotografía, existe un sector que siempre me ha interesado mucho: el de la fotografía urbana.

Me parece que el conseguir una visión artística de elementos comunes en nuestra vida diaria y añadirle algún tipo de mensaje o transmitir alguna sensación mediante ellos es muy complicado.

Os dejo con algunos ejemplos que me han parecido significativos y, os emplazo a los que queráis dejar alguna de vuestras creaciones en los comentarios.

En este caso son fotografías que transmiten la decadencia en la vida urbana de forma muy visual.

Si quieres ver más fotos de este estilo pásate por este enlace. [webdesignledger.com]

Rhea, la luna de Saturno

cassini-rhea

Impresionante imagen tomada a más de 1.000.000 km de una de las lunas de Saturno: Rhea.

Rhea (o Rea en castellano) es una titánide de la mitología griega (de los famosos Titanes) que fue la madre de Zeus, Poseidón, Hades o Hera entre otros. Curiosamente, se le asocia al símbolo de la luna.

Imágenes como esta nos hacen apreciar la inmensidad de lo que nos rodea.

Vísto en menéame.net

Sincronizando proyectos.

Uno de los problemas, desde mi punto de vista, al que se tiene que enfrentar todo desarrollador web es el hecho de que tenemos la necesidad de desarrollar nuestro contenido en distintas ubicaciones y bajo distintos equipos.

Esto nos plantea la obligación de, tarde o temprano, unificar el proyecto para no estar «haciendo por un lado y deshaciendo por otro».

Existen una serie de sanas costumbres a la hora de realizar cualquier proyecto web que nos van a permitir agilizar y simplificar este proceso.

En primer lugar, debemos tratar de separar todo lo posible las distintas fases del desarrollo web: intentemos no mezclar el proceso de obtención de datos o desarrollo de bocetos, con el de diseño final o depuración de detalles. No tiene sentido que en el momento que estamos definiendo la estructura de nuestro proyecto nos centremos en describir un detalle pequeño de una de sus partes.

En segundo lugar, es necesario separar los elementos que componen un proyecto web. Esto es, definir un motor de funciones, un esquema HTML y el diseño gráfico de la forma más independiente posible. De esta forma permitiremos que varias personas trabajen simultáneamente en el proyecto sin que se estorben.

Finalmente, otra buena costumbre es permitir el sincronismo del proyecto. Esto me recuerda a una serie que hace años echaban por TV y en la que sus protagonistas, unos jóvenes aventureros, decían eso de «¡¡Sincronicemos nuestros relojes!!». Aquí pasa algo parecido. Debemos disponer de la información, de forma accesible en un servidor (bien en la intranet o bien en internet) que permita a los usuarios trabajar en distintas partes de un mismo proyecto y que sus modificaciones queden almacenadas de forma inmediata. Aptana, del que hablaremos largo y tendido por aquí, y del que ya comentaba algo bitelemental en su post sobre el mismo, permite sincronizar los proyectos a través de FTP/SFTP.

En definitiva, esto no son más que unos pequeños trucos para que a la hora de ponernos a desarrollar un proyecto no nos encontremos con la desagradable situación de disponer de 15 versiones del mismo y no saber qué partes son las importantes en cada versión.

Captar el momento

Últimamente ando leyendo algunos tutoriales y manuales de fotografía para poder pelearme en condiciones con mi cámara digital.

Lo esencial, al menos en mi opinión, que debe tener una fotografía es la sensación de captar el momento: de dejarte mirando con la percepción de estar ante un momento único y a la vez eterno.

Hoy, además de rendir mi más sincero homenaje al pedazo de deportista que tenemos en la figura de Alberto Contador, tengo que reconocer que la foto que ilustra este artículo es el mejor ejemplo de cómo captar un momento.

Contador llegando al final de la etapa de contrarreloj.

Contador llegando al final de la etapa de contrarreloj.

18 diseños basados en pinceles de Photoshop

Desde esa página web podréis acceder a una lista de 18 diseños que han hecho uso de los pinceles de Adobe Photoshop.

Además de poder ver el diseño realizado, tendréis acceso a tutoriales y descargas para poder llevar a término diseños similares de forma muy intuitva y guiada.

Sin lugar a dudas, Photoshop es una herramienta tremendamente útil para el diseñador web gráfico, puesto que con su potencia y con los complementos que ofrece en forma de plugins, pinceles, acciones, etc. permite realizar trabajos profesionales muy cuidados.