成人亚洲综合,日韩高清一区二区三区五区七区,三级网址日本,亚洲激情成人,av成人在线电影,亚洲免费成人在线,超清首页国产亚洲丝袜

超實(shí)用!移動(dòng)端界面中的版式設(shè)計(jì)原理(下)

作者:
2016-02-01
1269

4. 留白的藝術(shù)

不單單是文字和圖片需要設(shè)計(jì),留白也是構(gòu)成頁(yè)面排版必不可少的因素。所有的白都是“有目的的留白”,帶有明確的目的來(lái)控制頁(yè)面的空間構(gòu)成。

常見(jiàn)的手法有幾種,第一通過(guò)留白來(lái)減輕頁(yè)面帶給用戶的負(fù)擔(dān)。

首屏對(duì)一個(gè)應(yīng)用來(lái)說(shuō)十分重要,因此一些比較復(fù)雜的應(yīng)用首評(píng)都堆積了大量的入口。如果無(wú)節(jié)制的添加,頁(yè)面中包含的內(nèi)容太多時(shí),會(huì)給人一種頁(yè)面狹窄的感覺(jué),給用戶帶來(lái)強(qiáng)烈的壓迫感,所以元素太多有時(shí)候反而不是好事。留白能使頁(yè)面的空間感更強(qiáng),視線更開闊,通過(guò)留白來(lái)減輕頁(yè)面的壓迫感,使用戶進(jìn)入一種輕松的氛圍。

第二通過(guò)留白區(qū)分元素的存在,弱化元素與元素之間的阻隔。

表單項(xiàng)與表單項(xiàng)之間,按鈕與按鈕之間,段落與段落之間這種有聯(lián)系但又需要區(qū)分的元素用留白的方式可以輕易造成一種視覺(jué)上的識(shí)別,同時(shí)也能給用戶一種干凈整潔的感覺(jué)。

第三通過(guò)留白有目的的突出表達(dá)的重點(diǎn)?!霸O(shè)計(jì)包含著對(duì)差異的控制。

不斷重復(fù)相同的工作使我懂得,重要的是要限制那些差異,只保留那些最關(guān)鍵的。”這句話出自原拓哉的“白”一書中,通過(guò)留白去限制頁(yè)面中的差異使內(nèi)容突出是最簡(jiǎn)單自然的表達(dá)方式。減少頁(yè)面的元素以及雜亂的色彩,讓用戶可以快速聚焦到產(chǎn)品本身,這種方法在電商類的應(yīng)用上被大量的使用。

第四留白賦予頁(yè)面構(gòu)成產(chǎn)生不同的變化。版式設(shè)計(jì)中要有節(jié)奏感,這也是我一直強(qiáng)調(diào)了。

傳統(tǒng)雜志在每一頁(yè)翻開都會(huì)有不同的視覺(jué)感受,我認(rèn)為在app內(nèi)很多板塊之間的也是可以局部去突出個(gè)性或特點(diǎn)的。留白可以賦予頁(yè)面輕重緩急的變化,也可以營(yíng)造出不同的視覺(jué)氛圍,通過(guò)留白去改變版式再配合四大原則可以產(chǎn)生出不同的效果。

值得注意的是,留白不是一定要用白色去填充界面,而是營(yíng)造出一種空間與距離的感覺(jué),自然與舒適境界。

5. 視覺(jué)心理的靈活運(yùn)用

在觀看事物時(shí),往往會(huì)產(chǎn)生一些不同的視覺(jué)心理,例如兩個(gè)等寬的正方形和圓形放在一起,你一定會(huì)覺(jué)得正方形更寬。在版式設(shè)計(jì)中同樣大量運(yùn)用這些科學(xué)視覺(jué)方法對(duì)用戶進(jìn)行視覺(jué)上的引導(dǎo),也能讓設(shè)計(jì)師快速找到一些排版布局的方法。

(via 版式設(shè)計(jì)原理)

首先最常見(jiàn)方法是的是靈活運(yùn)用黃金分割比,文本與線段的間隔,圖片的長(zhǎng)寬比等地方都可以通過(guò)黃金分割比快速的設(shè)定。比如通欄高度的設(shè)定等等。

在界面排布中,往往圓角和圓形比直角更容易讓人接受,更加親切。

直角通常用在需要更全面展示的地方,例如用戶的照片,唱片封面,藝術(shù)作品,商品展示等地方。在個(gè)人類的feed或者頭像,板塊的樣式等使用圓角會(huì)有更好的效果。

在全局頁(yè)面的排版中也要避免單調(diào),增加節(jié)奏感。

在上文我也提到過(guò)排版要有輕重緩急之分,這樣讓用戶在觀看的過(guò)程中不會(huì)感到冗長(zhǎng),無(wú)趣。

圖片也是有不同的色調(diào)的,通過(guò)蒙版的方法可以控制這種色調(diào)。

如果選擇比較明亮的色調(diào)可以減輕這種對(duì)用戶的壓迫感,選擇比較暗的色調(diào)可以讓整個(gè)畫面更沉穩(wěn),內(nèi)容顯示更為清晰。

6. 沒(méi)有設(shè)計(jì)的設(shè)計(jì)

最后這段不是版式設(shè)計(jì)原理,更像是一種設(shè)計(jì)的心境。

古人在寫詩(shī)的時(shí)候有一種手法叫白描,原拓哉也曾強(qiáng)調(diào)“最美的設(shè)計(jì)是虛無(wú)”,在界面設(shè)計(jì)中同樣追求一種“讓用戶感受不到設(shè)計(jì)”的境界。每一條線/每一行文字/每一個(gè)按鈕的存在都是都有它存在的理由。它不加無(wú)意義的修飾、不須陪村和烘托,讓用戶更關(guān)注內(nèi)容的主體,弱化對(duì)視覺(jué)的認(rèn)知。甚至于用戶在滑動(dòng)時(shí)看到一個(gè)按鈕或一行文字也感覺(jué)這是理所當(dāng)然的存在。“菩提本無(wú)樹,明鏡亦非臺(tái)”,做設(shè)計(jì)和做人一樣,一切有為法皆如夢(mèng)幻泡影,不要注重形式才能明心見(jiàn)性。

圖中的例子在某些地方處理得也不是那么自然,但是我認(rèn)為以上的例子是有向“讓用戶感知不到設(shè)計(jì)”的方向上走的,沒(méi)有完美的設(shè)計(jì),只有努力變的更好的設(shè)計(jì)。最后,做好設(shè)計(jì)非一朝一夕,理解設(shè)計(jì)也非一朝一夕,希望各位善于發(fā)現(xiàn)美,也善于理解美。

1
5
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)