1、強(qiáng)化視覺(jué)
并不是所有的圖片都能給用戶(hù)帶來(lái)驚艷的感覺(jué),很多時(shí)候,圖片也不足以撐起整個(gè)設(shè)計(jì)的視覺(jué)和形式感。
這個(gè)時(shí)候,圖標(biāo)的重要性就凸顯出來(lái)了。許多有趣的圖標(biāo)和圖片結(jié)合起來(lái)使用,能夠強(qiáng)化圖片的內(nèi)容,提供額外的信息,給予用戶(hù)以交互的提示,從視覺(jué)、交互、體驗(yàn)三個(gè)層面對(duì)設(shè)計(jì)進(jìn)行提升。
2、引導(dǎo)交互
盡管有許多網(wǎng)頁(yè)和APP模板中都會(huì)采用三欄式的圖片+文字的布局,但實(shí)際上圖標(biāo)并不需要在特定的地方出現(xiàn)。
圖標(biāo)本身是驅(qū)動(dòng)整個(gè)界面交互性的一個(gè)關(guān)鍵元素,它可以出現(xiàn)在各個(gè)不同的地方,也可以結(jié)合視差滾動(dòng)的設(shè)計(jì)手法,讓圖片隨著滾動(dòng)而不斷運(yùn)動(dòng),橫跨多屏,引導(dǎo)用戶(hù)與屏幕不停地互動(dòng)。
3、使用動(dòng)效
雖然我們看到的絕大多數(shù)的圖標(biāo)都是靜態(tài)的,但是從來(lái)沒(méi)有人規(guī)定死它們必須是靜止的。那么,就讓圖標(biāo)動(dòng)起來(lái)吧!
不過(guò),動(dòng)態(tài)圖標(biāo)的設(shè)計(jì)也應(yīng)該是有規(guī)則、有目的的。優(yōu)秀的動(dòng)態(tài)圖標(biāo)的運(yùn)動(dòng)方式和內(nèi)容應(yīng)該是有關(guān)聯(lián)的,同時(shí)它的運(yùn)動(dòng)速度應(yīng)該是適中的,因?yàn)檫^(guò)快的變化可能會(huì)讓用戶(hù)猝不及防,但是太慢了又會(huì)讓用戶(hù)等待太久??刂坪霉?jié)奏,動(dòng)效會(huì)非常的令人著迷。
4、創(chuàng)建圖標(biāo)集群
不同形狀、不同風(fēng)格的圖標(biāo)一旦成群結(jié)對(duì)地出現(xiàn)在屏幕上,總能帶來(lái)不一樣的體驗(yàn)。雖然這樣的應(yīng)用方式常見(jiàn)于圖標(biāo)推薦類(lèi)的網(wǎng)站,但是它實(shí)際上有著更為廣泛的應(yīng)用范疇。
你可以考慮將圖標(biāo)擺成不同的陣列,如果你想強(qiáng)化視覺(jué),甚至可以將圖標(biāo)放大來(lái)使用。圖標(biāo)本身可以用作鏈接的如何,也可以單純只是當(dāng)作指引性的圖片。圖標(biāo)集群可以用很多圖標(biāo),也可以只包含兩三個(gè)。如何使用,使用多少,更多取決于你的設(shè)計(jì)決策過(guò)程。
使用圖標(biāo)集群的一個(gè)重要好處在于,它會(huì)讓你跳出日常圖標(biāo)的使用窠臼,重新思考圖標(biāo)的使用方法。它的另外一個(gè)好處在于,你可以基于某個(gè)圖標(biāo)包來(lái)設(shè)計(jì),也可以根據(jù)需求自定義。這個(gè)時(shí)候,你可以一邊“玩弄”圖標(biāo),一邊做設(shè)計(jì)。
5、結(jié)合流行元素
圖標(biāo)是整個(gè)設(shè)計(jì)項(xiàng)目的諸多組成部分之一,它需要契合整個(gè)設(shè)計(jì)策略。仔細(xì)審視你所需要設(shè)計(jì)的內(nèi)容和風(fēng)格,再將圖標(biāo)和流行的元素結(jié)合起來(lái),營(yíng)造出符合現(xiàn)代風(fēng)格的美學(xué)特征。
圖標(biāo)的一大特色就是它的靈活性。它從形狀到細(xì)節(jié)都可以充滿(mǎn)藝術(shù)性,從手繪風(fēng)到扁平化,從精致擬物到藝術(shù)化處理都很容易實(shí)現(xiàn)。一旦你確定了整體風(fēng)格,設(shè)計(jì)一套風(fēng)格匹配的圖標(biāo)并不是太難的事情。
6、稍加調(diào)整
雖然圖標(biāo)是可以自由設(shè)計(jì)的,但是許多特定功能、特定場(chǎng)合所能使用的圖標(biāo)最好不要標(biāo)新立異,比如社交媒體鏈接、搜索、購(gòu)物車(chē)、導(dǎo)航箭頭等圖標(biāo)。這些圖標(biāo)的基本特征是約定俗成的,太過(guò)“富有創(chuàng)意”的構(gòu)思可能會(huì)毀掉它們的基本可用性。
不過(guò)你可以在這些圖標(biāo)的樣式上動(dòng)腦筋。調(diào)整色彩、修改形狀,甚至重新繪制。而這其中,最主要的訣竅在于,保持基本的視覺(jué)識(shí)別度的前提下,加入一些獨(dú)特的構(gòu)思,確保用戶(hù)不會(huì)質(zhì)疑圖標(biāo)本身的含義。
7、自定義手繪
圖標(biāo)本身可以視作為一個(gè)微縮的圖畫(huà),雖然圖標(biāo)大多趨向于扁平風(fēng),并且其中相當(dāng)一部分是采用線(xiàn)條勾勒的,但是圖標(biāo)本身還是能玩出很多花樣的,尤其是當(dāng)你想玩出屬于自己的風(fēng)格的時(shí)候。
最典型的就是采用自己手繪的圖標(biāo),這樣的圖標(biāo)通常很難劃歸到常見(jiàn)的分類(lèi)中,但是他們有明顯帶有個(gè)人風(fēng)格。手繪圖標(biāo)本身就是一種帶有品牌屬性的東西。
結(jié)語(yǔ)
雖然圖標(biāo)設(shè)計(jì)可能是設(shè)計(jì)項(xiàng)目中被考慮的最少的元素,但是它們可能是最有趣的設(shè)計(jì)元素之一。一套精心設(shè)計(jì)的圖標(biāo)用好了,能給整個(gè)設(shè)計(jì)增色不少。
本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司!
文章名稱(chēng):7個(gè),圖標(biāo)設(shè)計(jì)的認(rèn)知
本文路徑:http://jinyejixie.com/news0/317850.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、域名注冊(cè)、微信小程序、做網(wǎng)站、品牌網(wǎng)站制作
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)