Explorer les tendances de conception de l'utilisation des images dans la conception Web

L'expression "photographie d'archives" évoque souvent le cliché d'une réunion d'affaires où tout le monde rayonne inexplicablement de joie. Cela semble ringard, contre nature et mal adapté à la conception Web moderne. Mais la photographie sur le Web n'a pas à se sentir si déplacée.

, En fait, certains des meilleurs sites Web utilisent des images d'apparence naturelle pour ajouter un sentiment d'identité à la conception. Cet article porte sur les mises en page et les tendances de conception utilisées conjointement avec des photographies de stock durables et magnifiques. Si vous pouvez acquérir des photos de qualité supérieure pour un projet Web, la phase de conception devient beaucoup plus facile.

Emplacements et environnements

Lors de la vente d'une entreprise ou d'un événement, le lieu peut être très important. Surtout s'il s'agit d'un détaillant que la plupart des gens visiteraient en personne.

Ces entreprises utilisent leur site Web comme une représentation numérique de l'entreprise. Les photos d'environnement s'intègrent donc parfaitement car elles donnent aux visiteurs un aperçu du bâtiment et peut-être même de l'intérieur. Mais s'il n'est pas viable d'obtenir des photos de localisation, vous pouvez plutôt utiliser des emplacements populaires à proximité.

La page Web de Nature Valley Trail View comprend de grandes photos de parcs nationaux partout en Amérique. Chaque photo peut avoir été prise spécifiquement pour ce site Web, ou elles peuvent toutes être des photos d'archives achetées en ligne.

Quoi qu'il en soit, on remarque immédiatement que les photos sont de très haute qualité. Étant donné que les photos prennent beaucoup de place, elles définissent vraiment l'aspect général du site Web. Des photos de mauvaise qualité impliqueraient un site Web de mauvaise qualité, mais dans ce cas, nous avons tout le contraire.

Pour un exemple plus personnel, jetez un œil à Red Dessert Dive. Il s'agit d'une boulangerie/café spécialisé dans les desserts personnalisés. Tout au long de la page, vous trouverez diverses photos, mais l'en-tête est le plus significatif.

Les visiteurs verront l'en-tête avant toute autre chose, il doit donc emballer un coup de poing. Cette photo d'environnement montre l'intérieur unique de cette boulangerie ainsi que des desserts et des ustensiles de cuisine. Des images puissantes comme cet exemple montrent ce qu'une entreprise fait sans se fier uniquement au texte.

Envisagez d'utiliser des photos d'environnement lorsque vous devez connecter un site Web à un emplacement physique.

Mélanger des portraits personnels

De nombreuses photos de stock sont présentées sous forme de rendus transparents sans arrière-plan. Ceux-ci sont souvent ajoutés aux sites d'entreprise pour certains graphiques supplémentaires ou pour créer de nouveaux composites photo.

Bien qu'il soit cool d'inclure des photos du personnel ou des membres de l'équipe, les photos composites sont également très populaires. Un designer astucieux peut intégrer des portraits personnels dans le design grâce à des techniques de composition élégantes.

Mon exemple préféré de tous les temps se trouve sur Amazee Labs. Les effets typographiques sont intégrés dans un composite photo plein écran. L'un des employés est visible sur un canapé tandis que le mur beige se fond harmonieusement dans le décor.

J'adore cette tendance car elle va plus loin qu'une simple photo plein écran typique. L'en-tête ressemble à une couleur unie jusqu'à ce que vous assembliez tout. C'est un effet vraiment unique et c'est l'exemple parfait de composition de photos d'archives pour le Web.

Gardez à l'esprit que les gens aiment travailler et acheter auprès de vraies personnes. Un site Web sans visage peut parfois très bien fonctionner - regardez le succès d'Amazon et d'eBay.

Mais une petite touche personnelle peut aussi faire toute la différence.

Brian Regan est un comédien de stand-up avec un site Web plein de photos. La page d'accueil présente un composite de lui-même mélangé à un arrière-plan texturé. Ce n'est pas exactement une mise en page de site Web traditionnelle, mais cela fonctionne pour un site personnel utilisant seulement quelques pages.

Vous trouverez plus de photos sur sa page à propos avec un en-tête plein écran ainsi que d'autres composites.

Ne présumez pas que toutes les photos d'archives doivent être mises en ligne sans modification. Un peu de magie Photoshop peut pousser la photographie de votre site Web dans une toute nouvelle direction.

Photographie de produit

Tout bon magasin de commerce électronique aura besoin de photos de produits. Ils sont essentiels à la vente d'articles physiques et numériques.

Ce style de photographie est quelque peu unique et la plupart des photographes professionnels classent les prises de vue de produits comme des prises de vue différentes des prises de vue régulières. Le but est de capturer chaque produit sous un certain jour afin que les clients puissent bien voir et, espérons-le, effectuer un achat.

Jetez un coup d'œil à la boutique Nike en ligne avec des baskets cataloguées sous forme de vignettes. Chaque photo est fondamentalement la même avec une sneaker tournée vers la droite sur le même fond gris.

Certaines baskets proposent des couleurs alternatives que vous pouvez sélectionner lorsque vous survolez la vignette. Il s'agit plus d'une fonctionnalité avancée, mais cela montre l'importance des photos de produits de qualité. Si vous gérez une boutique en ligne et vendez des marchandises physiques, il est judicieux d'engager un professionnel pour prendre des photos de produits pour votre site Web.

Un portrait ou une photo d'environnement de haute qualité peut améliorer la conception d'un site Web, mais une photo de produit de haute qualité peut en fait inciter une vente.

Lorsqu'il s'agit de produits physiques, une belle photo est importante. Les produits numériques peuvent utiliser une photo d'aperçu prise directement à partir de l'ordinateur - peut-être un peu de Photoshop pour l'embellir. Mais qu'en est-il des services aux entreprises ?

Le site Web de Lee W. Robinson est un portfolio pour la décoration intérieure et la rénovation. Ses photos n'incluent pas de véritables objets à vendre, mais plutôt des échantillons de son travail. Les vrais services tangibles vont mieux avec des photos du travail.

Mais certaines difficultés surgissent lors de la conception de services qui ne peuvent pas être présentés en photographie, un peu comme la plomberie. Dans ce cas, vous pouvez opter pour un portrait personnel ou le mélanger avec des photos d'environnement du bureau, de l'équipement ou des domiciles des clients (s'ils le permettent).

Arrière-plans plein écran

Les arrière-plans en plein écran peuvent inclure des photos de personnes, d'environnements, de flux de travail ou de tout. L'idée est d'utiliser la photographie pour construire une identité pour le site Web. Blind Barber utilise la technique du plein écran avec un diaporama d'images renvoyant à des pages individuelles.

Chaque photo correspond au lien entrant de la prise de rendez-vous à la navigation sur la boutique en ligne Blind Barber. Et les photos sont de grande qualité, elles ajoutent donc une réelle valeur à la conception globale.

Un autre exemple intéressant est le site Web Book of Beards. Il utilise une seule image plein écran pour l'arrière-plan qui reste fixe sur chaque page. Le site s'appuie sur JavaScript pour charger chaque page afin que la photo d'arrière-plan soit un point focal cohérent.

Le livre a en fait été créé par Justin James Muir qui est un photographe professionnel. Le site Web Book of Beards prouve que la simplicité peut aller très loin et que les photos peuvent vraiment jouer un rôle important dans la conception Web.

Ajouter une touche personnelle

Vous n'avez pas toujours besoin de photos d'archives pour occuper la majorité de la page. Même un petit portrait ou une vignette peut apporter une touche personnelle à votre conception.

Le portfolio de Mat Helme présente une photo de profil de lui-même. C'est certainement grand mais c'est aussi la seule vraie photo de lui sur tout le site. Le portrait personnel de Mat est réservé aux personnes qui s'aventurent aussi loin dans son site Web de toute façon.

Mais nous pouvons aller encore plus petit et toujours obtenir le même effet. Jetez un coup d'œil au pied de page du portefeuille de Rogie King.

Sa photo est une vignette en niveaux de gris 200 × 200 présentée dans le coin de la section de pied de page du site Web. Même s'il est petit et doux, il offre toujours une touche personnelle pittoresque.

Cette tendance de la photographie personnelle peut évoluer vers une équipe complète sur la page avec des biographies et des profils sociaux pour chaque membre de l'équipe. L'objectif est d'offrir autant (ou aussi peu) de personnalité que nécessaire pour s'adapter au mieux au site Web.

Conclusion

Le facteur le plus important en matière de photographie de stock est la qualité. Cela peut vraiment faire la différence entre un travail de conception impressionnant et affreux. Des photos de haute qualité aideront à créer une marque réputée pour n'importe quel site Web. En suivant les tendances de cet article, vous pouvez utiliser des photos dans le but de concevoir des identités numériques puissantes.