亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

超實用!移動端界面中的版式設計原理(下)

作者:
分類: 觀點/經驗
2016-02-01
1343

4. 留白的藝術

不單單是文字和圖片需要設計,留白也是構成頁面排版必不可少的因素。所有的白都是“有目的的留白”,帶有明確的目的來控制頁面的空間構成。

常見的手法有幾種,第一通過留白來減輕頁面帶給用戶的負擔。

首屏對一個應用來說十分重要,因此一些比較復雜的應用首評都堆積了大量的入口。如果無節制的添加,頁面中包含的內容太多時,會給人一種頁面狹窄的感覺,給用戶帶來強烈的壓迫感,所以元素太多有時候反而不是好事。留白能使頁面的空間感更強,視線更開闊,通過留白來減輕頁面的壓迫感,使用戶進入一種輕松的氛圍。

第二通過留白區分元素的存在,弱化元素與元素之間的阻隔。

表單項與表單項之間,按鈕與按鈕之間,段落與段落之間這種有聯系但又需要區分的元素用留白的方式可以輕易造成一種視覺上的識別,同時也能給用戶一種干凈整潔的感覺。

第三通過留白有目的的突出表達的重點?!霸O計包含著對差異的控制。

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

第四留白賦予頁面構成產生不同的變化。版式設計中要有節奏感,這也是我一直強調了。

傳統雜志在每一頁翻開都會有不同的視覺感受,我認為在app內很多板塊之間的也是可以局部去突出個性或特點的。留白可以賦予頁面輕重緩急的變化,也可以營造出不同的視覺氛圍,通過留白去改變版式再配合四大原則可以產生出不同的效果。

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

5. 視覺心理的靈活運用

在觀看事物時,往往會產生一些不同的視覺心理,例如兩個等寬的正方形和圓形放在一起,你一定會覺得正方形更寬。在版式設計中同樣大量運用這些科學視覺方法對用戶進行視覺上的引導,也能讓設計師快速找到一些排版布局的方法。

(via 版式設計原理)

首先最常見方法是的是靈活運用黃金分割比,文本與線段的間隔,圖片的長寬比等地方都可以通過黃金分割比快速的設定。比如通欄高度的設定等等。

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

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

在全局頁面的排版中也要避免單調,增加節奏感。

在上文我也提到過排版要有輕重緩急之分,這樣讓用戶在觀看的過程中不會感到冗長,無趣。

圖片也是有不同的色調的,通過蒙版的方法可以控制這種色調。

如果選擇比較明亮的色調可以減輕這種對用戶的壓迫感,選擇比較暗的色調可以讓整個畫面更沉穩,內容顯示更為清晰。

6. 沒有設計的設計

最后這段不是版式設計原理,更像是一種設計的心境。

古人在寫詩的時候有一種手法叫白描,原拓哉也曾強調“最美的設計是虛無”,在界面設計中同樣追求一種“讓用戶感受不到設計”的境界。每一條線/每一行文字/每一個按鈕的存在都是都有它存在的理由。它不加無意義的修飾、不須陪村和烘托,讓用戶更關注內容的主體,弱化對視覺的認知。甚至于用戶在滑動時看到一個按鈕或一行文字也感覺這是理所當然的存在?!捌刑岜緹o樹,明鏡亦非臺”,做設計和做人一樣,一切有為法皆如夢幻泡影,不要注重形式才能明心見性。

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

1
5
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      国产亚洲a∨片在线观看| 欧美日韩视频在线| 一区二区三区 在线观看视| 国产老女人精品毛片久久| 玖玖国产精品视频| 亚洲永久视频| 日韩午夜在线观看视频| 影院欧美亚洲| 国产日韩欧美高清| 国产精品成人久久久久| 欧美风情在线| 免费亚洲电影在线| 久久久久久噜噜噜久久久精品| 在线综合欧美| 日韩午夜av在线| 亚洲黄网站黄| 亚洲国产成人av| 国产一区久久| 国产一区二区三区黄| 国产精品视频男人的天堂| 欧美日韩中文字幕日韩欧美| 欧美国产日韩免费| 夜夜嗨av一区二区三区四季av| 国产精品一香蕉国产线看观看 | 最新国产精品拍自在线播放| 国内久久视频| 好看不卡的中文字幕| 国产日韩欧美精品一区| 国产精品女主播| 国产精品理论片在线观看| 欧美先锋影音| 国产精品久久久久久久午夜片| 欧美日韩一区综合| 国产精品久久波多野结衣| 国产精品久久久久久久app| 欧美午夜激情在线| 国产精品啊啊啊| 国产精品你懂的在线| 国产精品久久久久永久免费观看| 欧美午夜a级限制福利片| 国产精品久久久一区麻豆最新章节 | 欧美成年网站| 国产模特精品视频久久久久| 国产精品久久久爽爽爽麻豆色哟哟| 国产精品人人做人人爽人人添| 亚洲黄色成人| 欧美精品日韩三级| 亚洲欧美日韩高清| 国产精品久久久久久久久动漫| 日韩天堂在线观看| 国产精品九色蝌蚪自拍| 亚洲男女自偷自拍图片另类| 国产精品va在线播放我和闺蜜| 亚洲国产成人精品女人久久久| 中日韩美女免费视频网站在线观看| 136国产福利精品导航网址| 亚洲愉拍自拍另类高清精品| 亚洲欧美国产视频| 久久国产精品99国产精| 女生裸体视频一区二区三区| 欧美日韩高清一区| 国产午夜精品美女视频明星a级| 在线观看91精品国产入口| 99精品欧美一区二区三区| 欧美一区二区黄| 欧美国产乱视频| 国产视频不卡| 9国产精品视频| 久久精品欧美| 国产精品久久久久天堂| 亚洲第一中文字幕| 亚洲欧美日韩人成在线播放| 免费观看一区| 国产一区二区三区不卡在线观看| 91久久精品美女| 午夜欧美精品| 欧美午夜免费电影| 亚洲人成在线观看| 久久久精彩视频| 国产精品视频一二| 99精品视频一区| 欧美a级片一区| 一区二区三区在线免费观看| 亚洲欧美一区二区三区久久| 欧美激情综合色综合啪啪| 在线观看亚洲a| 久久激情五月丁香伊人| 国产精品久久久久久久久免费 | 欧美成人精品| 国产亚洲午夜| 久久av二区| 国产色综合网| 欧美伊人精品成人久久综合97| 欧美体内she精视频| 日韩视频不卡中文| 欧美精品在线视频| 日韩亚洲国产精品| 欧美日本国产视频| 亚洲深夜福利| 国产精品一卡| 久久国产精品99国产精| 国内揄拍国内精品久久| 久久久久久尹人网香蕉| 精品二区久久| 欧美高清视频在线| 一本色道久久88亚洲综合88| 欧美日韩精品综合| 亚洲一区日韩| 国产亚洲综合在线| 老司机免费视频久久| 亚洲国产精品va在线看黑人动漫| 欧美精品久久一区| 99国内精品久久| 国产精品视频| 久久亚洲高清| 亚洲精品五月天| 国产精品久久97| 久久露脸国产精品| 99re6热在线精品视频播放速度| 国产精品成人一区二区网站软件 | 欧美日韩在线播| 欧美一级理论片| 在线观看久久av| 欧美手机在线| 久久久久久97三级| 亚洲精品日韩一| 国产香蕉久久精品综合网| 母乳一区在线观看| 欧美一区国产二区| 亚洲精品综合精品自拍| 国产精品综合不卡av| 蜜桃av综合| 香蕉久久夜色精品国产使用方法| 尤妮丝一区二区裸体视频| 欧美三级网页| 麻豆成人在线观看| 亚洲一区三区视频在线观看| 在线成人av网站| 国产日韩欧美一区二区| 欧美日韩国产高清| 久久欧美中文字幕| 亚洲尤物在线| 亚洲精品美女91| 国产尤物精品| 国产精品国产| 欧美日韩ab| 牛夜精品久久久久久久99黑人| 亚洲欧洲99久久| 亚洲调教视频在线观看| 最新亚洲视频| 在线观看亚洲视频啊啊啊啊| 国产综合精品| 国产三区精品| 国产精品午夜电影| 国产精品电影在线观看| 欧美日韩免费视频| 欧美成人午夜免费视在线看片| 久久精品99无色码中文字幕| 亚洲一区中文| 亚洲欧美国产高清va在线播| 99精品欧美一区二区三区 | 牛人盗摄一区二区三区视频| 欧美中文在线观看| 欧美在线免费观看视频| 亚洲综合国产| 亚洲欧美综合另类中字| 在线综合亚洲| 亚洲在线网站| 午夜精品99久久免费| 亚洲免费一在线| 亚洲午夜一二三区视频| 一区二区三区欧美成人| 亚洲婷婷国产精品电影人久久| 日韩图片一区| 亚洲影院在线| 久久av老司机精品网站导航| 欧美在线视频一区二区| 欧美在线免费视频| 久久久久一区二区三区四区| 久久久噜久噜久久综合| 免费看av成人| 欧美精品成人| 国产精品久久久久久久久果冻传媒| 国产精品毛片| 好男人免费精品视频| 亚洲区国产区| 亚洲午夜精品一区二区三区他趣| 午夜精品免费| 裸体一区二区三区| 欧美日韩视频专区在线播放| 欧美视频一区二区三区| 国产视频精品va久久久久久| 一区二区视频免费完整版观看| 亚洲国产精品悠悠久久琪琪| 一区二区成人精品| 久久精品国产在热久久 | 99国产精品久久| 欧美一区二区国产| 欧美激情1区2区| 国产一区美女|