Using Light, Color and Contrast Effectively in UI Design User interface (UI) design is both an art and a science. Artistic talent comes in handy when coming up with an attractive style and aesthetic, but at the core of UI design lies logic and method. Very basic things like light, color and contrast are often overlooked, which can negatively affect the UI by misdirecting user’s attention and not providing enough focus on the things that matter. Here’s a quick overview of how to use each of these elements effectively. 1. Light - create depth using light and shadow. Light can be used to create depth. Think of a button. Using this basic idea we can build the UI metaphor by basing it on 3D objects with depth. 2. Colors don’t all behave the same way. Take a look at the square on the right with the blue and the yellow color segmens. What about the red and the green? This is very similar to point 1 — warmer colors are brighter. 3. Higher contrast items stand out — they catch your eye. On the right I’ve flipped the shades. Example: The OS X interface
Le Flat Design - Principe et utilité En design web, comme dans la mode, les tendances vont et viennent. Hier on découvrait le responsive web design, aujourd’hui on nous parle de flat design. C’est LE trend topic du moment… Mais intéressons-nous à ce qui existe déjà : le flat design, ou le « design plat » en bon françois, est la nouvelle corde à l’arc des designers d’interfaces. Signes distinctifs : ce courant graphique et ergonomique prône des interfaces minimalistes et aux couleurs vives. Windows 8, le premier système d’exploitation en flat design – Source : windows.microsoft.com Le flat design, mais qu’est-ce donc ? Le flat design est en fait un design graphique minimaliste, débarrassé de tout ornement en relief, qui a pour but d’améliorer la lisibilité. Ce courant est souvent comparé et mis en opposition au skeuomorphisme. L’exemple typique serait la corbeille à papier, que l’on retrouve tous au pied de notre bureau, et qui nous permet de jeter nos documents inutiles. L’horloge flat design, vue sur : blogoergosum.com
*designers interactifs* – Veille novembre 2013 Inside core77.com Photo: core77.com Also Nickster Gives Educational Toys A Modern, Digital Twist core77.com Wearable Barcode Scanner Will Cut Down Grocery Line Wait Times psfk.com Bracelet Lets Wearer Feel Their Long-Distance Lover’s Touch psfk.com Wearable Barcode Scanner Will Cut Down Grocery Line Wait Times psfk.com / Ross Brooks Minimal "finger scanner" design could cut down on long wait times in the supermarket. Bracelet Lets Wearer Feel Their Long-Distance Lover’s Touch psfk.com Modular device lets you feel the caress of loved ones and turns this contact into emotional heat maps. smashingmagazine.com / By Adrian Taylor Advertisement In the last several years, we’ve seen a rapid shift in software and app interface design, from 3-D and skeuomorphic to flat and minimal. 'Living Wallet' Runs Away From Shopaholics' Hands mashable.com / Eva Recinos The Living Wallet looks like a regular wallet — except for the small wheels on its sides. Image: YouTube, Rei Kawai
[Dossier] Qu'est ce que le Flat Design ? Le Flat Design est un terme que l’on commence à entendre de plus en plus. Les tendances dans le web se font et se défont à une allure incroyable. C’est logique, cela va avec l’accélération de toutes les technologies et des outils qui sont à notre disposition (HTML5, CSS3, jquery et j’en passe). Je n’ai pas la prétention de vous rédiger un billet sur l’explication exacte du terme mais plutôt sur un état des lieux de ce que l’on entend, des utilisations, des tendances du Flat design. À proprement parler, il n’existe pas réellement de définition mais plutôt d’association de termes par rapport à une tendance. A contrario des années passées où les designers appliquaient à profusion le style « Web2.0 glossy ». Comment cette tendance commence à détrôner le Skeuomorphic Web Design ? Je pense qu’il existe ici 2 écoles. Il faut, je pense, adapter chaque design à chaque problématique. il n’y a pas de bonne ou mauvaise solution. Skeuomorphic vs flat design Exemples de Flat Design flat design twitter
60 secondes pour comprendre l’Internet des objets Ces dernières années, l’Internet des objets (en anglais « Machine to Machine, souvent abrégé en « M2M ») a fait fureur. Et du côté du collectif, la tendance n’est pas passée inaperçue : la prise My Plug, le régulateur Thermostat Nest, les créations d’étudiants de l’ENSAD en partenariat avec Orange et encore d’autres exemples. Nous les avons explorés à fond, ces étranges objets qui communiquent entre eux sans notre intervention, pour nous faciliter la vie. Mais une journée entière rythmée par leur usage, ça donne quoi ? Découvrez notre sélection des meilleurs objets connectés
The History of Flat Design: Efficiency, Minimalism, Trendiness It seems as though any time you hear about Web design these days, you can’t help but come across the term “flat design.” While the flat Web design trend has been emerging in recent years, it seemed to have exploded in popularity thanks to large companies and organizations changing their design aesthetic to that of flat design. But where did flat design come from? Let’s walk through what flat design is, its influences from previous design periods, and how flat design became so popular today. What exactly is “flat design?” For those of you who haven’t heard of the term, “flat design” is mainly the term given to the style of design in which elements lose any type of stylistic characters that make them appear as though they lift off the page. In laymen’s terms, this means removing stylistic characters such as drop shadows, gradients, textures, and any other type of design that is meant to make the element feel three-dimensional. It is important to note that rich design isn’t Skeuomorphism.
Dessein.org | Petite encyclopédie du savoir tribal sur la concrétisation des idées Design et Recherche Pour un Redressement productif… et créatif La mission de «redressement productif» donnée au ministère de l’Industrie, induisant sa nouvelle dénomination, suppose des changements assez profonds dans notre politique d’innovation, et pas seulement des évolutions de dosage de ses ingrédients classiques. Il y a en France deux approches dominantes de l’innovation : d’un côté, celle qui, radicale, met la recherche techno-scientifique à sa source, dans une démarche plutôt linéaire et déductive, vision prépondérante dans les administrations et dans de grands groupes industriels ; d’un autre, une approche incrémentale, pratique quotidienne des entreprises de toutes tailles et spécialités. Face aux nombreux défis à relever, sociétaux et environnementaux, sociaux et économiques - le redressement productif -, la troisième voie est celle de l’innovation conceptuelle, l’innovation caractérisée par des façons originales de penser, de faire, d’organiser. Comment pousser l’innovation conceptuelle ?
Il faut passer du "Made in" au "Designed by" Les politiques se sont lancés récemment dans une propagande effrénée du « Made in France », de l’acheter français ou bien du produire en France. L’argument est simple voire simpliste : « si les usines restent en France alors il y aura moins de chômage ». C’est presque à se demander pourquoi ils n’y ont pas pensé plus tôt…Acheter français revient par ailleurs à flatter une sorte de responsabilité nationale quasi-morale, c’est surfer sur un patriotisme citoyen qui flatte tous les populismes. De nombreux économistes se sont interrogés ces dernières semaines sur la pertinence des propos récents de nos politiques en campagne. Depuis des années, tous les gouvernements ont favorisé cela en permettant le développement de la grande distribution. Par ailleurs, faut-il croire à l’entreprise qui déciderait de produire en France par réflexe patriotique ou par devoir. L’économie est devenue globale, les marchés sont internationaux.