' Application Design . . ~ *

" MADONNA "

เป็นการออกแบบแอพฯ ของเกมส์แต่งตัวตุ๊กตา " Madonna " ที่จะใช้งานบน iPhone 4s

โดยแอพฯ นี้ ออกแบบมาเพื่อความบันเทิงและผ่อนคลายของผู้ใช้บริการ 

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

มีปุ่มกดเพื่อเปลี่ยนไปยังหน้าต่างๆที่ชัดเจน เมื่อแต่งตัวเสร็จจะมีเกณฑ์การให้คะแนน 

การถ่ายภาพเพื่อเก็บไว้เป็นที่ระลึก และสามารถแชร์ภาพไปยัง Socail Network ต่างๆได้ . .

By : Saowalak Singwongsa

ส่วนที่ 1 :: Icon App { Size : 512 x 512 Pixel / 72 ppi }

By : Saowalak Singwongsa

ไอคอนเป็นตัวหลักที่จะสามารถดึงดูดผู้ใช้บริการได้เป็นอย่างดี เรียกได้ว่า . .

เป็นหน้าตาของแอพฯ นั้นๆเลยก็ว่าได้ ไอคอนต้องมีความชัดเจน น่าสนใจ เข้าใจง่าย

จึงออกแบบโดยการใช้หน้าของนางแบบที่อยู่ในเกมส์

ส่วนที่ 2 :: หน้า Loading... { Size : 960 x 640 Pixel / Resolution : 300 dpi }

By : Saowalak Singwongsa

หน้า Loading... เป็นหน้าโหลดของแอพฯ เพื่อรอระบบทำการเข้าเกมส์

ออกแบบโดยใช้ชื่อเกมส์อยู่ที่ด้านบนสุด ถัดมาคือตัวโหลด จะใช้ไอคอนเสื้อผ้า

เป็น % ในการโหลด และมีตัวบ่งบอกระยะ % ในการโหลดอยู่ที่ด้านล่างสุด

ส่วนที่ 3 :: Splash Page { Size : 960 x 640 Pixel / Resolution : 300 dpi }

          ✡ Main Menu . .

By : Saowalak Singwongsa

เป็นหน้าเมนูหลักเพื่อเลือกเข้าสู่เกมส์

Start : เข้าสู่หน้าเกมส์

Best Point : เข้าดูสถิติคะแนนของการเล่นเกมส์

Photo : รูปถ่ายที่ทำการบันทึกในแต่ละครั้งของการเล่นเกมส์แต่งตัว

          ✡ Menu 1 . .

By : Saowalak Singwongsa

หน้าเกมส์การแต่งตัว จะมีเสื้อผ้าให้เลือกดีไซน์ใส่ให้เหมาะกับนางแบบ

สามารถเลือกแต่งได้ตามใจชอบและต้องการ 

ด้านซ้ายจะมีปุ่ม Back เพื่อกลับไปยังหน้า Main Menu

ด้านขวาจะมีปุ่ม Next เพื่อไปยังหน้าต่อไป

          ✡ Menu 2 . .

By : Saowalak Singwongsa

หน้าการให้คะแนน เมื่อแต่งตัวให้นางแบบเสร็จจะมีการบอกคะแนนเพื่อเก็บไว้เป็นสถิติ

ด้านซ้ายจะมีปุ่ม Back เพื่อกลับไปยังหน้าเกมส์การแต่งตัว

ด้านขวาจะมีปุ่ม  Next เพื่อไปยังหน้าต่อไป

          ✡ Menu 3 . .

By : Saowalak Singwongsa

หน้าการถ่ายรูปเพื่อเซฟเก็บไว้ ด้านซ้ายจะมีปุ่ม ทั้งหมด 3 ปุ่ม . .

Try Again : เพื่อกลับไปยังหน้าเกมส์การแต่งตัว

Shared : สามารถแชร์ไปยัง Socail Network ต่างๆได้

กล้องถ่ายรูป : เพื่อเซฟรูปภาพเก็บไว้

✡ ตัวอย่าง Application เสร็จสมบูรณ์ ✡

-----------------------------------------------------------

' การออกแบบ Graphical User Interface . . *

การออกแบบ Graphical User Interface . .

          ▲ ออกแบบเพื่อผู้ใช้ทุกระดับ 
          ▲ สิ่งที่ผู้ใช้ทุกคนต้องการ :: การเข้าถึงส่วนที่ต้องการได้อย่างสะดวกรวดเร็ว
              โดยผ่านระบบการนำทางที่สื่อความหมาย และมีประสิทธิภาพ ดังนั้น ในแอพฯ
              หนึ่งควรจะรองรับผู้ใช้ทุกระดับ ตั้งแต่ผู้เริ่มต้น ผู้มีประสบการณ์ และผู้เชี่ยวชาญ
              ด้วยการคำนึงถึงผู้ใช้ทุกกลุ่มอยู่เสมอ ซึ่งต้องสร้างสมดุลระหว่างสิ่งที่ชี้แนะมือใหม่
              และความรวดเร็วของผู้มีประสบการณ์ วิธีที่ดีที่สุด คือ การหาเวลาพูดคุยกับพวกเขา
              รับฟังความคิดเห็นและคำวิจารณ์ของผู้ใช้

ข้อมูลหลักที่มีอยู่ใน Application . .

          ▲ ข้อมูลที่เกี่ยวกับบริษัท ( About Us )
          ▲ รายละเอียดของผลิตภัณฑ์ ( Contents , Information )
          ▲ ข่าวความคืบหน้าและข่าวจากสื่อมวลชน ( News , Update... )
          ▲ คำถามยอดนิยม ( FQA )
          ▲ ข้อมูลในการติดต่อ ( Contact Us )

กำหนดกลุ่มผู้ใช้ : เป้าหมาย . .

          ▲ กำหนดกลุ่มเป้าหมายอย่างเฉพาะเจาะจง
          ▲ นึกถึงผู้ใช้เป้าหมายหลายกลุ่ม
          ▲ เรียนรู้ผู้ใช้
          ▲ เข้าใจประสบการณ์ของผู้ใช้
          ▲ จำลองสถานการณ์

สร้างตัวอย่างจากผู้ใช้ . .

          ▲ ผู้ใช้คนแรก
          ▲ ผู้ใช้คนที่สอง
          ▲ สร้างสถานการณ์

หน้าแรกของ Application . .

          ▲ ไอคอน Application บนหน้าจอ Home Screen
          ▲ หน้า Loading - Splash

ภาพประกอบ . . 

          ▲ ความเหมาะสมของภาพกับเนื้อหา
          ▲ ขนาดของไฟล์
          ▲ ลิขสิทธิ์ภาพ

โปรแกรมที่ใช้ในการออกแบบ . .

.. Adobe Photoshop ..

.. Adobe Illustrator ..

Sketch . .

          ▲ สิ่งที่สำคัญที่สุดในการเริ่มต้นการออกแบบ

          ▲ " ร่าง " ( Sketch ) แบบของงาน ก่อนทำ " โครงร่าง " ( Wireframe )

Sketch : Wireframe . .

          ▲ ยึดหลักการออกแบบจากข้อมูลภายใน Application

ไฟล์ที่ใช้บน Application . .

          ▲ .JPG : ปรับจำนวนสีได้หลายขนาด ไม่มีพื้นที่เจาะทะลุพื้นหลัง

          ▲ .PNG : ขอบภาพโปร่งใส เจาะทะลุพื้นหลังได้ คมชัด

          ▲ .SVG : สามารถย่อขนาดภาพบน Application ได้ ภาพไม่แตก เจาะทะลุพื้นหลังได้

                        คมชัด ความละเอียดเป็นแบบ Vector แก้ไขภาพได้

สิ่งที่ผู้ใช้ต้องการจาก Application . .

          ▲ ข้อมูลและการใช้งานที่เป็นประโยชน์

          ▲ ข่าว

          ▲ การตอบสนองต่อผู้ใช้

          ▲ ความบันเทิง

          ▲ ของฟรี

-------------------------------------------

' Infographic . . ! ~ *

' ชานมไข่มุก ' ... อร่อยดีมีโทษ !!

#ARTCRU 

#TechnologyforVisualCommunication 

#สุขภาพ 

#ชานมไข่มุก 

#ชามุก 

#infographic 

#InfographicThailand

------------------------------------------

' Eat your Instagrams in marshmallow form . . ~ *

' Eat your Instagrams in marshmallow form '

Boomf lets your feast on your artfully filtered Instagram photos 

by printing them on marshmallows .

Take a bite of your photographic memories .

( Credit : Mint Digital )

Some Instagrams look good enough to eat , especially when they're glorious food photos . 
You could just pop them in your mouth . With a little assist from Boomf , 
your Instagram-eating dreams could come true .

You start by connecting your Instagram account with Boomf . 
The service takes your chosen Instagram images 
and prints them out on edible marshmallows . 
' Imagine the possibilities '
You could go meta and eat marshmallows printed with pictures of marshmallows . 
You could snack on adorable photos of your cats . 
You could roast your buddies over a campfire .

Each package consists of nine marshmallows with your choice of images 
and costs about $20 with free shipping in the UK . 
Boomf recommends avoiding images with large dark areas 
because the details get washed out .

Each marshmallow comes in natural vanilla flavor and is about 1.5 inches square , 
big enough to take a bite out of , but small enough to float in your hot chocolate . 
The confections will stay good for up to three months . 
FYI , like most marshmallows , they are not vegetarian .

It takes an unusual company to create such an unusual product , 
so it's no surprise Mint Digital is the brain behind this operation . 
The studio is responsible for earlier projects like 
the Projecteo Instagram projector and Molly , a candy-dispensing social-media bot .

Right now , Boomf only caters to the UK , 
but international shipping could be coming by early 2014 . 
That should give you plenty of time to pick out some mouth - watering Instagrams 
from your collection .

- - - - - - - - - - - - - - - - - - - - - -



' ขนมมาร์ชเมลโล่ในรูปแบบ Instagrams ของคุณ '

Boomf จะช่วยให้งานเลี้ยงของคุณ เต็มไปด้วยรูปถ่ายของคุณเอง 
โดยการพิมพ์ภาพของพวกเขาลงบนมาร์ชเมลโลว์

Instagrams ของบางคน ดูดีพอที่จะนำมาทำเป็นของกินได้ โดยเฉพาะอย่างยิ่ง . . .
เมื่อเขากำลังสนุกกับภาพถ่ายของอาหาร
คุณเองสามารถทำให้เขาเข้ามาอยู่ในปากของคุณได้ ด้วยความช่วยเหลือจาก Boomf  
และความใฝ่ฝันในการทำของกินจาก Instagrams กำลังจะเป็นจริงได้ ! ~

โดยเริ่มต้นจากการที่คุณเข้าไปเชื่อมต่อ Instagrams ของคุณเข้ากับ Boomf 
นำภาพที่เลือกจาก Instagrams มา และพิมพ์พวกเขาใส่ลงไปในมาร์ชเมลโลว์ 
' . . ลองจินตนาการถึงความเป็นไปได้ . . '
คุณจะสามารถเปลี่ยนการกินมาร์ชเมลโลว์ด้วยการพิมพ์รูปต่างๆลงไป 
สามารถทำขนมที่เกิดจากรูปแมวที่น่ารักของคุณเองได้ 
และสามารถย่างเพื่อนของคุณผ่านไฟได้เช่นกัน

ในแต่ละแพ็คเกจจะมีมาร์ชเมลโลว์ที่พิมพ์ภาพต่างๆได้จำนวน 9 ภาพ 
ค่าใช้จ่ายพร้อมการจัดส่งภายในประเทศอยู่ที่ $20 
Boomf ยังแนะนำอีกว่า . . ควรหลีกเลี่ยงภาพที่มีขนาดใหญ่เกินไปและภาพที่มืด

มาร์ชเมลโลว์จะมีรสวนิลาที่หวานเป็นธรรมชาติ ตัวขนมมีขนาดประมาณ 1.5 ตารางนิ้ว 
เป็นขนาดที่ใหญ่พอที่จะกัดได้ และเล็กพอสำหรับนำไปลอยในช็อกโกแล๊ตร้อนของคุณได้ด้วย 
แพ็คเกจมีฝาปิดจึงทำให้อยู่ได้ถึง 3 เดือน
* ข้อมูลสำหรับคุณ : พวกมันเหมือนมาร์ชแมลโลว์ทั่วไป พวกมันไม่ใช่มังสวิรัติ

การทำต้องใช้บริษัทผลิตภัณฑ์ที่ไม่เหมือนบริษัททั่วไป ดังนั้นจึงไม่น่าแปลกใจ
ที่ Mint Digital เป็นสมองที่คอยอยู่เบื้องหลังการดำเนินการนี้ และยังเป็นผู้รับผิดชอบ
สำหรับโครงการก่อนหน้านี้ เช่น โปรเจ็ค Projecteo Instagrams 
และ Molly ลูกอมที่ถูกแจกจ่ายทางสังคมออนไลน์โดยสื่อ

ตอนนี้ Boomf ให้ความเพลิดเพลินได้เฉพาะในอังกฤษ 
แต่การขนส่งสินค้าระหว่างประเทศจะเกิดขึ้นเร็วๆนี้ภายในปี 2014 

นั่นจะทำให้คุณมีเวลามากมายที่จะคัดแยกรูปภาพที่เห็นแล้วน้ำลายไหล ได้จากคอลเล็คชั่นของคุณ

. . . . . . . . . . . . . . . . . . . . .

' C R E D I T . . *

' Mind Map : ความสัมพันธ์ระหว่างเทคโนโลยีกับการออกแบบนิเทศศิลป์ . . ~

" Mind Map "

. .. ความสัมพันธ์ระหว่างเทคโนโลยีกับการออกแบบนิเทศศิลป์ .. .