background preloader

Webmastering - Webdesign

Webmastering - Webdesign
Février 2016 Introduction au webdesign Le terme « webdesign » désigne la discipline consistant à structurer les éléments graphiques d'un site web afin de traduire, à travers une dimension esthétique, l'identité visuelle de la société ou de l'organisation. Il s'agit ainsi d'une étape de conception visuelle, par opposition à la conception fonctionnelle (ergonomie, navigation). L'objet du webdesign est de valoriser l'image de l'entreprise ou de l'organisation par le biais d'éléments graphiques afin de renforcer son identité visuelle et de procurer un sentiment de confiance à l'utilisateur. Néanmoins, en vertu des critères d'ergonomie, un site web doit avant tout répondre aux attentes des utilisateurs et lui permettre de trouver facilement l'information qu'il cherche. Par extension le terme webdesigner désigne le métier consistant à concevoir le design d'un site web. La nécessaire inspiration Agencement de la page La structure traditionnelle d'une page web est la suivante : Charte graphique Related:  Entreprise photo

Logo, charte graphique... Une identité visuelle est l’ensemble des codes qui permettent de reconnaître une entreprise via sa communication visuelle. Pour cela, sont mis en place un logo, des typographies, des couleurs, formes… L’ensemble formera l’identité visuelle de l’entreprise. Une « bonne » identité visuelle doit être compréhensible et facilement mémorisable. Elle est diffusée par les différents supports de communication de l ‘entreprise (carte de visite, carte de correspondance, papier entête, flyer, bon cadeau ou encore le DVD que vous envoyez à vos clients par exemple) Pourquoi est-ce important ? Question simple : voulez-vous passer inaperçu ? Aussi talentueux que vous puissiez l’être dans la photographie, vous serez amené à communiquer sur votre travail et votre entreprise. Pensez à vos marques préférées et à leur communication. Vous serez-t-il possible à présent d’imaginer la marque Coca Cola en jaune ? L’identité visuelle va transmettre vos valeurs, votre histoire. Comment faire ? Quelques conseils…

Web Design Trends in 2011 There is a thin line between design and development, and as we move into a new decade, this line is becoming extremely blurry. Is it enough to draw beautiful mock ups in Photoshop? Maybe 5 years ago. These days, the average internet user requires more. All beauty, with no substance, gets boring after a while. How will you stay relevant as a designer in 2011? Take a gander at the top 11 trends for 2011. 1. What a gratifying sigh of relief! Now that’s shown, please understand that Flash and HTML5 are not equal opponents. Perhaps even more exciting is the fact that CSS3 is available to us in a real way this year. 2. Simplicity. Shades of green create this Twitter visualization tool. Red can be jarring if done incorrectly. 3. Smartphones, iPads, netbooks, oh my! Creating a mobile ready website is not simply removing the bells and whistles from your design. With the help of CSS3, primarily media queries, mobile web design has taken a big leap forward (more on this later). 4. 5. 6. 7. 8. 9.

Responsive design : tester facilement votre site sans émulateur Comment voir à quoi ressemble un site en responsive design sur plusieurs écrans, smartphones, tablettes et même téléviseurs ? Voici trois bonnes adresses. Une petite note pour nos amis webdesigners et intégrateurs Web, mais également pour tous les curieux qui s’intéressent à la façon dont sont construits les sites web, et plus particulièrement ceux – de plus en plus nombreux – faisant appel au responsive design. Pour les non initiés, le responsive design est une méthode qui consiste à concevoir les pages d’un site de façon à ce qu’elles s’affichent automatiquement de façon adaptée en fonction du terminal, de la résolution de l’écran, et du navigateur sur lequel elles sont appelées, sans qu’il soit nécessaire de développer plusieurs versions différentes d’un même site. Une méthode qui a ses partisans et ses détracteurs, comme souvent dans les sujets qui passionnent les professionnels du développement web. (source)

Axa Banque lance un compte gratuit pour les auto-entrepreneurs Voté en catimini en pleine trêve des confiseurs il y a un peu plus d'un an, l'article 94 de la loi de financement de la Sécurité Sociale pour 2015, devenu l'article L. 133-6-8-4 du Code du commerce, impose à ceux qui optent pour le statut d'auto-entrepreneur afin de se constituer un complément de ressources (ou pour sortir de la spirale infernale du chômage), d'ouvrir un compte bancaire exclusivement affecté aux revenus tirés de leur petite activité. Sans préciser s'il doit s'agir d'un compte professionnel ou pour particulier ni ce que risquent ceux qui n'en ouvrent pas un. Comme la plupart des établissements, SOON, l'offre mobile d'Axa Banque, s'est donc engouffré dans la brèche avec une offre qui, selon son directeur Raphaël Krivine, "doit répondre aux besoins principaux d'une clientèle appelée à se développer". Et ce gisement-là est loin d'être négligeable : ils seraient près de 1,1 million, dont plus de 650 000 actifs. Un compte basique mais gratuit

Best of Design 2010 As 2010 is wrapping up, it is about time do a sum up of the best sites that I've featured on Best Web Gallery. Again I've selected 50 sites from different categories: personal blog, commercial, agency, portfolio, and software. In 2010, CSS design is getting more interactive. 20 Things I Learned Jax Sven Prim Future of Web Design Stephen Caver Version Teixido Pictory Riot Industries Brizk The Many Faces of Tobias Ahlin Haus Nike Snowboarding Living Principles Forever Heavy Christoph Zillgens Foundation Six Cargo Collective Mobile Roadie Donq 37 Signals Courier Rainy Pixels Simo Analog Veerle Kaleidoscope Joyent Hicksdesign Marie Catribs dConstruct Buffalo Galp Lost World's Fairs Fiell Image Mechanics Infinvision Grand People Crush Lovely Rokkan Cutler Yaron Schoen Cloud 365 Chirp Colly Mercy

Design mobile : différencier web et application ? Lorsque j’ai été contacté par Matthieu Bué pour écrire sur WDfriday, j’ai été très honoré, de part la qualité du contenu, les sujets et thématiques abordés, mais aussi car j’allais pouvoir enfin vous parler de ce qui a beaucoup modifié mon travail de designer ces dernières années : le design d’interface en condition de mobilité (comprenez le “design sur mobile & tablette”). Aujourd’hui, je vais donc plus précisément aborder la question suivante : Pourquoi & comment différencier les applications web mobile et les applications mobiles natives Introduction J’ai souvent autour de moi des entreprises avec lesquelles je travaille qui se posent la question, légitime, de la conception d’une web app ou d’une application native. Ensuite, vient très vite les choix suivant : concevoir un site web mobile (en responsive design, pourquoi pas);concevoir une web application consultable dans le navigateur du téléphone, de la tablette;concevoir une application native iPhone, iPad, Android, Windows, etc. 1.

Quitter le régime d'auto-entrepreneur pour créer sa société: les précautions à prendre Philippe Carrez fait partie de ces auto-entrepreneurs qui ont quitté le régime de l'auto-entrepreneur pour grandir et créer une société. En 2009, ce passionné de plongée a profité de la création du régime pour réaliser son rêve : proposer des visites virtuelles des fonds marins. "Je voulais tester mon idée sans prendre trop de risques. Et surtout éviter le casse-tête des démarches administratives." >> Lire aussi: Sortir de l'auto-entreprise: les trois questions à se poser Le cas de Philippe Carrez n'est pas unique. Préparer la bascule L'auto-entrepreneur doit d'abord choisir la forme juridique adaptée à son projet et comprendre que les mécanismes de fonctionnement ne sont pas les mêmes en entreprise individuelle qu'en société. Lire aussi: INFOGRAPHIE. La sortie du régime a en effet des conséquences sur le régime fiscal et sur le calcul des cotisations sociales. En société, l'entrepreneur est imposé sur la base des bénéfices réalisés et non plus selon un pourcentage de chiffre d'affaires.

Les principes de la Gestalt appliqués au webdesign (1/2) J’ai toujours entendu dire qu’un bon design de page web se résumait à peu de choses : équilibre, rythme et organisation du contenu. C’est pas faux, mais un peu plus de détail ne ferait pas de mal. Pour aller dans le détail, il faut se pencher légèrement sur la psychologie de la forme, que l’on appelle aussi gestaltisme (le terme qui à lui seul vous fait paraitre intelligent), avec quelques principes simples, assez évidents pour certains, que l’on appelle les principes de la Gestalt. Les principes de la Gest- quoi ? C’est généralement la réaction quand on lit pour la première fois le terme. Quand on parle de Gestalt, en gros, c’est donc pour dire que, dans la psychologie de la perception, un ensemble de forme n’est pas l’addition des formes qui le composent, mais une autre forme à part entière. A partir de ce principe général découle 6 principes sous-jacents, qui se complètent et se contredisent, que l’on va essayer d’illustrer avec des exemples tirés de sites actuels. 1. 2. 3. 4. 5. 6.

Les photographes d'aujourd'hui sont-ils des charlatans ? Le beau pour le beau, éloge de l'esthétisme Mon ami photographe Gildas Lepetit-Castel, qui m'a fait l'honneur d'animer une conférence sur la photographie de rue lors de la 4e édition du festival photo Pose partage, a prononcé à cette occasion une phrase qui m'a interpelé. En parlant d'une anecdote assez rigolote où un de ses lecteurs avait interprété à tord une de ses photos (croyant y voir un couple d'amoureux alors qu'il s'agissait en fait du photographe lui-même et de sa mère, en ombres chinoises), Gildas a dit en substance « il faut parfois savoir ne pas interpréter une photo, et simplement l'aimer parce qu'elle est belle ». Certes, et n'est-ce d'ailleurs pas vrai pour toutes les disciplines « artistiques » ? Dans le cas précis de la photographie, cette vision purement esthétique revient à appréhender une photo pour la beauté « visuelle » de ce qu'elle représente, un point c'est tout. Esthétique, artistique ? Attention ! L'offre et la demande, toujours Seulement les choses ont changé.

Story-boarding : 8 outils pour vos prototypes Le maquettage d’un site est une étape incontournable de l’approche de conception. Elle permet de visualiser dans des conditions les plus proches de la réalité les pages-clés de votre futur site. Effets de scrolling, placement des boutons d’actions, enchaînements des pages, aspects fonctionnels, rien ne vous échappera. Leurs bienfaits sont multiples et en phase de conception. Il en existe de nombreux aujourd’hui. Ne dites plus que vous n’en savez rien, ce billet vous en dresse une première liste, histoire de vous prendre pour un maître ergonome Les Mockups et wireframes Ces deux termes désignent l’ensemble des techniques et des outils qui permettent de maquetter un site web sous les angles graphiques, fonctionnels et ergonomiques,à l’image des story-boards utilisés dans l’audiovisuel. Pour quels usages ? La liste des usages peut aller encore bien plus loin et supporter des discours fonctionnels élaborés avec mises en situation. Quels sont les outils phares du marché ? Powerpoint Pencil Visio Axure

Ce qui change en 2011 NOUVEAU : À partir du 1er janvier 2011, tous les auto-entrepreneurs sont exonérés de CET pour 3 ans à compter de la date de création de leur activité. En effet, jusqu’à présent seuls les auto-entrepreneurs ayant opté pour le prélèvement fiscal libératoire (calcul de votre impôt sur le revenu en fonction de votre CA et payé au mois ou au trimestre) bénéficiaient de cette exonération de 3 ans. Pour bien comprendre cet élargissement, il faut se reporter au remplacement de la taxe professionnelle par la Contribution Économique Territoriale (CET) début 2010. Un rappel synthétique de toutes les étapes de l’exonération de CET des auto-entrepreneurs. > Calendrier de l’exonération de CET Exemple : vous créez votre activité en mars 2011. 2011 : Vous êtes exonéré au titre de votre 1re année d’activité. 2012 et 2013 : vous bénéficier encore de deux ans d’exonération de CET. 2014 : vous êtes redevable de la CET et recevez un avis d’imposition en novembre 2014.

[Infographie] 10 choses à savoir sur le responsive design Splio, prestataire spécialiste de la relation client multicanal, vient de réaliser une infographie sur le responsive design. Cette notion consiste à repenser la manière de concevoir les parcours de navigation en ligne. L’objectif est donc de réorganiser l’information en fonction des paramètres de l’appareil. Relativement technique, l’infographie met en avant, sur un ton décalé, 10 conseils clefs à destination des designers et développeurs. Mettre en place une mise en page simple. Afin d’illustrer l’ensemble de ces « tips », l’agence Splio renvoie les curieux vers le site mediaqueri.es, qui propose une série d’exemples.

Related: