Example Flat-based Layout & UI Design

Prepared for National University of Singapore's YMCA club.

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