<thead id="kdfuf"><font id="kdfuf"></font></thead>
<samp id="kdfuf"></samp>
    <nav id="kdfuf"><strong id="kdfuf"></strong></nav>
      中文字幕无码一区二区三区在线,久久精品人人做人人爽,国产一级内射无挡观看,十八禁在线黄色网站,日韩欧美国产另类久久久精品 ,少妇人妻偷人精品一区二区,久久午夜视频,亚洲春色AⅤ无码专区

      圖標該配上文字嗎

      2019-1-23    用心設(shè)計

      如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

       

      圖標在增加界面美觀性的同時也在破壞著界面的清晰性,在設(shè)計的過程中如果你糾結(jié)于圖標是否需要配上文字那請仔細閱讀這篇文章。

      首先捫心自問下是否清楚在設(shè)計中什么時候用圖標? 什么時候用文字?什么時候用圖標+文字?你是否能清晰的分辨他們分別在什么場景下使用呢?


      前言

      之所以要寫一篇這樣的文章是因為最近有很多的設(shè)計小伙伴反復(fù)在爭論一個觀點 圖標配上文字是否有必要?

      舉個栗子:

      如下圖一位設(shè)計同學(xué)覺得右上角紅圈里面只需要圖標就好了不需要文字的存在,并且節(jié)省屏幕空間,可是公司的開發(fā)和測試同學(xué)一臉懵,這個操作覺得不夠清晰,識別性較差嚴重影響用戶體驗,當(dāng)前視覺層面和功能層面產(chǎn)生了強烈的撞擊。帶著這個問題我們從圖標的定義,圖標變遷史,圖標的優(yōu)劣勢來講述今天的文章,相信文末你會有自己的答案。


      圖標定義

      廣義

      圖標是指代意義的圖形符號,具有高度濃縮并快捷傳達信息、便于記憶的特性。應(yīng)用范圍很廣,軟硬件網(wǎng)頁社交場所公共場合無所不在,例如:男女廁所標志和各種交通標志等。

      狹義

      應(yīng)用于計算機軟件方面,包括:程序標識、數(shù)據(jù)標識、命令選擇、模式信號或切換開關(guān)、狀態(tài)指示等。


      圖標變遷

      圖標是具有指代意義的具有標識性質(zhì)的圖形,它不僅是一種圖形,更是一種標識,它具有高度濃縮并快捷傳達信息、便于記憶的特性。它不僅歷史久遠,從上古時代的圖騰,到20、21世紀具有更多含義和功能的各種圖標,而且應(yīng)用范圍極為廣泛,可以說它無所不在。一個國家的圖標就是國旗;一件商品的圖標是注冊商標;軍隊的圖標是軍旗;學(xué)校的圖標是校徽。

      我們通過圖標看到的不僅僅是圖標本身,而是它所代表的內(nèi)在含義。


      而在計算設(shè)備上,圖標隨著時代的發(fā)展而迅速流行。從最早的計算機GUI(施樂之星Xerox Star)再到之后的喬布斯Apple lisa,Windows1.0,Amiga Workbench,從最初的黑白到隨著顯示技術(shù)在分辨率和色域上的提高出現(xiàn)的彩色圖標,設(shè)計師漸漸的有了更大的發(fā)揮空間。


      圖標的優(yōu)勢

      1.節(jié)省屏幕空間

      圖標可以替代文字,相對于長文字來說只需要占用一個圖標的位置如:worktile移動端新建聊天操作四個文字如果用圖標來代替的話只需要占用一個文字的文字,并且把干巴巴的文字變?yōu)閳D形符號,用戶對于圖形的識別速度對于文字來說更快。

      2.沒有地域語言限制,針對國際通用圖標。

      國際上通用的圖標對于每個人來說都能很快的識別處理,比如同樣一個“放大鏡”圖標經(jīng)過長期許多不同的網(wǎng)站、應(yīng)用程序和操作系統(tǒng)的用戶培養(yǎng),讓放大鏡圖標作為搜索的操作代表符號變得越來越流行,不論任何國家任務(wù)種族,用戶很清楚這是搜索操作,相對于文字來說圖形識別大大減少的用戶識別的時間,用戶也可以花更多的時間去做他真正要去做的事情,從而提升工作效率

      3.圖標可以提供視覺引導(dǎo),迅速識別減少用戶思考時間

      人腦處理圖形圖像的速度是處理文字的60萬倍,人會記住80%看過的東西,20%閱讀過的東西,和10%聽到過的東西,所以在我們發(fā)朋友圈或者寫文章的時候避免干巴巴的文字描述,勁量配上相關(guān)圖片,提升整體的圖版率,俗話說看圖說話不是沒有道理。

      4.提升整體視覺體驗

      好的一套圖標能夠從圖標的獨特性、象征性、記憶性、應(yīng)用性、組合性、變化性上打動人心,激發(fā)人們的點擊欲望。這樣才能使圖標設(shè)計達到上乘水準,從而提升整體的視覺水準


      圖標不適用場景

      1.表達含義復(fù)雜,難以揣測

      圖標的目的就是快速識別并引導(dǎo)用戶,用戶如果無法快速識別通常會下意識的回避掉無法識別的界面元素,這是人類的天性,反而logo的設(shè)計更加適合深層次的寓意。之前喬布斯做的一個實驗,他拿著蘋果設(shè)備到一個智障兒童福利院讓兒童們把玩,每個小朋友都認識那些圖標的含義,當(dāng)時的寫實圖標都是來源于生活,對于來源于生活而設(shè)計的圖標對于孩子們來說識別效率更高花費的識別成本更低。

      2.圖標存在多重含義

      如果圖標不能言簡意賅的表達出寓意,并且存在爭議的請避免使用,如果非要使用請采用圖標+文字的形式。比如appstore側(cè)邊導(dǎo)航第一個你覺得是什么?收藏?標記?錯!他是探索,如果我不告訴你可能每個人猜的含義都不同。所以我們在設(shè)計圖標的時候要勁量去避免多重含義的圖標。

      3.專業(yè)性過強很難作為通用圖標

      圖標如果專業(yè)性過強,而沒有辦法簡化為一個很直觀通用符號時,二八原則我們只能考慮80%的人,而20%的人需要付出學(xué)習(xí)成本,,比如下面的這個圖標,如果用它來代表“研發(fā)”,我相信會有很大一部分人沒法識別代表什么意思。但是對于開發(fā)人員就是一個很通用的圖標,在這種情況下,只能是允許20%人員付出學(xué)習(xí)成本來解決這個問題,除非你配上文字。


      小結(jié)

      1.為了提升產(chǎn)品視覺體驗,圖標設(shè)計一定要極簡,如果使用圖標能夠百分百表達其含義時,請優(yōu)先使用

      2.針對國際上面通用的有大眾認知的如:搜索、wifi設(shè)置藍牙等圖標無需配上文字,除非做視覺引導(dǎo)為了保持一致而統(tǒng)一添加文字的列表

      3.禁止使用多意圖標(不讓用戶思考,如果用戶不能在5s內(nèi)很快識別出圖標的意思,那這個圖標的設(shè)計是失敗的)

      4.針對專業(yè)性很強的并且局限于空間的采用文字形式,或者二八原則只要考慮80%的人員無識別壓力,而20%的人付出學(xué)習(xí)成本。

      5.我們不討厭圖標加文字的形式,前提為圖標要足夠簡化表達其含義(如文章開始的案例,圖標簡化為加號并且加文字放到商品2做一個通欄操作就好了,這樣更加符合用戶操作的視線流,這樣做的還有釘釘?shù)膱箐N審批界面)

       

      藍設(shè)計www.tuitetiyu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計

      日歷

      鏈接

      個人資料

      藍藍設(shè)計的小編 http://www.tuitetiyu.cn

      存檔

      主站蜘蛛池模板: 日韩黄色av一区二区三区| 国产片免费福利片永久| 国产99在线 | 亚洲| 69国产品国产在线观看| 亚洲午夜精品久久久久久浪潮| 91免费 无码 国产| 77色77亚洲欧美在线观看| 国产无内肉丝精品视频| 一级毛片真人免费| 日韩精品久久久久久久电影蜜臀| 中国熟妇色XXXX欧美老妇| 亚洲欧美日韩成人综合一区| 狂野av人人澡人人添| 中文字幕有码在线视频擁有海量的影視資源| 欧洲老熟妇特大黄乱子伦视频| 久久婷婷五月综合尤物色国产| 免费无码麻豆av片在线观看| 欧美一级特黄特黄大片连接| 7777精品视频在线观看| 无码色AV一二区在线播放| 精品无码中文字幕在线| 国内精品视频九九看| 亚洲中文字幕无码专业区| 嫩草久久久影院久久久久久久久| 高潮网站一区二区在线观看| 特大淫秽表演案告破| 免费无套内谢少妇毛片视频| 国产视频不卡一区二区三区| 九九re线精品视频在线观看视频 | 精品久久久久久国产牛牛| 日韩av中文字幕有码| 成人AⅤ综合视频国产| 亚洲一级在线中文字幕| 精品一区二区三区在线视频夜色 | 亚洲欧洲国产日产| 中文字幕久久免费福利片| 99re免费视频国产在线播放| 日韩国产精品自在自线| 欧美黑吊大战白妞| 夜费特欧美一夜真人大片| 一区二区三区人妻|