14 sites Web inspirés de l'impression
Pendant des années, je lis continuellement comment l’impression est une industrie mourante et comment les concepteurs d’imprimés sont en danger.
Il est difficile de se disputer lorsque de nombreux grands journaux et magazines du passé voient un plus grand nombre de lecteurs en ligne que dans les journaux. C’est encore plus difficile quand beaucoup de ces magazines et journaux cessent d’imprimer complètement pour passer au numérique.
Les compétences du designer d'impression sont trop basiques et pas assez interactives dans un monde où tout semble numérique. Les concepteurs d'impression sont perçus comme étant moins rapides lorsque nous devons concurrencer les sites Web qui se chargent en moins d'une seconde.
Les concepteurs d'imprimés sont considérés comme les anciens ancêtres des jeunes nouveaux concepteurs de sites Web. En tant que concepteur d’imprimerie, je le ressens parfois et parfois je l’embrasse. Le fait de commencer à imprimer me permet de voir d’un point de vue plus large que dans une perspective étroite. Cela peut être décourageant pour ceux qui ont commencé à imprimer sur le Web. Il y a des années, c'était absolument intimidant. Mais maintenant? Pas tellement.
Ce n'est un secret pour personne que le monde du web design est coincé dans une frénésie minimaliste. Cela semble juste fonctionner (pour l'instant). Nous avons dépouillé nos sites Web sur l'essentiel et les avons libérés des dessins animés et des graphismes exagérés. Cela entre facilement dans les mains du concepteur d’imprimés qui a rarement le luxe de s’occuper de ce genre de choses.
En version imprimée, plus c'est simple, mieux c'est et c'est un mantra qui devient rapidement adopté par le web ...
Héliome
Dès le départ, nous commençons avec un site qui met l'accent sur les gros titres et une colonne de texte ajustée à gauche. Cela me fait penser à des magazines et des brochures qui offrent une petite explication à côté d’une photo. Au fur et à mesure que vous défilez, nous voyons plus de contenu organisé en superbes colonnes, classées par différentes couleurs et titres.
Freytag Anderson
Freytag utilise une mise en page que vous ne voyez pas trop souvent. Il est plutôt déséquilibré et certains éléments sont superposés. Cependant, je crois que la cohérence est créée avec les titres et la copie qui semble prendre une page de ... eh bien, d'autres pages.
Dassel und wagner
La manière dont Dassel Und Wagner a mis en place son site Web est avant tout extrêmement intéressante et offre une expérience utilisateur exceptionnelle. Deuxièmement, cela me rappelle beaucoup de magazines. Avec peu d’ajouts graphiques aux images et le type de titre qui les entoure, il semble que Wagner a emprunté un peu du côté simple et imprimé des choses.
Jeune et affamé
J'adore et adore la simplicité de ce site. La palette de couleurs est suffisamment neutre pour mettre l'accent sur les endroits nécessaires. C'est un site bien conçu qui ressemble à une page d'une simple brochure.
Conservation côtière
Le texte initial sur ce site est agencé comme s'il se trouvait sur un morceau de papier qui se trouve sur le téléphone de l'en-tête. Au fur et à mesure que vous défilez, vous remarquerez que le style du contenu réel est très similaire à ce que nous voyons dans les livres et les romans. Il y a aussi une merveilleuse touche supplémentaire avec la lettrine, qui est évidemment devenue populaire dans les imprimés.
Fitz Fitzpatrick
La partie la plus intéressante de ce site Web est la bordure autour de la fenêtre du site. C'est quelque chose que je vois beaucoup dans le design imprimé pour faire ressortir les choses. J'aime comment cela a été incorporé presque inconsciemment dans ce design web.
Plans et politique
Plans et politique est certainement une façon peu orthodoxe de traiter les sites Web. Il semble que ce soit cette grande image avec différents morceaux de texte, que vous naviguez via la boîte en haut à gauche de l'écran. Cela me rappelle une carte qui contient des descriptions, tandis que la navigation est la clé de la carte.
Newsweek
Eh bien, évidemment, Newsweek est une publication bien connue qui était, à un moment donné, une publication imprimée. L'année dernière, cependant, ils ont décidé de rejoindre le monde numérique et d'offrir leurs nouvelles uniquement en ligne. Bien sûr, il n’est pas surprenant que bon nombre de leurs mises en page et de nombreuses histoires semblent ressembler beaucoup à des articles imprimés. C'est ce qu'ils savent.
Exposant PR
Exponent fait un excellent travail en empruntant de nombreux genres d’imprimés, y compris les aquarelles et les illustrations, pour créer son site. Ils ont des éléments qui sont natifs sur le Web (mais cela peut être fait en version imprimée) et ont des dispositions qui vous rappelleront des morceaux rapides dans les magazines et les livres.
Millhaus
Je pense que l'image en noir et blanc se rapporte automatiquement à l'impression. De plus, les images ont une légère texture qui semble être une sorte de papier épais. La typographie, encore une fois, semble emprunter des techniques de mise en page de magazines et de journaux.
Assemblée
Ce site commence comme une introduction à la marque. En faisant défiler, vous obtenez un jeu d'images animées et un nouveau titre pour chaque pièce. Cela me fait penser à la façon dont nous avons utilisé les cartes flash pour apprendre de nouvelles choses, et je pense que cela peut être un concept emprunté ici. Au fur et à mesure que vous continuez à faire défiler la liste, vous verrez des colonnes de texte, qui sont évidemment similaires à ce que nous connaissons en version imprimée.
Made Together
J'aime ce site car il est extrêmement simple et a peu ou pas de peluches. Il est facile à lire et à comprendre et il n'est pas difficile de savoir exactement ce qu'ils vendent. Il n'y a pas de distractions et encore une fois, j'ai l'impression que c'est quelque chose de standardisé dans l'impression. La mise en page semble également être enracinée là-bas, car nous avons beaucoup de titres avec un corps de texte centré pour nous aider à mieux classer nos sections.
Magentur
Magetur est une agence d'impression numérique qui utilise un bon mélange de ce qui est natif sur le web et de ce qui est natif à imprimer. Les titres audacieux et les couleurs à plat des blocs aident à définir les tonalités du dessin. De grands effets de vol stationnaire et des ombres sur certains éléments ajoutent du caractère et nous montrent le côté du design Web. Bien que je dise que cette conception est encore fortement basée sur l'impression, c'est une excellente façon de montrer comment mélanger les deux.
Anne Vallés
Si on vous remettait un portfolio rempli de photographies, il y a de fortes chances que chaque photo ait sa propre page, et si les pages étaient lâches, vous devriez parcourir chaque page pour voir chaque image. C'est comme ça que Anne Vallés a créé son portfolio. De plus, dans la section à propos, la mise en page du texte rappelle beaucoup le travail d’impression, avec l’utilisation de colonnes.
Conclusion
Quel que soit le nombre de fois où j'essaie d'entrer dans le monde numérique, il y a juste quelque chose à propos du papier. Je préférerais plutôt parcourir les pages d'un papier ou d'un dos que les parcourir dans un livre électronique. Je préfère écrire mes idées et mes listes de tâches que de les saisir dans une application sur mon smartphone. Je suis peut-être trop "old school" ou traditionnelle, mais cela m'aide dans mes relations avec mon travail. Comprendre ce type de relation dans l’impression facilite la création de sites Web. Ne tuez pas les imprimés pour le moment, car ils sont numériques.
Quels aspects de la conception d'impression survivent dans les conceptions de votre site Web? Allons-nous jamais remplacer complètement l'impression? Faites-nous savoir vos pensées dans les commentaires.