UI Design
Si vous vous intéressez de près ou de loin au webdesign ou à l’intégration, vous n’avez pas pu échapper au dernier terme à la mode : le “ responsive web design ”. Cette avancée technologique est également une nouvelle philosophie de création de site. Voici un article pour définir ce qu’est le “responsive web design” et expliquer quels en sont les points-clés (puis plein de liens, de tutoriels et de ressources super cools aussi !). Le “responsive web design” est né suite à un besoin grandissant. De nos jours, il n’y a pas un client qui demande un site Internet sans demander une version mobile de celui-ci.
Responsive design : définition, fonctionnement, ressources et tutoriels
Posted by Sputnik8 on February 24, 2012 10:24 pm This is a desktop concept that I’ve recently put together for fun. I thought I’d post a few screens to see what people here think.
Windows Desktop UI Concept | The Verge Forums
I’ve touched briefly before on some typefaces that I consider to be particularly good for on-screen reading. But now I wish to delve further into this realm of typography and consider: What makes a typeface good for screens and UI design in particular? In order to really understand what makes a good UI and screen-ready typeface, it’s best to start with what’s already out there, right now, and what is getting used. The “Segoe” range of fonts used by Microsoft first saw the light on their Windows Vista OS and developed further for Windows 7 and the currently in-production Windows 8 .
What Should I Look For In a UI Typeface? | designbyIZO
The @font-face allows the web users to download a specific font from the internet and can install them on your computer. There is no necessity that the web designers need to stick to a particular set of fonts that are already available, they could just choose and download any type of fonts from the webpage. Of course, there are a handful of fonts available on the web but however, the CSS rule of @font-face offers the simplest, strongest, and the most flexible designs of the fonts.
40 Free Fonts to Use with @font-face
Responsive Web Design
Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design for a number of additional inventions.
Over the last couple of years, the iPhone has greatly popularized the tab bar navigational model for mobile handsets. Apple has put together a design rationale for the tab bar in their Human Interface Guidelines (HIG) along with lots and lots of other information — they do however leave some question unanswered. Having worked with interaction and graphical design for iPhone applications during the last couple of years I’ve managed to pick up some lessons the hard way, and in this post I would like to share my thoughts on a couple of do’s and don’ts. Lesson 1: The magic number is five
The iPhone Tab Bar « SignificantPixels
2010 has been an incredibly verdant year for web designers. Mobile has hit the mainstream; Web typography has reached new levels of sophistication; New coding techniques have vastly improved our ability to get creative with design (without compromising stability). All in all, it’s been a year that’s moved fast, even by the standards of the web, so let’s dig in to our first annual post covering the state of web design as 2010 turns to 2011. The Death of the Fold
The State of Web Design Trends: 2011 Annual Edition