การออกแบบ Graphical user interface
#App บน iPhone5s
ภาพที่1 : Icon App ( size : 512 x 512 pixel 72 ppi )
ที่มา : ธนากร วรสาร, 2557
หน้า Icon App ถูกออกแบบมาในรูปแบบของกล้องถ่ายรูป
เพราะต้องการสื่อถึงภาพถ่าย ส่วนสีที่ใช้ต้องการให้เป็นโทนสีที่ดูสดใสและสบายตา
ภาพที่2 : Loading ( size 640 x 960 pixel resolution 300 dpi )
ที่มา : ธนากร วรสาร , 2557
- หน้า Loading เป็นหน้าดาว์นโหลดของแอพฯ i meet โดยถูกออกแบบให้ระหว่างการรอ จะเป็นคลื่นสัญญาณ แพร่ ออกมา โหลดจะเพิ่มจุดวนไปเรื่อยๆ เพื่อให้รู้ว่า แอพฯ กำลังทำงานอยู่
ภาพที่3 : Home ( size 640 x 960 pixel resolution 300 dpi )
ที่มา : ธนากร วรสาร , 2557
- หน้า Home จะมีเป็นห้องสนทนาระหว่างเพื่อน ที่เราจูนสัญญาณ
ตรงกันเราสามารถสนทนากันได้ และชวนพื่อนมายังห้องสนทนาได้
ภาพที่4 : Concect ( size 640 x 960 pixel resolution 300 dpi )
ที่มา : ธนากร วรสาร , 2557
- หน้า Concect จะเป็นหน้ารายชื่อติดต่อเพื่อน ที่อยู่ในระยะใกล้ๆ
ตามความเข้มของสัญญาณที่เราค้นหา และจะบอกระยะห่างระหว่างตัวเรากับเพื่อน
ภาพที่4 : Album ( size 640 x 960 pixel resolution 300 dpi )
ที่มา : ธนากร วรสาร, 2557
- หน้า i meet จะเป็นหน้าสัญญาณที่เราค้นหาเพื่อนจะลิงค์กับ google map
เพื่อ บอกตำแหน่งที่ตั้งของเพื่อน ให้ชัดเจนขึ้น
ภาพที่4 : Voice ( size 640 x 960 pixel resolution 300 dpi )
ที่มา : ธนากร วรสาร, 2557
- หน้า Voic จะเป็นหน้าที่บอกว่า มีคนฝากข้อความเสียงถึงเรา
ภาพที่4 : Setting ( size 640 x 960 pixel resolution 300 dpi )
ที่มา : ธนากร วรสาร , 2557
- หน้า Setting จะเป็นหน้าปรับตั้งค่าอุปกรณ์ ของแอพฯ ตั้งค่าส่วนต่างๆของหน้าต่างอุปกรณ์
ภาพที่7 : หน้ารวมของ Icon App ( size 640 x 960 pixel resolution 300 dpi )
ที่มา : ธนากร วรสาร , 2557