• ACCUEIL
  • blogger

    ILLUSTRATION : Couleurs - Images- icônes - Photos- Sons- Musique...


    Votre blog est fade... vous rechercher à
    -améliorer son graphisme
    -utiliser des couleurs appropriées
    -ajouter boutons, flêches, icônes, gifs, images, photos, sons....

    Voici des pistes:

    COULEURS

    Comment utiliser vos couleurs ?

    Il n’existe pas de règle immuable en matière d’utilisation des couleurs. Néanmoins, il est important de rester simple dans ses choix (les dégradés et les textures   ne seraient  plus  à la mode...), de conserver un nombre de couleurs raisonnable et de les répartir de façon proportionnée.

     La règle de 60-30-10 a déjà fait ses preuves et ne vous réservera pas de mauvaises surprises.

    -Les teintes de votre couleur maitresse doivent couvrir 60% de votre espace.
    -Votre deuxième couleur doit couvrir 30% du design de votre page Web et créer un contraste fort avec la première afin d’attirer l’attention sur les éléments que vous souhaitez mettre en valeur.
    -La couleur complémentaire, qui recouvre les 10% restants, sert à accentuer des éléments stratégiques tels que les boutons et autres appels à l’action.

    Pour vos textes,  choisissez deux couleurs maximum: une pour le fond du bloc de texte et une pour la police d'écriture. 


    Comment composer votre palette ?


    Le principal dilemme auquel nous faisons face – ignorants en graphisme que nous sommes – est : comment composer ses palettes de couleurs sans passer par la case coloriage ? L’une des merveilles du Web 2.0, est qu’il regorge d’outils gratuits très utiles. Vous pouvez choisir votre palette sur  ces  outils gratuits formidables vous permettent de découvrir le code HEX de vos couleurs. Ce code en 6 caractères vous sera utile pour en faire usage sur votre blog.

    Des outils gratuits en ligne

    Les codes couleurs & Pipettes
    - Extension  Google Chrome Eye Dropper. Cette pipette, semblable à celle que vous utilisez sur Paint ou Photoshop, vous permet de capturer une couleur sur le Web et d’en obtenir le code instantanément. 

    -ColorZilla pour Chrome et Firefox
    Une couleur vous plaît (sur un site web, une photo...)  et vous voulez la copier ? Essayez ColorZilla. C’est un plugin de Chrome et Firefox qui fait office de pipettes sur une page web. ColorZilla propose aussi un outil de génération de gradient et un outil d’analyse des couleurs d’une page web entière.



    Voir aussi
     Codes-couleur ou code couleur ou colors_picker
    le nom des couleurs en html avec  550 noms de couleur html ou
    mieux les   150 noms de couleur (liste officielle) reconnus par les navigateurs web

    Palettes
    Adobe Color
    Adobe Colors offre diverses options dont l’une qui vous servira à créer des atmosphères à partir d’une palette. Vous pouvez également de découvrir des palettes conçues par les utilisateurs,Vous pouvez aussi connaître le code hexadécimal (code web d’un couleur) de la couleur qui vous intéresse.

    Pltts
    Pltts vous propose tout un choix de palettes pour vous inspirer ou vous offre la possibilité de saisir le code hexadécimal et de le décliner en palette.

    Color
    Lorsqu’on arrive sur color, on se dit que le site est en train de buger et pourtant quand on déplace la souris, on navigue dans un nuancier géant, qui nous propose à chaque fois le code web de la couleur générée. Un outil sympa et ludique pour trouver de belles couleurs.
    Material Palette
    A partir de 2 couleurs sectionnées, Material Palette vous propose des palette complètes et des associations réussies. Petit site ultra simple, mais bien pensé.

    Pictaculous
    Vous téléchargez une photo et Pictaculous vous propose une palette complète qui respect les code couleur de la photo en question.


     -pourpre.com, le site de la couleur

    Ce site propose des articles consacrés à la couleur: le phénomène physique, la perception des couleurs, la langue française et la couleur, des questions-réponses, un glossaire, une présentation des principaux modèles et nuanciers de couleurs, quelques jeux, une sélection de liens...

    Sont également disponibles:
    CHROMA: un dictionnaire de 522 noms de couleurs, accompagné d'un dictionnaire imaginaire alimenté par les internautes (inventez votre propre nom de couleur),
    Le chromograf: un ensemble d'outils en ligne pour manipuler la couleur et créer des dégradés,
    Chromafiltre: un bel outil en Flash pour aider à l'accord des couleurs: visualisez votre couleur sur une roue chromatique, trouvez des teintes qui s'accordent,
    La Boite à couleurs: un logiciel gratuit pour récupérer une couleur sur l'écran, et modifier ou convertir facilement celle-ci. => INDISPENSABLE



    Sources
    http://webeater.fr/2014/10/22/9-outils-web-choisir-les-couleurs-site-web/


    ICONES  GIFS ANIMES  CLIPARTS IMAGES...

    Comment illustrer son blog ?


    • GOOGLE ! 

    Tout d'abord utiliser Google, onglet image : c'est très efficace.
    Indiquer type d'image  (jpg, png, jpg...) et thème:
    ex: png fleche




    • GENERATEURS EN LIGNE


    BANNIERE-(1): plusieurs centaines de bannières vierges à télécharger et utiliser ensuite avec notre générateur en ligne; des bannières pour tous et tout type de site; bannières gratuites et libres de droits sans logo ni marque
    BANNIERE-(2): générateurs de bannières, boutons, flèches...
    BANNIERE-(3): vous offre la possibilité de créer une bannière animée en ligne
    BATCH WATERMARK PHOTOS ONLINE: une série d'outils en ligne pour le traitement d'images
    BLOG GIF: outils en ligne pour créer des montages photos gratuitement et facilement, diaporamas, 
    BOUTON): Free Web Button Maker, générateur de boutons
    BOUTONS-: pour créer des boutons 80x15 à vos couleurs
    COLOREMINDER: ce site permet de générer des variations de couleurs pour designer, webmaster 
    COMPRESSER une IMAGE: permet de compresser une image en ligne rapidement : jpeg, png et gif
    COMPRESSEUR JPEG: pour réduire la taille des images jpeg
    BOUTONS-RSS: création gratuite de boutons pour identifier vos flux RSS
    CONV2PDF:convertir en ligne  documents en format PDF, Word, PowerPoint, Excel, Works...
    CONVERTIO: r convertir des fichiers, plus de 65 formats de documents différents pris en charge
    CONVERTICO: ce site permet de convertir en ligne des fichiers Png/Ico et Ico/Png
    CONVERTIMAGE:  convertir en JPG, PNG, PDF, PSD, GIF, BMP, TIF .
    FAVICON-(1): pour créer un  favicon
    FAVICON-(2): une autre possibilité, "Fabriquer un favicon en 2 clics"
    FAVICON-(3): une autre possibilité...en anglais
    FAVICON-(4): très facile de créer en ligne le favicon de votre site...en anglais
    FREE NATURE SOUNDS:  générer des fichiers MP3 et de les enregistrer (des sons de la nature)
    GIFS ANIMES-(1): Tongif vous permet de transformer un texte en gif animé
    GIFS ANIMES-(2): en anglais mais très séduisant
    LABELMAKER: pour créer rapidement des boutons (simples!) en ligne!
    LOGOS-(1): Cool Text, générateur de logos
    LOGOS-(2): Supalogo, créer rapidement logos
    LOGOS-(3): Logo Typemaker, un générateur de logos, il suffit de taper un mot et clic "generate logo"
    LOGOS-(4): LogoMaker, pour créer gratuitement des logos en ligne (en anglais)
    PICFONT: en 10 secondes, vous pouvez ajouter du texte à une image,un canvas ou une forme
    PICMIX: création gratuite de montages photos en ligne
    SMILEYS-EMOTICONES: un générateur de smileys personnalisés
    TABLEMAKER: site pour réaliser des tableaux en ligne
    TEXT-IMAGE: ASCII ART Converter en ligne
    TEXTE en 3D: pour réaliser une images animée, format GIF
    TEXTE-MUSIQUE: ce site permet de transformer tout texte en morceau de musique (anglais)
    TEXTES ANIMES: obtenez un joli texte animé, avec des textures que vous sélectionnez
    ZONE GENERATEURS: une série de générateurs, bannières, métatag...


    (source : http://www.liensutiles.org/generateurs.htm)




    • SITES WEB


    ICONES
    Icones.pro ! moteur de recherche d'icônes gratuites pour trouver une image PNG transparente ou une icône parmi plus de 200 000 icones référencées.

    Icônes Gratuites en français intuitif et clair : des catégories organisées et une sélection variée.

    Free IconsPlus de 100,000 icônes à télécharger gratuitement. Une présentation très simple.

    Find Icons Sélection variée et fonctionnalités t riches (filtres, conversion de format etc.).

    Icon AchivePlus de 2,230 sets (ou packs) d’icônes disponibles – soit 480,000 icônes. Attention : seuls  442 sets sont gratuits

    They Make Icons de nombreuses icônes pratiques. Veiller à cliquer sur l’onglet ‘Free’ (Gratuit)

    Icônes Gratuites en français et très simple d’utilisation mais pau d'icônes..

    Icones en PNG

    GIFS ANIMES
    Gifs-Animes.Net vous propose des milliers de gifs animés classés dans plusieurs catégories. Le site est souvent remis à jour pour vous proposer le meilleur contenu du net et le plus diversifié!

    toutimages gifs images fonds...

    CLIPARTS
    http://cliparts.tout-images.com/


    IMAGES
    Wikimedia Commons : médiathèque de 30 259 570 fichiers média librement réutilisables

    PHOTOS
    Photo-gratuite.info   1555 photos gratuites.


    MUSIQUE SONS

    SONS

    MUSIQUE
    Wikipedia:Sound/list