หน้าเว็บ

จำนวนการดูหน้าเว็บรวม

วันเสาร์ที่ 18 เมษายน พ.ศ. 2558

งาน Final Project ออกแบบ Graphical user interface

Graphical User Interface
Application
" How to Customize drink at Starbucks "

Sketch

Icon
Splash page

Main menu


Menu page

ผลงานการออกแบบ Graphical user interface
" How to customize drink at Starbucks "


Icon Application
( เน้นการออกแบบให้เรียบง่าย ตามยุคสมัย เน้นความแตกต่างที่สี และขนาดตัวอักษร ฟอนต์ )

เมื่อนำ Icon Application ไปจัดวาง

Splash page
( นำเอกลักษณ์ของ Icon มาจัดเรียงที่แก้วกาแฟ ที่บ่งบอกถึงความเป็นสตาร์บัคส์ ตกแต่งด้วยการสาดนม และกลิ่นหอมกรุ่นของกาแฟ )

Main menu
( การออกแบบเน้นแยกเป็นหมวดหมู่หลักในการ Customize เครื่องดื่มที่สตาร์บัคส์ พร้อมรูปภาพประกอบ สีที่ใช้ ดำ ขาว เขียว ฟอนต์ที่ใช้เป็นฟอนต์ตัวเดียวกับสตาร์บัคส์ ภาษาไทยใช้ฟอนต์ Sukhumvit set เรียบง่าย สวยหรู เป็นฟอนต์เดียวกับ ios )

Menu 1
( อธิบายชื่อของขนาด และปริมาตรสุทธิในแต่ละแก้ว พร้อมรูปภาพประกอบ การย้อนกลับ Swipe ไปทางขวาเพื่อกลับเมนูหลัก )


Menu 2
( อธิบายการเลือกประเภทกาแฟ ใช้รูปภาพประกอบ พร้อมคำอธิบาย พื้นหลังตกแต่งการทาสีน้ำด้วย สีจากน้ำกาแฟ การย้อนกลับ Swipe ไปทางขวาเพื่อกลับเมนูหลัก )

Menu 3
( อธิบายรสชาติ กลิ่นของน้ำเชื่อมต่างๆ เน้นความแตกต่างของสีแต่ละชนิด พื้นหลังตกแต่งตามสีของน้ำเชื่อม การย้อนกลับ Swipe ไปทางขวาเพื่อกลับเมนูหลัก )

Menu 4
( อธิบายเรื่องของประเภทนมในร้าน พร้อมภาพประกอบและคำอธิบาย พื้นหลังตกแต่งเป็นน้ำนม การย้อนกลับ Swipe ไปทางขวาเพื่อกลับเมนูหลัก )

Menu 5
( มีภาพประกอบพร้อมเครื่องตกแต่งต่างๆ ในร้าน พร้อมคำอธิบายและราคา พื้นหลังตกแต่งด้วยน้ำแสดงถึงความสดชื่น การย้อนกลับ Swipe ไปทางขวาเพื่อกลับเมนูหลัก )




ไม่มีความคิดเห็น:

แสดงความคิดเห็น