成全影视在线观看,久久久久久亚洲精品中文字幕,一本一本久久aa综合精品,对白脏话肉麻粗话AV

所在位置:首頁(yè) > 設(shè)計(jì)資訊 > 企業(yè)VI設(shè)計(jì) > 具有更高能力的上海企業(yè)vi設(shè)計(jì)公司-10個(gè)圖標(biāo)設(shè)計(jì)規(guī)則

具有更高能力的上海企業(yè)vi設(shè)計(jì)公司-10個(gè)圖標(biāo)設(shè)計(jì)規(guī)則

如果使用得當(dāng),圖標(biāo)會(huì)為您的UI 設(shè)計(jì)添加形式和功能。它們可以通過(guò)立即識(shí)別來(lái)加速用戶交互,還可以為您的用戶界面設(shè)計(jì)添加風(fēng)格和視覺趣味。

 

使用圖標(biāo)不需要很復(fù)雜。如果做得正確,即使是幾個(gè)放置得當(dāng)?shù)膱D標(biāo)也可以改善您的用戶體驗(yàn)。在您的下一個(gè)UI 設(shè)計(jì)中實(shí)施它們之前,具有更高能力的上海企業(yè)vi設(shè)計(jì)公司為您準(zhǔn)備的10個(gè)圖標(biāo)設(shè)計(jì)規(guī)則。

 

 

1.保持圖標(biāo)簡(jiǎn)單

 

不要使您的圖標(biāo)設(shè)計(jì)過(guò)于復(fù)雜。使它們盡可能簡(jiǎn)單,尤其是在較小的尺寸時(shí)。最好的圖標(biāo)是用戶可以立即識(shí)別的簡(jiǎn)單形狀和象形圖。


具有更高能力的上海企業(yè)vi設(shè)計(jì)公司-10個(gè)圖標(biāo)設(shè)計(jì)規(guī)則.png 

 

2. 讓它們可識(shí)別

 

圖標(biāo)應(yīng)立即可識(shí)別。如果讓用戶想知道圖標(biāo)的含義,它就違背了他們的目的。不要讓用戶想知道圖標(biāo)應(yīng)該是什么,因?yàn)檫@只會(huì)導(dǎo)致他們想知道圖標(biāo)的目的是什么,從而損害整體用戶體驗(yàn)。

 

 

3.賦予圖標(biāo)意義

 

用于圖標(biāo)的圖像應(yīng)該具有易于理解的含義。含義應(yīng)該與圖標(biāo)的功能直接相關(guān),例如主頁(yè)的房屋圖標(biāo)。雖然隱喻有時(shí)很容易被用戶破譯,但更多文字圖標(biāo)通??梢愿斓刈R(shí)別。


具有更高能力的上海企業(yè)vi設(shè)計(jì)案例.png 

 

4.確保它們是可擴(kuò)展的

 

圖標(biāo)通常以小尺寸使用,但您可能偶爾會(huì)發(fā)現(xiàn)想要使用更大版本(甚至更小版本)的用例。出于這個(gè)原因,請(qǐng)確保您的圖標(biāo)看起來(lái)不錯(cuò),無(wú)論它們顯示的大小如何。隨著尺寸變大,您可以逐漸使用更復(fù)雜的圖標(biāo),但請(qǐng)確保不要讓它們變得過(guò)于復(fù)雜。

 

 

5. 使圖標(biāo)易于訪問(wèn)

 

如果您沒有使用文本標(biāo)簽來(lái)伴隨您的圖標(biāo),請(qǐng)確保您實(shí)現(xiàn)了正確的alt 標(biāo)簽,以便使用屏幕閱讀器的人仍然可以訪問(wèn)它們的功能。

 

與此類似,請(qǐng)確保您的圖標(biāo)具有足夠的對(duì)比度并且尺寸足夠大以便可以訪問(wèn)。您還應(yīng)該確保圖標(biāo)周圍的觸摸目標(biāo)足以讓可能有精細(xì)運(yùn)動(dòng)控制問(wèn)題的用戶仍然點(diǎn)擊預(yù)期區(qū)域。

 

 

6.注意顏色

 

作為一般經(jīng)驗(yàn)法則,圖標(biāo)應(yīng)該是單一顏色。此外,不要為每個(gè)圖標(biāo)使用不同的顏色,除非它直接有助于使它們更有用。在大多數(shù)情況下,您可能會(huì)使用不同的顏色來(lái)指示活動(dòng)圖標(biāo),而其余的則是另一種顏色。

 

 

7. 始終使用向量

 

具有更高能力的上海企業(yè)vi設(shè)計(jì)公司創(chuàng)建自定義圖標(biāo)時(shí),您應(yīng)該始終以矢量圖像格式創(chuàng)建它們。這樣,它們可以輕松縮放而不會(huì)失去清晰度或脆度。保存它們以用于數(shù)字產(chǎn)品時(shí),SVG 文件類型是最佳選擇,因?yàn)樗A袅藞D標(biāo)的可伸縮性和透明度。

 

SVG 的下一個(gè)最佳替代方案是將它們保存為無(wú)損PNG 文件,因?yàn)樗鼈儗⒈3滞该鞫炔⑶屹|(zhì)量不會(huì)下降。

 

 

8. 保持圖標(biāo)統(tǒng)一

 

你的圖標(biāo)在樣式和大小上應(yīng)該是統(tǒng)一的。使用風(fēng)格不一致的圖標(biāo)會(huì)使用戶感到困惑,并使您的界面看起來(lái)很混亂。使用大小不同的圖標(biāo)會(huì)產(chǎn)生類似的效果。

 

在尺寸方面,視覺重量比精確的像素尺寸更重要。

然而,在尺寸方面,視覺重量比精確的像素尺寸更重要。為此,您可以設(shè)計(jì)視覺權(quán)重較低的圖標(biāo),比較重的圖標(biāo)稍大一些。

 

例如,比較星形和方形圖標(biāo)。如果使它們具有完全相同的像素尺寸,則由于其更堅(jiān)固的外觀,正方形實(shí)際上會(huì)顯得更大。通過(guò)將星星的手臂稍微延伸到正方形的尺寸之外,您可以創(chuàng)建看起來(lái)相同大小的圖標(biāo)。請(qǐng)務(wù)必將它們放在相同尺寸的容器中,以便保持適當(dāng)?shù)姆胖煤烷g距。


上海圖標(biāo)設(shè)計(jì).png 

 

9. 優(yōu)先考慮清晰

 

用戶不應(yīng)該想知道圖標(biāo)是什么,更不用說(shuō)它代表什么了。確保您使用的圖像可以立即被用戶識(shí)別,并且他們不會(huì)試圖弄清楚您的圖標(biāo)應(yīng)該是什么。

 

您還需要確保您的圖標(biāo)所代表的功能清晰。每當(dāng)您使用通用圖標(biāo)以外的任何東西時(shí)(我們稍后會(huì)介紹),請(qǐng)考慮添加文本標(biāo)簽來(lái)解釋圖標(biāo)的作用。它對(duì)新用戶非常有幫助,并確保用戶不會(huì)對(duì)不同圖標(biāo)的作用感到困惑。

 

 

10.使用通用圖標(biāo)

 

談到圖像學(xué),不要試圖重新發(fā)明輪子。當(dāng)然,獨(dú)特的創(chuàng)意圖標(biāo)可以為您的用戶界面增添視覺趣味。但是,如果用戶不理解它們或它們難以破譯,那么您將損害整體用戶體驗(yàn)。

 

對(duì)于常用功能,堅(jiān)持使用人們識(shí)別的圖標(biāo)。以下是具有更高能力的上海企業(yè)vi設(shè)計(jì)公司推薦的圖標(biāo)示例:

 

主頁(yè)的房子圖標(biāo)

三條水平線表示漢堡菜單

用于搜索的放大鏡

用于編輯或修改內(nèi)容的鉛筆

豎起大拇指或喜歡某事的心

喜歡某事的心或星星

保存書簽的書簽

一個(gè)箭頭從廣場(chǎng)頂部出來(lái),分享一些東西

向下指向正方形以下載內(nèi)容的箭頭

用于設(shè)置的齒輪或齒輪

顯示某事的鎖定圖標(biāo)是安全的

 

 


一分鐘了解探鳴設(shè)計(jì)公司
好設(shè)計(jì)直接找總監(jiān)談
聊思路,理方向,談費(fèi)用,聽聽總監(jiān)建議再做決定
相關(guān)案例
Relevant cases
點(diǎn)擊查看更多案例

總監(jiān)微信

復(fù)制成功

業(yè)務(wù)咨詢 何先生

業(yè)務(wù)咨詢 何先生

搜索感興趣的內(nèi)容