แนวคิดการออกแบบ UI ของ Material Design จาก Google
อ่านแล้วน่าสนใจ จนคิดว่าอาจจะถึงเวลาออกแบบ SoftGanz UI framework ซะทีแล้วกระมัง เริ่มมีเวลาว่างบ้างแล้ว อาจจะเริ่มที่ app แรก ธนาคารขยะ ก่อนเลย
แนวทางที่วางไว้
- grid 8x8 pixel (ตามขนาด icon)
- color 3 + 1 hightlight and ความเข้ม ดูรายละเอียด theme สี
- ปุ่มกด
- Floating action button คำสั่งที่สำคัญที่สุดของแอพนำมาเสนอให้เห็นชัดๆ โดยใช้วงกลมเป็นสัญลักษณ์ ตัวอย่างในภาพแรกสุดคือปุ่มรถยนต์สีเขียวในแอพแผนที่
- Raised button ปุ่มทั่วไปที่แสดงความสูงที่ถูกยกขึ้น (raised) ให้เห็นเด่นชัดกว่าปกติ ตัวอย่างปุ่ม Uninstall
- Flat button ปุ่มธรรมดาที่แสดงเฉพาะข้อความ แต่แบนราบไปกับพื้นผิว ตัวอย่างคือปุ่ม ACCEPT/DECLINE
- การตอบสนองต่อปุมกด ด้วย effect
- normal
- hover
- focused
- pressed
- inactive
- การกดปุ่มแล้วขยายเนื้อหา
- การจัด Layout mobile
- top bar and bottom bar
- tablet : topbar+bottom bar and bottom bar
- desktop : top bar+bottom bar and left+right bar
อ่านเพิ่มเติมได้ที่ www.blognone.com