Tags:
Node Thumbnail

ปัญหาเล็กๆ น้อยๆ แต่กวนใจของ Android คือไอคอนของแอพที่ไม่เป็นมาตรฐานเดียวกัน บางแอพเป็นสี่เหลี่ยม บางแอพเป็นวงกลม บางแอพเป็นสัญลักษณ์ตามรูปร่างของแบรนด์ บางแอพมีพื้นหลังซ้อนให้อีกชั้น ฯลฯ

ล่าสุดปัญหานี้กำลังจะหมดไป เมื่อกูเกิลออกนโยบายของ Play Store บังคับว่าจากนี้ไป แอพที่ส่งขึ้น Play Store จะต้องใช้ไอคอนเป็นรูป "สี่เหลี่ยมมุมโค้ง" เท่านั้น มีผลเฉพาะไอคอนบน Play Store เท่านั้น ไม่รวมถึงไอคอนใน launcher

ตัวอย่างตามภาพ ภาพซ้ายคือไอคอนแบบเดิม (วงกลม), ภาพกลางคือไอคอนแบบใหม่ที่ควรจะเป็น, ภาพขวาคือหากไม่ปรับแก้ไอคอน กูเกิลจะทำภาพไอคอนให้ใหม่ตามกฎแบบใหม่

No Description

กฎใหม่ของ Play Store ยังกำหนดขนาดของไอคอนเท่าเดิมคือ PNG ขนาด 512x512 แต่ห้ามใช้พื้นหลังโปร่งใส (transparent) ส่วนมุมโค้งและเงา drop shadow จะถูกเพิ่มให้อัตโนมัติ นักพัฒนาทำไอคอนเป็นสี่เหลี่ยมมุมฉากมาตามปกติ และไม่ต้องใส่เงาซ้อนหลังไอคอนมา

No Description

ภาพซ้ายคือภาพที่ส่งเข้าไปให้กูเกิล, ภาพขวาคือภาพที่กูเกิลปรับมุมโค้ง-ใส่เงาให้แล้ว

No Description

นโยบายนี้จะเริ่มมีผลบังคับใช้ในวันที่ 1 พฤษภาคม โดยแอพใหม่/แอพอัพเดตที่จะส่งขึ้น Play Store ต้องใช้ไอคอนตามมาตรฐานใหม่เท่านั้น ส่วนแอพที่อยู่บน Play Store อยู่แล้ว มีเวลาถึงวันที่ 24 มิถุนายนในการปรับหน้าตาไอคอนใหม่

รายละเอียดอ่านได้จาก Google Play icon design specifications

ที่มา - Android Developers Blog

Get latest news from Blognone

Comments

By: ipoundpk
iPhoneAndroidWindows
on 18 March 2019 - 21:48 #1102084

ใครที่หาioon pack iOSอยู่ เลิกหาได้แล้วนะคะ

By: bellpocket on 18 March 2019 - 23:27 #1102117 Reply to:1102084

55555555555++
Like +10

By: thanyadol
iPhone
on 19 March 2019 - 00:30 #1102134 Reply to:1102084

ฮ่าๆๆๆ

By: deaknaew on 19 March 2019 - 09:50 #1102194 Reply to:1102084

"ไม่รวมถึงไอคอนใน launcher"

น่าจะยังต้องใช้กันต่อไป

By: atmas
ContributorIn Love
on 18 March 2019 - 21:48 #1102085
atmas's picture

อ่าววว เป็นเอกลักษณ์แอนดรอยอยู่ดีๆ ไม่ชอบ
//กดเปลี่ยนไอคอนใหม่อยู่ดี


[S]

By: sudoku144
AndroidUbuntuWindows
on 18 March 2019 - 21:51 #1102086
sudoku144's picture

แล้ว adaptive icon ที่ใส่มาตั้งแต่ Android O ล่ะ นึกว่าอยากให้ใส่กรอบตามใจ

By: bank1996
ContributoriPhoneWindows PhoneWindows
on 18 March 2019 - 21:55 #1102087
bank1996's picture

รอคอยเลยเป็น เป็นปัญหาเล็กน้อยแต่กวนใจจริง ๆ ครับ ฮ่า ๆ


we can build a more peaceful.

By: illuminator
ContributorAndroidUbuntuWindows
on 18 March 2019 - 21:59 #1102089
illuminator's picture

ชอบแบบกลมมากกว่าอ่ะ


The softest water wears down the hardest rock.

By: platalay
iPhoneWindows PhoneAndroidWindows
on 18 March 2019 - 22:11 #1102095 Reply to:1102089

+1

By: K_AViar
Windows PhoneUbuntuWindowsIn Love
on 18 March 2019 - 22:10 #1102094

ไปทำตามเขาเฉย

By: Be1con
ContributorWindows PhoneWindowsIn Love
on 18 March 2019 - 22:28 #1102098
Be1con's picture

นั่งแก้ไอคอนอีกแล้ว...


< Code | Design | Life | Blogger | Beyond >

By: geumatee
ContributoriPhoneAndroidWindows
on 18 March 2019 - 22:32 #1102101

เพิ่มเติมครับ icon ที่พูดถึงนี้เป็น icon ที่จะไปโชว์ใน store นะครับ ส่วน icon ที่อยู่ใน home screen หรือ app drawer ยังใช้ adaptive icon เหมือนเดิม ซึ่งถ้าเวลาทำ icon ด้วย android studio เราแค่แปะรูป foreground และรูป background(หรือเลือกเป็นสีไปก็ได้) มันก็จะ generate ออกมาทุกแบบให้อยู่แล้วโดยที่เราไม่ต้องทำอะไรเพิ่มเองเลย

By: McKay
ContributorAndroidWindowsIn Love
on 18 March 2019 - 22:34 #1102102 Reply to:1102101
McKay's picture

+1 Note this does not affect your APK launcher icons for Android.


In Soviet Warcraft, Argus comes to you.

By: hisoft
ContributorWindows PhoneWindows
on 19 March 2019 - 01:04 #1102141 Reply to:1102102
hisoft's picture

ส่วน launcher ของ Google เองก็จับไอคอนทุกรูปแบบใส่กรอบในวงกลมไปอีกที... 😩


The Phantom Thief

ฮือ อัพรูปเป็น gif ไม่ได้ (T-T)

By: geumatee
ContributoriPhoneAndroidWindows
on 19 March 2019 - 01:43 #1102146 Reply to:1102141

มันคือ adaptive icon นั่นแหละครับ

แต่ก่อนมันมีปัญหาที่ต่างคนต่างทำรูปร่างต่างกัน บาง app ก็ทำ icon ใหญ่กว่า guideline เพื่อให้ app ตัวเองเด่น แต่พอมันมาอยู่ด้วยกันก็เละเทะไปหมด

google เลยออก adaptive icon ออกมา dev แยก background กับ foreground แล้ว launcher จะมาประกอบ icon ให้เอง ส่วน icon shape ก็ตามที่เราเลือกได้(กลม, Square, Rounded square, Squircle, Teardrop)

ซึ่งมันควรจะออกมาสวยงามเป็นระเบียบดี เว้นแต่บาง app ไม่ยอมทำ icon มาเป็นแบบ adaptive ตัว launcher ก็เลยเอา icon นั้นมาเป็น foreground แปะบนรูปทรงที่เลือกเลย มันก็ออกมาน่าเกลียดๆแบบนั้นแหละครับ

By: hisoft
ContributorWindows PhoneWindows
on 19 March 2019 - 01:58 #1102149 Reply to:1102146
hisoft's picture

อย่างนี้นี่เอง ขอบคุณครับ 😩


The Phantom Thief

ฮือ อัพรูปเป็น gif ไม่ได้ (T-T)

By: McKay
ContributorAndroidWindowsIn Love
on 19 March 2019 - 02:10 #1102151 Reply to:1102146
McKay's picture

ขอบคุณครับ ถึงว่าทำไมน่าเกลียดมาก


In Soviet Warcraft, Argus comes to you.

By: McKay
ContributorAndroidWindowsIn Love
on 19 March 2019 - 02:12 #1102153 Reply to:1102141
McKay's picture

พร้อม bg สีขาวๆ

บางทีผมก็คิดว่าอย่างน้อยน่าจะปรับสี bg เป็น adaptive color ก็ยังดี


In Soviet Warcraft, Argus comes to you.

By: mk
FounderAndroid
on 19 March 2019 - 08:24 #1102172 Reply to:1102101
mk's picture

ปรับเพิ่มข้อมูลตามนั้นครับ

By: xenatt
ContributorWindows PhoneRed HatSymbian
on 18 March 2019 - 22:54 #1102109
xenatt's picture

ไอคอน app ใน Android นี่ไม่สวยเลย อันสวยๆก็หาครบทุก app ยากเหลือเกิน ใช้ธีมก็เปลี่ยนไม่หมดทุกจุด หาความพอดีไม่เจอจริงๆ


Opensource - Hackintosh - Graphic Design - Scriptkiddie - Xenlism Project

By: je901
iPhoneAndroidWindows
on 18 March 2019 - 23:17 #1102116

ทุกวันนี้ใช้ one ui ก็รู้สึกดีนะ มันจัด icon ให้อยู่กับรูปกับรอยมากขึ้น คือไม่ต้องสวยมากหรอก แต่อยากให้มาด้วยกันหน่อย เมื่อก่อนไอคอนสี่เหลี่ยมเหมือนกัน แต่ขนาดไม่เท่ากัน เอามาวางข้างกันแล้วโคตรขัดใจ

By: john dick
iPhone
on 18 March 2019 - 23:59 #1102124

ถ้าทำตามแล้วดูดีเป็นระเบียบก็โอเคนะ

By: bellpocket on 19 March 2019 - 09:15 #1102186

บังคับ+ตีคอกทีละน้อยแล้วซินะ

By: acitmaster
AndroidUbuntuWindowsIn Love
on 19 March 2019 - 11:44 #1102219
acitmaster's picture

+1