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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、如何選擇線(xiàn)性還是面性

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

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

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

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

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

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

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

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

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

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

八、圖標(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è)集合中使用相同的元素會(huì)使圖標(biāo)看起來(lái)更具凝聚力。

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

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

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

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

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

十二、小結(jié)

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

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

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

熱門(mén)課程推薦

熱門(mén)資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

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