Graphical User Interface
Application
" Photo Vintage "
Sketch
:
:
Icon
:
.
Splash page
:
.
Main menu
.
.
Menu page
ผลงานการออกแบบ Graphical user interface
" Photo Vintage "
:
:
Icon Application
"ได้แนวคิดมาจากกล้องโลโม่เพราะมันแสดงถึงความย้อนยุคและออกโดยใช่สีที่เรียบง่าย"
:
:
เมื่อนำ Icon Application ไปจัดวางหน้าโฮม
:
.
Splash page
"หน้าอัพโหลดก่อนถึงหน้าเมนู จะเป็นรูปไอคอนกล้องโลโม่ที่มีสอดคล้อง วิวข้างหลังเป็นภาพเบลอๆ
เพื่อแสดงถึงบรรยาศ และความเป็นวินเทจ"
:
:
:
Main menu
"หน้าเมนูหลัก จะมีชื่อแอปพลิเคชั่นกับไอคอนแอปพลิเคชั่น และมีเมนูให้เข้าไป สามเมนู และยังมี
ปุ่มตั้งค่าของแอปพลิเคชั่นด้วย และปุ่มล่างด้านขวาคือปุ่ม Settings"
:
.
.
Menu 1
"เป็นภาพแสดงถึงหน้าที่จะถ่ายรูป มุมขวาด้านบนคือปุ่ม Back กลับไปเมนูหลัก ส่วนด้านซ้ายล่าง
รูปวงกลมสามสี เป็นปุ่ม แต่งรูป และด้านขวาล่างคือปุ่มไปอัลบั้มรูป ส่วนปุ่มตรงกลางด้านล่าง
คือปุ่มกดชัตเตอร์"
:
.
Menu 2
"เป็นหน้าที่แสดงถึงรูปที่เราถ่ายออกมาแล้ว มุมขวาด้านบนคือปุ่ม Back กลับไปหน้ากล้องถ่ายรูป
และมุมซ้ายด้านบนคือ ปุ่ม Save ไปที่อัลบั้มรูป ส่วนด้านซ้ายล่าง
รูปวงกลมสามสี เป็นปุ่ม แต่งรูป และมุมซ้ายด้านล่างคือปุ่มลบรูปหากเราไม่ชอบ"
:
:
:
Menu 3
"เป็นหน้าที่เราจะแต่งรูปที่เราถ่ายเสร็จ มีให้เลือกหลายโทนสี แต่ละสีจะเน้นไปทางย้อนยุคและแนว
กล้องโลโม่ และปุ่ม X ด้านล่างซ้ายมือคือปุ่มที่ต้องไม่ต้องการแต่งกลับไปหน้ารูปเดิม
ส่วนปุ่ม / คือปุ่มต้องการรูปนี้ จะ Save ไปยังอัลบั้มรูป"
:
.
.
Menu 4
"เป็นหน้าอัลบัั้มรูปที่แต่งและที่ Save ไว้ และปุ่ม + คือการเพิ่มรูปจากอัลบั้มรูปในมือถือ มุมบนด้านซ้าย
คือ ปุ่ม Back เพื่อกลับไปหน้า เมนูหลัก ส่วนมุมบนด้านขวาคือ ปุ่ม Next ที่จะไปยังหน้าแชร์
ส่วนปุ่มรูปกล้องจะเป็นปุ่มที่จะกลับไปหน้าถ่ายรูป"
:
.
.
Menu 5
"เป็นหน้าที่เราจะแชร์รูปไปยัง Facebook,Instagram,Line มุมซ้ายด้านบนคือ ปุ่ม Back ที่จะกลับ
ไปยังหน้าอัลบั้มรูป ส่วนปุ่ม Home ด้านขวาบน คือ ปุ่มที่กลับไปยังหน้า เมนูหลัก"
:
.
Menu 6
"เป็นหน้า Settings มีเนื้อหาเกียวกับการตั้งค่า รหัสอัลบั้มรูป เปิดเสียงในแอปพลิเคชั่น
และการล็อกอินด้วยชื่อเฟสบุ๊ก ปุ่มขวาด้านบนเป็นปุ่ม Back ที่สามารถกลับไปเมนูหลัก"
ภาพรวมหน้าแอปพลิเคชั่น พร้อมแนวคิดการออกแบบ