UX / UI สำหรับเว็บไทย

Download UX / UI สำหรับเว็บไทย

Post on 16-Apr-2017

6.166 views

Category:

Design

2 download

Embed Size (px)

TRANSCRIPT

  • @MennStudio @SeedThemes

    UX/UI

  • 12

    2

  • SeedThemes.com WordPress Theme Marketplace Flipped Classroom

    MUSE FoundationCo-living Space

    Pai Maehongson Thailand

    http://seedthemes.com

  • UX / UI

  • UX / UI

    USER INTERFACE

  • UX / UI

    USER INTERFACEUSER EXPERIENCE

  • UI /

    UX /

  • UI /

    UX /

  • UI

    UX

  • UI DESIGN

  • Skeuomorphic vs Flat

    ( )

    ( /)

  • Almost Flat

    Material

    Apple / iOS ()

    Google / Android ()

  • UX DESIGN

  • Data / Information Insight

  • : http://impatientdesigner.com/what-exactly-is-ux-design

    http://impatientdesigner.com/what-exactly-is-ux-design

  • WIREFRAME /

    : http://marketingyourwebshop.webnode.nl/what-are-wireframes/

    http://marketingyourwebshop.webnode.nl/what-are-wireframes/

  • : https://dribbble.com/shots/861429-Wireflow

    https://dribbble.com/shots/861429-Wireflow

  • Wireframe

  • / ?

  • SERIF / SANS SERIF

  • line-height 1.5-1.6

  • ?

  • ?

  • 2

    : :

    UI 2

    Search / Google Browse / Facebook

  • DESIGN PATTERN

    http://www.awwwards.com/6-web-design-trends-you-must-know-for-2015-2016.html

    http://gotgroove.com/ecommerce-blog/7-top-ui-design-trends-2015-beyond/

    web design inspriation ui ui pattern

    Hotel, Form

    http://www.awwwards.com/6-web-design-trends-you-must-know-for-2015-2016.htmlhttp://gotgroove.com/ecommerce-blog/7-top-ui-design-trends-2015-beyond/

  • UX/UI

    @MennStudio @SeedThemes