漸變是設計師手法中最簡單的裝飾之一,也是移動端APP背景設計常用的設計技巧。
iOS7和iOS8,也帶我們重新認識了漸變色彩在APP界面設計和APP圖標當中,應用的淋漓盡致。
移動端APP背景的漸變效果,關鍵就取決于色彩的選用和整體風格。
app漸變效果
上圖當中的移動APP界面設計的漸變效果的點評:
組織良好、清晰易讀的磁貼布局,起了重要作用,它們通過柔滑的顏色差異來精確指向各分類。設計師使用了久經(jīng)考驗的端莊藍白色組合。
不知道大家有沒有看過micu一些關于色彩搭配的文章:
它里面有一篇文章提到:
在移動UI界面中的可以運用相似性與來進行色彩呼應,這樣的畫面更有節(jié)奏感和舒適性。運用顏色漸變穿插,讓界面平衡在一個頻率上。
色彩漸變搭配非常嚴謹和有節(jié)奏感。
大家肯定也會問,我是初學者,如何來搭配這樣的互補色呢?
很簡單。大家可以打開25學堂之前介紹過的一個非常棒的色彩網(wǎng)站,只要找到你想要的幾個色彩(一般是2-3個位最佳選擇),采用設計工具漸變效果即可得出我們想要的漂亮的移動端APP背景的漸變效果。
APP色彩酷站推薦:colrd.com
colrd.com可以說是優(yōu)秀APP設計配色靈感來源之地。下圖是來自colrd.com網(wǎng)站的一個經(jīng)典案例。
采用是平滑溫和的霓虹色漸變,配合近乎發(fā)光的淺色文字和簡單易懂的字體,并通常伴隨著低透明度的半透明層。如此細膩的結(jié)合很自然地能給任何UI增加一分精致和微妙。
如小米miui和魅族手機的系統(tǒng)界面、包括ios7系統(tǒng)的蘋果手機都是采用的這樣漸變設計技巧。
移動品牌設計
極簡的屏幕元素只包含必須的信息,通過優(yōu)雅的淺色文字實現(xiàn),精妙的陰影和半透明條作為強調(diào)。
app設計師借鑒了破曉天空的漸變色,用非凡的潑濺手法來展現(xiàn)。背景為白色的圖形和文字提供了堅實的底色,很好地突出強調(diào)了它們。
最后:移動端APP背景的漸變效果的功能特別強大,高明的app設計師可以設計出非常出色的作品。
今天,25學堂只是跟大家淺談了2個方面的運用。算是冰山一角吧!更寬廣的移動端APP背景的漸變技巧,得大家去探索和挖掘出來。也希望大家看完這個也有所收獲。