解決 App Store、Google Play 下載圖示不一樣的設計問題

591-app-2-taipei-mrt-ad

591-app-1-taipei-mrt-ad

有天回家路上我看到這則捷運車廂廣告,很明顯的,App Store 和 Google Play 的 badge 都不是官方的。但我猜測設計師當初會重新設計,應該是為了讓這兩個 badge 要有一致性的比例與配色,但又不想違反私自修改 badge 的 guideline,所以才出此下策。

官方版下載 badge 請按這裡:

如果我們拿這兩顆官方版 badge 來比較的話,應該會看到他們兩個的寬高比是不相同的:
01-app-store-google-play-download-badge

如果是把它拉到同一個寬度,高度又不同,看起來也不太協調:
02-app-store-google-play-download-badge

而且,他們的邊框顏色也不一樣,擺在一起時在視覺上不太平衡:
03-app-store-google-play-download-badge

---

為了改善這點,我製作了 App Store 與 Google Play 的修改版本:
04-app-store-google-play-download-badge

將 Google Play 的 badge 比例拉成與 App Store 一樣,然後將 App Store 的邊框顏色調成跟 Google Play 一樣。

作者何許人也

徐仲威

1986 年生,生肖虎,新北板橋人,人生角色很多,是網頁設計師、讀書會成員、孩子的爸、父母眼中的叛逆兒子、單車百岳站長,也是 PTT 行銷板主。你現在閱讀的部落格是從 2004 年寫到現在的人生縮影,今年因為認知到自己壯年發福,所以決定不轉戰當 YouTuber。

4 個留言

  • 仲威老师你好,我是一名大陆的交互设计爱好者,您可以叫我悦达。看到了你做的“解決 App Store、Google Play 下載圖示不一樣的設計問題”感觉非常实用,但无法下载SVG素材,也许是由于网关。所以可不可以麻烦你发一下这个素材到我的邮箱,704441827@qq.com 万分感谢!

近期留言

分類

文章列表