7大原則讓列表頁面更好看

@ 列表,很普通和設計元素了,就是這簡單又普通的列表卻困惱了無數設計師。讓設計師又愛又恨,怎么樣才可以更好地展示它們呢?

 

先來看看列表設計的形式吧,常用的列表設計的分類如下:

  • 普通常規列表

  • 圖文列表

  • 標文列表

  • 瀑布式

  • 時間軸

  • 卡片式

  • 輪播

  • 泳道

  • 宮格

 

根據不同內容和需求選擇不同的形式布局。

那怎么才能讓我們的列表更加好看呢?難題?no~no~no~no~~~

 

 

讓7大原則幫你順利解決這個問題吧!

1:空白空,關系疏密,分

空白空間的重要性是不言而喻的,字體元素之間的空間關系是很微妙,需要巧妙地處理。雖然列表沒有像構成那樣需要富有表現力,但是咱還是不能忽視它。緊湊的或者疏離寬松的,張力的或者安靜的…好的留白是一種升華。

 

2齊齊齊齊齊齊…….

左對齊,右對齊,居中對齊,兩邊對齊,根據元素來選擇文字對齊方式。邊距、間距統一對齊。無規矩不成方圓嘛~~只有在規整的情況下,才能更加精細,經得起推敲。

 

3:你粗我,大小不均,長短不一

對比在字體上的運用,很重要哦。巨大的字號讓信息更加醒目,大小的元素組合更有節奏。

 

4:色,色,色,就是

明亮的色彩讓言語更“響亮”,你想表達什么,你想突出什么,色彩精彩讓人印象更深刻。

 

5層層疊疊,不迷糊

一些列表的設計是需要層次的,區分并突出層次關系,讓內容更加分明。

 

6:虛虛實實,在前

若隱若現讓主體更實更近,卡片以及按鈕的虛虛陰影,讓他們突出,與其他的元素形成空間感,浮于上層;加上動效,體驗感更佳。

 

原則7:美圖相配,更神氣

美圖相配,想不好都難。 除了設計細節的精美外,圖片也需要賞心悅目的,高大上的感覺不能配個俗不可耐的圖吧,適合的圖,很重要,可以說是點睛之筆了。往往首先吸引人的就是美美的圖。

總結

簡單的列表也可以美美的,設計需要嘗試各種的形式來表現。請不惜一遍遍的推翻自己的設計,破而立!成功就在眼前!

通關不是那么容易的,開竅也不是一點就通,大家自己覺悟吧~~~

(文章配圖來自網絡,拿來主義了,各位大大見諒)


來源:學UI網


上一篇: 騰訊體驗設計師告知!全民K歌房是如何設計出來的?

下一篇: 《Lit the Torch》解密游戲Icon[教程]

分享到: 更多
pk10苹果手机软件下载中心 北京pk10冠亚和值走势 来几局百人牛牛有规律不 8码倍投 北京pk10高手赌法 长期 北京pk赛车10开奖纪录 快乐时时走势图 快速时时计算方法 极速时时计划软件 快速时时走势图 云南时时历史开奖结果 极速pk10免费计划软件 秒速赛车的漏洞是什么 超级大乐透 时时彩稳赚不赔的投注方法 三D胆拖价格表