扁平化網(wǎng)站設(shè)計(jì)圖標(biāo)欣賞

2014-04-29    分類: 網(wǎng)站設(shè)計(jì)

扁平化網(wǎng)站設(shè)計(jì)圖標(biāo)欣賞

什么是扁平化設(shè)計(jì)
扁平化設(shè)計(jì)是一種極簡(jiǎn)主義的美術(shù)設(shè)計(jì)風(fēng)格,通過簡(jiǎn)單的圖形、字體和顏色的組合,來達(dá)到直觀、簡(jiǎn)潔的設(shè)計(jì)目的。扁平化設(shè)計(jì)風(fēng)格比較常見于傳統(tǒng)媒體,比如雜志、公交指示牌等處。隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展,扁平化設(shè)計(jì)風(fēng)格越來越多應(yīng)用于軟件、網(wǎng)站等人機(jī)交互界面,以迎合使用者對(duì)信息快速閱讀和吸收的要求。
與扁平化設(shè)計(jì)風(fēng)格相對(duì)的是偏向?qū)憣?shí)的擬物化設(shè)計(jì)風(fēng)格。要設(shè)計(jì)出好的扁平化界面,必須拋棄所有擬物風(fēng)格的技巧。我們可以通過一張圖來了解擬物化設(shè)計(jì)的主要特點(diǎn),把這些特點(diǎn)統(tǒng)統(tǒng)扔掉,就是扁平化設(shè)計(jì)的特征:

扁平化網(wǎng)站設(shè)計(jì)圖標(biāo)欣賞

極簡(jiǎn)的元素
扁平化設(shè)計(jì)追求的是一切極其的簡(jiǎn)潔、簡(jiǎn)單,反對(duì)使用復(fù)雜的、不明確的元素。在設(shè)計(jì)扁平化風(fēng)格界面時(shí),特別是在圖標(biāo)的設(shè)計(jì)時(shí),應(yīng)該遵循極簡(jiǎn)原則。復(fù)雜的、含義模糊的元素將會(huì)造成使用者的困擾,這與扁平化設(shè)計(jì)風(fēng)格直觀、簡(jiǎn)潔的總原則是相違背的。只有采用足夠簡(jiǎn)約的設(shè)計(jì)元素,才能達(dá)到展示效果。

貼切的圖標(biāo)
在設(shè)計(jì)圖標(biāo)時(shí),必須使用與所對(duì)應(yīng)功能緊密關(guān)聯(lián)的圖標(biāo)元素,并且這個(gè)元素應(yīng)是通用的、廣為人知的,基本不受地域、種族、文化、語言等因素影響。絕對(duì)禁止使用一些定義模糊,寓意不清的元素,或者某些行業(yè)特有的,某些領(lǐng)域?qū)S玫脑亍1热缭谙旅孢@張圖中,如果設(shè)計(jì)師要表達(dá)的是“分享”這一功能,那么顯然右側(cè)的圖標(biāo)更具有通用性:

界面趨向于扁平化,那么除了界面還有一些圖標(biāo)扁平化的設(shè)計(jì)應(yīng)該怎么設(shè)計(jì)呢?大同小異,界面設(shè)計(jì)只是在整體上的設(shè)計(jì),而圖標(biāo)設(shè)計(jì)上,風(fēng)格一致,只是在設(shè)計(jì)的過程中更為精致,要在一個(gè)圖標(biāo)里面表達(dá)內(nèi)容,也是讓設(shè)計(jì)師頭痛的一件事,而扁平化設(shè)計(jì)比較注重是圖標(biāo)的簡(jiǎn)潔和表達(dá),而一些基本的設(shè)計(jì)方法除了能夠簡(jiǎn)約之外,很重要的一點(diǎn)是能夠表達(dá)清晰,在理性和感性之間的表達(dá)出極簡(jiǎn)主義的精髓和魅力。


界面趨向于扁平化,那么除了界面還有一些圖標(biāo)扁平化的設(shè)計(jì)應(yīng)該怎么設(shè)計(jì)呢?大同小異,界面設(shè)計(jì)只是在整體上的設(shè)計(jì),而圖標(biāo)設(shè)計(jì)上,風(fēng)格一致,只是在設(shè)計(jì)的過程中更為精致,要在一個(gè)圖標(biāo)里面表達(dá)內(nèi)容,也是讓設(shè)計(jì)師頭痛的一件事,而扁平化設(shè)計(jì)比較注重是圖標(biāo)的簡(jiǎn)潔和表達(dá),而一些基本的設(shè)計(jì)方法除了能夠簡(jiǎn)約之外,很重要的一點(diǎn)是能夠表達(dá)清晰,在理性和感性之間的表達(dá)出極簡(jiǎn)主義的精髓和魅力。有些人說扁平化圖標(biāo)就是實(shí)物的剪影,小編不否定也不肯定,畢竟它也不是單純的剪影,而扁平化很重要的是線和面的應(yīng)用,此外還有顏色的運(yùn)用。

扁平化的圖標(biāo)大致分為純粹的平面設(shè)計(jì),折疊設(shè)計(jì),輕質(zhì)感設(shè)計(jì)等等,這一類的風(fēng)格其實(shí)比較容易跟一些傳統(tǒng)的中國剪紙風(fēng)格混淆畢竟很多情況下確實(shí)有一點(diǎn)相似。正經(jīng)的說大家都是平面的,對(duì)于扁平化的圖標(biāo)實(shí)現(xiàn),其實(shí)還有些流行使用二維或者三維來表達(dá)裝飾,組合起來的畫風(fēng)也是別有一番風(fēng)味,但是更多的是要靈活運(yùn)用顏色,把效果發(fā)揮到極致。例如純色調(diào)的圖標(biāo)設(shè)計(jì),這種圖片比較考究,畢竟是統(tǒng)一色系的進(jìn)行搭配,容易吧圖標(biāo)搞砸,但是卻更具有簡(jiǎn)單抽象、易于接受等特性,有些設(shè)計(jì)會(huì)偏向于“線”的刻畫,精準(zhǔn)到位的設(shè)計(jì)會(huì)給人一種清新脫俗的感覺,另一種會(huì)比較傾向于“面”的設(shè)計(jì),把握大局,給人大氣的感覺。這一類的純色圖標(biāo)設(shè)計(jì)清新典雅,不少的界面里都能夠看到他們的蹤跡,而且具有別具一格的現(xiàn)代氣息,更為人們所喜愛。

扁平化網(wǎng)站設(shè)計(jì)圖標(biāo)欣賞

成都網(wǎng)站制作設(shè)計(jì)上關(guān)鍵還是細(xì)節(jié)設(shè)計(jì)。從前的實(shí)物化設(shè)計(jì)是追求細(xì)節(jié)上的相像,而扁平化圖標(biāo)主要是輪廓上的繪制讓人感覺簡(jiǎn)約,當(dāng)然也不是沒有細(xì)節(jié),細(xì)節(jié)主要是體現(xiàn)在輪廓線條的設(shè)計(jì)。繪制過程可以根據(jù)自己的洗好和設(shè)計(jì)進(jìn)行融合,每一筆越細(xì)致更會(huì)凸顯精細(xì)和典雅,雖然去繁的過程看起來很簡(jiǎn)單,但實(shí)際操作卻不然,要取實(shí)物其中的精華和亮點(diǎn),同時(shí)能夠傳達(dá)出準(zhǔn)確的信息,這也是一個(gè)比較困難的過程。在一般的繪制基礎(chǔ)上,應(yīng)該懂得抓住事物的關(guān)鍵點(diǎn),運(yùn)用幾何秒回出相近的圖形,當(dāng)雛形出來之后,就可以根據(jù)自己的創(chuàng)造想法調(diào)整線條,定型,對(duì)比調(diào)整,圖形內(nèi)部要講究調(diào)整比例的結(jié)構(gòu)。在制作的過程中應(yīng)該注意輪廓、拐點(diǎn)、斜線等等的會(huì)不會(huì)有發(fā)虛的現(xiàn)象,出現(xiàn)這種情況都會(huì)給人感覺不大好看,技術(shù)不過關(guān)的感覺,小編這里有一個(gè)小技巧:雙層疊加,這種效果往往能夠避免一些發(fā)虛的感覺。新手一般很容易犯的一個(gè)錯(cuò)誤就是圖標(biāo)最后會(huì)變得模糊,如果發(fā)生這種情況,首先要檢查是不是因?yàn)槭褂昧耸噶坷L制,這是一個(gè)不良習(xí)慣,注意避免。

分享標(biāo)題:扁平化網(wǎng)站設(shè)計(jì)圖標(biāo)欣賞
文章地址:http://www.muchs.cn/news1/19901.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計(jì)公司