Final Project application Animals Fun

Final Project

Final Project Graphical user interface

-  Icon app 

-  Splash page

-  Page 1

-  Page 2

-  Page 3
-  Page 4

ขนาดหน้าจอ iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi

แบบสเก็ต

แนวคิดในการออกแบบ

สำหรับ AppAnimals Fun  นี้เป็น App เกมส์สนุกๆโดยมีบรรยากาศที่เป็นธรรมชาติและสอดคล้องกับเกมส์และออกแบบให้ตัวละครมีความสดใสร่าเริ่งมีใบหน้าที่ยิ้มแย้มแจ่มใส่เหมาะสำหรับทุกเพศทุกวัย รูปแบบของการเกมส์คือการที่ผู้เล่นนำรูปภาพสตว์ที่เหมือนกันนำมาเรียงให้ติดกันโดยจะสลับกันไปมาจนกว่าจะหาตัวการ์ตูนที่เหมือนกัน 3 ตัวขึ้นไปจะได้รับคะแนน 10 คะแนน ซึ่งตัวสัตว์ที่ตกลงมาด้านล่างนี้ก็จะมีระดับความยากที่มากขึ้น เช่นมันอาจจะตกลงมาเร็วขึ้น และมีจำนวนมากขึ้นเรื่อยๆ ตามลำดับ เพื่อเพิ่มความท้าท้าย ฝึกสมอง และ ไหวพริบ ของผู้เล่นการสลับสัตว์ ที่มีสีเดียวกันยิ่งจำนวนมากเท่าไหร่  คะแนนก็จะยิ่งเยอะมากขึ้นเท่านั้นตามลำดับ สำหรับ เกมส์สลับสัตว์ ตัวนี้มีหลายเลเวล สามารถเอาไว้เล่นยามเบื่อ ยามเซ็ง หรือยามว่างก็ได้และที่พิเศษไปกว่านั้น สำหรับ AppAnimals Fun เป็นเกมส์ที่เชื่อมต่อผ่าน LINE ผู้เล่นจะสามารถเล่นได้ระบบออนไลน์กับเพื่อนๆได้อย่างสนุกสนานสามารถโอ้อวดคะแนนที่เราสามารถแซงเพื่อนเราได้ส่งไปใน LINEเพื่อนที่เราต้องการจะโอ้อวดได้อีกด้วย 

icon App Animals Fun
512px  x  512px
 resolution 72 ppi

i con นี้จะมีการนำตัวละครในเกมส์มาไว้เพื่อที่เป็นที่จดจำตัวละครที่มีความสดใสน่ารักของผู้เล่นเกมส์

โทนสีจะไปในโทนของธรรมชาติดูสบายตาสดใสโดยจะมีสีเขียวที่สื่อถึงความธรรมชาติความอุดมสมบูรณ์ และสีฟ้าสื่อถึงความเป็นอิสระ ซึ่งสอดคล้องกับ App Animals Fun ซึ่ง

จะมีApp Line อยู่ด้านข้างเพื่อที่จะสื่อว่าแอพนี้สามารถเชื่อมต่อLine ได้ด้วย

ภาพที่ 1 : iphone capture screen whit Animals Fun Icon 

iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi
ที่มา : นางสาวสุภาวดี เยี่ยมสมุทร,2558

เมื่อนำ icon  application Animals Fun มาเปรียบเทียบกับ iconอื่นๆ

ภาพที่ 2 : iphone capture screen whit Animals Fun Icon 
iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi

ที่มา : นางสาวสุภาวดี เยี่ยมสมุทร,2558
หน้าโหลดเกมส์ออกแบบให้ดูสบายตาไม่เครียดและเป็นบรรยากาศของธรรมชาติ
โดยมีลูกเล่นโดยการนำตัวละครในเกมส์มาเป็นตัวแทบดาวโหลดเพื่อที่ทำให้การรอไม่น่าเบื่อ

ภาพที่ 3 : iphone capture screen whit Animals Fun Icon 
iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi

ที่มา : นางสาวสุภาวดี เยี่ยมสมุทร,2558

หน้าล็อกอินก่อนเข้าเล่นเกมส์ application Animals Fun โดย application นี้จะเชื่อมต่อผ่านทาง LINE เป็นระบบออนไลน์เพื่มความสนุกให้กับเกมส์มากยิ่งขึ้นเพราะยุคนี้มีการเล่นเกมส์ผ่าน LINE เพราะสามารถแข่งกับเพื่อนของตัวเองได้

ภาพที่ 4 : iphone capture screen whit Animals Fun Icon 
iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi

ที่มา : นางสาวสุภาวดี เยี่ยมสมุทร,2558

หน้าเมนูจะดูเป็นธรรมชาติและป้ายบอกทางที่เป็นป้ายท่อนไม้

หน้า Menu จะมีตัวเลือก 4 ตัวเลือก คือ 

                                                                    - PLAY

 -LEVEL

      -OPTIONS

- QUIT

ภาพที่ 5 : iphone capture screen whit Animals Fun Icon
iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi 

ที่มา : นางสาวสุภาวดี เยี่ยมสมุทร,2558

OPTIONS เป็นหน้าที่เอาไว้สำหรับปรับเสียงมี 10 ระดับปรับตามความพึ่งพอใจของผู้เล่น
และเลือกโหมดเกมส์ที่ต้องการมีให้เลือก 3 ระดับคือ
Easy  Normal และ Hard 

ภาพที่ 6 : iphone capture screen whit Animals Fun Icon 
iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi

ที่มา : นางสาวสุภาวดี เยี่ยมสมุทร,2558

เมื่อกดปุ่ม PALY เพื่อเริ่ม เกมส์ก็จะขึ้นมาให้เราได้เล่นซึ่งจะเป็น
เกมส์จะทำพื้นหลังเป็นธรรมชาติให้สอดคล้องกับเกมส์และตัวละครในเกมส์ที่เป็นสัตว์
สัตว์แต่ละตัวจะมีคาเรกเตอร์ของตัวเองมีความสดใสร่าเริ่ง

ภาพที่ 7 : iphone capture screen whit Animals Fun Icon
iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi 

ที่มา : นางสาวสุภาวดี เยี่ยมสมุทร,2558

ถ้าผู้เล่นไม่สามารถสลับตัวละครสัตว์ได้ก็จะเต็มและก็จะจบเกมส์ทันที

ภาพที่ 8 : iphone capture screen whit Animals Fun Icon 
iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi

ที่มา : นางสาวสุภาวดี เยี่ยมสมุทร,2558

หน้านี้จะบอกกับคะแนนและดาวที่ผู้เล่นจะได้รับถ้าผู้เล่นไม่พอใจกับคะแนนที่ได้รับสามารถกดปุ่มสีแดงคือย้อนกับเพื่อเริ่มต้นเกมส์ใหม่แต่ถ้าผู้เล่นพอใจกับการเล่นเกมส์แล้วกดปุ่มถัดไปปุ่มสีเขียว

ภาพที่ 9 : iphone capture screen whit Animals Fun Icon 
iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi

ที่มา : นางสาวสุภาวดี เยี่ยมสมุทร,2558

สำหรับหน้านี้จะเป็นการจัดลำดับท็อปเฟรนลำดับที่ 1 2 และ 3 จะเป็นคะแนนที่สูงที่สุดของเพื่อน
โดยจะมีการบอกข้อมูลของเพื่อน เช่น ลำดับที่ได้  ชื่อผู้เล่น  คะแนนที่ได้รับในการเล่นเกมส์
ถัดไปจะเป็นคะแนนที่เราได้รับซึ่งเราสามารถกดที่ปุ่มสีเขียวเพื่อโอ้อวดเพื่อนกับคะแนนที่เราได้รับ

ภาพที่ 10 : iphone capture screen whit Animals Fun Icon
iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi 

ที่มา : นางสาวสุภาวดี เยี่ยมสมุทร,2558

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

ภาพที่ 10 : iphone capture screen whit Animals Fun Icon
iPhone 4s: 960 x 640 ค่าความละเอียด resolution 300 dpi 

ที่มา : นางสาวสุภาวดี เยี่ยมสมุทร,2558
และเมื่อเรากดโอ้อวดไปคะแนนเราก็จะไปปรากฎอยู่บน Application LINE ของเพื่อนเราเพื่อให้เพื่อนเรารู้ถึงคะแนนและการเคลื่อนไหวของคะแนนเรา

ตัวอย่าง application Animals Fun

POP - Prototyping on Paper