Accueil Médias sociaux Conception de médias sociaux: inspirant Tumblr Designs - mannequins

Conception de médias sociaux: inspirant Tumblr Designs - mannequins

Table des matières:

Vidéo: 15 Unique Homes from around the World | Inspiring Home Design 2025

Vidéo: 15 Unique Homes from around the World | Inspiring Home Design 2025
Anonim

Le blog Tumblr typique était juste un long flux de photos centré avec quelques bribes de texte saupoudré partout - et de nombreux blogs Tumblr conservent ce look de base. Cependant, la tendance au cours des dernières années a été d'essayer de sortir de ce format vertical rigide, en profitant des fonctionnalités HTML5 et CSS3 intégrées dans les navigateurs Web modernes.

Certains concepteurs de sites Web créent des designs attrayants qui vous invitent à cliquer sur du contenu; d'autres semblent être allés un peu à la mer avec toute la liberté.

Cory Doctorow

L'auteur de science-fiction Cory Doctorow (peut-être mieux connu comme l'un des blogueurs fondateurs de BoingBoing) utilise son blog Tumblr "Mostly Signs, Some Portents" pour poster " Choses que Cory Doctorow a vu. "

La bannière du site vous donne une idée assez précise de ce que vous recherchez: des chaussures de tennis richement décorées, des extraterrestres géniaux, des gâteaux et une photo de l'auteur qui semble être attaqué par une main hideuse de monstre vert. Doctorow utilise un collage varié d'images pour refléter la nature éclectique de ses messages, et pour révéler son sens de l'humour un peu absurde dans son design Tumblr.

Crédit: Cory Doctorow

Coca-Cola

Coca-Cola apporte une action accrocheuse à son Tumblr avec des gifs animés, en organisant des concours invitant les gens à envoyer leurs propres courtes séquences animées. L'exécution de concours sur des sites sociaux, comme Tumblr, est une excellente façon d'engager les visiteurs du site et peut vous aider à enrichir votre blog Tumblr avec du contenu tout en récompensant vos clients les plus fidèles et en les transformant en fans.

Les techniques de conception de sites Web réactives utilisées ici permettent au blog Tumblr de s'adapter à la largeur de l'écran de l'utilisateur, qu'il s'agisse d'un affichage standard ou d'un affichage ultra-large.

Wolfram | Alpha

Le "moteur de réponse" scientifique Wolfram | Alpha utilise de subtils graphismes pastels sur son blog Tumblr. Les pignons, les engrenages et les courroies de connexion sont tous des échos du logo de l'entreprise. Les graphismes discrets fonctionnent bien comme un repère de conception pour les calculs délicats et complexes que vous pouvez faire en utilisant Wolfram | Alpha.

Les messages de l'entreprise illustrent comment vous pouvez utiliser la combinaison de capacités de recherche et de calcul scientifique de Wolfram | Alpha pour déterminer la distance entre la Terre et la sonde Rosetta lors de son atterrissage sur la comète 67P / Churyumov- Gerasimenko … ou combien de temps cela prendrait pour voyager de Los Angeles à New York si vous conduisiez un guépard au sprint complet pendant tout le trajet.

Réponses: 499 millions de miles et 33 heures, respectivement, bien que le pauvre guépard serait assez tuckered au moment où vous y êtes arrivé.

Red Bull

Cette entreprise de boissons énergisantes est devenue un leader dans les médias numériques. La page Tumblr de Red Bull est un endroit où la société peut promouvoir le contenu de sport extrême, agressif, à faire, qui correspond à son image corporative d'être la boisson de choix pour les gens qui font des choses folles.

Red Bull a créé une page avec quatre grands onglets de navigation - Play, Fly, Create et Inspire - chacun menant à une sous-page de son site Tumblr. Le design noir et blanc granuleux correspond à cette page; On dirait qu'il a été cogné un peu mais est toujours debout. La conception simple ne supprime pas les GIF animés colorés qui constituent le contenu principal de cette page.

Utiliser un défilement infini comme le fait Red Bull dans sa conception peut offrir une expérience géniale, apparemment sans fin, à certains utilisateurs, mais les anciens navigateurs Web peuvent parfois geler ou se bloquer quand ils tentent de charger contenu.

RadioLab

Les reportages qui sortent de Radiolab sont diffusés sur les stations NPR du monde entier, mais parfois il y a un aspect de l'histoire que l'on raconte le mieux avec des images.

Le design propre et épuré du blog Tumblr RadioLab de New York met l'accent sur les images. Radiolab, hébergé par Jad Abumrad et Robert Krulwich, produit également un podcast populaire.

Leur blog Tumblr bien conçu mélange de courts messages, des citations et des images qui illustrent bon nombre des mêmes sujets que les deux couvrent dans leur émission de podcast et de radio. Les deux ont attiré un fort suivi en posant des questions provocatrices et en explorant la science et la technologie originales.

Document du jour

Chaque jour, sur le Tumblr d'aujourd'hui, vous trouverez une image, une vidéo ou un GIF animé présentant un événement notable qui a eu lieu le même jour dans l'histoire. Selon la page À propos du site, le document d'aujourd'hui a commencé comme une petite fonctionnalité sur les archives. Il y a quelques années, le site Web du gouvernement a permis de mettre en valeur des documents intéressants des Archives nationales.

L'utilisation de Tumblr pour présenter et partager les documents les plus populaires ou les plus fréquemment demandés démontre à quel point Tumblr peut servir de complément à un site Web beaucoup plus grand, comme celui des Archives. org.

Conception de médias sociaux: inspirant Tumblr Designs - mannequins

Le choix des éditeurs

Comment afficher plusieurs photos une à la fois (vue miniatures) sur votre Nikon D5300 - des mannequins

Comment afficher plusieurs photos une à la fois (vue miniatures) sur votre Nikon D5300 - des mannequins

Avec l'affichage des images une à la fois sur votre 5300, vous pouvez afficher 4 ou 9 vignettes ou même 72 miniatures. Utilisez ces techniques pour passer en affichage de vignettes et naviguer dans vos photos: Afficher les vignettes. Appuyez sur le bouton Zoom arrière pour passer de l'affichage d'une image à l'affichage de 4 vignettes; appuyez de nouveau pour déplacer ...

Comment afficher les données d'image sur votre Nikon D5300 - dummies

Comment afficher les données d'image sur votre Nikon D5300 - dummies

En mode d'affichage image par image sur votre 5300 , vous pouvez choisir parmi les six modes d'affichage. Par défaut, cependant, seul l'affichage Informations sur le fichier est disponible. Pour utiliser d'autres options d'affichage, vous devez les activer dans le menu Lecture. Pour activer une option d'affichage, procédez comme suit: Ouvrez le menu Lecture et sélectionnez Options d'affichage de la lecture. ...

Comment afficher les paramètres d'image critique sur votre Nikon D5500 - les tétines

Comment afficher les paramètres d'image critique sur votre Nikon D5500 - les tétines

Lorsque vous prenez des photos Nikon D5500, vous voulez vous assurer que vous avez les bons paramètres pour vos photos. Votre D5500 vous donne les moyens suivants pour surveiller les paramètres importants de prise de vue: Affichage des informations: L'écran de gauche vous donne un aperçu de cet affichage qui apparaît lorsque vous allumez l'appareil photo pour la première fois ...

Le choix des éditeurs

Comment afficher vos fichiers vidéo Flip avec iPhoto - dummies

Comment afficher vos fichiers vidéo Flip avec iPhoto - dummies

Si vous avez un Mac, vous pourriez choisissez d'utiliser iPhoto pour afficher et gérer les fichiers de votre caméra Flip Video. Si vous avez défini iPhoto comme programme par défaut à exécuter lorsque vous connectez votre Flip à votre Mac, procédez comme suit: Branchez votre Flip dans un port USB disponible sur votre Mac. iPhoto ...

Comment utiliser le microphone intégré de votre appareil photo pour la réalisation de films numériques - null

Comment utiliser le microphone intégré de votre appareil photo pour la réalisation de films numériques - null

Caméscopes numériques ont maintenant des microphones intégrés appelés microphones de bord. Sur les dernières caméras, les microphones intégrés sont meilleurs que par le passé, mais ils ne sont toujours pas la meilleure solution pour l'enregistrement audio ou le dialogue dans un film. Pourtant, à l'heure actuelle, un microphone embarqué est peut-être votre seule solution, alors il est bon de savoir ...

Comment afficher vos fichiers vidéo Flip via la Galerie Windows Live - les nuls

Comment afficher vos fichiers vidéo Flip via la Galerie Windows Live - les nuls

En ce qui concerne transférer des fichiers de votre caméra Flip à votre ordinateur, vous avez plusieurs options. Ce que vous utiliserez dépendra du type de système d'exploitation que vous utilisez (Windows ou Mac) ainsi que de ce qui se passe lorsque vous branchez votre Flip dans votre ordinateur. Windows Live Photo Gallery fait partie ...

Le choix des éditeurs

Comment utiliser Goto Code avec le panneau d'action dans Adobe Flash CS6 - dummies

Comment utiliser Goto Code avec le panneau d'action dans Adobe Flash CS6 - dummies

Tout le code ActionScript d'Adobe Flash CS6 est ajouté aux images clés du scénario, et vous y ajoutez des instructions ActionScript courantes dans l'éditeur de code et à l'aide du mode Script Assist du panneau Actions. Pour boucler un film ou pour envoyer la tête de lecture à un autre point de la timeline, vous pouvez ...

Utilisation de calques dans Flash CS5 - Les calques

Utilisation de calques dans Flash CS5 - Les calques

Mannequins dans Adobe Flash Creative Suite 5 vous aident à disposer et à superposer votre oeuvre Pensez aux calques dans Flash comme des morceaux de film clairs empilés les uns sur les autres. Vous utilisez ces calques pour empiler des illustrations et des animations sur la scène, leur permettant d'exister ensemble visuellement, mais d'être édités ou déplacés indépendamment ...