頁面設計中的層次感

2021-08-23 11:59:01 字數 972 閱讀 7873

這段時間我一直在說設計需要有層次感,這種層次感可能有很多態別,比如色彩的層次感,或是元素的層次感。當乙個設計缺乏層次感的時候頁面所表現出來的無非是兩種可能,一種是單調,一種是花哨。在設計中我們常常陷於對於某一種色彩或是某一種效果的偏愛,而這種情況會使我們的設計缺乏長久的生命力。並且我們自己在審美上會侷限於對這種偏愛的執著從而影響我們的進步。而這種偏執也常會導致我們的設計缺乏層次感。

那麼層次感通常表現在什麼地方呢?在以前寫的《色彩解答》系列中第一篇就講過關於色彩的層次,在那篇文中有講到用「黑、白、灰」去分析色彩的層次。我們在設計的時候可能會使用一種色彩把整個**做出來,結果發現這單一的色彩做出來的效果讓我們的**變得很單調,很土氣。有時就算是多用了色彩也一樣的土氣,**使用的色彩並沒有層次感,也沒有對比。都處在相似的灰度上,所以**看起來就灰頭土臉的。當然我們還可以使用高對比純色塊來做設計,(南韓的**有很多都是這種手法)這種手法有討巧的地方,因為相對來說比較簡單,但是同樣也比較容易被抄襲。但這樣的設計缺乏生命力,作為一種風潮,也有點像是快餐,誰都能複製得了。不需要任何的文化作為基墊。當然並不是說這種手法就真的一無是處,這種只能作為一種手法來應用,不能當作是萬用靈藥到處使。

我們看到ibm的設計色彩並不多,但是層次感就卻是有了。他這裡有黑色、淡藍色、白色、其中黑色與淡藍色之間的對比較為吸引眼球。並且我們發現黑色是純黑、而淺藍色卻是屬於高亮的那種。這種強對比對人的視覺是有一定吸引力的。並且黑白灰三者都有了。加上三者之間的比例並非均等的。而我們在設計的時候通常會使用一些灰度相近的色彩放在一起,並且飽和度也不高,所以最後出來的作品只能是灰頭土臉。這樣的**我就不找例子了,找誰的來說誰也不開心。當然也包括我自己。呵呵,大家可以去我的作品集去找找,一定有那種灰頭土臉的東西。

另外我們還可以看到ibm這次新的設計比原來的設計更有立體感,這就是我上面所說的元素層次。這種層次感拉開了瀏覽者的視覺深度,使得我們的網頁不再平面。雖然也不是3d的效果,但是我相信2d的效果必然會成為網頁設計的乙個新的趨勢。通過2d模擬出視覺立體感,會使得網頁設計更有張力,內容也更為豐富。

文件啊,最重要的還是層次感

親愛的姑娘,我的血為你流,汗為你流,我的淚也為你流,還有,還有我所有其他的一切也都為你流 大家不要慌,你沒走錯地方,這是我青春時期最喜愛的作家馮唐。馮唐有很多標籤,協和醫學博士 托福滿分 emory mba 麥肯錫合夥人 華潤醫藥ceo 中信資本董事總經理等等。為什麼講寫作技巧時要談馮唐呢?記得馮唐...

UI設計培訓必學,提公升視覺層次感小技巧!

對於ui設計師而言,作品的視覺性非常重要,讓自己的作品在實際設計上更有層次感是考驗ui設計師水平的標準之一。下面,分享五個關於視覺設計層次結構更豐富的技巧。1 按大小順序排列你的標題 副標題和正文 這些元素是印刷派對的三劍客。從最大到最小,這些內容文字應該以自然漸進的順序閱讀。你的標題是你的讀者會注...

POJ題目分類推薦 (很好很有層次感)

一.基本演算法 列舉.poj 1753 poj 2965 貪心 poj 1328 poj 2109 poj 2586 遞迴和分治法.遞推.構造法.poj 3295 模擬法.poj 1068 poj 2632 poj 1573 poj 2993 poj 2996 二.圖演算法 圖的深度優先遍歷和廣度優...