การออกแบบ User interface

การออกแบบ User interface

จันทร์ 17 กุมภาพันธ์ 2557
Design in App New iPad
Final Project  ออกแบบ  App บน ipad ผ่าน  Adobe Photoshop 

User interface ambient เป็นการออกแบบขึ้นมาเพื่อผู้ที่สนใจในเสียงที่เน้นเรื่องของเสียงมากกว่าตัวโน๊ต เน้นบรรยากาศ สภาพแวดล้อมในธรรมชาติ  เป็นดนตรีที่ไม่เรียกร้องความสนใจ 

มันเหมือนเสียงของบรรยากาศในสกอร์ประกอบหนังที่ไม่มีใครสังเกต เหมือนเสียงเพลงเบาๆในลิฟต์ที่ไม่มีใครใส่ใจ
ลักษณะการเลือกใช้สีออกแบบ : app ambient เน้นโทนสีสดใสสบายตา

การจัดวางรูปแบบ App บน iPhone :  สัญลักษณ์เน้นไปอยู่ทางส่วนล่างของ iPhone ทั้งหมด
การจัดวางองค์ประกอบที่ใช้ง่ายเหมือนทั่วไป เพื่อให้ง่ายต่อการใช้สำหรับทุกคน

                       

ภาพที่ 1 : Icon app ambient size 512x512 pixel 72 ppi

ที่มา : นนทพัทธ์ เคล้าเครือ,2557

Icon :  การออกแบบสื่อความหมายชัดเจนโดยใช้ต้นไม้บนปุ่ม volume หมายถึง เสียงจากธรรมชาติ

ภาพที่ 2 :  Loading 

size 640 x 960 pixel  resolution 300

ที่มา : นนทพัทธ์ เคล้าเครือ ,2557

Loading :  การออกแบบหน้า Loading  สำหรับการดาวน์โหลดก่อนการเข้าไปสู่เมนู 

               จะใช้สีสันที่ดูแล้วสบายตา

ภาพที่ 3 : Menu ambient

size 640 x 960 pixel  resolution 300

ที่มา : นนทพัทธ์ เคล้าเครือ ,2557

Menu : ในหน้านี้จะเป็นหน้าหลักของ app ซึ่งเราสามารถกดเพื่อเข้าสู่หน้าที่แยกออกไป

ภาพที่ 4 : Page 1

size 640 x 960 pixel  resolution 300

ที่มา : นายนนทพัทธ์ เคล้าเครือ,2557

> สำหรับหน้านี้จะรวมเสียงต้นไม้และธรรมชาติ

ภาพที่ 5 : Page 2 

size 640 x 960 pixel  resolution 300

ที่มา : นายนนทพัทธ์ เคล้าเครือ ,2557

> หน้านี้จะเป็นการรวมเสียงของนกต่างๆ

ภาพที่ 5 : Page 3

size 640 x 960 pixel  resolution 300

ที่มา : นายนนทพัทธ์ เคล้าเครือ ,2557

> รวมเสียงของน้ำและฝนตก

ภาพที่ 5 : Page 4

size 640 x 960 pixel  resolution 300

ที่มา : นายนนทพัทธ์ เคล้้าเครือ ,2557

> รวบรวมเสียงฟ้าร้องฟ้าผ่า

ทุกหน้าจะสามารถกดกลับไปยังหน้าหลักโดยการกดที่ลูกศรที่อยู่มุมซ้ายล่าง