簡(jiǎn)潔的企業(yè)網(wǎng)站如何設(shè)計(jì)得更好
怎樣簡(jiǎn)化內(nèi)容首先對(duì)于網(wǎng)頁(yè)所展示的內(nèi)容,設(shè)計(jì)師要有一個(gè)清晰的認(rèn)知。先將網(wǎng)頁(yè)上所需要出現(xiàn)的元素列出清單,再?gòu)闹羞M(jìn)行逐次審視是否有出現(xiàn)的必要,是否需要去除。這是一份我認(rèn)為可能需要思考是否應(yīng)該不予出場(chǎng)的元素清單。社交媒體的圖標(biāo)標(biāo)語和詳細(xì)介紹目前流行
怎樣簡(jiǎn)化內(nèi)容
首先對(duì)于網(wǎng)頁(yè)所展示的內(nèi)容,設(shè)計(jì)師要有一個(gè)清晰的認(rèn)知。先將網(wǎng)頁(yè)上所需要出現(xiàn)的元素列出清單,再?gòu)闹羞M(jìn)行逐次審視是否有出現(xiàn)的必要,是否需要去除。這是一份我認(rèn)為可能需要思考是否應(yīng)該不予出場(chǎng)的元素清單。
社交媒體的圖標(biāo)
標(biāo)語和詳細(xì)介紹
目前流行的一些比較引人耳目的元素(比如分享和贊等)
一個(gè)頁(yè)面多出三個(gè)部分以外的部分
導(dǎo)航中的次級(jí)元素
當(dāng)然,這并不是一個(gè)框架,你當(dāng)然需要考慮如果有必要時(shí)也不能統(tǒng)統(tǒng)刪除而后快。主頁(yè)出現(xiàn)的部分元素都可以放到二級(jí)頁(yè)面里。畢竟如果主頁(yè)信息量太大,你的用戶也許也會(huì)“消化不良”。
這樣精簡(jiǎn)以后的結(jié)果是,也許你的網(wǎng)站的功能性相比弱化了一些,但刪減了多余的元素,使之成為一個(gè)更為簡(jiǎn)化的布局,這讓用戶可以在你的網(wǎng)站停留時(shí)間更長(zhǎng)一點(diǎn)。而讓用戶成為愿意為之學(xué)習(xí)的網(wǎng)站。
怎樣簡(jiǎn)化設(shè)計(jì)
你需要不斷簡(jiǎn)化任何出現(xiàn)的元素,讓紋理消失直至不見、更少顏色、更簡(jiǎn)單的造型……總而言之,這一系列的處理過程的確讓你的設(shè)計(jì)變得有些平淡了。但這時(shí)你要記住,不要偏離了極簡(jiǎn)的方向,你可以把設(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ì)告訴你“感覺不對(duì)”。但這其實(shí)就是沒有運(yùn)用好線框的結(jié)果。一個(gè)合適的線框圖是極簡(jiǎn)設(shè)計(jì)致勝前提。你可以運(yùn)用它獲得合適的比例,創(chuàng)造出有趣的視覺平衡。
你可以在設(shè)計(jì)伊始就用2B鉛筆在草稿上畫出你的頁(yè)面布局和元素樣式。在畫線框時(shí),你需要遵循下面的順序:1)決定你的網(wǎng)頁(yè)中需要出現(xiàn)的元素 2)對(duì)元素之間,按優(yōu)先次序進(jìn)行排序 3)畫出線框草圖并試著去達(dá)到最佳的布局視覺效果
留白
在我眼中,留白是一種設(shè)計(jì)素材。留白并不等同于極簡(jiǎn),但它與極簡(jiǎn)設(shè)計(jì)有著千絲萬縷的聯(lián)系。不管你多么有創(chuàng)意,一個(gè)極簡(jiǎn)設(shè)計(jì)如果沒有足夠留白,那么也將是失敗的。所以,在設(shè)計(jì)時(shí),你要考慮每個(gè)元素的周圍都有足夠多的留白空間。
讓簡(jiǎn)單成為習(xí)慣
我們不可否認(rèn),我們有一種自我膨脹的惡習(xí)。設(shè)計(jì)中,不知不覺就會(huì)增加過多的東西,因?yàn)槟愕哪X海中一直浮現(xiàn)一種想要“完美”它的欲望。鑒于此,我們必須要讓自己從這個(gè)習(xí)慣中擺脫出來形成另一個(gè)良好的習(xí)慣。如果你在設(shè)計(jì)中陷入了盲區(qū),總覺得不對(duì)勁“仿佛缺了點(diǎn)什么”的話,這時(shí),與其糾結(jié)于給頁(yè)面增加更多的元素,不如想想怎樣讓頁(yè)面減少更多的元素。最后,當(dāng)你對(duì)設(shè)計(jì)已經(jīng)滿意后,再看看是否仍然可以進(jìn)一步簡(jiǎn)化設(shè)計(jì)。就像給樹苗修剪枝葉一樣的耐心。
網(wǎng)頁(yè)設(shè)計(jì)中極簡(jiǎn)范式
黑白灰:色彩禁欲主義
黑白灰的大氣讓人難忘,雖然是信手拈來的設(shè)計(jì)道理,但放到實(shí)踐中,設(shè)計(jì)師往往需要更多的勇氣做這樣的設(shè)計(jì)。因?yàn)樽鲞@類設(shè)計(jì)的風(fēng)險(xiǎn)太大,不小心就會(huì)讓設(shè)計(jì)變得死氣沉沉一片荒蕪,帶給觀者負(fù)面的感受。
線形插畫:形魅力
灰色的背景上只用白色作為前景色,首頁(yè)的焦點(diǎn)是中心位置的線性插畫,這是品牌展示的一種最為直觀的方式。而運(yùn)用一定的投影效果,讓插畫仿佛懸浮在半空中則是增加了一些創(chuàng)造性的細(xì)節(jié),這就讓畫面活躍起來,不會(huì)陷入一片荒蕪當(dāng)之中。