設計作品 ? 簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

發表于: 設計作品. 評論
Sponsor

前言:作品不一定用復雜的效果才能突出畫面,重點是你如何去創新,比如今天分享的描邊和疊加風格大家也許用過。但如何運用才能讓UI更出彩呢?下面我們分享一些案例讓大家更好的理解這兩種設計風格。

一、疊加風格

疊加風格,大意就是元素與元素進行疊加組合,形成一種新的排版方式。疊加風格做出來的設計:版式層次豐富有縱深感、排版大膽不拘一格、打破了常規枯燥的排版。這樣的疊加排版,讓人產生更多的思考與聯想。

簡單的描邊和疊加風格,也能讓UI更出彩

文字與幾何元素疊加,在版式中打破了寧靜感,元素之間起了沖突。正是這種不拘一格的沖突關系,畫面視覺沖擊力就起來了。

簡單的描邊和疊加風格,也能讓UI更出彩

疊加風格目前常用的組合方式有:圖文疊加、圖片與圖片疊加、空間疊加,下面我們來看看他們呈現的視覺樣式。

#1. 圖文疊加

圖片與文字元素進行疊加排版,它們之間有兩種可能、文字在下面或者文字在上面。疊加風格在UI中使用,頁面的雜志感會更強一些,推薦大家做設計時嘗試下。

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

#2. 圖片與圖片疊加

圖片與圖片疊加組合版式,一般有一張圖片作為大背景,另外一個則是主要視覺焦點,所以大家搞清楚這個關系,就很好處理這種風格了。這種的疊加排版也適合應用在作品集的包裝上。

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

#3. 空間疊加

空間疊加,在一個具有空間感的場景中,元素之間進行疊加組合排版。這個空間可以是虛擬創建的空間也可以是真實自然環境。如果你在嘗試概念探索,嘗試下這種風格也未嘗不可。

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

輪廓化描邊風格

輪廓化描邊,在排版中將文字進行輪廓化描邊后使用,視覺上又多了幾分細節。描邊風格最大特點:虛實結合、線條感。正是因為這樣,所以被很多設計師應用。

簡單的描邊和疊加風格,也能讓UI更出彩

輪廓化描邊風格目前主流有兩種形式:純輪廓化描邊和虛實集合的描邊組合,下面我們來看看這兩種視覺的具體應用。

#1. 純輪廓化描邊

輪廓化描邊風格,滿滿的線條感,適合應用在不作為主要信息的排版中,這種形式適合作為輔助性排版使用,增強設計細節。

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

#2. 虛實集合

虛實集合的大意是,輪廓化描邊文字與填充文字組合排版,這種版式細節和層次上更豐富,在作品集封面中出現多一些。

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

簡單的描邊和疊加風格,也能讓UI更出彩

感謝閱讀!

作者 | 功夫UX
來源 | 功夫UX (ID:UX-Talk)

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }