2022-12-31 分類: 網(wǎng)站建設(shè)
作為設(shè)計(jì)師,我們都知道極簡的設(shè)計(jì)效果的確非常出彩。然而,在設(shè)計(jì)過程中,我們往往會(huì)由于使用較少元素而感覺缺了什么,或是讓最終成品看起來仿佛沒有完成。那么什么是極簡設(shè)計(jì)?又是什么方法使你的設(shè)計(jì)看起來簡約又不簡單呢?這篇文章也許會(huì)幫到你。
什么是極簡設(shè)計(jì)
極簡設(shè)計(jì),嚴(yán)格上講不能算作一種視覺風(fēng)格,而是一種設(shè)計(jì)哲學(xué)。它在保持了基本的骨架內(nèi)容的基礎(chǔ)上,剔除掉多余的元素、裝飾、色彩和紋理,是通過不斷思考而進(jìn)行化繁為簡的設(shè)計(jì)過程。這樣做的結(jié)果是突顯了主題內(nèi)容。所以,它是扎根于設(shè)計(jì)思想根部的概念。
極簡主義起源于蘇格蘭,當(dāng)時(shí)在各個(gè)文化領(lǐng)域都掀起了極簡的風(fēng)潮:平面設(shè)計(jì)、建筑、音樂、文學(xué)、繪畫等。直到現(xiàn)在,也開始在網(wǎng)頁設(shè)計(jì)中盛行。盡管極簡設(shè)計(jì)風(fēng)格在十年間并未得以足夠的關(guān)注度,早先的互聯(lián)網(wǎng)領(lǐng)域中根本看不到它的影子,樣式復(fù)雜的LOGO和廣告,艷麗的色彩……網(wǎng)頁設(shè)計(jì)一直以來都以臃腫繁雜的形象出現(xiàn)。
少即是多
前已提及,極簡風(fēng)格是直截了當(dāng)?shù)卣故局黝},減少對觀者的視覺干擾。如果一個(gè)頁面有太多的元素,用戶就會(huì)在眾多的元素中,由于無法決定其主次而陷入混亂。一個(gè)優(yōu)秀的極簡設(shè)計(jì)勢必會(huì)用不偏不倚的姿態(tài)焦距主體內(nèi)容。
舉例來說,一個(gè)以黑白灰為主色的網(wǎng)頁中,如果出現(xiàn)任何色彩,都會(huì)成為視覺焦點(diǎn)。就如下例所示,白色作為底色背景,再加上一點(diǎn)淺色背景,搭配黑色文字,同時(shí)有相應(yīng)配圖,配圖的色彩表現(xiàn)集中在模特的服飾上,這很好的突顯了服裝品牌這一焦點(diǎn)。
這一種設(shè)計(jì)風(fēng)格就讓用戶焦距到服裝本身的質(zhì)地、色彩、樣式上,從而輕而易舉鎖定了用戶的注意力。而與此同時(shí),在服裝本身以外不再增加任何的裝飾和元素,除了主體結(jié)構(gòu)再無其他。
怎樣簡化內(nèi)容
首先對于網(wǎng)頁所展示的內(nèi)容,設(shè)計(jì)師要有一個(gè)清晰的認(rèn)知。先將網(wǎng)頁上所需要出現(xiàn)的元素列出清單,再從中進(jìn)行逐次審視是否有出現(xiàn)的必要,是否需要去除。這是一份我認(rèn)為可能需要思考是否應(yīng)該不予出場的元素清單。
? 社交媒體的圖標(biāo)
? 標(biāo)語和詳細(xì)介紹
? 目前流行的一些比較引人耳目的元素(比如分享和贊等)
? 一個(gè)頁面多出三個(gè)部分以外的部分
? 導(dǎo)航中的次級元素
當(dāng)然,這并不是一個(gè)框架,你當(dāng)然需要考慮如果有必要時(shí)也不能統(tǒng)統(tǒng)刪除而后快。主頁出現(xiàn)的部分元素都可以放到二級頁面里。畢竟如果主頁信息量太大,你的用戶也許也會(huì)“消化不良”。
這樣精簡以后的結(jié)果是,也許你的網(wǎng)站的功能性相比弱化了一些,但刪減了多余的元素,使之成為一個(gè)更為簡化的布局,這讓用戶可以在你的網(wǎng)站停留時(shí)間更長一點(diǎn)。而讓用戶成為愿意為之學(xué)習(xí)的網(wǎng)站。
怎樣簡化設(shè)計(jì)
你需要不斷簡化任何出現(xiàn)的元素,讓紋理消失直至不見、更少顏色、更簡單的造型……總而言之,這一系列的處理過程的確讓你的設(shè)計(jì)變得有些平淡了。但這時(shí)你要記住,不要偏離了極簡的方向,你可以把設(shè)計(jì)集中到焦點(diǎn)內(nèi)容上,讓焦點(diǎn)內(nèi)容成為唯一重要的視覺核心。使用一些創(chuàng)造性的技巧來處理細(xì)節(jié)。
使用優(yōu)雅的線框
大家都知道,使用線框能讓你的設(shè)計(jì)看上去更“穩(wěn)固”,因?yàn)槟愕难哿ζ鋵?shí)超乎你想象的好用,它甚至?xí)浀妹恳欢伍g隔每一個(gè)交點(diǎn),所以任何破壞視覺平衡的元素都會(huì)格外突兀,這時(shí)你的直覺只會(huì)告訴你“感覺不對”。但這其實(shí)就是沒有運(yùn)用好線框的結(jié)果。一個(gè)合適的線框圖是極簡設(shè)計(jì)致勝前提。你可以運(yùn)用它獲得合適的比例,創(chuàng)造出有趣的視覺平衡。
你可以在設(shè)計(jì)伊始就用2B鉛筆在草稿上畫出你的頁面布局和元素樣式。在畫線框時(shí),你需要遵循下面的順序:1)決定你的網(wǎng)頁中需要出現(xiàn)的元素2)對元素之間,按優(yōu)先次序進(jìn)行排序3)畫出線框草圖并試著去達(dá)到好的布局視覺效果
留白
在我眼中,留白是一種設(shè)計(jì)素材。留白并不等同于極簡,但它與極簡設(shè)計(jì)有著千絲萬縷的聯(lián)系。不管你多么有創(chuàng)意,一個(gè)極簡設(shè)計(jì)如果沒有足夠留白,那么也將是失敗的。所以,在設(shè)計(jì)時(shí),你要考慮每個(gè)元素的周圍都有足夠多的留白空間。
讓簡單成為習(xí)慣
我們不可否認(rèn),我們有一種自我膨脹的惡習(xí)。設(shè)計(jì)中,不知不覺就會(huì)增加過多的東西,因?yàn)槟愕哪X海中一直浮現(xiàn)一種想要“好”它的欲望。鑒于此,我們必須要讓自己從這個(gè)習(xí)慣中擺脫出來形成另一個(gè)良好的習(xí)慣。如果你在設(shè)計(jì)中陷入了盲區(qū),總覺得不對勁“仿佛缺了點(diǎn)什么”的話,這時(shí),與其糾結(jié)于給頁面增加更多的元素,不如想想怎樣讓頁面減少更多的元素。最后,當(dāng)你對設(shè)計(jì)已經(jīng)滿意后,再看看是否仍然可以進(jìn)一步簡化設(shè)計(jì)。就像給樹苗修剪枝葉一樣的耐心。
網(wǎng)頁設(shè)計(jì)中極簡范式
黑白灰:色彩禁欲主義
黑白灰的大氣讓人難忘,雖然是信手拈來的設(shè)計(jì)道理,但放到實(shí)踐中,設(shè)計(jì)師往往需要更多的勇氣做這樣的設(shè)計(jì)。因?yàn)樽鲞@類設(shè)計(jì)的風(fēng)險(xiǎn)太大,不小心就會(huì)讓設(shè)計(jì)變得死氣沉沉一片荒蕪,帶給觀者負(fù)面的感受。
線形插畫:形魅力
灰色的背景上只用白色作為前景色,首頁的焦點(diǎn)是中心位置的線性插畫,這是品牌展示的一種最為直觀的方式。而運(yùn)用一定的投影效果,讓插畫仿佛懸浮在半空中則是增加了一些創(chuàng)造性的細(xì)節(jié),這就讓畫面活躍起來,不會(huì)陷入一片荒蕪當(dāng)之中。
字母:形的構(gòu)思
字母本身的造型就是一副好的構(gòu)圖,加上文字本身所具有一定的含義,融合一身,就會(huì)讓畫面變成雙向發(fā)聲。所以,重新縮小或放大文字,讓文字成為畫面的焦點(diǎn)用以傳達(dá)品牌形象,這種方式在極簡的網(wǎng)站中很容易做到。如本例中可以將文字的背景作為創(chuàng)意擴(kuò)展的部分,讓鼠標(biāo)移動(dòng)時(shí)出現(xiàn)不同的漸變色背景,這些漸變色色彩都傾向鮮艷,而這里極好地點(diǎn)綴了文字本身的美感。而中文相比英文更為復(fù)雜,想要把文字也變?yōu)閷π螒B(tài)的焦距,就需要將中文改為在形態(tài)上較為突出的字體,例如書法字體等。
攝影:用圖講故事
用一張高清的攝影作品作為背景,也是網(wǎng)頁中極簡設(shè)計(jì)的常用方法。這幅攝影作品本身就是極簡風(fēng)格的,讓品牌故事隱藏于照片中。照片的寫實(shí)程度無能出其左右,而本身的風(fēng)格就必須要明顯地突出主題。這時(shí)文字的出現(xiàn)是為解釋說明的作用,你可以在你的設(shè)計(jì)中加以刪減或增加。
極簡設(shè)計(jì)的適用場合
就像大家所知,極簡設(shè)計(jì)由于內(nèi)容展示較少,在目前商業(yè)應(yīng)用中還不太廣泛,大多用在小型創(chuàng)意領(lǐng)域機(jī)構(gòu)的官網(wǎng)較多。當(dāng)涉及營銷時(shí),由于營銷的目的就是最短時(shí)間推送最豐富全面的信息給用戶,因此一般的商城都不會(huì)讓自己看上去太輕松。雖然這樣說,但我們在設(shè)計(jì)商城的時(shí)候也注意到,目前已經(jīng)有設(shè)計(jì)師開始利用這種簡化的風(fēng)格設(shè)計(jì)商城,做出不一樣的細(xì)目更深化的小型商城。這類商城的產(chǎn)品也針對的是較高端的用戶,比如時(shí)裝行業(yè)里的網(wǎng)站,可以不妨一試這樣的設(shè)計(jì)風(fēng)格。
后記
我認(rèn)為極簡的設(shè)計(jì)才是未來派,以突出主題展示的設(shè)計(jì)思路本身就是設(shè)計(jì)師應(yīng)該執(zhí)行的思維。無論設(shè)計(jì)的是什么,都要拷問設(shè)計(jì)的目的,因此對主體內(nèi)容的精簡優(yōu)化是提高溝通效率的一種極為有效的方式。這從未來來說,也是不可逆之一。
網(wǎng)站題目:【成都網(wǎng)頁制作】教你打造網(wǎng)頁設(shè)計(jì)中的極簡風(fēng)格-成都創(chuàng)新互聯(lián)官方網(wǎng)站
本文鏈接:http://m.rwnh.cn/news43/226993.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、App設(shè)計(jì)、做網(wǎng)站、網(wǎng)站策劃、網(wǎng)站改版、App開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容