扁平化設計的8個實用小技巧

2021-02-24 IXDC

來源:優設

作者:正越升

方興未艾,扁平化仍是主流設計風格。今天總結了扁平化設計的8個小技巧,字體、圖標、排版、配色等都有提及,教程深入淺出,非常適合新手,學會可以直接拿來作海報和PPT設計。

此處所談的扁平化指的是一個大的概念,將後面衍生出來所謂的「似扁平化」也包含進來。

關於高光、漸變和投影。

網上所說扁平化風的三大要素:去高光、去漸變、去陰影。這麼說是有點絕對了,我認為應該是去掉過渡式高光、過渡式漸變、過渡式陰影。在這篇文章裡,扁平化高光、階梯式漸變以及所謂的長投影是允許的。

使用扁平化圖標。

使用有明確含義的圖標可以讓你的設計不那麼單調並且耐看。

在這裡推薦兩個網站:

www.easyicon.net

www.iconfinder.com

色塊的形狀和顏色

色塊在扁平化設計中佔據著很重要的地位,幾乎我們看到的所有扁平化設計都離不開色塊。

關於色塊的形狀,基礎形狀有圓形、三角形、四邊形、五邊形以及六邊形,注意不要用超過六條邊的形狀,這樣人們就會開始數形狀的邊數而忽略掉你要傳達的信息。

有的人在扁平化設計中更喜歡使用帶有圓角的基礎形狀。

關於色塊的顏色,並沒有特別的要求,但是我個人更加喜歡使用不那麼鮮豔刺眼的顏色,使用溫和、飽和度不高的顏色更對我胃口。

在扁平化設計中,如果我追求可靠、穩定、安全、平靜的風格,那麼我會選擇一種主色以及與主色同色系的四五種輔色,如果我追求活潑、青春、充滿生命力的風格,那麼我選擇的輔色就和主色便是完全不同色系。

扁平化設計中,黑白以及不同程度的灰很重要,因為它們白百搭,所以在你不知道該用什麼顏色的時候,黑白灰也許是不錯的選擇。

色塊的組合

除了基礎的形狀之外,你可以由基礎形狀衍生出更多的組合形狀。但是我建議不要超過三種不同的基礎形狀組合,這樣會讓你的設計脫離扁平化簡約的初衷。

字體的選擇

請選擇無襯線體,常用的中文無襯線體有微軟雅黑、黑體、幼圓、張海山銳楷體、方正智藝體等。

注重排版。

扁平化設計中尤其要注意排版,在這裡再次祭出設計的四大原則:

對齊、親密性、重複、對比。在你放好一個色塊或者文字後,請務必檢查一下是否滿足以上四條準則。

注意,色塊裡面放置文字的時候,要留出呼吸空間。

圖片的使用。

扁平化設計中如果要用到圖片,常見的處理方法有三種:

使用不同色塊組合做出偽立體感。

這是所謂「似扁平化」的部分,但是它仍然能給我們的設計帶來一種簡約而不失美感的感覺,因此我在這裡也歸併起來總結一下。像我們之前很火的lowpoly以及長投影設計都屬於這一類。

最常見的手段是使用不同飽和度的色塊打造偽光影效果,來給人立體感。

最後,無論如何,請記住扁平化的核心就是簡潔。

規則是用來打破的,但在打破規則之前,你需要知道規則是什麼。無論是設計的四大原則還是扁平化的這幾條tips,都不是不可挑戰不可違逆的,你可以大膽跳出這些規則,創新需要如此,但是在此之前,掌握這些規則是必須的。

當前,美國等歐洲國家都正以服務經濟為基礎,大規模開展體驗經濟。用戶體驗行業經歷著快速發展與變革,用戶體驗設計也變得越來越重要。

Apple、 Google、Facebook等創新企業能坐擁百億美元的身價,其主要資產不是技術,而是最好的用戶體驗服務和最優秀的用戶體驗設計,Good Design=Good Business!

IXDC連續舉辦了四屆美國體驗創新商務考察,攜手國內知名網際網路、設計、科技創新機構深入全球最知名網際網路、科技企業、設計機構、孵化器等考察交流,一探成功奧秘。

今年,IXDC&meia.me&貝塔空間創始人、資深網際網路產品專家胡曉,將以導師身份陪你一同踏上企業創新轉型探索之路。

掃一掃進入美國考察

時間:2016.01.07-01.18

報名截止:2015.12.20

名額僅25席,快來報名

相關焦點

  • 8個簡單實用的PPT封面設計小技巧,你總會用得到!
    我們都知道,PPT封面是受眾欣賞演示的第一個畫面,評判一份好的幻燈片必須是它的封面,封面是你給受眾的第一印象,如果你的PPT封面不吸引人,後面的內容就很難吸引觀眾的目光了,所以PPT的封面的設計真的很重要!直接關乎別人對你的第一印象哦!8個簡單實用的PPT封面設計小技巧,送給正在為PPT封面發愁的你。
  • 8個Excel實用小技巧,幫助你解放雙手
    我們都知道使用快捷鍵可以大大提高工作效率,所以今天小編就分享給大家一些實用的Excel快捷操作。
  • PPT封面設計的25個小技巧,知道60%以上的,絕對是「王者」段位!
    ,今天給大家推薦一篇封面設計文章,文章中介紹了PPT封面設計的25個小技巧,適用於任何類型的PPT封面設計,建議大家收藏起來,以解燃眉之急。我們來看看,一份好的PPT封面都有哪些設計方法~案例一標題:全民健身季暨杭州市單車騎行比賽舉辦單位:利兄日誌匯報人:利兄封面設計案例:1、利用小色塊的技巧2、
  • 如何建立扁平化組織
    通過這種方法,他把Gumroad改造成了使用扁平化組織結構的最成功的創業公司之一。「坦白的說,在剛開始的時候,我根本不知道應該採用哪種方式管理公司」,Lavingia說到。「我們聘用的第一個員工,自我約束能力很強,能自動自發的完成工作。於是,最早加入公司的幾個員工成為了後進者的榜樣,我們以此奠定了公司的風格。隨著扁平化組織結構的逐漸定型,我們開始為它感到興奮和激動。」
  • 這 8 個超實用的Word小技巧,一打開就能漲知識!
    不過雖然有很高的使用頻率,但卻很少有人願意花時間去研究Word的使用技巧。不就是編個文字,有什麼技巧?大多數人都是這種想法,其實花一點點時間去了解一下Word的使用小技巧,可以讓我們在工作中節省很多時間。今天就為小夥伴們分享幾個Word小技巧,讓你工作起來,如有神助。使用Word的時,經常碰到標點符號出現在行首,不僅不美觀,也不符合排版要求。
  • 漲姿勢|扁平化組織知多少 —職場者應該知道的那些事兒
    扁平化的浪潮似乎在一夜之間席捲各行各業,當提到這個時髦的詞「扁平化」,你首先想到的是什麼?是扁平化設計? 扁平化設計是設計中的一種現代簡約風格,它強調使用最少的元素,並排斥使用其他一切複雜的效果,如漸變、陰影、紋理等,它於2008年由Google提出,在近年的設計中被廣泛運用。
  • 職場丨5個超級實用的Windows10隱藏小技巧!
    其實,Win10還是很好用的,因為它有很多隱藏的小技巧,非常實用快捷,能讓我們工作更加省力。今天就給大家分享幾個隱藏小功能吧!圖片批量命名工作時難免會有處理一大堆圖片的時候。一般相機拍的照片都是有編號的,方便處理。但如果是從網上或微信下載的圖片,通常就是一大堆亂碼。圖片太多一個一個重命名太麻煩,不重新命名又不好看,如何處理呢?
  • 菜單設計的6個實用小技巧,不知不覺幫餐廳多賺錢
    但是懂得菜單價值的餐飲老闆都會花大心思在菜單設計上,甚至找專門的菜單設計公司。有人問,一份簡單的菜單 值得花那麼多心思嗎?殊不知,一張薄薄的菜單裡,也藏著大學問。把這裡面的道道弄清楚了,餐飲店的經營水平勢必會上一個臺階。下面,筆者就和大家分享幾個菜單設計的「小心機」,讓菜單在不知不覺中幫你多賺錢。
  • PPT封面設計的25個小技巧~
    hello,大家好,我是利兄~2019年上半年快要過去了,利兄對之前做的PPT封面進行了一個整理,製作了這份PPT封面設計手冊
  • 7個實用小技巧,還不會的打屁屁
    小夥伴們好啊,今天老祝給大家分享一組實用的Excel小技巧,點滴積累,也能提高工作效率。
  • 我用了半小時,學會了36個PPT小技巧.
    所以本周的福利,是暢銷書《 PPT 設計原理》的作者、在線 PPT 課程播放量超 3000 萬,擁有三年培訓行業一線教學和實踐經驗的 PPT 設計師雅客老師,為大家錄製了《 36 個提升 PPT 水平的小技巧》的課程。
  • 這8個Excel頁面設置小技巧,讓你的列印操作效率翻10倍!
    Skill成長學院精品推薦作者:文/芒種學院@指北針(ID:lazy_info)編輯:解題寶寶 EXCEL  ·  列印  ·  小技巧那麼Excel文檔列印究竟有什麼值得學習的高效技巧呢?先來測測下面這些你都中了幾個?
  • 牢記這4個技巧,PPT封面製作不發愁!
    所以,今天我教大家4個技巧,不用圖片快速搞定高顏值的PPT封面。01  深色背景雖然沒有圖片般華麗,但其實純色背景是不錯的,尤其是黑色。輕微的疊字設計也會給PPT加分~同樣,給文字換個時尚的漸變色,簡單且實用的選擇。
  • 今日學習分享→PPT封面設計技巧
    今天,小鎖學習了一些PPT封面設計技巧,所以分享給大家!大神勿噴!當今我們看PPT封面,背景效果被弱化、扁平化設計和自定義動畫異彩紛呈!PPT封面的設計不僅要契合演示內容的主題,也更需要起到引導整個演示文稿設計的作用。這才是真正的PPT封面設計!所以今天小鎖要分享的就是如何簡單而有內涵地製作出優質的PPT封面,喜歡大家喜歡!
  • 4個簡單實用的小技巧你一定要會!
    很心疼他的鍵盤……在做資料表格時,知道一點小技巧今天就分享 4 個簡單得不得了,卻很多人都不知道的小技巧吧。想調節對齊位置?用縮進!配合【Ctrl】鍵、【Shift】鍵,選中多個單元格區域,直接點一下縮進按鈕,可以一鍵搞定。以後不要再敲空格啦。
  • 史上最快的10個Excel實用技巧,一秒搞定Excel
    今天分享10個速度超快的excel小技巧,簡單實用!
  • 5個關於Excel序號的小技巧,一個比一個實用~
    新技能Get,快去試試吧,更多Excel實用小技巧可以在HR便利店菜單欄「好物推薦」-「軟體技巧匯總」裡找到~- End -
  • 8個SUMIF高頻率小技巧,輕鬆讓你的Excel變得超高效率!
    先來做一個簡單的測試,看下你了解了幾個呢?如何忽略錯誤值進行條件求和?多維不規則表如何條件求和?如何模糊匹配進行條件求和?各記錄最後一條數據如何進行條件求和?是不是發現如此簡單的SUMIF函數都可以有這麼多的玩法,並且很多實用場景都是非常高頻的,最重要的是怎麼使用都不熟悉!
  • 這8個Word文字處理技巧一定要學會!
    8個讓工作效率up,up再up的Word文字處理技巧,分享給各位叨友們,希望你們能夠喜歡哦!01英文文檔讀不懂怎麼破?閱讀英文文檔時,最煩惱的事情就是遇到不認識的單詞,總要複製-粘貼-在線翻譯,如果斷網了,那就真的傻眼了。
  • 七個常用的Excel小技巧,超實用,學會的人都離不開了
    今日分享七個日常工作中常用的Excel小技巧,超實用,學會的人都離不開了,同時又簡單易學,看看就能會。同時查看兩個工作表方法:【視圖】-【新建窗口】;【視圖】-【全部重排】,打開【重排窗口】對話框,選擇【排列方式】中的【垂直並排】並【確定】。