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

In 個人作品, 設計

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 一樣。

Facebook Comments


4 Comments

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

    • 嗨悦达,我回信給你囉,不知道有沒有收到呢?

    • 收到您的回信了呢,也收到了附件。非常感谢~ 我会继续关注您的blog!

Submit a comment