Crear sitio web enfocado en la fotografía no es tan sencillo como parece. Después de seleccionar las fotografías a usar hay un largo proceso que debes tener en cuenta y pensar cómo es que harás que esas fotografías cautiven al público. ¿Cómo presentarás las fotografías de modo que capten la atención de tu audiencia?
Diseñar un sitio web que se enfoque en la fotografía no es un proceso tan distinto a crear otro sitio web, pero hay ciertos detalles que debes tener en cuenta antes de empezar a realizar bocetos del layout. En este artículo te damos algunas pautas para que puedas crear un sitio web donde tus fotografías realmente destaquen.
Usar imágenes de gran tamaño
Una de las mejores maneras de llamar la atención de tu audiencia es usar hermosas imágenes en gran tamaño. Esta técnica es bastante efectiva si tienes en sitios web de moda o si la fotografía logra conectar con la audiencia y les transmite un mensaje e incluso una historia.
Si decides usar imágenes en gran tamaño asegúrate de la fotografía sea impactante y que esté en una buena resolución. Si tiene detalles, éstos deberían notarse sin problemas y con perfecta nitidez. Asimismo, debes asegurarte que sea una fotografía que sea relevante con tu marca.
Usar sliders
Cuando tienes más de una fotografía para mostrar, puedes hacer uso de un slider. Debido a que puedes fijar el tamaño de tu slider puedes decidir hacer uso de toda la pantalla o elegir un tamaño menor.
Los sliders se usan en una gran variedad de sitios, desde páginas de aplicaciones, tiendas online y portafolios online. En portafolios online son especialmente útiles pues dan una muestra del trabajo desde el inicio. La gran ventaja de estos sliders es que puedes cambiar las imágenes que incluyes con el paso del tiempo, de modo que si usas un slider para tu portafolio online, puedes cambiar los proyectos destacados.
Agrupar fotografías en una cuadrícula
Agrupar imágenes en una cuadrícula es una técnica común en portafolios y tiendas online. Permite a tus usuarios tener acceso a vistas en miniatura, de esa manera pueden buscar y seleccionar fácilmente la fotografía que desean ver.
Sin embargo, hay ciertos detalles a tener en cuenta al crear una cuadrícula con vistas en miniatura, la primera de ellas es el tamaño de las mismas y el número de filas. Una vez que hayas decidido estos dos puntos, deberás decidir hasta qué tamaño debes reducir dichas fotos y qué parte de la fotografía se verá en la vista en miniatura. Las vistas en miniaturas deben dar una idea de lo que el usuario encontrará en la vista completa, así que tómate tu tiempo para realizar este proceso.
Usar un estilo minimalista
Si deseas que tu sitio se enfoque en las imágenes, debes simplificar tu diseño. De esta manera, las fotografías serán el elemento que más llame la atención y que causa más impacto en la audiencia. Usar una layout sencilla, al igual que los botones, colores y otros elementos, permitirá que tus fotografías sean el foco de atención pues no habrá elementos distractores en tu sitio. Si incluso los botones son sutiles, las fotografías no tendrán ningún tipo de obstrucción y los usuarios podrán apreciar todos los detalles.
Emplear efectos simples
En la actualidad, muchos desarrolladores evitan flash y lo reemplazan con HTML5 si necesitan algún tipo de animación. Para transiciones suelen recurrir a otros lenguajes como CSS. De esta manera, pueden tener un sitio interactivo y ligero. Si n embargo, la interactividad no sólo se logra mediante impresionantes animaciones, sino mediante efectos pequeños.
Debes tener en cuenta que si usas fotografías en gran tamaño, éstas deberán cargar en un tiempo apropiado en diversos dispositivos. Ten en cuenta el peso de tus archivos si decides incluir animaciones, en particular si sabes que añadir dichos efectos traerán problemas de velocidad en tu sitio.
Definir un estilo para tus fotografías
Puedes también aplicar filtro y efectos a tus fotografías como marcos de Polaroid, filtros de color sepia, gradientes de color e incluso fotografías en blanco y negro. Hay diversas opciones que puedes considerar si quieres darle a tu sitio un toque de personalidad. Un efecto común pero efectivo es colocar las fotografías en blanco y negro y que éstas adquieran color cuando el cursos se posa sobre ellas. Otro efecto parecido es que las vistas en miniatura adquieran cierta opacidad al posar el cursor. Estos efectos son sencillos, pero le dan mayor estilo a tu sitio.
Colocar el texto estratégicamente
Un texto fuera de lugar puede ser catastrófico para tus fotografías. Decidir donde colocar el texto y los botones puede ser una tarea complicada, especialmente si estás usando fotografías que ocupan todo el ancho de la pantalla. Debes decidir donde colocar el texto de modo que no oculte partes importantes de la fotografía y teniendo en cuenta también el tamaño del texto y los otros elementos que se encontrarán en la composición de modo que puedas definir adecuadamente la jerarquía. Así que, como ves, es una tarea bastante complicada.
La recomendación es probar diversas ubicaciones de texto y compararlas lado a lado, de esa manera podrás verificar en qué composición se mantiene una correcta jerarquía y no se ocultan partes clave de tu fotografía.
Crear contraste
Ya que tus fotografías contienen muchos elementos y son composiciones interesantes que captan la atención es mejor si se mantiene un fondo sencillo, de un solo color plano. De esta manera se genera un contraste entre el fondo y las fotografías. Esta es una de las razones, también, por la que muchos diseñadores deciden usar un fondo de color blanco o negro cuando crean un portafolio online.
Puedes crear contraste también al elegir las fotografías en cada sección. Esto es particularmente importante en un portafolio online, especialmente si es de un fotógrafo. Entonces procura elegir fotografías donde la composición y perspectiva sea diversa, particularmente si son fotografías que pertenecen a una misma sección.
