遮前掩后:通過畫面相關元素之間的遮擋,產生一定空間感。
以小見大:利用近大遠小、近疏遠密的基本透視原理,使得觀看者對平面景物圖形產生空間意識感和立體凹凸感。
山重水復:利用近大遠小的物理規律,再加上元素的無限重復來形成強烈的空間感。
冰厚三尺:通過給元素添加厚度來增強元素的立體感,從而提升真實感和空間感。
一、如何提升界面的空間感1、遮前掩后
設計時為了保證信息的傳遞,大部分設計師會選擇將文字信息完整的展示出來。通過畫面相關元素之間的遮擋,將文字與圖片更好的結合,從而產生一定的空間感。
2、以小見大
利用近大遠小、近疏遠密的基本透視原理使觀者對平面景物圖形產生空間意識感和立體凹凸感。在平面設計中,元素的面積大小變化越大,空間的縱深感就越強,通過控制元素之間的位置關系,可以使空間看起來平整或者曲折,塑造出表現力豐富的空間感。
3、山重水復
同樣是利用近大遠小的物理規律,不同的是,通過元素的無限重復,將元素按照一定的規律在畫面中排列具有很強的沖擊力形成強烈的空間感,重復的形式也是多種多樣如字體、大小、顏色、形狀、肌理、留白、對齊等等。強烈的空間感讓觀者仿佛在無限的跌落,使用這種版式一定要注意近疏遠密的空間關系,否則會降低畫面可信度。
4、冰厚三尺
(1)人和周圍的物體是三維的存在,但是屏幕是二維的,缺少的那個維度意味著在頁面上的視覺表現要比真實生活的視覺感差。通過給元素添加厚度來增強元素的立體感,展現更多的角度使畫面更加靈動,從而提升真實感和空間感。
(2)最常見的2.5D風格依靠立體元素來營造空間感,可以使整個版面更加穩定和諧。
二、怎么優化NFT界面
1、首先要注意界面頭部的設計,如果過于擁擠的話,會增加用戶獲得信息的成本。我們需要將信息進行歸類分層展示,并且同時在分類標簽中加入圖標,來增加趣味性。
2、然后我們還需要看到我們的拍賣模塊的指示器大小,如果太小大的話,給用戶的滑動感知較弱,我們可以直接將右側的卡片露出來,提升用戶的滑動欲。
3、通常在下方會放置廣告圖,我們需要注意底圖的顏色配合,顏色太過于豐富的話,會看不清文字要點,可以將底圖傾斜,并且加一層與背景色相同的遮罩,來凸顯我們的文字信息,同時別忘了加上cta按鈕。
4、卡片的長度也需要我們來注意,卡片太長的話,會浪費屏幕空間,我們可以縮短卡片,采用一個四宮格的布局來提升屏幕效果和設計感。