Wednesday, June 6, 2012

ย้อนมองส่วนหน้าตาผู้ใช้งาน (mobile UI) ใน iOS ก่อนการเปลี่ยนแปลงใน iOS 6

ios-visual-history_large_verge_super_wide

จากที่มีข่าวลือว่า iOS 6 โดยเฉพาะ iPhone นั้นจะมีการเปลี่ยนแปลงใหญ่ หลายส่วน ซึ่งส่วนหนึ่งก็คือ User interface  หรือส่วนใช้งานของผู้ใช้ ที่จะต้องปรับให้ยาวขึ้นตามหน้าจอ 4 นิ้วของ iPhone 5 และเปลี่ยน สีเป็นสีเงิน เพื่อรับกับ iPad และ Mac OS X ที่มีการเปลี่ยนมาก่อนหน้านี้แล้ว

iOS นั้นมีการพัฒนามาหลายรุ่นแล้ว ถึง 5 ปี เรามาย้อนดูกันดีกว่าว่า Apple ได้ใช้ user interface แบบไหนมาบ้าง และเน้นโทนสีอะไร ที่เป็นค่าปริยายใน UI KIT ที่แจกจ่ายให้ทางผู้พัฒนา ซึ่งหลายคน อาจจะไม่เคยสังเกตมาก่อนเลยก็ได้

Pinstripes

 

ios_ui_pinstripes-620x457

Pinstripes เริ่มมาตั้งแต่รุ่นแรก ย้อนกลับไปตั้งแต่ปี 2007 ทาง แอปเปิล เลือกใช้สีฟ้าอมเงิน และ สลับกับสีขาว ซึ่งเริ่มมามาตั้งแต่ iOS 1 จนถึง iOS 5 ก็ยังมีให้เห็นอยู่ เรียกว่าแทบไม่มีการเปลี่ยนแปลง  โทนสีใน iOS เลย โดยเฉพาะ iPhone จะมีก็คงเป็น Note app เท่านั้นมี หลุดเป็นสีเหลืองแบบสมุดจดข้อความ

Felt

 

ios_ui_felt-620x457

การมาของ Game Center ใน iOS 4 ที่เปิดตัวในปี 2000 ที่มีการเพิ่ม รูปแบบหน้าตาการใช้งานใหม่ ให้กับ Game Center ซึ่งดูแล้ว เหมือนอยู่ใน บ่อนคาสิโน ที่ลาส เวกัสนั่นเอง ด้วยสีเบอร์กันดี, เขียวและเหลือง และ ลายไม้

Linen

 

ios_ui_linen-620x457


ใน iOS 4 เริ่มใช้ linen texture สำหรับ หน้าที่แสดงเบื้องหลัง และอยู่ใน ส่วนของ background ซึ่งก็มีนำมาใช้เพิ่มใน iOS 5 และ OS X Lion  ตั้งแต่หน้าจอ เริ่มต้นการ set up เครื่อง หรือ fast app switcher dock  , Siri และ Notification Center ด้วย ซึ่งต่างกับแบบ Felt หรือ การมีการใช้ Linen pattern ก็อนุมานได้ว่า เป็นส่วนที่ไม่ใช่การใช้ งานแอพตามปกติ

Wood

อีกเช่นกันใน iOS 4 ได้เปิดตัว iBooks ซึ่งเป็นสโตร์ ที่แยกจาก iTunes Store และ App Store ที่มีการดาวน์โหลด อีบุคแยกออกมา ต่างหากใน iBooks app โดยทำเป็น ชั้นหนังสือที่ทำด้วยไม้ ให้อารมณ์ กำลังมาเลือก หนังสือจากชั้นหนังสือจริง ๆ

ios_ui_wood-620x457

สำหรับ iOS 5 การเปิดตัว Newsstand ก็ใช้หน้าตานี้เช่นกัน รวมทั้ง ในปี 2012 ที่มีการเปิดตัว iTunes U ก็ใช้ interface เดียวกัน เพียง แต่ปรับให้โทนมืดขึ้นเท่านั้น

Leather

ในปี 2011 มีการเปิดตัว Find my Friends ซึ่งเป็นแอพ ที่ ต้องดาวน์โหลดต่างหาก ไม่ได้ฝังมาพร้อมกับ iOS ซึ่งไม่ได้
ยึดติดอยู่กับ โทนหน้าตาการใช้งานของ iOS โดยจะมีแพทเทิร์น หนังสัตว์แทน ซึ่งทางแอปเปิล ก็ใช้โทนหนังนี้

ios_ui_dark_leather-620x457

แอพ Reminder ที่เปิดตัวตอน iOS 5 ปี 2011 นั้นก็ใช้แพทเทิร์น ลายหนังเช่กัน

Silver

 

ios_ui_silver_dark-620x457

โทนสีเงิน เริ่มมาตั้งแต่ iPad ที่เปิดตัวในปี 2010 กับ iOS 3.2 แล้ว ซึ่งใช้โทน สีเงิน แทนที่จะใช้แบบ Pinstripes  และคาดว่า ในงาน WWDC 2012 แอปเปิลน่าจะปรับ Silver เข้าไปกับ iOS 6 สำหรับ iPhone และ iPad  ซึ่งเราจะได้เห็น หน้าตาการใช้ที่ปรับปรุงใหม่ ใน iOS 6  เร็ว ๆ นี้แน่นอน

 

ที่มา : iMore, The Verge

0 Responses to “ย้อนมองส่วนหน้าตาผู้ใช้งาน (mobile UI) ใน iOS ก่อนการเปลี่ยนแปลงใน iOS 6”

Post a Comment

Related Posts Plugin for WordPress, Blogger...
All Rights Reserved iPhoneAppTube | Blogger Template by Bloggermint