ออกแบบ UI ของ iOS 7 แบบไหน Do แบบไหน Don’t

Update

วันนี้ Grappik นำเอาข้อมูลดีๆ จากเว็บ apple.com เกี่ยวกับ UI ของ IOS7 ที่พึ่งเปิดตัวไปไม่นานว่าแบบไหนควรทำและแบบไหนไม่ควรทำ

1. เนื้อหา

ios7-ui-do-and-dots-1

ส่วนแรกจะเป็นในเรื่องของเนื้อหาที่ควรแสดงผลให้รองรับการแสดงผลกับอุปกรณ์เคลื่อนที่ให้เหมาะสม

 

2. ควบคุมการ Touch

ios7-ui-do-and-dots-2

ออกแบบการ touch และ tap ที่ไม่ไช่แบบที่นิยมใช้งานกันบนเว็บไซต์

 

3. ปุ่มกดชัดเจน

ios7-ui-do-and-dots-3

ปุ่มกดที่ใหญ่ ชัดเจน  Use ใช้งานได้ง่าย

 

4. ตัวอักษรอ่านง่าย

ios7-ui-do-and-dots-4

ตัวอักษรอ่านง่าย ชัดเจน ซึ่งทาง apple แนะนำไว้ว่า 11 points เป็นขนาดที่อ่านออกได้โดยไม่ต้องขยาย

 

5. Contrast color

ios7-ui-do-and-dots-5

สีตัวอักษรกับพื้นหลังควรอ่านได้ชัดเจน

 

6.ระยะบรรทัด

ios7-ui-do-and-dots-6

ระยะบรรทัดที่พอเหมาะ

 

7. รูปภาพรองรับหน้าจอ Retina

ios7-ui-do-and-dots-7

ใช้ภาพที่มีความคมชัดรองรับจอ Retina ซึ่งต้องใช้ความละเอียด 2 เท่าของความละเอียดทั่วไป

 

8. aspect ratio ที่ไม่เพี้ยน

ios7-ui-do-and-dots-8

เลือกใช้ภาพที่มี aspect ratio รองรับกับหน้าจอโทรศัพท์

 

9. ใช้งานง่าย

ios7-ui-do-and-dots-9

สร้างรูปแบบที่ง่ายต่อการควบคุม

 

10. จัดหน้าตัวอักษรและภาพ

ios7-ui-do-and-dots-10

จัดหน้าตัวอักษรและภาพที่รองรับการแสดงผลในอุปกรณ์เคลื่อนที่

ภาพและข้อมูลจาก developer.apple.com