Voilà, on nous rabache les oreilles avec le WEB 2.0, mais qu'est ce que c'est au juste ??

Ce ne sont pas que des reflets glossy sur des logos (preuve en est par cette image), mais aussi, un style de design, des types de sites communautaires (interactivité, simplicité et aussi phénomène social...and so and so).

Qu'on se le dise : le WEB2.0 n'est pas un style de logo, mais un type de site et de fonctionnement de sites. Etre simple, concis, permettre l'implication online de l'internaute. Donc un logo WEB2.0 peut etre à poil de toute frioriture "glossy, reflets and co.

Ne confondons pas WEB 2.0 par 3D avec gloss et wonderbras et un style global.

Le WEB2.0 est un terme avant tout lié aux types de sites web qui mettent en avant plusieurs valeurs :

• 1. SIMPLICITE (design simple et clair, on privilégie les gros titres et un design épuré, l'internaute doit pouvoir en quelques clics aller à l'essentiel et ne pas etre perturbé)
  
• 2. LAYOUT centré (le site doit être ajustable au centre de votre écran)
• 3. PEU DE COLONNES pour la navigation (une suffit !!!)
• 4. Le TOP DU SITE (header) doit être bien distinct. On voit souvent : le logo ou illustration et le menu.
  
• 5. DELIMITER les informations pertinentes ou promotionnelles. on doit pouvoir distinguer dans le site des pavés mettant en avant certaines informations ou produits.
• 6. NAVIGATION SIMPLIFIEE et ergonomie !!
• 7. LOGO fort et impactant (voir les exemples ci dessus), en général horizontaux, et surtout permettant une lisibilité et mémorisation immédiates.
• 8. POLICES DE TITRES ENOOOORMES : plus les headers h1, h2, (allez voir le lien chez Raphaël) etc sont imposants et gros, mieux c'est ! )
• 9. CARACTERES GRAS pour les chapeaux ou introductions d'articles
• 10. COULEURS FLASHY ET PUISSANTES : surtout ne pas faire dans le David Hamilton dégradé culcul...
• 11. on y arrive !!! Surfaces proches de la réalité GLOSSY et EFFETS 3D réels et c'est là seulement que doit intervenir ce coté sexy...pas sur le logo...non non pas systématiquement sur le logo, qui lui sera la plupart du temps inséré dans le site WEB...dans le "header".
• 12. DEGRADES : idem point 11, les dégradés sont utilisés surtout pour les fonds (backgrounds) ou bien les boxes ou autres header_banners....
• 13. On y vient !!! LES REFLETS : un coup d'ajax vitre sur votre table basse en verre : vous posez tout élément de design dessus : logo, titres, barres de nav' et vous prenez un cliché : et vous refaites la même chose sous illus ou photoshop : whaouwww ça brille !!!
• 14. ils disent CUTE ICONS (bah oui je vous fais la traduc d'un article US) : des ptis boutons, par ci, par là, gros, moyens, avec rolls-over ou non, faut que ça claque et que l'on s'amuse avec la souris : hop hop, marrant ça bouge quand je passe dessus . ou encore des ptis Icons qui vous reproduisent votre univers WINDOWS VISTA ou CRYSTAL XP comme ça vous n'êtes pas perdus !!!
• 15. Ah oui, les BADGES ETOILES !!!! Même si vous n'avez rien en promo, rien à vendre, c'est bien de mettre des STAR FLASHES !! Ca fait WEB 2.machin

Et voilà !!!

Ah tiens, un petit TUTO, désolée c'est photoshop (ben vi, difficile de trouver des TUTOS WEB 2.MACHIN pour illustrator, normal, l'outil que les webdesigners utilisent de préférence pour designer les sites (dont je fais partie) c'est PHOTOSHOP, et malheureusement pas ILLUSTRATROR....on comprend vite pourquoi, tant il est difficile d'arriver à faire tous ces effets sous illustrator (à moins d'y passer des heures et des heures) alors que sous photoshop : trois options de fusions, quelques calques et hop c'est emballé !!

Tout ça me laisse penser, parfois, que le WEB 2.0 c'est trop facile (sauf pour certains graphistes ici qui maitrisent l'outil, mais qui passent TROP de temps à mon gout pour une oeuvre qui sera peut-être périmée l'année prochaine?) , et qu'après 3 mois d'entrainement sous ILLUSTRATOR....la piste est là : pensons CONCEPT, pérennité, et éventuellement, habillons nos beaux logos pour une UTILISATION WEB.... (en option )

Allez voir par ici comment faire un logo WEB 2.0 JELLY sous toshop