圖標不僅增加了界面美觀性,同時也在破壞著界面的清晰性,在設計的過程中,如果你糾結于圖標是否需要配上文字,那請仔細閱讀這篇文章。
首先捫心自問下是否清楚在設計中什么時候用圖標? 什么時候用文字?什么時候用圖標+文字?你是否能清晰的分辨他們分別在什么場景下使用呢?
之所以要寫一篇這樣的文章是因為最近有很多的設計小伙伴反復在爭論一個問題:圖標配上文字是否有必要?
舉個栗子:
如下圖一位設計同學覺得右上角紅圈里面只需要圖標就好了不需要文字的存在,并且節省屏幕空間,可是公司的開發和測試同學一臉懵,這個操作覺得不夠清晰,識別性較差嚴重影響用戶體驗,當前視覺層面和功能層面產生了強烈的撞擊。
帶著這個問題我們從圖標的定義,圖標變遷史,圖標的優劣勢來講述今天的文章,相信文末你會有自己的答案。
廣義:圖標是指代意義的圖形符號,具有高度濃縮并快捷傳達信息、便于記憶的特性。應用范圍很廣,軟硬件網頁社交場所公共場合無所不在,例如:男女廁所標志和各種交通標志等。
狹義:應用于計算機軟件方面,包括:程序標識、數據標識、命令選擇、模式信號或切換開關、狀態指示等。
圖標是具有指代意義的具有標識性質的圖形,它不僅是一種圖形,更是一種標識,它具有高度濃縮并快捷傳達信息、便于記憶的特性。它不僅歷史久遠,從上古時代的圖騰,到20、21世紀具有更多含義和功能的各種圖標,而且應用范圍極為廣泛,可以說它無所不在。
一個國家的圖標就是國旗;一件商品的圖標是注冊商標;軍隊的圖標是軍旗;學校的圖標是校徽。
我們通過圖標看到的不僅僅是圖標本身,而是它所代表的內在含義。
而在計算設備上,圖標隨著時代的發展而迅速流行。從最早的計算機GUI(施樂之星Xerox Star)再到之后的喬布斯Apple lisa,Windows1.0,Amiga Workbench,從最初的黑白到隨著顯示技術在分辨率和色域上的提高出現的彩色圖標,設計師漸漸的有了更大的發揮空間。
圖標可以替代文字,相對于長文字來說只需要占用一個圖標的位置如:worktile移動端新建聊天操作四個文字如果用圖標來代替的話只需要占用一個文字的文字,并且把干巴巴的文字變為圖形符號,用戶對于圖形的識別速度對于文字來說更快。
國際上通用的圖標對于每個人來說都能很快的識別處理,比如同樣一個“放大鏡”圖標經過長期許多不同的網站、應用程序和操作系統的用戶培養,讓放大鏡圖標作為搜索的操作代表符號變得越來越流行,不論任何國家任務種族,用戶很清楚這是搜索操作,相對于文字來說圖形識別大大減少的用戶識別的時間,用戶也可以花更多的時間去做他真正要去做的事情,從而提升工作效率。
人腦處理圖形圖像的速度是處理文字的60萬倍,人會記住80%看過的東西,20%閱讀過的東西,和10%聽到過的東西,所以在我們發朋友圈或者寫文章的時候避免干巴巴的文字描述,勁量配上相關圖片,提升整體的圖版率,俗話說看圖說話不是沒有道理。
好的一套圖標能夠從圖標的獨特性、象征性、記憶性、應用性、組合性、變化性上打動人心,激發人們的點擊欲望。這樣才能使圖標設計達到上乘水準,從而提升整體的視覺水準。
圖標的目的就是快速識別并引導用戶,用戶如果無法快速識別通常會下意識的回避掉無法識別的界面元素,這是人類的天性,反而logo的設計更加適合深層次的寓意。
之前喬布斯做的一個實驗,他拿著蘋果設備到一個智障兒童福利院讓兒童們把玩,每個小朋友都認識那些圖標的含義,當時的寫實圖標都是來源于生活,對于來源于生活而設計的圖標對于孩子們來說識別效率更高花費的識別成本更低。
如果圖標不能言簡意賅的表達出寓意,并且存在爭議的請避免使用,如果非要使用請采用圖標+文字的形式。
比如appstore側邊導航第一個你覺得是什么?收藏?標記?錯!他是探索,如果我不告訴你可能每個人猜的含義都不同。所以我們在設計圖標的時候要勁量去避免多重含義的圖標。
圖標如果專業性過強,而沒有辦法簡化為一個很直觀通用符號時,二八原則我們只能考慮80%的人,而20%的人需要付出學習成本。
比如下面的這個圖標,如果用它來代表“研發”,我相信會有很大一部分人沒法識別代表什么意思。但是對于開發人員就是一個很通用的圖標,在這種情況下,只能是允許20%人員付出學習成本來解決這個問題,除非你配上文字。
1. 為了提升產品視覺體驗,圖標設計一定要極簡,如果使用圖標能夠百分百表達其含義時,請優先使用
2. 針對國際上面通用的有大眾認知的如:搜索、wifi、設置、藍牙等圖標無需配上文字,除非做視覺引導為了保持一致而統一添加文字的列表
3. 禁止使用多意圖標(不讓用戶思考,如果用戶不能在5s內很快識別出圖標的意思,那這個圖標的設計是失敗的)
4. 針對專業性很強的并且局限于空間的采用文字形式,或者二八原則只要考慮80%的人員無識別壓力,而20%的人付出學習成本。
5. 我們不討厭圖標加文字的形式,前提為圖標要足夠簡化表達其含義(如文章開始的案例,圖標簡化為加號并且加文字放到商品2做一個通欄操作就好了,這樣更加符合用戶操作的視線流,這樣做的還有釘釘的報銷審批界面)
本文由 @Vcnic 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
告別傳統的學法方式,體驗智能學法的魅力。我們的學法減分工具為你提供個性化的學習方案,讓你在減分的路上不再孤單,輕松達到目標。
這是一個網站
提供各種考試的題目問題與答案,組建強大的題庫習題系統。包括小學題庫、初中題庫、大學題庫、駕照題庫、職業資格考試題庫,涵蓋語文、數學、英語、物理、化學、生物
這是微信公眾號
不管你是A駕駛證還是B駕駛證,以及C駕駛證,都可利用里邊的題庫大全一秒拍題秒出答案。要知道在學法減分的過程當中,如果能通過多練習的方式,更可以了解更多的習題,讓用戶了解正確的答案。
下方附上一些測試的試題及答案
1、完全性肺靜脈異位引流包括下列哪些分型()
A、心上型 B、心內型 C、心下型 D、混合型
答案:D、混合型
2、人生就如同一條拋物線,它的軌跡主要由以下哪些物理量決定?
初始速度v0 出射角度α 引力場強度g 以上都是
答案:以上都是
3、文中多處寫到“插軍旗”,請說明這個細節在全文中的主要作用。
答案:(1)”插軍旗“在文章開頭、中間、結尾都出現過,是貫穿全文的線索。(2)反映了主人公心理的變化。
4、當水泥耐熱混凝土在溫度低于()℃時,應按冬期施工方法施工。
A.5 B.6 C.7 D.8
答案:C
5、運用三差異分析法時 ,固定制造費用成本差異不包括()
A.耗費差異 B.產量差異 C.效率差異 D.時間差異
答案:D
6、以下哪部分不是Linux操作系統的組成部分()。
A、kernel B、shell C、windows D、應用程序 E、文件系統
答案:C、windows
7、地下工程指地面以下土層或巖體中修建各種類型的地下建筑物或結構的工程。
A. 會了 B. 不會
答案:A
8、下列各項中,()是目前江南一帶印紋陶遺址的核心地區。
A.萬年仙人洞遺址 B.筑衛城-樊城堆遺址 C.修水山背文化遺址 D.鷹潭角山遺址
答案:B
9、下列選項中,不具備使用GRANT語句給其他用戶授權的是:
A.數據庫的創建者 B.root C.僅具有USAGE權限的用戶 D.通過withgrantoption獲得權限的用戶
答案:C
10、關于議論文的相關知識說法有誤的一項是()
A、論證,用論據證明或闡釋論點的方法。包括論證結構,論證方法兩個方面 B、論證方法,就是論述和證明論點的方法 C、觀點,觀點在議論文中就是論點,即作者對議論的問題提出的見解和主張 D、議論文總要提出問題,思考問題,解決問題,以達到說服別人的目的
答案:D、議論文總要提出問題,思考問題,解決問題,以達到說服別人的目的
11、在管理檔案卷數較多、檔案流動性大的單位,編制檔案號優先采用的方法是()。
A.姓氏筆劃編號法 B.筆形編號法 C.漢語拼音字母編號法 D.部門編號法
答案:B
12、【單選】關于空氣采樣,下列哪項不正確(2分)
A、Ⅰ類環境可選擇平板暴露法和空氣采樣器法 B、Ⅱ類環境采用平板暴露法:室內面積≤30m2,設內中外對角線3點,內外點應為距墻壁1m處;室內面積>30m2,設4角及中央5點,4角的布點部位應為距墻壁1m處 C、采樣高度為距地面0.8~1.5m D、采樣時Ⅱ類環境平皿暴露5分鐘 E、采樣時Ⅲ、Ⅳ類環境平皿暴露5分鐘
答案:D
13、【單選題】1、當判斷條件為data列表變量中的第1項數據等于“增值稅專用發票”,表達式為(3.0)
A、data[0]='增值稅專用發票' B、data[1]=='增值稅專用發票' C、data[0]==增值稅專用發票 D、data[0]=='增值稅專用發票' E、data[0]==“增值稅專用發票”
答案:data[0]=='增值稅專用發票'
14、托力拆利,為什么用水銀做實驗()
A、因為水銀有毒 B、因為水銀好找到 C、因為水銀便宜 D、因為水銀密度大
答案:A B C D
15、大運小運
答案:
命運二字,命為靜詞,是天生的,猶如一粒金子與生俱來,是受人喜愛的貴重物品;運為動詞,是后天的運行軌跡。同樣一粒金子,命是一樣,而運則不同,有的金子永遠被埋在沙土里,哪怕重量再大,質量再高,終不能為人所發現,更何談受重用,受人喜愛。這就是所謂命好運不好。而有的金子盡管質量不高,重量不大,但卻被捧上重要用途。如一粒小金子,用在鋼筆尖上,就價值巨升。所以,盡管其質量差,重量小,但他運程極好,這就是所謂的命好運也好(或命不好而運好)。
人的大運是十年一變,所以才有了"十年河東,十年河西"之說法。所以一個人必須知道何時走好運,何時走敗運,以達到趨吉避兇。當一個人財運官運亨通之時,即此人經過不懈努力終于登上了山峰,那種一覽眾山小,大自然盡收眼底的喜悅之情難以言盡。可人總不能停留在山頂,此時無論往山的那邊走,都是下坡路,即走退運。當一個人在人生最低谷時,往那邊走都是上坡路,越走越高,即行好運,此為絕處逢生之理。
Notion是一款全面的筆記和團隊協作工具,提供了豐富的功能和靈活的布局選項。在學習中,Notion可以用于創建學習計劃、整理課堂筆記、制作項目報告以及協作團隊項目。
它支持多媒體資源導入,可以將文本、圖片、表格、文件等整合在一個頁面上,幫助學生集中管理學習資料。Notion的強大組織和協作功能使學生能夠高效地管理學習任務和團隊項目,并實現信息共享和協作交流。
相信通過我們的不斷努力和這些優秀的學習工具的輔助,我們一定能夠在大學生活中取得更好的成績,迎接更廣闊的未來!