為什麼現在的應用圖標都用白色作為背景?

2021-01-12 TechWeb

有時你會遇到這樣的情況。打開手機後發現,經常用的app已經更新了。出現在你面前的,是另外一個120pxX120px的白色方框,logo在白框內部。其餘的地方,都是白色的。

前不久在倫敦、洛杉磯、弗洛倫撒、阿姆斯特丹舉辦的關於「app圖標優化設計」的活動中,很多人談論起了如今流行的app圖標設計趨勢,其中討論最多的話題是為什麼越來越多圖標開始用白色做背景色了?

為什麼會這樣呢?

在這樣的設計中,app圖標的白色背景和白色的交互界面融為一體。與此同時,世界各地的設計師們都越來越愛用白色作為圖標的背景色。

出現這樣的變化有很多原因。大致從iOS 7開始,一系列炫目的界面和簡化的app圖標設計出現。蘋果最重要的一些app的背景都是白色。而且,一般情況下,你瀏覽網頁、看照片、聽音樂都是在一個白色背景的app 圖標上完成。

其實,整個UI設計風格的轉變,都充滿爭議,並沒有想像中的有趣。但是這種簡潔設計的背後,透露出來的是設計師欲在畫布中留白的願望。

白色設計到底有什麼問題?

首先,白色自身沒有問題,很多白色的設計也顯得簡潔。但是問題在於很多產品毫無緣由的使用白色設計會影響圖標設計的多樣性,導致平庸化。

多樣性

圖標實際就是產品的門面,這是用戶見的最多也是操作最多的部分。app圖標設計標準中最重要的是顯著性和清楚明白地顯示產品的功能的意會性。所以,圖標也是讓用戶能深刻記住產品的最直接工具。

不足為奇的是,當一陣潮流吹過之後,每一個圖標都很難保證唯一性。一味跟風,缺乏差異化設計,這會讓用戶很難辨別出產品的功能,並且也很難在用戶心中留下深刻印象。越是把你的圖標設計的和其他產品一樣,本質上就越是在模糊你的產品定位。

而選擇白色作為設計圖標的大部分的話,你在畫布的選擇上就需要更少的顏色,因此從根本上就限制了設計圖標的獨特性。

平庸化

列印出應用圖標的樣式設計你會發現,很多東西都可以被簡化。一方面,他們設計的效果很易於接受。它不需要對紋理和光線有太深刻的認識,就能繪製出用戶可接受的圖標。另一方面,它也打開了圖標設計的大門。每個人複製一張圖片,抽出十分鐘剩餘時間,就能設計出一款app圖標。

不過,有些東西看起來簡單,並不代表製作的過程就很簡單。事實上,大多數圖標設計師都知道,在有限的條件下讓簡約的東西呈現更好的效果需要付出更多努力。流行趨勢會變,但是規格、理解和耐看的邏輯永遠不會變。但是當提到尋常的時候,我發現白色的應用圖標實在是太不同尋常。有些人甚至不需要設計師注意畫布或網格的大小。

總結便是,創作白色的app圖標可以。但是你要想好哪種設計能加深用戶對產品的印象,而不是盲目跟風。在設計過程中,要從最大範圍的影響力入手而非表面功夫。如果你給產品圖標設計了一個白色背景,一定記得是因為產品需要,而且也應該這樣表達。總之,不必刻意。

相關焦點

  • 那些醜醜的應用圖標,設計它們的人是怎麼想的?
    雖然好看或醜陋都是個人的純主觀感受,但問來問去,我還沒發現有人認可支付寶錢包這個圖標的「美感」。看起來,似乎「中文漢字圖標不好看」已經成為了一個事實。那麼,中文漢字圖標不好看,為什麼支付寶還會考慮以漢字「支」作為圖標呢?當我將這個疑問拋向赭隱時,他表示,「通常情況下,設計一款應用圖標需要考慮諸多因素,好看與否只是其一。
  • 下載或更新應用時,iPhone安裝中的App出現白色網格圖標怎麼辦?
    在通過 App Store 下載或更新應用時,可能會有 App 出現在主屏幕上,但顯示為灰色或帶灰色線條的白色網格圖標的情況,如下圖。如果出現此情況,您可以進行如下操作:1.重新下載應用:請勿刪除應用。請先嘗試重新啟動設備,然後前往 App Store 並重新下載這個 App。如果您刪除 App,可能會丟失與這個應用相關聯的內容。
  • 蘋果iOS14修改了三個圖標,還增加了兩個新圖標!
    2015年,iOS 8.4版本中該圖標的背景變為白色,音符圖案以藍紅漸變填充。 而在此次推出的 14 版本中,音樂圖標繼續回到五年前的紅色背景中。
  • iOS14更換應用圖標教程
    蘋果手機更換圖標之前在iOS13系統中,我們就可以通過快捷指令這款APP的來玩,現在iOS14系統更新了之後,很多小夥伴想要修改手機桌面上的應用圖標就不知道該怎麼弄了。這裡小編為大家帶來了iOS14更換應用圖標教程,我們一起來看看吧!
  • TimerIcon: 為時鐘應用程式提供動畫計時器倒計時圖標
    Tweak:TimerIcon Version:1.0.2 Repo:https://repo.packix.com iOS Support:13.0-13.7 Price:$0.99 iOS 系統中日曆應用圖標會顯示當天日期和周數
  • TimerIcon:為時鐘應用程式提供動畫計時器倒計時圖標
    Tweak:TimerIcon Version:1.0.2 Repo:https://repo.packix.com iOS Support:13.0-13.7 Price:$0.99 iOS 系統中日曆應用圖標會顯示當天日期和周數
  • Instagram 拿掉了應用首頁沒什麼人用的 IGTV 圖標
    現在,Instagram 開始從其主應用首頁移除惹人煩的橙色 IGTV 按鈕。Facebook 的一位發言人表示,「隨著我們繼續致力於讓用戶更容易創作和發現 IGTV 內容,我們了解到大多數人正在通過瀑布流、發現頁中的 IGTV 頻道、創作者個人資料頁面和獨立應用來查找 IGTV 內容。
  • UI設計規範-圖標
    這就是為什麼我們看到它在視覺上更大。在右邊,圓和方是平衡的。基本上,它們有一個相似的面積,而他們的寬度和高度是不同的。我們可以用菱形或三角形來見證同樣的效果。為了在視覺上與正方形保持平衡,它們應該更寬、更高,這樣它們的面積才會相似。基於區域的方法可以與最簡單的形狀完美配合。
  • 加密應用——手機桌面圖標隱藏
    所以今天就要來跟大家分享一下如何給自己的手機應用加密,保護自己的隱私不被他人窺探。用密碼來保護你的隱私打開方式:設置 —— 安全 —— 應用加密然後根據你的需求選擇加密軟體,最後設置密碼即可。如果你覺得每次進入加了密的應用都要輸入密碼有些麻煩,那麼也你可以這樣設置,將指紋和面部用於應用加密,這樣就可以避免多次輸入密碼的煩惱了。進入應用加密 — 點擊右上角設置 — 應用短暫退出免驗證。
  • 模糊背景設計的優雅
    (昨天發的版本沒有我們的芒果美女的單獨照,今天回復關鍵字的版本已更新1X張照片)交友板塊也有數位MM的更新,回復「交友」強勢圍觀。-模糊背景(blurred backgrounds)長時間以來都是作為一個基本的照片效果,但在最近模糊背景已做為使設計元素脫穎而出的非凡工具,而受到很多設計師的青睞。
  • iPhone屏幕出現白色網格圖標怎麼辦
    在通過App Store下載或更新應用時,可能會有 App 出現在主屏幕上,但顯示為灰色或帶灰色線條的白色網格圖標的情況,如下圖。如果出現此情況,您可以進行如下操作:重新下載應用注意:請勿刪除應用,請先嘗試重新啟動設備,然後前往 App Store 並重新下載這個 App。
  • iOS 14桌面找不到應用圖標怎麼辦?iOS 14桌面找不到應用圖標的解決...
    如果在升級 iOS 14 之後,無法在手機桌面上查找到某個應用的圖標,並且前往 App Store 下載應用時提示「打開」(即已經下載),則可以通過如下方式找回應用圖標。 iOS 14桌面找不到應用圖標怎麼辦?iOS 14桌面找不到應用圖標的解決方法 1.在「資源庫」中進行查找: 在 iPhone 主界面中連續向左滑動屏幕,直到打開資源庫。其中包含了下載安裝的所有應用,可以在其中找到應用圖標後,長按拖回到主界面中。
  • 【第348期】滾動圖標,應用的圖標跟隨著手勢滾動,碰撞出火花,設置為桌面壁紙,很炫酷.
    >2.多段視頻、圖片素材,幫你智能生成節奏大片,好聽還好看;3.靈活剪裁、拼接,實現高級編輯,幫你打造專屬卡點視頻;【視頻錄製】1.實時分段錄製,便捷切換場景,60秒視頻助你跨越時間和地界;2.上傳本地視頻,還可搭配本地音頻,靈活組合,幫你創意不斷;3.炫酷特效、流行萌臉、爆款濾鏡幫你快速打造出優質的音樂視頻,百變明星偶像;【音樂短視頻】4.參與熱門話題,同城視頻,用音樂視頻結識更多的朋友
  • PPT中圖標的簡易用法,小白也可以輕鬆掌握哦!
    相信多朋友都知道,在PPT中多使用圖標有很多好處:信息可視化、利於排版、提升逼格等等。但是有個問題是,使用圖標,一般都比較麻煩:1、PNG格式的圖標,可編輯性差。解決了圖標的來源問題,下一步就是圖標的應用了。2圖標+形狀組合應用PNG格式的圖標,雖然可以直接複製到PPT中使用,但是顏色不可編輯,所以我PPT圖標顏色,往往都是單一的顏色。當然這頁PPT中圖標用黑色問題倒也不大,風格比較簡約。
  • win7系統電腦桌面圖標變成白色方塊的解決方法
    最近一些用戶向小編反饋說 win7系統 電腦桌面圖標變成白色方塊,也不知道怎麼回事,並沒有對桌面進行清理或其他優化操作,為什麼win7系統電腦桌面圖標變成白色方塊?原來 win7旗艦版64位系統 使用過久後,圖標緩存會出現問題,所以圖標變成白色方塊,那麼怎麼恢復呢?
  • 巧妙使用圖標,讓你的PPT變得更精緻!
    在最近這幾期的訓練營裡面,經常給大家提到PPT製作與設計過程中要注意圖標使用的一致性,就是風格要統一。為什麼這樣說呢?因為在PPT設計中,我們常常會使用到圖標,用以修飾畫面和輔助文字說明。作為PPT中的「增色劑」,圖標能夠讓PPT更有視覺效果,因此也深受同學們的喜愛。但是,PPT中的圖標有千千萬萬,為什麼我們要掌握圖標?
  • iTunes圖標的14年演變史
    蘋果大量上市iTunes數字自動點唱機,它可以按當時的流行音樂分類來翻錄和刻錄CD,這使得CD唱片的圖標成為iTunes1.0的一個明顯標誌,外加三色八分音符來點綴。iTunes1.0圖標無疑是倉卒和短命的,因為它僅僅為品牌提供了不到4個月的服務。
  • 手把手教學:華為手機應用圖標替換,表達心意的又一大招
    今天教大家怎麼把手機應用的圖標替換成自己喜歡的照片!小編手機是華為的榮耀V20。話不多說,現在開始吧!第一步:我們找到「主題」應用,點擊打開第二步:進入主題應用界面後,點擊右下角「我的」第三步:在「我的」頁面選擇「混搭」,點擊進入第四步:進入「混搭」配置頁面後,選擇「圖標」選項
  • Win10桌面圖標變成白色怎麼辦
    使用win10系統的用戶遇到了電腦軟體圖標突然變成白色的情況,但是不知道怎麼解決,所以這篇文章就是給大家帶來的方法教程,希望對大家能有些幫助。 以上就是Win10桌面圖標變成白色怎麼辦|圖標變成白色解決方法文章
  • iOS 14 教程:如何自定義主屏幕應用圖標?
    iOS 14 發布後,自定義主屏幕圖標成為了一種流行的趨勢,一些用戶通過「快捷指令」將默認的應用圖標替換為自定義圖標,然後將應用本來的圖標隱藏在 iOS 14 的應用資源庫中。我們來看看如何為應用向主屏幕添加自定義圖標,這種方法實質上就是通過創建快捷指令打開應用,然後為此快捷指令添加自定義圖標,在開始之前我們需要明確這種方法的兩個局限性:· 點擊自定義的應用圖標,會先啟動「快捷指令」,然後通過「快捷指令」啟動應用;· 沒有通知標記