本文由不二素魚湯(演界網ID:不魚子)授權發布
不二素魚湯: 小名不二,大名保密。懂點設計,有點想法,出沒于凌晨。一只午夜飛行的醫藥喵,信息可視化設計人,業余動畫與平面設計愛好者。專注簡約風格良久,致力于為客戶提供精致實用而不失獨特設計感的演示工具。
擼了一晚上的作品,網上搜資料參考了前人思想,做了初步的總結,很多內容有想法但沒時間寫出來,留待有時間再弄~
新教程集合第一篇,作為一個佛弟子,取了個略禪意的名字,《不二法門》
在蘋果、谷歌等科技大佬重歸了點、線、面此類基礎視覺設計元素后,簡潔質樸的風格如一夜春風,從北歐一直吹過日本,輕拂過遠在印度的禪師,
在天朝刮起一陣龍卷風~
留白
無簡潔,不設計
有一個詞
是所有設計師都推崇標榜的
簡潔
簡潔設計的根本特點是什么? 其設計有“道”可循么? 移植于PPT又該怎樣應用?
有件事是必要的,先取個名字裝裝逼。
我們從另一詞切入,說說簡潔質樸風格的設計法門。
在一幅設計成熟,邏輯合理的演示畫面中,每一個像素都屬價值奇高的不動產。
留白留下的是一片廣闊的內容而非空白
一個頁面不能加載過多的內容
PPT背景對于演示效果影響巨大
負空間是作為審美不可或缺的一部分
設計在于讓受眾更好地接收內容
在平面設計中,在哪里留白顯得極為重要。它處于視覺審美的需要,更肩負重要角色,即在視覺審美與引導用戶之間達成完美平衡。
在頁面中,兩塊較大內容元素之間的空間,這類留白能吸引并引導用戶的視線移動
當運用得當,就能引導用戶的視線去注意那些你想突顯的元素
水杯的分離結構演示圖。三構件之間兩處景深留白,將元素分離,視線順著留白,由中央向左右掃描,多次往復,結構的精致之美即出。
元素隔離,提高清晰度
在兩個較小的內容元素之間的空間,諸如一個文字,或一行文字,列表,圖標等,
恰當的留白也能讓這些元素更加易于辨認。
間隔位置的背景留白,令六文字元素在空間上彼此分離,產生了一種很獨特的味道
構圖秘籍,烘托主題
對于絕大多數極具視覺美感的大圖,畫面的留白,對于觀看者對畫面美的理解起到了促進作用。簡單地說,合理留白的圖片更容易體現出美感。
畫面以琴師為題,借山水風格展現出國風的獨特韻味,四周灰色的大面積留白,再輔以迷蒙煙霧,皎月點睛,意境頓出。
視覺審美,體現品位
豐富的留白將為你的PPT畫面灌注一種精致優雅的氛圍。
暗色系始終是氣質優雅必選配色,這幅圖以低面體元素襯托,前景使用簡潔英文,背景深邃難測。
格調高雅大方不失設計感。
此圖畫面簡潔成熟穩重,留白位置在于鏡頭焦點,前景筆記本做到了干凈整潔,背景鍵盤虛化處理,整個攝影圖毫無突兀的元素,對于后期頁面設計與文字排版大有裨益。
相當獨特的版式,純色壓暗背景,不規則色塊的靈活運用,給畫面增添活力同時不失高雅。
構圖時怎樣留白
在技法層面解決設計面臨的繁雜,使之歸于本質,我們可以從三個方面入手
留白的區域很好發揮了聚集注意力的作用,而設計也就似乎看上去不可思議的簡潔起來
圖片式頁面設計最忌諱色彩花哨與元素繁雜,背景簡潔也是留白的追求之一,此設計做到了前景與后景的有效分離,色塊和線條元素運用讓整個畫面變得豐滿,具有空間感的背景圖為整個頁面提色不少,文字分層處理更顯專業。
純標題頁面設計,雙色畫面,暗藍色背景配上細線條設計字體,雖然未做太過細節修飾,但畫面和諧唯美,頂欄的白色色塊另有提色作用。
黑白色系設計師最考驗設計師的設計格調,這個作品文字部分,以不同的灰度做分層處理,使畫面焦點聚集在特別設計的純白字體標志,背景做了粒子設計,細節處彰顯水平。
和風設計,以灰白背景定調,簡單的兩個實物元素整體提神,最后文字混合排版突出主題,此類設計寂靜高雅,簡約而不簡單
字符間距影響文字的可識讀性,正文間距值過小會造成識別困難,過大則顯松散,以方正正纖黑簡體為例,間距默認值在大面積文字使用時視覺上略微擁擠,可適度增加一磅值。
在特定場景,大間距可以是一種增強設計感的有效方式,修飾性英文對于字符間距無太大限制,可邊調整參數邊觀察驗證,只需保證整體和諧、邊角對齊即可。
適度的行距可以有效增加文字辨識性,避免整個畫面的臃腫與過飽和,系統默認行距對于有大容量文字的場景不是太適用,經試驗,正文部分文字使用1.1-1.3倍行距效果最佳。
中央英文文字目測是1.5倍左右行距,大間距的設置能分散注意力,保證紅色標志始終處于視線焦點
當文字小而成行,視覺上就形成了“線”,而圖標為“點”,人們的閱讀習慣使成行的文字具有向右擴張的趨勢,所以在安排頁面元素時,不僅要考慮元素之間的空間關系,還要考慮元素布置后帶來的“勢”的問題,為視覺的延伸留下空間。
這幅圖設計亮點有三處,線條與點的設計賦予設計活力,圖標與矩形塊的運用鑄就靈魂,藍色色塊點睛作為全圖焦點所在
這張圖色塊的運用相當成功,黑白灰作為白搭色可與各種顏色搭配,再增加畫面的細節,畫面感極其吸引眼球。
同樣成功的案例,多色色調加上基礎圖形的大小混搭,動感十足,此類設計首推演界網【演示之家】作品
一個頁面上沒有充分的、刻意的留白,就無法讓用戶輕松閱讀、無法讓信息有效傳遞,也就不是一個好設計。空白的存在是為了突出畫面的層次。