Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
#techday2012
I‘m the realPIXEL PERFECT BITCH     thats what they call me
I MAKE YOUR UGLY INTERFACES REALLY PRETTYI DELAY PROJECTS AND EXTEND PROJECT DEADLINES
MICROSOFT NOWUSING MODERN UISTYLE TO REFER TOWINDOWS 8 METROSTYLE APPS
LOVE IT OR HATE IT,WINDOWS IS AT THE TOP OF THE OS HIERARCHY
WINDOWS 8:THE BIGGESTREDESIGN INMICROSOFT’SHISTORY
WINDOWS 8 • it’s a new interface, so you have space   to create and develop some new ideas   for it; • It’s still at the b...
Every rule in an abstract matter is just a cult.said by Alan Mendelevich
Cult in current popular usage usually refers toa new religious movement.said by Wikipedia
Forget everything you knewabout developing desktop apps       & get ready toREDESIGN RELIGION
DO I NEED TO LEARN DESIGN STUFF?!No. Modern UI makes design more accessible to everyone.
SO WHAT DOES THIS MEAN FOR ME?  it opens doors for non-designers
TOOLS
all you need is BLEND FOR VISUAL STUDIO 2012
Get rid of the line betweenDESIGN and DEVELOPMENT
6 THINGSI WISH I KNEWBEFORE I STARTED
Do more with less - andTHEY‘LL LOVE YOU          for it  choose content over chrome
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
BE AUTHENTICALLY DIGITAL
BE AUTHENTICALLY DIGITAL
CHOOSE CONTENT OVER CHROME
SLAP A GRID ON IT      think grid
THINK GRID
THINK GRID             1 sub-unit = 5px x 5px             1 unit = 20px x 20px                       1 column = 80px
I keep returning to the number    10
THINK GRID             2 units (40px)   2 sub-units (10px)
THINK GRID1 unit (20px)
THINK GRID             1 column (80px)
THINK GRID             100px and 120px as the starting point
THINK GRID
THINK TOUCH recommended size                          8mm when accuracy matters when it just won’t fit
DIFFERENT DPI’s                  1366 x 768      10,6”       148dpi @ 100% scale                  1920 x 1080      10,6”  ...
DIFFERENT DPI’s (A LITTLE HELP IN BLEND)
EMBRACE TYPOGRAPHY     think about typography
THINK ABOUT TYPOGRAPHY Segoe UI                         20pt                                     42pt 9pt         11pt Reg...
Your app should be  RESPONSIVE, FAST and FLUIDLet people interact directly with content and respond to actionsquickly with...
BE FASTtraditional  desktop  software    start    2     3   4   doneWindows 8 killer app              start   done
You should useBOLD & VIBRANT COLORS
The new face of Windows is a grid of tilescolored like Skittles.
BOLD COLORSFF0097   A200FF   00ABA9   8CBF26   A05000E671B8   F09609   1BA1E2   E51400   339933
LOKU WINDOWS 8 APP
Small things          DRAMATICALLY AFFECT                The quality of entire appDevote time and energy to small things t...
ONE MORE
Attractive thingsWORK BETTER
BLIO WINDOWS 8 APP
ADIDAS SEATTLE SOUNDERS FC WINDOWS 8 APP
LOKU WINDOWS 8 APP
SUM UPall you need is BLEND FOR VISUAL STUDIO 2012choose content over chromeuse gridembrace typographybe responsive, fast ...
WITHIN EVERY DESIGN PRINCIPLESTHERE’S SPACIOUS ROOM TO CREATIVELYPUSH BOUNDARIES.AND YOU SHOULD.
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
CHOOSE CONTENT OVER CHROME
Upcoming SlideShare
Loading in …5
×
5,209 views

Published on

CHOOSE CONTENT OVER CHROME

Published in: Technology
  • Be the first to comment

×