開發者分享:一個優秀的icon該怎麼做?

2021-01-10 葉子豬遊戲網

  Gamelook報導/在前不久舉行的WWDC 16大會上,蘋果公司宣布App Store的應用數量已經超過了200萬,曝光率的問題日益嚴重。作為用戶第一眼看到的界面,相信很多人都曾因為有些icon不吸引人而沒有繼續看下去,icon的重要性不言而喻。一個優秀的icon可以起到很大的作用,它可以決定用戶是否有繼續了解下去的意願,可以讓你的遊戲/應用脫穎而出。

 

  問題的另一方面原因是,App Store已經十分擁擠,理論上來說,用戶們的選擇性實在是太多了,所以玩家們的胃口是很挑剔的,你必須盡最大的可能保證自己的應用/遊戲能夠一眼就被注意到,一個優秀的icon就是非常好的第一步。不管你的遊戲/應用有麼多優秀,如果icon設計很差,很多人也會選擇跳過。

  那麼,一個優秀的icon究竟該長什麼樣呢?

  好的遊戲icon應該是簡潔、容易記住而且設計優美的,它應該在第一眼就能夠讓用戶看到應用的主要意圖,以下是幾個專門為扁平化風格而設計的icon,和iOS系統的整體風格比較搭,這也是應該被遵循的標準之一。

 

  對於很多設計師來說,自iOS7以來的扁平化風格讓icon的設計更容易與系統搭配;然而問題是,這種風格下設計出來的icon也有很多都容易被忘記,有時候你的icon很容易和競爭對手的類似。

  總體來說,icon的設計應該可以告訴人們它是做什麼用的,如果品牌很強或者角色很突出,也可以打破這個規則,特別是遊戲。

  很多扁平化的icon看起來就像是做了微妙的漸變,然後挑了一個很普通的icon置於其上。其實開發者們很容易這麼做,因為以來可以省去很多設計的時間,而來也可以節約一部分資金,但你的應用/遊戲終歸會受到影響。如果你自己做不了好看的icon,完全可以招一個好的UI或者icon設計師來專門負責。

  如果你不認識任何相關的設計師,可以讓其他開發者們幫你推薦,或者直接在設計網站購買。

  另外,你還需要把icon的關鍵顏色和應用內的顏色進行匹配,這對於iOS 7以後的應用來說尤其如此,因為應用的UI可以從icon上直接表現出來,給玩家一種視覺上的連續感。他們可能不會直接注意到,但至少這是體驗的一部分,可以讓人覺得你的應用/遊戲設計比較專業而且優秀,比如下圖的兩個例子:

  

  做一個整潔而清晰明確的icon設計非常適合扁平化視覺風格,但不要因此而局限於微妙的變化,如果你的應用設計非常普通或者與對手類似,那麼它就不能給人眼前一亮的感覺,沒辦法做到脫穎而出。

  所有的默認icon都是根據同樣的風格設計的,為了看起來和系統和諧一致,但你並不需要這麼做,只需要在設計icon的時候考慮到這一點即可。

  遊戲的icon則不需要考慮這些,不要遵循扁平化icon的設計指南。遊戲最重要的目標是有趣和令人激動,有時候icon設計越細節化就越好,如果所有的遊戲都看起來扁平化,那也是非常無聊的事情,更不要指望玩家們從平淡無奇的icon設計中看出什麼玩法或者畫面特徵來。

  另外簡短說下icon鑲邊的問題

  最好不要使用。不管是應用還是遊戲,都不要帶邊框,因為看起來很醜,而且邊框不適合做icon,這樣的風格看起來是過時的,設計沒有什麼新意,而且也不符合扁平化的簡潔風格。

  

  自從iOS 7推出之後,之前帶邊框的應用icon現在看起來都不那麼好了。

  不要忘了Mac

  如果你想要面向iOS和Mac平臺而設計,那麼你的icon最好可以適應兩個平臺,你的品牌也需要有繼承性,不要只是把iOS的icon拷貝到 Mac平臺,因為如果這麼做,容易讓用戶覺得你不看重Mac平臺,最好是把icon做的分別適應兩個系統的風格,比如以下幾款應用:

 

  對於一款應用來說,icon就相當於一個人的臉面,也是給用戶留下第一印象的最重要因素,如果設計不好,會帶來很不好的影響,希望這些對於開發者們來說可以有所幫助。

相關焦點

  • ICON設計使用手冊:如何設計一個優秀的圖標?
    圖標設計,即icon設計,在界面設計中佔有很重要的位置,一個好的圖標,可以讓用戶「一秒即懂」,如何設計出優秀的圖標,這篇文章給你解答。在圖形交互界面(GUI)中,圖標(icon)是一種最常使用的設計元素之一。怎樣設計一個優秀的圖標呢?在這篇文章中,我會分享一個簡單的使用清單/使用手冊,幫助你如何把圖標更好地展示給你的用戶。
  • Iconfont - 設計師/前端開發者必備的圖標管理工具
    介紹這是一個專門為設計師和前端開發者打造的在線工具。設計師將圖標上傳到 Iconfont,可以自定義下載多種格式的icon,也可將圖標轉換為字體,方便前端工程師自由調整與使用。通過這個免費的工具,設計師不僅可以瀏覽下載大量優秀設計師的圖標作品,還可以管理和展示自己設計的圖標。已經成為很多UI設計師和前端開發者日常工作的必備工具。
  • 見過漂亮的ICON作品,但沒見過這麼有動物靈氣的ICON設計
    作為一名APP設計師,除了會設計APP視覺界面外,還要會設計比較出色的APP icon圖標設計。
  • DevRun開發者沙龍第5講:北明、泰克華為雲鯤鵬雲服務優秀實踐分享
    7月2日,」DevRun開發者沙龍華為雲和TA的夥伴們公開課」第5次直播課程順利結束,本次公開課的主題是《華為雲鯤鵬雲服務優秀實踐:「北明」有魚化糾紛,「泰克」展翅育人才》,課程由北明軟體政法事業部副總經理陳向全和泰克教育鯤鵬服務部部長俞翔共同主講。
  • 一個Tip 讓你的 icon 更討喜:流行 icon 分析總結與運用
    如何畫一個飽滿的圖標呢?本文將從四個方面展開分析,希望對你有幫助。Hello~大家好,這次跟大家分享一個非常實用的設計方法:飽滿性應用。先說下我是怎麼認識到圖標的「飽滿性」的。默畫人家icon時候發現的:為什麼按我記憶中默畫出來的別家產品圖標,系統圖標都沒有原版好看?
  • 龍傑智慧卡(ACS)榮獲2019羊城通開發者大會「優秀合作成果獎」
    2019年12月30日, 香港 - 龍傑智慧卡有限公司(ACS) ,是亞太地區第一大、全球三大之一的連機智慧卡讀寫器供應商(資料來源:Frost & Sullivan),參加了12月28日在廣州召開的「羊城通第三屆開發者大會」並榮獲「優秀合作成果獎」。龍傑(ACS)作為羊城通的重要合作夥伴,應邀參加此次大會並榮獲「優秀合作成果獎」。
  • 53%購物類App換新icon,雙十一政策高壓來襲,拼多多、天貓被約談
    全平臺開啟「 雙十一 」,蘋果也入局1、53.25% 購物類 App 換上新 icon七麥數據監測到,11 月 6 日,App Store 應用免費榜 Top1200 中,共有 100 款產品已在 icon 上增加「 11.11 」元素,涉及購物、生活、美食佳飲、財務、教育、商務、娛樂等 17 個領域。
  • 高質量免費圖標庫IconPark
    站點名稱:iconpark站點網址:http://iconpark.bytedance.com(已收錄到設計導航)IconPark的特點:提供超過1600+預設圖標,分類支持4種主題和在線換膚:線性、填充、雙色、四色網站提供多種便捷操作:複製SVG code、複製React
  • iconmonstr - 提供超過4000個精緻圖標免費商用的圖標庫網站
    一個超多簡約線條風格的免費圖標素材網站,非常值得收藏。介紹今天推薦的 iconmonstr 是一個以簡單線條為主的的免費圖標庫,截止發稿,收錄了超過4496個圖標!相比於很多簡約簡單的圖標,iconmonstr 的圖標表現力非常豐富,非常適合用在PPT、企業官網設計下的大圖標塊以及 UI 界面上的大圖標模塊,非常地好看。
  • 蘋果更新TestFlight應用 icon圖標更換且支持App Clips
    【CNMO新聞】對於廣大用戶來說,「TestFlight」應該是一個不太常用的app,但對於開發者們來說,TestFlight則是幫助開發者測試Beta版app的理想方式,也是很多開發者的必備應用之一。
  • To B 運營該怎麼做?
    面對來勢洶洶的To B,在摸著石頭過河的實際情況下,沒有其他的借鑑,To B運營該怎麼做?認準運營目標,分清業務模式,才能方法對路。全文共 4505 字,閱讀需要 9 分鐘—————— BEGIN ——————近1年,To B很火,To B運營也很火。2018年下半年開始,以騰訊為代表的各大網際網路巨頭,開始調整組織架構,布局To B業務。
  • 2021年14個設計師作圖必備的Icon網站!
    icon很重要沒錯,但你不太可能每次進行新設計時,都重新去設計新的圖標。首先這非常耗時,而且不符合經濟效益,因此近幾年才會湧現這麼多提供icon免費下載的網站,目的就是在幫助你解決這方面的問題。本篇文章將給大家分享14個超棒的icon圖標網站,你可以從這些網站下載免費的圖標作為設計使用,無論是學習交流或商業使用都非常的方便。
  • 高顏值卻是三缸車,13萬吉利icon該不該買?
    初見吉利icon車型照片時,真的很難想像吉利icon居然是和繽越是來自同一平臺的緊湊型SUV。它的造型設計是完全脫離了吉利曾經的車型設計語言的,價格區間在11.58到12.88萬元。的確用多直線條去打造硬朗風,在這個價位的緊湊型汽車中比較少見。
  • 設計感爆炸,廣州車展體驗吉利icon
    側面除了很有質感的19英寸啞光輪轂之外,後窗落差式的設計也很有特色。並且,門把採用了隱藏式的設計,可以通過遙控鑰匙、無鑰匙觸摸、手機NFC、鑰匙感應四種方式開鎖/解鎖。在展臺體驗的時候,我聽到有人在討論著這臺icon長得比路虎全新一代衛士還好看。對於這個觀點,我個人表示十分贊同,特別是進到吉利icon的車內。
  • 顛覆傳統的吉利icon你喜歡嗎?
    因為icon擁有同級中絕對優秀的動力數據,185馬力和300Nm綜合功率扭矩讓我滿心期待,此外這臺車還加入了48V輕混系統,這就讓我更加好奇它開起來的表現。icon的動力沒有讓我失望,響胎起步,推背感能一直持續到120km/h,無論是紅綠燈起步,還是中途加速,icon的動力儲備都會給人很強的信心。全力加速時,7DCT變速箱與引擎的配合也算是默契,動力傳遞直接,換擋速度本身也夠快。
  • 「OpenI/O 2020啟智開發者大會」共話開源 百度飛槳引領行業發展
    目前,「OpenI-星辰 PPSIG 共建計劃」已經獲得了分享項目周邊的合作夥伴以及核心社區開發者的廣泛認可,隨著全球更多開發者的加入,啟智社區也將愈加繁榮。此外,大會還公布了《「啟智社區優秀開發者激勵計劃-啟夢行動」》評選結果,百度啟智飛槳項目成為了首批「啟智社區優秀開源項目」之一,飛槳 PaddleHub SIG 小組也被評為「啟智社區優秀開發者」。
  • 【技術乾貨】開發者該如何抓住微信小遊戲的風口?聽Cocos創始人...
    無疑,這或許是一個巨大的風口。不過在現階段若想抓住這波紅利,開發者所面臨的挑戰也是明顯的,產品品質定位該如何定位?H5遊戲和小遊戲的匹配度究竟是怎樣的?開發過程中會開發者可能會遇到哪些坑?這些都是目前急需解決的問題。
  • 《icon》|第一章:icon 初現
    ,他從來沒有考慮過「死亡」,更沒有考慮過會獨自「死」在這麼一個莫名其妙的廢舊車間裡。半空中出現了一個無中生有的洞,並不是黑的,裡面充溢著邊緣模糊的色彩,不斷溢出,就像尹光華此時的神智。他以為自己完了,甚至有那麼一瞬間,他後悔自己沒有交過一個真正的碳基女友。直到那個奇怪的物體進入他的視野。
  • 記一個icon產生的心xue路yu歷xing程feng
    歡迎收看:走近icon。大家好,我是老秘書從今天開始佔領了一個欄目跟大家嘮嘮那些頻道圖標(same icon)血雨腥風人神共憤雞飛狗跳的出生過程講述icon背後的故事。 本期icon:[ 你發自拍我來畫 ]就在前幾天這個每天產生數十萬帖子的頻道靜雞雞地換上了一個icon可謂神不知鬼不覺估計沒有幾個人發現 icon長這樣
  • 十二個最好的Icon資源網站
    之前總結過不少Icon資源站點,不過有一些目前貌似已經不能訪問,另外最近在愛庫網上發現了很多不錯的Icon資源站點,所以在這裡重新整理了12個Icon資源站點,和大家分享。