扁平化意義及特點

2021-10-03 06:02:19 字數 667 閱讀 3609

1、扁平化設計的核心:① 拒絕特效(如陰影、透視、紋理、漸變)

② 能做出3d效果的技法一律不用

③ 邊界乾淨利落(沒有任何羽化、漸變)

④ 簡單直接傳遞資訊,減少認知障礙

⑤ 沒有多餘的效果,提高的**的開啟速度

2、極簡風格:用簡單的元素來展現內容、簡單卻不簡陋(更少的文字,更精準的排版)

3、扁平化設計可使用多達八種顏色

4、版扁平化:① 長投影、折角

② 大背景 (蒙上一層蒙版加上白色字型)

③ 千萬不要為了扁平而扁平

④ 對比鮮明:通過鮮明的顏色對比,能迅速抓住使用者的眼球,讓設計師的意

圖表現的更加明確大(膽豐富且明亮的配色風格)

扁平化設計後,**資訊依然組織有效

內容過載,資訊量大,需要整潔、有序的設計風格時。

當你需要收束一下頁面中過於自由、散漫的設計元素時。

一些具有進步精神的行業;諸如數碼界和科技界就適合,而兒童站點不適合。

不要採用扁平化:面向使用者無法接受扁平化這麼新潮的風格

扁平化對你的設計沒什麼提高。如果你的頁面本來就高效整潔,又何

必多此一舉?

基於本能層的設計,需要對觀眾產生情緒作用。

**高度依賴視覺、互動元素,這時扁平化設計會起到限制作用。

陣列扁平化

原陣列 const arr 1,2,3,4 5,6,7,8 9 希望輸出 1,2,3,4,5,6,7,8,9 方法一 遞迴 function arrdelayering arr else return newarr let newarr arrdelayering arr 1,2,3,4,5,6,7...

陣列扁平化

今天看到了陣列扁平化處理,猶記得之前面試被問到過,下面介紹一下陣列扁平化處理的幾種形式 題目要求 將陣列 arr 1,2,3,4,5,6,7,8,9 轉化為 1,2,3,4,5,6,7,8,9 1 遞迴 var arr 1,2,3,4,5,6,7,8,9 方法一 遞迴 function flatfu...

扁平化陣列

第一次遇到陣列扁平化已經是在3k遊戲的筆試題裡,當時是用了遞迴的方法。因為對一些陣列方法,字串方法十分的不熟練 扁平化陣列的核心都是,遍歷陣列元素,遇到陣列就拆,不是陣列就加進去。var arr 1,2,3,4,5 console.log bianpinghua arr tostring split...