激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

終極圖標(biāo)設(shè)計(jì)指南——理論篇優(yōu)化版

發(fā)布時(shí)間：2024-08-28 11:32:30 瀏覽量：201次

如今的用戶界面中，圖標(biāo)絕對是不可或缺的元素。雖然絕大多數(shù)的圖標(biāo)都很小，甚至不被人注意到，但是它們幫助設(shè)計(jì)和用戶解決了許多問題。

圖標(biāo)是可用性和導(dǎo)航的關(guān)鍵，用戶能夠感知到圖標(biāo)的功用，但是只有設(shè)計(jì)師才會明白，想要讓圖標(biāo)簡約、可用還富有表現(xiàn)力，要耗費(fèi)多少時(shí)間和精力。

我們每天接收到各種信息，美的丑的，很多時(shí)候我們看的都是別人家誰做的高端的，拔高自己的同時(shí)，基礎(chǔ)不能落下。

扎實(shí)的基礎(chǔ)是拔高的前提。喬布斯曾經(jīng)說過：“細(xì)節(jié)至關(guān)重要，花費(fèi)時(shí)間仔細(xì)打磨是值得的”。

圖標(biāo)是現(xiàn)如今UI界面中可用性和導(dǎo)航體系的核心組件。所以，這篇文章分為上篇、中篇、下篇三部分，仔細(xì)總結(jié)圖標(biāo)的基礎(chǔ)知識。

一、什么是圖標(biāo)

圖標(biāo)是用戶界面不可缺少的元素，具有高度濃縮并且可以快捷傳達(dá)信息、便于以及的特性。

二、圖標(biāo)的意義

隨著人們工作越來越忙，圖標(biāo)已成為了生活中的一部分。幫助我們快速定位，幫助我們快速的做出決定和行為，以及幫助我們找到需要的東西。

三、圖標(biāo)的優(yōu)勢

圖標(biāo)設(shè)計(jì)是界面設(shè)計(jì)中很重要的元素之一，一套高質(zhì)量的圖標(biāo)對產(chǎn)品的品牌形象和用戶的體驗(yàn)影響是巨大的。不僅能提升界面美觀度、降低用戶理解成本，還能塑造品牌形象、提升用戶的安全感和轉(zhuǎn)化率。

1. 圖標(biāo)傳達(dá)信息快

本身對圖形的理解和接收能力就比單純的文字要快。圖形能更簡單清晰且很直觀的展示。

2. 圖標(biāo)傳達(dá)信息準(zhǔn)

通用圖形能跨語言、跨地區(qū)、跨文化群體表達(dá)出同樣含義，不易發(fā)生混淆。

3. 品牌塑造穩(wěn)定

同一個(gè)品牌、同一個(gè)平臺保持同樣的風(fēng)格圖標(biāo)，會讓人感到很專業(yè)。

4. 減少用戶辨識時(shí)間

通過簡單快速的查看就可以知道圖標(biāo)中攜帶的復(fù)雜信息。

四、圖標(biāo)的類型及設(shè)計(jì)屬性

圖標(biāo)根據(jù)具體實(shí)際用途大體可以分為三大類：工具圖標(biāo)、裝飾圖標(biāo)、啟動圖標(biāo)。

五、如何選擇線性還是面性

線性圖標(biāo)顧名思義用線條來表現(xiàn)繪制。面性圖標(biāo)也就是一個(gè)物體的剪影，用塊來表現(xiàn)語義。

六、如何準(zhǔn)確運(yùn)用圖標(biāo)

1. 面性圖標(biāo)的運(yùn)用

面性圖標(biāo)視覺表現(xiàn)力強(qiáng)，有效的強(qiáng)調(diào)頁面的視覺重心。

2. 面性與異形圖標(biāo)的運(yùn)用

面性圖標(biāo)的第一視覺是一個(gè)色塊，異形圖標(biāo)第一視覺是個(gè)形狀，所以面性圖標(biāo)視覺表現(xiàn)力強(qiáng)。

3. 用圖標(biāo)區(qū)別視覺層級、業(yè)務(wù)板塊

圖標(biāo)有主有次，有視覺層級，強(qiáng)化用戶常用的或者產(chǎn)品主推的業(yè)務(wù)。

七、圖標(biāo)的用色原則

圖標(biāo)的顏色應(yīng)保持合理性，保持視覺舒適。

八、圖標(biāo)的大小規(guī)范

iOS的網(wǎng)格大小要求是4的倍數(shù)，安卓的設(shè)計(jì)規(guī)范要求網(wǎng)格大小是8的倍數(shù)。

九、圖標(biāo)常用尺寸

@2x格式使用機(jī)型：iPhone 4，4s，5，5s，5s，s，6，6s，7，8，XR；

十、如何統(tǒng)一圖標(biāo)

1. 創(chuàng)建凝聚力的圖標(biāo)集

保持集合中每個(gè)圖標(biāo)的大小相同，使它們保持一致。

2. 為什么圖標(biāo)應(yīng)該具有凝聚力

在整個(gè)集合中使用相同的元素會使圖標(biāo)看起來更具凝聚力。

十一、B端、C端圖標(biāo)的差異

1. 圖標(biāo)內(nèi)容差異化

C端產(chǎn)品的圖標(biāo)設(shè)計(jì)更具備獨(dú)特的視覺風(fēng)格。

2. 不同的設(shè)計(jì)難點(diǎn)

C端產(chǎn)品圖標(biāo)更多偏向趣味性，B端產(chǎn)品圖標(biāo)更講究延展性。

十二、小結(jié)

整個(gè)圖標(biāo)設(shè)計(jì)分為三篇來講述的。

  • 《理論篇》主要講述圖標(biāo)設(shè)計(jì)的概念以及設(shè)計(jì)原則等理論內(nèi)容；
  • 《工作篇》主要講述工作中圖標(biāo)設(shè)計(jì)過程以及圖標(biāo)落地；
  • 《分享篇》主要分享圖標(biāo)設(shè)計(jì)的工具、圖標(biāo)網(wǎng)站、圖標(biāo)設(shè)計(jì)團(tuán)隊(duì)或者設(shè)計(jì)師。

? 火星時(shí)代教育，電腦給他們參加自適應(yīng)繪制，三星的長寬比是三比一。

熱門課程推薦

熱門資訊

請綁定手機(jī)號

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動，老師會在第一時(shí)間與您取得聯(lián)系，請保持電話暢通！
確定