Nouvelles tendances du graphisme web
Actu du 21/10/2014 L'évolution des technologies, des services proposés sur Internet, et le passage au « web 2.0 » se sont accompagnés d'une évolution des standards du web design, une sorte de nouvelle école, probablement influencée à la fois par la simplicité et la légèreté de Google, et le look zen de Mac OS et de l'univers Apple en général. Cette nouvelle tendance graphique, dite simplement « graphisme web 2.0 » a évolué rapidement et a imposé des codes qui sont maintenant quasiment incontournables. Le web design n'a jamais été aussi bon et percutant, mais arrive paradoxalement à une limite, qu'il faudra savoir dépasser car tous les sites commencent à se ressembler, et qu'il devient de plus en plus difficile de différencier un graphisme d'un autre. L’ambiance et l’espace Globalement, le web design va vers une simplification du contenu et de la mise en page, de façon à focaliser l'attention de l'internaute vers les éléments les plus importants. Comment créer la simplicité ? La typographie
First webpage guide
This guide is intended for those who have no experience creating web pages and want to get started. It will show you how to write the code for a webpage, save it, and view the result. The world of webpage building is an interesting and rewarding one, hopefully this quick guide on making your first webpage will serve as an easy to understand introduction that will bring you into it. First webpage Creating your first webpage and viewing the result. Second webpage Similar to the 'creating your first webpage' page, but this page goes into some more detail as well as repeats some concepts to reinforce them in your mind. First webpage guide summary A quick overview of the information in this section and info on what you should learn next. Test your knowledge of basic webpage building with the First webpage guide quiz
Ajax Wireframing Approaches
This is the second of three installments of A Designer’s Guide to Prototyping Ajax. Be sure to also check out the Introduction and the final installment on JavaScript Basics for Prototyping. Introduction Last week we introduced the concept of prototyping as a solution to the problem of representing Ajax at the early stages of designing an interface. We talked about some general strategies and attitudes we should take when starting a project (like not being a hero and establishing good relationships with our programmers) and reviewed some fundamental XHTML and CSS skills we should have in our arsenal before beginning the prototyping process. In this installment, we’re going to go over a few techniques and approaches we use to create the foundation of every prototype—wireframes. Creating an XHTML/CSS wireframe is easy enough, basically you just build the web site with your editor of choice (we like TextMate and Skedit on OSX and Notepad++ on XP). Keyframing Stacking Using Useful Class Names
Les essentiels à la création d'un site internet
Vous avez décidé de créer votre site internet. C’est un processus qui implique quelques étapes simples au départ, mais pouvant, sur un site abouti, mettre en œuvre des moyens et des compétences très importants. Un site internet peut être une simple page au format HTML, ou des milliers de pages proposant des animations, des bases de données, voir un site marchand… L’objectif est de vous donner des clés pour la réalisation de votre site internet En amont du projet, il est important de fixer les objectifs du site internet, la cible, le budget à engager. Avant de réfléchir à la conception, la première chose à réserver est le nom de domaine. Passons aux essentiels de la création d’un site internet Avant de vous préoccuper de l’apparence de votre site internet, il est impératif de lister le contenu que vous souhaitez y intégrer pour l’organiser de façon logique, par exemple : par ordre alphabétique, par ordre chronologique, par thème, etc. A ne pas oublier :
MISHOX | Michal Svec - new media designer. Web design and coding, branding and corporate identity.
Les 7 Principes Fondamentaux de Design d’un Site
Les 7 Principes Fondamentaux de Design d’un Site Cette semaine, le blog accueille Tarik Peudon de Clicboutic, qui nous livre une adaptation d’une grande qualité sur les fondamentaux en ergonomie et webdesign. Une aventure « livresque », au travers des théories fondamentales a avoir en tete a l’heure de concevoir un site. Vous trouverez ici 7 principes fondamentaux d’ergonomie et de design qui vous permettront d’améliorer votre site internet. Principe 1 : La Hiérarchie Visuelle Si les blondes à forte poitrine attirent plus facilement l’attention des hommes dans la rue, les visuels les plus proéminents remplissent ce rôle sur le web. La hiérarchie visuelle est l’un des principes fondamentaux du web design. Alors même que vous ne savez RIEN de ces cercles, vous avez pu les classer sans effort. Ce principe est également applicable à votre site internet. Commencez toujours par l’objectif de votre entreprise. Principe 2 : Le Nombre d’Or Voici à quoi ressemble le nombre d’or : Twitter le fait… 1.
wtf 2.0
The worst thing about all the Web 2.0 hype is the complete loss of business perspective. There's a few companies out there that seem to get it but just about every other new website I've seen lately is nothing but features parading as businesses. Sure, these guys get to be entered in the "Flip It Quick Acquisition Lottery", but beyond that, none seem to be creating anything of any real value. Yeah, I've bitched about this before, but hey... today seems like a good day to start in again. What part of "Version 2" don't these people get? Let's go back in history (2004) to the conception of the term "Web 2.0" itself - the shining examples then were Amazon.com and eBay. I've still got the little "Internet Metrics" book they handed out at the O'Reilly conference back then - the contents page reads like this: "The Mobile Platform, Music is a Platform, Search is a Platform, The Telephone is a Platform, Media is a Platform, The Platform Revolution," you get the idea. Okay, I've ranted enough.
