Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Example Flat-based Layout & UI Design

Kelvin Tay
September 21, 2013

Example Flat-based Layout & UI Design

Prepared for National University of Singapore's YMCA club.

Kelvin Tay

September 21, 2013
Tweet

More Decks by Kelvin Tay

Other Decks in Design

Transcript

  1. UI Design
    Uni-Y NUS

    View Slide

  2. Desktop Web Browser
    Latest
    Lorem ipsum dolor sit amet,
    consectetur adipisicing elit, sed do
    eiusmod tempor incididunt ut
    labore et dolore magna aliqua. Ut
    enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut
    aliquip ex ea commodo consequat.
    Read More
    p! p! p!
    p! p! p!
    about Uni-Y NUS | f t u m!

    View Slide

  3. Desktop Web Browser
    Latest
    Lorem ipsum dolor sit amet,
    consectetur adipisicing elit, sed do
    eiusmod tempor incididunt ut
    labore et dolore magna aliqua. Ut
    enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut
    aliquip ex ea commodo consequat.
    Read More
    p! p! p!
    p! p! p!
    about Uni-Y NUS | f t u m!
    About Uni-Y NUS
    University-YMCA NUS, affectionately known as Uni-
    Y NUS, is a student-run service club of YMCA in
    NUS that strives to make a difference to our
    beneficiaries as well as our volunteers.


    In Uni-Y, we believe in developing volunteers to be
    servant leaders through our vast array of programs.
    These programmes fall mainly into 3 areas:

    (1) Community Service Program (CSP)

    The CSP Team of Uni-Y NUS focuses on running
    both ad-hoc and long term programmes. These
    programmes are targeted at a variety of
    beneficiaries. We reach out to local beneficiaries in a
    regular and sustainable manner. This means
    beneficiaries will have the wonderful opportunity …

    View Slide

  4. Desktop Web Browser
    Latest
    Lorem ipsum dolor sit amet,
    consectetur adipisicing elit, sed do
    eiusmod tempor incididunt ut
    labore et dolore magna aliqua. Ut
    enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut
    aliquip ex ea commodo consequat.
    Read More
    p! p! p!
    p! p! p!
    about Uni-Y NUS | f t u m!
    Contact Us
    Name
    Send
    Email (so that we can thank you!)
    We would love to hear from you. Come say
    hello, or send us a virtual ‘pat’ on the back J

    View Slide

  5. (Grid Framework)
    Latest
    Lorem ipsum dolor sit amet,
    consectetur adipisicing elit, sed do
    eiusmod tempor incididunt ut
    labore et dolore magna aliqua. Ut
    enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut
    aliquip ex ea commodo consequat.
    Read More
    p! p! p!
    p! p! p!
    about Uni-Y NUS | f t u m!

    View Slide

  6. Mobile Web Browser
    MENU
    O About Us
    m Mail
    t Social
    u Blog
    Latest
    Lorem ipsum dolor sit amet,
    consectetur adipisicing elit, sed do
    eiusmod tempor incididunt ut
    labore et dolore magna aliqua. Ut
    enim ad minim veniam, quis nostrud
    exercitation ullamco laboris nisi ut
    aliquip ex ea commodo consequat.
    Read More
    p!

    View Slide

  7. Mobile Web Browser
    MENU
    O About Us
    m Mail
    t Social
    u Blog
    p!
    about Uni-Y NUS | f t u m!

    View Slide

  8. Mobile Web Browser
    MENU
    p!
    about Uni-Y NUS | f t u m!
    p!

    View Slide