กูเกิลเปิดเว็บ Android Design สอนออกแบบ UI บน ICS

By: mk
FounderAndroid
on 13 January 2012 - 09:39 Tags:
Topics: 
Google
Design
Android
Developer
Ice Cream Sandwich
Node Thumbnail

กูเกิลเปิดเว็บไซต์เฉพาะกิจ Android Design มุ่งเป้าสอนนักพัฒนาในการออกแบบแอพให้สวยงาม ใช้ง่าย และเข้าใจถึงแนวคิดพื้นฐานของการออกแบบใน Android 4.0 Ice Cream Sandwich

ประเด็นสำคัญของเว็บไซต์ Android Design คงเป็นเรื่อง design pattern ที่บอกว่าควรออกแบบแต่ละส่วนของแอพอย่างไร เช่น การเลือกสีของปุ่มในสถานะต่างๆ ที่ถูกสัมผัสบนหน้าจอ, คำแนะนำในการออกแบบไอคอน หรือ การออกแบบ Action Bar เป็นต้น

เนื้อหาในเว็บคงเน้นไปที่ Android 4.0 มากหน่อย แต่โดยรวมๆ ก็เป็นคู่มือสอนวิธีการออกแบบแอพบนแพลตฟอร์มอื่นๆ ได้เช่นกันครับ ใครอยากออกแบบแอพให้สวยและดูดีก็อาจเข้าไปอ่าน+ดูรูปเพลินๆ

ที่มา - Android Developers Blog

Get latest news from Blognone

Comments

By: PaPaSEK
ContributorAndroidWindowsIn Love
on 13 January 2012 - 10:19 #373493
PaPaSEK's picture

จริงๆ แล้วมันมี UI Design guideline อยู่ใน Android developer reference มานานแล้วนะครับ แต่ก่อนหน้านี้ยังเป็นแค่ "หัวข้อเล็กๆ" ในส่วน Dev guide ครับ

หน้าดังกล่าวครับ

By: tanit9999
iPhoneAndroidUbuntu
on 13 January 2012 - 10:24 #373498
tanit9999's picture

ถ้าให้ดี ออกแบบ IDE ที่ออกแบบ GUI ให้ง่ายๆดีกว่านะ ตอนนี้มันยากมั๊กๆ

By: legnoi
iPhoneAndroidBlackberry
on 13 January 2012 - 13:11 #373569 Reply to:373498
legnoi's picture

+2048 เลยครับ

By: piscessera
ContributoriPhoneWindows PhoneAndroid
on 13 January 2012 - 11:15 #373518
piscessera's picture

น่าจะมีของ Version เก่าด้วยนะเนี้ย

อ่าวก็มีนิน่า - -"

By: mr_tawan
ContributoriPhoneAndroidWindows
on 13 January 2012 - 15:49 #373603 Reply to:373518
mr_tawan's picture

คิดว่า ออกแบบสำหรับ ICS ไปเลยดีกว่าครับ แล้วใช้พวก support library กับ action bar lib ช่วยในการทำให้มันรันบนเวอร์ชั่นเก่า ๆ ได้

อย่าไปออกแบบแยกกันหมด เสียเวลาครับ

  • 9tawan.net บล็อกส่วนตัวฮับ
By: EThaiZone
ContributorAndroidUbuntuWindows
on 13 January 2012 - 17:48 #373649 Reply to:373603
EThaiZone's picture

ทำเว็บก็เหมือนกันเลย ออกแบบอิง Firefox รุ่นล่าสุดกับ Chrome เอาไว้ก่อน ส่วน IE ค่อย hack css เอา

มันไม่ง่ายเลยที่จะทำ GIF ให้มีขนาดน้อยกว่า 20kB

By: Manta
AndroidWindows
on 13 January 2012 - 11:33 #373531
Manta's picture

ขอแบบ Microsoft Expression Blend ได้ไหมครับ

By: mr_tawan
ContributoriPhoneAndroidWindows
on 13 January 2012 - 18:53 #373670
mr_tawan's picture

ไปนั่งดูอย่างละเอียดทีละหน้าๆ ... Android 3/4 นี่มันสวยจริง ๆ มิน่าทำไมคนถึงอยากได้ 555

อ่านจบแล้วอยากกลับไปนั่งแก้ App ตัวเองให้สวยแบบนี้บ้าง จะดีมากถ้า Google อธิบายด้วยว่า UI แต่ละแบบมันเขียนยังไง เพราะบางทีเราก็ไม่รู้ว่าที่เขาโชว์อยู่มันทำยังไง

  • 9tawan.net บล็อกส่วนตัวฮับ
By: jiramot
Android
on 13 January 2012 - 19:34 #373680

ICS ยังเร็วไปน่ะ ตอนนี้ บางครั้งยัง new project เป็น 1.6 อยู่เลย ถ้าเลือกได้ก็จะ 2.2

4.0.3 นี้น่าจะอีกสักปี