很多同學投票想看看設計師的草稿本,今天就來滿足大家了!我們來看看六位淘寶設計師的草稿本們,有些是紙質派,有些是電子黨,Here we go!
草稿本是設計師工作生活必不可少的工具,比起正兒八經的作品集,設計師的草稿本其實也是十分有趣的,它是設計師腦海里千奇百怪想法的隨手記錄。
Shiyu:本人是被脅迫公開草稿本的卑微設計師
手繪裝備:iPad Pro+Procreate
以下是被迫營業現場對話
△ 給「老同學」的公眾號形象草稿
老同學:「好久不見~我記得你畫畫挺好的~幫畫個形象唄~我現在在做一個公眾號,需要*&%¥#……你明白吧?你就簡單畫一畫就好~謝謝啦」
我:「….」
△ 給「朋友」畫的頭像草稿
朋友:「好久不見~我記得你之前幫誰誰畫的那個頭像挺不錯的~也幫我畫一個唄~我現在在做blablabla,需要*&%¥#……你明白吧?很簡單吧~謝謝啦」
我:「….」
Dajing:我的草稿本就是平時畫畫原型圖或者需要做文檔整理規范的時候拿出來畫畫草圖,對我來說我的草稿本是幫我理清思路的一個很好的助手。
手繪裝備:A4點格草稿本+馬克筆
△ 智能配色草稿
△ 中后臺加框草稿
Dajing:里面有當時做中后臺框架的時候導航的原型,還有之前做智能配色的時候HSB色環推演的草圖,還有些文檔維度整理草圖,畫出來方便查看也便于直觀梳理自己的邏輯。
Wanru:畫畫是我記錄生活、尋找靈感的一種方式。
手繪裝備:MUJI筆記本、水彩、鉛筆、馬克筆等等…
△ 沖繩旅行水彩
Wanru:水彩是我最喜歡的繪畫形式,非常浪漫,食物也是我擅長畫的題材。這是在沖繩旅行時的第一頓晚餐,新鮮的海鮮和爽口的啤酒也具有明亮的顏色,讓人忍不住想去表達。燒肉店的杯墊被我帶了回來,日本的平面設計做得很好,是很好的素材~
△ 電影小漫畫
用小漫畫記日記的習慣已經很多年了,我是非常喜歡漫威的,這是13年《鋼鐵俠3》上映和兩個朋友看電影的場景。這個場景必須用美漫的風格了!偶爾會嘗試各種畫畫風格。
△ 隨手小速寫
偶爾會畫些小速寫,勾一些人物、小物品、小動物,速寫可以很好地練習造型能力。
Zoey:作為一個熱愛喝奶茶、追番和打手游的肥胖又無助的設計師,感覺累了就在草稿本上放空自己。
手繪裝備:iPad Pro+Procreate & Sketches Pro
△ 記錄日常生活的草稿
Zoey:我很喜歡用草稿本記錄自己的生活(食物為主),喜歡的電影角色也會簡單畫下來。
△ 二次元小畫
作為半個二次元 ,草稿本當然也被滿屏的羞恥占領~ 這兩張草稿是我畫的Persona 5里面的人物,因為我個人真的特別喜歡P5 ,對于自己喜歡的事情即便996也會熬夜畫下去~
他們是“最美逆行者”
前幾天,當大家打開百度首頁時,可能發現了一些小變化:搜索框上方不再是熟悉的紅藍標志,而是展現出了一系列人物形象。
這些人物都是一直奮戰在抗擊新冠肺炎疫情一線的“最美逆行者”——我們想用這樣的方式,向他們致敬。
2月9日-2月10日,致敬抗疫醫護人員
2月11日-2月12日,致敬抗疫志愿者
2月13日-2月14日,致敬抗疫建設者
2月15日-2月16日,致敬抗疫專家組
2月17日-2月18日,致敬抗疫解放軍
當大家點擊這些 Doodle 圖片時,會進入相關的戰“疫”專題內容頁,在這里可以實時了解抗疫英雄的資訊動態。
醫護人員、志愿者、建設者、專家組、解放軍,他們用堅定的信念和堅毅的身軀,為這場戰斗筑起了最堅固的防線,守護著無數人的生命安全。我們向這些英雄致敬!
此前,我們向廣大網友發起了“抗疫英雄系列 Doodle”征集活動,希望各界設計師用手中的畫筆為抗疫英雄們創作特別的百度 Doodle,讓更多人看見疫情中的勇氣與希望。
最終,五組致敬 Doodle 在百度首頁上線。除此之外,我們還收到了26幅來自百度網友投稿的設計作品。謝謝大家的用心創作!
一起來欣賞吧!
蔡依彤
林文煌
劉昱
輕撫淡抹素人妝
相超
蔡依彤
林文煌
麥芽
董一孛
林文煌
劉昱
姚思思
趙會娟
不將就
李小蘭
李鈺
林文煌
孫紅花
陶澤崧
嚴安琪
張晶
馮勝方
高旭
林文煌
楊曉婧
張晶
在這場疫情狙擊戰中,不論是什么角色、什么崗位,都能貢獻自己獨特的力量。而這些精美的 Doodle 設計作品,正向人們傳達了必勝的信心和能量。我們衷心感謝所有設計師的用心創作.
除了通過百度 Doodle 為抗疫工作鼓勁,我們還運用技術的力量,專為疫情防控研發了各種產品和服務,希望為大家帶來實用有效的幫助,為戰“疫”貢獻一份力量。
我們成立了3億元的疫情及公共衛生安全攻堅專項基金,用于支持新型冠狀病毒等新疾病的治愈藥物篩選、研發等一系列抗擊疫情工作。
我們上線了“拒絕野味”的搜索提示,在百度 APP 搜索“蝙蝠”、“果子貍”、“穿山甲”、“豪豬”、“狍子”、“蛇”、“野豬”等關鍵詞時,大家都能看到“不可食用”的警告。
從百度“問醫生”免費在線咨詢,到新冠肺炎智能自測工具;從“疫情小區”地圖,到患者同乘查詢;從免費開放智能外呼平臺,到 AI 體溫檢測落地北京清河火車站……百度一直在行動。
當所有的決心、愛心和信心匯聚在一起,我們知道,陰霾和灰暗一定會被驅散,春暖花開的日子一定會到來。眾志成城,我們共渡難關!
轉自:站酷-百度BMD
隨著電商行業逐漸成熟發展,從幾年前設計盛行的淘寶風到現在的要求高端、品牌化、上檔次,大眾人群的審美也在不斷提升,電商行業進步的同時也帶動著設計行業一同走向成熟。所以在日常的設計工作中,我們也常常會聽到需求方要求:要夠上檔次、高端、有格調。這些比較抽象的要求如何體現在設計中往往是困擾我們的一個棘手的問題。那么本期就和大家一起帶著問題探討,總結一些提升設計作品檔次的實用方法。
配色已經算是老生常談的一個話題了,這里我們暫且不說如何提升,先來看看前幾年淘寶風的海報設計是什么感覺。
如上圖所示,給人的感覺就是雜而亂,配色毫無章法。顯然在當下電商的大環境下,這種相對粗暴的海報在平時會越來越少,轉而要求品牌化、上檔次的越來越多,那么從配色上如何提升作品檔次呢?
1. 暗色調搭配提升作品檔次
為什么說暗色調可以提升設計檔次呢?因為暗色調或者說是低明度的色彩搭配,會在一定程度上減弱其色彩固有的屬性以及因色彩產生的情感,從而使得整個畫面變得相對冷靜、上檔次。用到的色相不宜過多(1-2 種即可),舉個例子:
如圖所示,暗色調搭配給人的感覺很舒服,而且也夠上檔次。通過降低明度的方式弱化大面積顏色固有的情感屬性,讓畫面更冷靜、理性,從而起到提升作品整體檔次和視覺感受。
所以現在很多品牌設計中,暗色調的搭配用到的越來越多,也逐漸被現在的大眾所接受。
需要注意:暗色的搭配方式很容易出現將顏色弱化到色感缺失,導致作品因缺少顏色屬性而太過深沉,甚至乏味,沒有亮點,所以可以適當地使用一些點綴色規避這一現象。切記:弱化顏色屬性并不是要完全摒棄色彩。
2. 干凈的配色提升作品檔次
每種色彩都有其固有的情感屬性,比如:紅色-喜慶、熱鬧;藍色-安全、科技……在非暗色調的情況下,干凈的配色也能起到提升作品檔次的作用。而說到干凈,第一想到的應該就是白色:
如圖所示,同樣和暗色調的作用很相似,白色本身就給人一種干凈、純潔、高冷的感覺,大面積的白色弱化了其他色彩的屬性,所以整體偏白色調也能起到很好的提升作品檔次的作用,且要適當地使用點綴色。
也可以使用偏高明度低飽和度的色彩,這類顏色搭配同樣也是減弱了顏色本身的固有屬性,只是相比黑白灰色調而言,保留的顏色屬性多一些。比如:
如圖所示,當作品色調偏高明度低飽和度時,同樣也能提升作品的檔次。但是前提是顏色要干凈、通透。切記:色相越少越好把控。
注意:配色并不是一成不變的,這里提到的三種配色形式是比較常用的,不管是暗色調、白色還是其他,都要讓作品整體呈現出一種干凈、舒服、通透的視覺感受。
不妨找一些品牌的海報看看,絕大多數的配色形式都符合我們前面所說的,而且即便用到一些色彩,大部分都是使用一種色相,目的也是為了避免大面積多種顏色碰撞,會給人一種不穩定、輕浮、的視覺感受。
通過前面案例,我們也能發現,雖然配色起到了一定的提升作用,但同樣也需要留白。
關于設計中的留白,這里強調一下留白并不等于空白,留白的目的是留出視覺元素中的喘息空間,讓視覺更具有通透性。恰當的留白能夠給人品質感、高端上檔次的視覺感受。所以在設計中,并不是信息越多越少,而是要秉承少即是多的理念。舉個例子:
如圖所示,很顯然,上圖給人的第一視覺感受就是廉價,原因在于:
而下圖則給人一種很高冷、有檔次的感覺,同樣是茶,為什么第一眼給人的感受差距這么大?原因如下:
留白在設計中是非常重要的,所以我也不止一次的提到過。而作為一名設計師,留白的運用也是一門必修課。留白:留出來的是喘息和想象的空間,留出來的是品質和自信。
文案作為設計的一個信息載體,它要比任何圖片信息都要更直觀、一目了然。所以在設計工作中,字體的選擇也是設計師的必修課。我們都知道字體庫的數量多之又多,而每款字體所傳達的視覺感受都各不相同,那么在日常的設計工作中,合理使用字體有助于提升作品檔次。使用字體時應該注意什么?
1. 統一字體形式
這個點很好理解,就是作品中對應位置的字體要統一使用相同的字體,不要出現同一位置多種字體,比如:標題字體、副標題字體、說明文字字體等等,做到統一有助于提升作品檔次。舉個例子:
如圖所示,我們對比來看,很明顯①使用了多種字體的組合,給人一種很浮躁、雜亂甚至有些廉價的感覺,街頭小廣告也許能看到這么用的,沒有體現出任何一款字體的氣質,而其他三處則在字體上做了統一,給人的感覺很舒服,字體本身的美感也都體現得淋漓盡致。
2. 統一字體氣質
前面我們也說了,每款字體所傳達的視覺感受也都不同,在使用字體時,盡量選用氣質雷同的字體相互搭配。比如:標題中國風字體,那么副標題和說明性文字就盡量貼合中國風的感覺或者與標題保持一致,這樣做有助于提升作品的檔次以及整體性。看個案例:
上中下三個案例,相比而言,底部海報給人的感覺品質更好,更舒服,下面我們逐一分析:
雖然字體的數量在日益增多,選擇性也越來越大,但有些字體最好不要使用,比如:霹靂體、水滴體、涂鴉體、Adobe 黑體等等一些字形結構粗暴或者缺少細節的字體。
補充說明:提升作品檔次,還需要注意背景要選擇高清大圖、產品要有質感、摳圖不要有白邊鋸齒、模特盡量不要選網紅、盡量不要選被人用過無數次的素材,盡可能將每一處做到精致、不要忽略每一處細節。
文章主要從配色、留白、字體三方面作為提升作品檔次的切入點,當然不僅僅只有這些,要靈活運用,這里只是為大家提供一個可供參考的方向。重點是要能從別人好的作品中提取優點,然后舉一反三,形成自己的一套設計思路。簡而言之,提升作品檔次,就要盡可能地讓作品干凈、整潔、精致。
其實檔次是比較抽象的名詞,這是一種感覺,所以我們無法給出定義。作為設計師,我們需要做的就是通過設計的理論知識將這個感覺呈現給大眾,讓他們接受、認可。
文章來源:優設 作者:美工美邦
今天,你的朋友圈、微博首頁是不是被一部韓國電影刷屏了?
韓國電影《寄生蟲》在剛剛結束的第92屆奧斯卡頒獎禮上斬獲最佳影片、最佳導演、最佳國際影片、最佳原創劇本四項大獎。
p.s.文末附有第92屆奧斯卡完整獲獎名單和兩個彩蛋,不要錯過。
本以為拿到最佳外語片就結束使命的導演奉俊昊,在接連收獲最佳導演和最佳影片大獎時,發表了一段激動人心的演講,導演奉俊昊獲得第92屆奧斯卡最佳導演獎視頻觀看鏈接:https://v.qq.com/x/page/i3063i874m3.html
不想看視頻的盆友們可以品品以下獲獎感言:
謝謝,我以為拿了最佳國際影片后,今天就沒事了,還準備好好放松一下,太感謝了!
在我年輕學電影的時候,有句話讓我印象深刻,」最個人化的表達是最有創造力的「。說這句話的人是我們偉大的馬丁·斯科塞斯。
我在學校的時候學過馬丁·斯科塞斯的電影,能夠被提名已經是巨大的榮譽,我從沒想過自己會得獎。
當美國人不熟悉我的電影時,昆汀一直在推薦我的作品,他今天也在這,太感謝了,昆汀,我愛你!還有Todd,和Sam,都是我非常崇敬的導演們。
如果奧斯卡允許,我想買一把德州電鋸,把這個獎分成五份,和你們每個人共享。謝謝!我會暢飲到明天早上的,謝謝。
這段獲獎感言或許也能激勵無數迷弟迷妹們,如果你獲得了大獎是可以直接在領獎臺上向愛豆表白的!
奉俊昊看著奧斯卡小金人,嘿嘿地笑了起來。
在領取最佳原創劇本獎時,導演奉俊昊提到「劇本創作是一個孤獨的過程」,這樣的孤獨我們可以從一本《寄生蟲-分鏡書》猜測到一些。
韓版由著名的DVD發行公司plain archive出版,包含劇本+分鏡頭書
相比直接雇傭員工專職繪制分鏡頭,導演奉俊昊選擇自己繪制分鏡頭,他會把隨時能想到的元素都畫在自己的iPad上,再通過云盤同步。
凡事精益求精, 或許也是這部電影能橫掃奧斯卡的原因吧。
除了電影好看,《寄生蟲》各個版本的電影宣傳海報也值得我們細品。
這部電影的所有海報中,最出名的就要數韓國正式海報了。這張海報非常具有現代主義的美學感,但每個人的眼睛都被一條方形長條蓋住了。
細心的盆友或許會發現,電影中的窮人眼前的都是黑色長條,而富人眼前的都是白色長條。這或許暗示著貧富差距帶來的視角都是不同的。
而電影中的一些關鍵元素,例如圓錐形帳篷,奇石,只露出一半的腿……也點綴在這張海報上,懸念滿滿。
很多國家和地區的宣傳海報也是根據這張官方海報進行修改的,除了文字不同,其他的地方幾乎沒有變化。
以文化藝術為名的法國宣傳方看不下去了,保留了關鍵元素「黑色長條」又設計了一個新版本。這個版本上的貧富差距更加赤裸裸:富人都穿了鞋,窮人都光著腳。
由上面這張海報衍生出來的負片版本中寫了這么一句話「沒有人是非黑即白的」。
泰國版的海報則是直接變成了黑白照片,原本溫馨的全家福瞬間變得詭異。
法國宣傳方發布了一張表面上其樂融融的全家福:
但是有細心的設計師透露這張海報是對法國喜劇海報的惡搞。
除了上面這些根據官方海報、劇照衍生出來的海報,還有一些插畫風格的海報更讓人印象深刻。
其中不得不提的就是下面這兩張水墨風格的國際版海報,看懂這兩張海報你才算是看懂了電影。
第一張海報以電影中的關鍵道具「石頭」為主體,窮人一家站在山頂,富人一家坐在岸邊,這樣看似一高一低的地位都少不了影片中的關鍵元素「水蜜桃」。
但這一切都是幻影,水中的倒影才是貧瘠的現實,富人依然凌駕于窮人之上。
第二張海報中,原本平靜的水面開始波瀾起伏,象征希望的石頭上也變得血淋淋。
看到上面這兩張海報,或許會有不少人聯想起同樣是韓國電影的《小姐》的海報,同樣相似的畫風、細節上用關鍵元素裝飾,一張圖就把一部電影說透了。
或許是受「倒影」的啟發,設計師 Andrew Bannister 也創作了一張可以翻轉過來的海報,這張海報更加赤裸裸地揭露了電影中的貧富差距。
一上一下的行走方向,和紅綠色調一樣,充滿了對比和沖突感。
如果窮人想跨越階級向上爬,就要像這張海報的背景一樣,付出血紅的代價。
下面這張由葡萄牙藝術家Vicente Niro和IgorMade創作的海報更直白地把人之間的互相壓迫展現了出來:
藝術家Randy Ortiz創作的一張海報揭露了在這部電影展現的世界中,窮人有時候還不如富人養的一條寵物狗:
除了上面這些以人物為主體的海報,還有不少設計師將目光聚集在了電影中貧富兩個家庭居住的環境上。
韓國藝術家Jisu Choi詳細地繪制了電影中富人一家居住的房子:
這張海報上的建筑風格和構圖,啟發設計師Curzon release設計了另一張藏滿彩蛋的海報:
這張海報上幾乎把電影的關鍵元素都放進去了:披薩盒、石頭、自畫像、桃子、帳篷……你甚至能找到燈飾中隱藏的摩爾斯電碼,和桌子底下的奧斯卡獎杯。
除了這些暗藏彩蛋的建筑海報,還有一些通過建筑表現貧富差距的作品。
加拿大藝術家Marie Bergeron在海報上突出了電影中兩個家庭高低階級的壓迫和對立:
當你以為窮人一家已經身處底層時,沒想到還有比他們更底層的人,而富人永遠都處于頂端。
△ 上圖由bearjew 416創作
一部好的電影值得影迷們的贊美,也值得設計師不同角度的演繹。從上面這些不同風格創意的海報中,我們也能知道這部電影為什么能橫掃奧斯卡獎了。
除了寄生蟲,還有一些設計師為奧斯卡最佳電影獎提名電影創作了一系列的海報,看看你能猜中多少部?
△ 海報由藝術家Olly Gibbs設計
△ 海報來源于SG Posters
最后附上第92屆奧斯卡獎完整獲獎名單:
你喜歡的那部電影獲獎了嗎?
文章來源:優設 作者:Canva設計
「層次感」這個詞在設計中的出現頻率是很高的,主要體現在信息層級關系和視覺豐富度這兩點,而缺少層次感的設計會給人一種信息雜亂、畫面單調的視覺感受,甚至枯燥、乏味,這也恰恰與設計目的相悖。那么當我們的作品出現層次感缺失時,應該從哪些方面著手改善、解決呢?本期內容希望能對大家有所幫助。
營造視覺元素的差異化可以起到很好的改變畫面信息層級關系的作用,從而增強設計作品的層次感,這和對比手法很雷同。無論是畫面中的視覺元素多還是少,都要做到有主有次、有大有小、有粗有細、元素與元素之間形成對比關系,舉個簡單的例子:
很明顯第一排的形狀之間是完全相同的,在視覺上給人的感覺就會很平,缺少變化;而下面兩排在視覺上都營造了一個與周圍存在差異化的視覺元素,使得整體在視覺上有了閱讀的先后順序,形成了簡單的信息層級關系。
當畫面中的視覺元素相同或者相似時,信息的層級關系就相對而言不容易體現出來,那么此時就需要我們營造具有差異化的視覺元素打破這一現象,從而增強畫面的視覺層次感,無論切入點是什么。再比如我們看到的風景照:
從近到遠在視覺上存在著很明顯的差異化,比如:近實遠虛、近大遠小、近處的飽和度高遠處飽和度低、近處的明度暗遠處的明度亮等等,大自然的風景本身就能很好地詮釋視覺層次感,所謂「設計源于生活」正是如此。那么這些應用到設計中又應該如何體現呢?下面再看一個例子:
如果產品這么擺放的話,那么何來層次感而言呢?只能理解為重要的事情重復三遍。做個小小的改變:
畫面有了大小關系,故而有了主次關系,此時視覺的層次感已經有所體現:
大小與虛實的雙重結合,視覺層次感更加強烈了,加點透視看看:
這里做了點透視效果,結合大小、虛實的變化,是不是有種由近到遠的既視感?通過營造視覺元素的差異化,視覺層次感也更加強烈,這種虛實結合的形式在設計中也非常實用,下面我們再看案例:
這種虛實對比的形式也是視覺元素差異化體現形式之一,很直觀地提升了整體的視覺層次感,包括在一些文字排版中也很實用。所以當我們的作品整體視覺層次感不夠強烈時,不妨試試通過營造視覺元素差異化的形式進行提升和改變,只是既然用了這種表現手法,就要做得足夠明顯,否則只會適得其反。
我們前面說了,提升視覺層次感可以從兩個點切入,即:提升信息層次感以及畫面整體豐富度,而裝飾性元素的使用剛好可以契合這兩點,它既有提升信息層次感的作用,又能起到很好豐富畫面的作用。下面我們看個案例:
通過上下兩個案例的對比我們發現:
需要注意:裝飾性元素也不能過多的使用,因為過量使用很容易在視覺上形成散亂、不夠整體的情況,要根據實際情況合理使用。
使用肌理是設計中非常實用的一個設計手法,肌理有著很好的豐富畫面、增加細節、提升層次感的作用,比如可以用做一些海報的底紋、文字的材質,甚至是一些形式感很強的肌理可以作為畫面的抽象主體。下面舉個例子:
案例中將遠山風景圖片通過透明度調整作為肌理使用,這樣做的好處在于:首先肌理相較于整個畫面來說不是那么顯眼,這樣就避免搶了主體;其次因為遠山給人的視覺感受就是層次感強烈,而這里當作肌理既起到了一定的填充、豐富的作用,又保留了一些遠山的屬性,在視覺上層次感更加強烈。
再比如一些文字也會使用肌理,用于增強文案信息的視覺層次感受,比如:
主要字體使用肌理會在讓其形象更加鮮明,與正常文案形成對比,也能間接提升文字排版的視覺層次感。
當作品視覺層次感不夠強烈時,我們可以轉化為思考如何提升畫面豐富度以及信息層次感。比如前面說的:對比、裝飾元素、肌理都可以與之對應起來,那么為什么說合理的使用色彩在一定程度上也能起到提升視覺豐富度的作用呢?下面舉個例子:
這里是通過有彩色與無彩色的案例對比,以視覺感受來看:左側明顯比右側顯得更空一些,因為色彩也是一種信息傳達的媒介,也就是說顏色也在傳遞信息,所以當畫面顯得空、缺少層次感的時候,通過顏色的調整也能起到一定的增加視覺層次感的作用,舉個例子:
這里只是改變了底色,在視覺豐富度上給人的感受差距一目了然,因為純白底會給人一種空、缺少內容的視覺感受,所以一般情況下我們的處理方式會選擇添加一些視覺元素,比如:裝飾性元素、材質、線條等等,現在我們又多了一個選項,就是無彩色向有彩色的改變,雖然這種方法有一定的局限性,但也不失為一種可行的解決方式。
其實這種營造前后疊加關系的方式在之前的文章中也提到過,其實就是尋找元素與元素之間的物理疊加關系,會給人一種很強烈的層次變化,對于提升畫面層次感能起到立竿見影的作用,比如:
案例中的文字與主體物之間存在著視覺上的前后疊加關系,給用戶更強烈的視覺層次感,這種營造前后疊加關系的處理手法在標題設計中也很實用。
透視也可以理解為營造空間關系的手法,當平面的視覺元素賦予其透視關系后,會形成一種類似三維空間的視覺感受,在一定程度上也能起到增強畫面視覺層次感的作用。下面舉個例子:
很明顯,透視的感覺會給人一種空間感、延伸感,視覺層次更加強烈,這種形式在日常的設計中也很實用,比如:
改變透視會在視覺上形成一種縱向的延伸感,空間上層次關系更加強烈,只是這種形式有一定的局限性。
結合今天所說到的這些手法,通過不斷演變的形式,我們簡單做一組文字排版的案例:
這就是一句普通的話,沒有主次、沒有修飾、毫無層次感,改變一下:
已經有了信息的層級關系,即大小對比,視覺元素之間形成了差異化的表現,還可以繼續深入:
通過改變顏色,對比更加強烈,層次感稍加增強,感覺還不夠?下面我們繼續再改:
這里通過肌理、虛實結合以及改變字體形態的表現形式,使得整體視覺層次感又提升了一個檔次,如果還想繼續提升,那么就要想,還缺少點什么?比如裝飾性元素試一試?
增加了裝飾性元素之后,畫面整體的豐富度提升了很多,而且對比的形式更多元化。案例中主要用到了:差異化元素、對比、肌理、裝飾性元素這四種表現形式,當然這也許不是最好的表現形式,目的是為了讓理論成為實踐。
當作品缺少層次感時,上述的一些改變方法可以供大家參考,但是不要僅僅局限于這些,還有一些我們常用的,比如:投影就非常實用,可以給文字、色塊、主體物等等做投影,拉開前后關系,這樣也會一定程度上增強視覺層次感。再比如:倒影、環境感等等,這些目的都是盡可能去豐富畫面、營造信息層次關系。并不是說這些手法一定要完全體現在一個作品上,層次關系過多反而會使得畫面整體散亂,一定要根據實際情況選擇使用,切記并不是視覺層次數越多就越好,這是一個誤區。
重復原則是指:版面中的視覺要素要重復出現,可以重復顏色、字體、圖形、形狀、材質、空間關系等。使用重復原則既能增加畫面的條理性,還可以加強統一性,讓版面更富有層次感、邏輯性,可以提高閱讀效率和信息的傳達。有規律的重復可以產生節奏感和韻律美,增強觀者的印象。
仔細觀察,生活中隨處都有重復之美:
1. 文字樣式的重復
同一級別的文字信息需采用相同的文字樣式,也就是說,在字體、字號、字重以及特殊效果等方面都要保持一致,方便閱讀和信息的傳達。
此案例并列關系的文字信息,重復使用了同樣的字體、字號、字重。可以很直觀地把大量的信息分為四個信息層級:主標題、小標題、正文、輔助說明文字。
2. 配色方案的重復
色彩的重復在版面設計中尤為重要,當一個版面中出現太多顏色,控制不好版面便會出現雜亂花哨等問題,因此使用重復的顏色,控制好色彩的種類、純度和明度,讓版面更和諧統一是最常用的方法。
標題選擇和圖形顏色統一的深藍色,并使用橙色進行點綴突出;展覽時間是次級要強調的信息,選用和圖形顏色統一但是比標題淺一些的青色進行強調;展覽地點和內容處于三級信息,使用無彩色的黑色進行弱化。這樣三個層級信息重復使用相同的色彩,讓版面信息清晰有序,能保證較好的閱讀體驗,有助于信息更好地傳達。
3. 圖片使用的重復
有多張圖片需要出現在同一版面,需統一圖片的大小、色調、比例、裁切方式等,這樣可以使版面美觀整齊。
整個版面出現的人物非常多,但圖片統一采取退底形式,并把顏色調整為黑白,具有很強的整體性。
4. 設計元素的重復
設計元素(如圖標、形狀、肌理、空間關系等)在版面中起到了強調和裝飾的功能,而同類的設計元素重復出現,不僅使版面有了統一的風格,也豐富了視覺效果,使版面更有設計感和整體感。
如上一期對齊原則的案例示范中,就使用了各種設計元素的重復:文字背景框統一的偽立體效果圖形,背景圖案的黃色幾何形狀和背景黑色點狀肌理。正是這種形狀的重復,在很大程度上造成了整體設計的統一性和其獨特風格。
1. 統一性、秩序化
重復是構成統一與秩序的關鍵,讓視覺要素在整個作品中重復出現,統一的字體樣式、重復的設計元素、相同的圖片形狀與裁切方式,這樣既能增加條理性,還可以加強統一性。讓頁面更富有層次感、邏輯性,提高閱讀效率和信息的傳達。
2. 整體性、風格化
重復產生統一,統一形成風格。重復不僅對單個頁面很有用,對于多個頁面的設計更重要。正是在多個頁面中運用重復原則,才賦予了整體設計上的統一感、整體性,才形成了一定的設計風格。
我們會覺得這幾個頁面屬于同一個應用,因為它們都具備一些相同的細節特征,比如一致的幾何圖形、不斷復現的色彩 、相同的字體、有規律的字號字重、統一的構圖形式等等,這些重復的元素相互影響并不斷加強我們對頁面相似處的感知,所以我們一致會覺得這些頁面的風格是統一的。
3. 節奏感、律動美
節奏最常見的形式就是有規律的重復,是版面構成要素利用疏密、聚散、連續、漸變等方式有條理有秩序地重復呈現,形成一種律動的美感,還可以增強觀者的印象。
有優點就有缺點,重復給人帶來統一與秩序感的同時,還會帶來呆板、乏味、機械化等負面印象。應當盡量采用多樣性實現統一, 在保證版面有秩序的前提下,讓設計元素產生形態的差異或距離上的變化來調節視覺感受,不規則的重復會讓畫面更動感、活潑。
在重復中產生變化,一是可以避免版面的單調與平淡,增加版面的趣味性,激發讀者閱讀和觀看的興趣;二是為了形成反差,區分主次,突出重點。特異點更易獲得視覺聚焦,引起注意。
為了讓大家加深對重復原則的理解,提取本期文章的主要內容作為原始資料,運用重復原則進行設計示范。
運用「親密性原則」進行信息的分組和距離的調整,排版時要遵循「對齊原則」。運用「重復原則」把同一級別的文字設置為相同的文字樣式,增加條理性,加強統一性。
繼續豐富畫面,加入配色和設計元素,相同級別的文字信息使用統一的顏色和點綴元素,讓頁面更富有層次感、邏輯性,提高閱讀效率和信息的傳達。
現在畫面文字信息已經清晰而有序的排列好,但是缺少主體。把標題內容「重復原則」作為主體元素進行設計,給文字加入從橙色到藍色的漸變。
復制四組新的文字,使用自由變換工具把文字壓扁,每次變形的程度逐漸加強,使其呈現出漸變的節奏感,形成一種模擬翻頁效果。
把設計好的文字復制一份,并鏡像翻轉,主體就設計好了。重復出現標題內容,可以增強視覺沖擊力,有較強的形式感,可以讓觀者加深印象。
把設計好的主體元素和文字信息放置到畫面中,使用上下構圖,采取黃金分割比例進行布局。
最后給背景加入點狀肌理,在信息群組間加入線條,使層次分割更清晰,讓細節更豐富,視覺效果更美觀。設計完成:
樣機效果:
重復是構成統一與秩序的關鍵,使用重復原則能讓版面更富有層次感、邏輯性,可以讓信息層級更清晰,能保證較好的閱讀體驗。有規律的重復可以產生節奏感和韻律美,增強觀者的印象,有助于信息更好傳達。
重復不僅僅是單一、機械地重復使用某些元素,而是要兼顧版面的形式美感與內在的圖文內容,讓版面實現內容與形式的和諧統一。
文章來源:優設 作者:藝海拾貝Design從性質上來說,我們看到的背景一般都會分為 5 種:純色、漸變、肌理、圖形、全圖,但在真正開始做設計之前,我們并不會直接在這 5 種性質的背景里挑選,反而會從一些其他的維度先去思考,才能做出具體的選擇。
△ 發布會背景的 5 種性質
因此在這 5 個性質之外,我們還要引入其他的思考維度,而這些思考的維度才能夠讓我們真正能做出「符合當前頁面內容」的幻燈片背景。
按照幻燈片背景設計的時間流程線,可以分為 8 大維度:直觀感,主視覺、布局感、場景感、設計感、平衡感、氛圍感、跳躍率。
△ 發布會背景定制的 8 個維度
通常我們拿到客戶的標配原稿都是白底黑字的形式,這時我們首先考慮的出發點是:
整個幻燈片希望給人傳達的是偏向「明亮陽光」、「沉穩大氣」的哪種感覺,這兩種截然不同的感受會讓我們在背景選取的時候,傾向于「亮色調」,或是「暗色調」。
在這個階段我們并不會思考幻燈片背景到底是屬于「純色、漸變、肌理、圖形、全圖」哪種,這個階段思考這個問題實在是太早了,我們只能從一個非常簡單卻又截然相反的兩條路徑,這時候是沒有任何細節可言的。
——這被我稱之為「直覺感」。
這是我們根據信息片段,不用太多思考,而出現的想法、感覺、信念或者偏好,可以幫助我們進行快速決策——這是設計師/團隊對內容而產生的直覺洞察,本質上是個人的知識體系和經驗對其做出的判斷,沒有過多的原因。
△ 純白/純黑背景的內容原稿
這兩者的選取會在一開始做設計的時候,就會帶給我們不同的思考角度,當我們確定了調性后,我們就會把原稿的背景色直接改為純白或是純黑,方便我們潛移默化地思考氣質。
但這個階段確認方向,有便于自己找到調性上的初心,不會在后期的細節設計中陷入方向性的錯誤。
當我們把整個頁面的直觀感受判斷清楚以后,接下來可以涉及一些具體的設計性質,通常設計情況分為兩種:一種是「有跡可循」,另外一種是「無跡可循」,分別對應不同的背景設計方法。
對于發布會而言,「有跡可循」的情況最直接的就是主視覺(Key Visual)沿用的情況(以下稱之為主KV);「無跡可循」就需要從所需傳遞出的感覺和美感相結合來考慮,將在「場景感」和「設計感」兩個維度談及。
每一場活動基本都會有一個主 KV 用于奠定活動的視覺基調,所以幻燈片在大概率上和主 KV 會有一定的聯系——但這中間會需要我們準確判斷出兩個小的隱藏需求:
這兩個隱形需求,在前期溝通的時候一定要確認出來,否則的話有可能會造成很大的誤解,導致很多額外、不應發生的問題。就此說明一下:
1. 客戶對于主KV的態度
一種情況,是需求方對于這個主 KV 本身有一定的不滿,但由于各種各樣的因素最終使用了這個主 KV,如:
△ 需求方可能不太滿意的主 KV
由于主 KV 已定,需求方會寄希望于幻燈片的設計上,內心的需求是:「能夠基于主 KV,但不止于主 KV」。
另一種情況,是需求方對主 KV 的某些部分乃至全部部分都比較滿意,允許設計師/團隊使用主 KV 的部分亮點元素進行設計——其中的幅度最好在前期設計之前探索清楚,具體溝通的技巧涉及兩方自身和彼此的合作經驗,需兩方共同配合。
△ 需求方比較滿意的主 KV
其中有一個技巧就是:看看需求方是否有將主 KV 應用到整個大會的物料設計之中,如果有的話,那么幻燈片遵循對應風格一般都屬于「政治正確」的操作。
2. 客戶對幻燈片的期望
正如需求方對主 KV 的態度會影響他對幻燈片的期望,需求方希望設計師/團隊能遵循統一的調性(畢竟是同一場大會),但如果直接 100% 沿用主 KV 的話,也可能會出現問題。
因此,設計師/團隊需要和需求方確認幻燈片設計對于主 KV 的「沿用自由程度」。
△ 對主 KV 元素的 3 種沿用自由程度
這三種情況其實都真實存在,實際上我也都遇到過。
這里有個經驗,是如果設計師/團隊只問一個非常簡單的問題:「幻燈片設計是否要按照主 KV 來走」。需求方一般會說:「我們要遵循主 KV 的風格」,實際情況是能要求完全不遵循主 KV 的需求方很少,除非設計師/團隊成功做出了能驚艷到需求方的作品。
但由于沒有明確「沿用自由程度」,就會在設計的時候帶來較大困擾。
這個困擾主要來源于:對于主 KV 的「沿用自由程度」,直接決定了對于幻燈片的「設計自由程度」。
△ 擴充「設計自由程度」
設計師/團隊和需求方確認主 KV 的「沿用自由程度」時,并不是在限制自己的「設計自由程度」,反而是在擴充「設計自由程度」——要知道設計過程中有哪些是不能做的,而有哪些是可以去嘗試的,從而來確認有多少設計想法是被允許的,有多少程度是能被實施的。
因此在有主 KV 的大會,幻燈片背景設計的首要考慮維度是「主視覺」。
著手制作幻燈片背景的時候,在整體角度考慮下的「布局感」尤其重要,我們先看一個設計需求較高的案例:
對于設計感要求非常強的需求方,會希望每一頁的背景都都盡可能的多變(即使是同樣的元素,也希望把位置稍微調配一下),這一種需求對于設計的要求是比較高的。
△ 每一頁背景都盡可能多變的需求
我們可以這么理解:
并不是背景每一頁不同就是好的設計,對于內容比較多的幻燈片,需要在內容上分層級,例如有 4 個篇章的幻燈片,可能每一個篇章的背景是統一的,在下一個篇章的時候才會做一定的調整,正如「002 號知識發布會」的背景:
△ 通過整體布局規劃實現背景布局感
幸運的是,在真實的使用場景中,所需要的程度通常是:在某一些頁面有單獨的定制化,而其他的頁面可以使用統一的背景。如:20 頁不同的背景,改為 8 個不同的背景(相當于:4 個章節+ 4 種背景+ 4 種背景),這是通過規劃背景來提高統一性并降低設計難度,有實際應用意義。
需求方沒有給到主 KV,或者甚至主 KV 也是由設計師/團隊設計的時候,就要和需求方溝通他們想要的感覺,尤其注意演示場景對背景設計的影響,兼并考慮效果的美感度。
從單頁的角度看,所有的背景都要考慮現場演示的「場景感」,其中較為突出的是純色背景和經典搭配的漸變背景。
1. 純色:簡約大氣
純色的技法不難,但顏色選取非常重要,其中的難點主要是對于客戶想表達的這一個內容的顏色匹配和顏色選取上。
其中分為:純黑背景和其他顏色的純色背景。純黑背景帶給人極其穩重的感覺,而其他顏色的純色背景則相反,帶給人干凈潔凈的感覺。
△ 不同氣質的多種純色背景
無論哪種純色背景,其中有兩個隱形的要求:
成像質量高的屏幕能讓觀眾拍照時不會受到太多由于亮色純色帶來的成像問題,而越接近純白色的色調就越需要現場燈光的配合,如果配合得不好,可能演講人會成為背景上的「剪影」。
2. 漸變:經典搭配
漸變是發布會中一直都比較流行的背景色,Keynote 的自帶模板 Gradient 就是這樣的典范。
從上到下的黑色漸變到「深紫」「深藍」「深灰」的搭配,在發布會中被使用頻繁,由于底部顏色較淺,能更好襯托內容和演講人,是發布會的經典搭配。
△ Keynote 的 Gradient 背景
除了之前提到的各種考慮外,設計的美觀程度非常重要,有的頁面在「純色」「漸變」「肌理」等都可以選擇的情況下,「設計感」就是其中很重要的思考出發點。
1. 漸變:多變流行
隨著審美不斷地提高,有很多國內大廠的發布會漸變是沒有太多規律的,這種流線型的美感容易讓別人對科技感和定制化感受深刻,這種漸變的制作難度會更高。
這種出彩的顏色在新興行業使用較多,偏傳統類型的公司就不太適合。
△ 背景非線性漸變背景的發布會應用
此外,接近純色的背景上通過光影制造亮點也是高級手段,能讓畫面呈現豐富細節,顯得耐看很多。
△ 通過光影制造背景亮點
2. 肌理:細膩耐看
單純以肌理作為背景的設計并不算特別多,它的好處主要是在于讓整個畫面看起來更加有質感一點,比純色要顯得更加有設計感。
通常肌理也會和光影相結合,來體現這一個頁面的高檔和奢華感。通過案例我們也可以看到為了突出產品和高檔氣質的發布會頁面會使用這一種設計。
△ 通過肌理突出頁面氣質氛圍
由于每一頁的幻燈片內容容量的差異,會造成在每頁的版式差異,不同版式所需的「平衡感」所需背景是不同的:
△ 背景中添加輔助元素結合版式平衡頁面
這 5 個性質的背景,都具備一個隱性的作用,就是對內容進行含義賦予,也就是增加「氛圍感」。
如果一個幻燈片從頭到尾都是純色的背景,甚至也都是單一的背景,這一個背景能賦予這個頁面的含義就是單一的,可能就是讓人感覺到某一種感受,僅此而已。
△ 單一的背景
如果定制化比較強,就會有不同的需求對頁面背景進行含義賦予,如:
1. 圖形:屬性點綴
有的時候我們也會用點線作為頁面背景元素,使用「點陣」或者「多線段混合工具」效果填充頁面,讓整體的頁面圖版率提高。
△ 「點陣」和「多線段混合工具」效果
也會有一些情況會用圓形、點線、多邊形來做頁面的點綴,不同屬性的形狀會有不同的氣質:
所以在選擇的時候,我們會考慮想要體現的感覺來選取形狀。
△ 圓形、三角形、多邊形的圖形背景
2. 全圖:氛圍濃烈
前段時間很多大廠不約而同使用了全圖型背景,讓這種設計手法廣為流傳。
具象的圖片讓觀眾直接身臨其境,時間的朋友的「大豆君」、「深圳」都是這樣的用法;而在一些企業愿景頁上,直接放上公司的圖片也能體現出非常直接的關聯性。
△ 具象式配圖
全圖型的圖片不一定和具體的內容完全一一對應,存在象征的可能,無論是:星空、山川,還是用黑板的粉筆字比喻算法等,都會在實際使用時起到象征的意義。
△ 象征式配圖
如果既不是產品對應的具象圖片,也不是起到象征意義的配圖,就不要為了美觀而放和主題無關的圖片,否則容易讓觀眾困惑。
實際使用的過程中,往往由于各種原因,直接找到的真實圖片不足以支撐整個發布會背景,如:
這時我們就需要對圖片「融合背景」處理,既和整體背景統一,也加入了頁面的必要內容。
△ 象征式配圖
如果頁面內容需要實際真實可觀的場景來輔助呈現,就需要通過合成來「制造場景」,讓觀眾能直觀看到文案含義,就能加速對內容的理解;還可以合成現實中不存在的圖片作為背景,增加氛圍的感受力度。
△ 象征式配圖
背景的「跳躍率」是我從「文字」和「圖片」的含義中引申使用的。
△ 文字跳躍率
△ 圖片跳躍率
△ 圖片跳躍率
文字跳躍率和圖片跳躍率描述的是素材之間的大小、景深的差異,而借用「跳躍率」的名詞來用在背景上解釋,就是整個幻燈片背景的素材各方面的差異程度。
△ 整體調性和每頁的調性
即使每一頁單獨看起來是比較和諧的,但受限于每頁內容的圖片質量、色調等的不同,不可避免地有可能整體看起來會顯得比較混亂,這時就要做一定的調整,確保整體統一性,才能讓作品形成整體。
其中要把握的是:既不能完全一樣,也不能完全不同,這之間的取舍體現出的就是設計師在制作時的把握度了,也是功力的體現。
提起「日式風格」,大家腦袋里會閃過哪個畫面?性冷淡設計?無印良品原木風?櫻花配上小清新濾鏡?「簡素」、「侘寂」、乃至念上它一句「Less is more」?
△ 無印良品藝術總監原研哉作品
總之,按照大眾流行的印象來概括,東瀛來的設計應當是性冷淡、實用、柔和克制的色彩、自我克制。
但這樣幾個印象,足以概括日本設計嗎?
咱們先拿一個國產的外包裝設計來拋磚引玉——椰樹牌椰汁外包裝。
如果以大眾印象里日本設計的評價標準來說,這個外包裝堪稱是泥石流一樣的存在——只有信息的堆疊,跟當年恒源祥「羊羊羊」的洗腦廣告思路如出一轍。
但就在前幾年,一位知名的日本設計師卻為這樣一種設計點了個贊,宣稱這是「了不起的設計」,還充滿少女心地發了個圖,表示就沖這包裝,自己每天早上都要干上它一瓶。大有他鄉遇知己,相見恨晚之感。
這個設計師名叫高田唯。他的設計,跟椰汁魔性的外包裝異曲同工:有如街頭牛皮癬小廣告一樣的畫面,江湖人稱「新丑風」。
但注意,「新丑」這個詞,高田唯自己可不接受,他不認為自己算是「新丑」,應該是「全丑」才對——丑怎么能分新舊呢?丑就應當是純粹的丑。
△ 高田唯作品
而高田唯,只是日本設計的一個縮影。如果我們把常規印象里,日本設計性冷淡那一面翻過來炒一炒——你會發現那魔性、浮夸、充滿腦洞的土味日式風同樣在國際舞臺上有自己的一席之地。
△ 腦洞設計師 吉田ユニ的海報作品
咱們先講高田唯那些街頭牛皮癬一樣的作品。
實際上,他并不是一開始就成為了日本設計界的邪教徒??v觀他的早期作品,雖然不受認可,反倒是一板一眼、規規矩矩的名門正派弟子畫風。
△ 高田唯的早期作品:左為 2009 年「印刷のいろは」 海報,右為 「印刷のいろは」 2010 海報
咱們可以在前些年他在上海的個展「潛水平面設計」,感受下啥是「全丑」風。
從展覽邀請函開始,畫面就已經充斥著火車站旅店小卡片級別的設計和配色。
△ 左圖為 2017「游泳 Graphic」海報
高田唯作品:左為 JAGDA2017 年鑒 封面設計,右為「For Stockists Exhibition」2017 海報
比如說,面對代表日本平面設計最高榮譽的 JAGDA(日本平面設計師協會)的約稿,高田唯絲毫不顧甲方的口味,為他們的年鑒封面和主視覺弄出了這樣畫風的作品。
△ 高田唯 JAGDA 東京新入會員聯歡會海報設計(入選東京 TDC)
高田唯當然知道大眾能夠喜愛、接受的設計長什么樣。
他打小就出生自一個設計家庭。他老爸高田修地早年供職于資生堂設計部門,是原研哉在武藏野美術大學時期的恩師。而高田唯本人在 2011 年還獲得了JAGDA 新人獎,這可算得上是走向國際設計舞臺的門票。
說我當上了營業廳售貨員、他考上了北京大學、高田唯獲得了新人獎,我們都有個美好的未來——平均一下絲毫不為過。
△ 高田唯作品 FOR STOCKISTS EXHIBITION 2011
轉變也在這時發生,用高田唯自己的話講是:「日本設計有一個感覺就是看膩了」,「單單只把東西做得美觀,這樣的人實在太多了。所以我要探尋一條如何將設計表現得更生動的路?!?
街頭上那些日常的、堆疊滿信息而完全沒有設計感的圖像,反倒成為他靈感的新來源。
他說:「設計不僅是追求世界上的美感,一個沒經歷過正規的設計教育,不熟悉各種設計工具的人做出來的東西有時候會更具有表現力,因為他們為了傳達自己的理念而去努力的這件事本身就是美的,我想把這種美融入自己的作品中?!?
這倒是可以說,他走向了高度專業化的日本設計反面:一種看山不是山、無招勝有招的狀態,他是用 「新丑」來挑戰「舊美」的人。
△ 高田唯「Why not live for art II」海報
△ 大街上采風的高田唯
更多高田唯的作品:
除了高田唯,實際上還有很多國際知名的日本藝術家、設計師,也都跟小清新、性冷淡八竿子打不著關系。
就先說日本當代藝術吧,身價最高的幾位選手里,像草間彌生、村上隆都有著獨特的自我風格,甚至有點精神污染。
△ 草間彌生的裝置藝術作品
這畫風一眼就能勸退密恐患者,但這些圓點對于草間彌生來說,其實是偏執與童年記憶的產物。
△ 草間彌生的裝置作品
10 歲時的她,因為神經性視聽障礙伴隨著精神分裂,就看到的世界而言,真實反而是仿佛隔著一層斑點狀的網。
那些張牙舞爪的植物都是童年時、幻覺中草木開口后的結果。因此,幻覺占據了真實,繪畫對于她來說是釋放恐懼的途徑。
△ 草間彌生標志性的波點南瓜
更多關于草間彌生的作品:
而村上隆的太陽花,雖然五顏六色、永遠微笑、永遠密密麻麻,但其實是在他一派赤誠的擔憂里誕生的。
△ 村上隆在大館賽馬會藝方「村上隆 對戰 村上隆」展覽現場。攝影:Alex Maeland
村上隆眼中所謂的日本主流文化是由多種多樣的亞文化構成,這些戰后出現的流行文化一面成為日本的代表,另一面又令人憂心忡忡。
△ 村上隆的標志性作品「超扁平太陽花」
而他的作品,正是在的可愛、扁平、漫畫風格中,嘲諷越來越浮于表面的大眾文化——整個社會都已經進入超扁平時代。
△ 橫尾忠則為實驗劇場「天井棧敷」時創作的海報
再走出當代藝術領域,回顧一下日本設計的歷史,就會發現浮夸、腦洞大開始終是它的另一面。用所謂性冷淡、簡素來概括,其實是一種偏見、一種被加工選擇后的刻板印象。
△ 橫尾的早期迷幻又魔性的作品
比如日本國寶級設計師、藝術家橫尾忠則,有著迥異于常人的腦回路,年輕時曾莫名其妙跑到達利家強行做客。
他的作品同樣如此,極其詭異的腦回路、帶有沖擊力但傳統的日本色彩,融合浮世繪的構圖、畫面,再拼接上彼時流行的波普藝術,「大和波普」可謂極具辨識度。
同時,傳聞他還因為自己的創意被甲方拒絕后揍了甲方一頓,最后,甲方(朝日啤酒)欣然接受了他的創意,這張海報也旋即成為橫尾忠則的經典之一。
△ 橫尾設計的朝日啤酒海報,正是在這張海報上,橫尾成功揍了甲方。
光明正大喊出「一日之計毀于晨」、「在設計上我從不追求流行,我就是流行」的仲條正義,其部分作品也跟「日式性冷淡」一毛錢關系都沒有。反倒充斥著大腦洞、極富童心,帶著返璞歸真的頑童之感。
△ 仲條正義「Mother & Other」部分海報節選
而近些年火爆的吉田ユニ,干脆整幅作品都稱得上是腦洞的代言人。
△ 電視劇《人100%靠外表》海報
實際上,她的每一張作品都是現場實拍的,并沒有任何 3D 或者 CG 技術,因此,為了達到想要的效果,現場的物品、各種元素需要反復地擺放、一遍遍地改良,方才能接近她腦海中的理想狀態。
△ 吉田ユニ Yuni Yoshida V.S. Naomi Watanabe·PUNYUS 2017 春夏系列
△ 吉田ユニ 裝苑「PLAY A SENSATION」
日本設計以往給人的常規印象,大多和日本特有的美學特質——「禪」、「空無」,「侘寂」、「物哀」、「幽玄」等等關鍵詞有關。
△ 幽玄:長谷川等伯的《松林圖》
△ 物哀:京都清水寺
作為傳統,與「簡素」,「侘寂」這些表面印象相對的,日本文化中還有很多浮夸的、魔性的、乃至金碧輝煌的經典元素——像浮世繪、古代的大和繪、妖魔鬼怪,武士鎧甲等等。
△ 日本武士鎧甲
△ 浮世繪
而每個設計師對這些傳統的文化又有著截然不同的思考與理解,所以才誕生了那么多新奇古怪、紛繁復雜的、腦洞大開的日本設計。
所以說,并不存在一個看起來「性冷淡」的日本傳統,更不存在一個由「性冷淡」組成的日本設計。
不止是日本設計,所謂北歐設計、新中式都是一個不夠具體的概括,其內涵無法用一兩個詞定義,但豐富和不同正是這個世界可愛的地方嘛。
文章來源:優設
我們在翻閱雜志的時候,總是會驚嘆雜志里的圖片怎么會這么好看。其實雜志里的圖片一方面是由攝影師專門為雜志的編排而拍攝的,另一方面,也是因為雜志對圖片的處理手法十分巧妙,今天這節課我們將給大家講解一下關于雜志里的圖片都是如何處理的。
在課程開始之前,我們先來看一些雜志的圖片。這三張是以一張大圖片為主體的雜志頁面,我們將圖片用紅色的色塊標記,文字則用藍色的色塊標記。我們可以發現,紅色部分的面積遠大于藍色部分的面積。
我們換成小圖片的頁面看看。同樣的,圖片的面積也遠大于文字的部分。我們可以發現,現在雜志的大多數頁面其實都是以圖片作為畫面的主體,或者說圖片所占比重會比文字大得多。
為什么會出現這種現象呢?那是因為圖片與文字相比,圖片的視覺沖擊力和對人的吸引力遠大于文字。為了能夠吸引讀者的購買和閱讀,所以雜志頁面中會加入豐富的圖片。
那么我們接著先來了解一下關于圖片分類的小知識。
圖片可以分為點陣圖和矢量圖,點陣圖就是以像素組成的圖,放大之后可能會造成模糊等失真的效果。矢量圖則是由線條、幾何圖形等構成,可以隨意放大縮小也不會失真。
也可以分為攝影圖片和手繪圖片,顧名思義,攝影圖片是用照相機拍攝出來的圖片,而手繪圖片則是通過筆或者手繪板畫出來的圖片。
矩形圖片和去底圖,矩形圖片是指外輪廓是矩形的圖片,而去底圖則是把環境都除去,只保留主體的圖片。
因為手繪的圖片本身就會比實物的攝影圖更加具備張力,也更容易給人提供想象,修飾的需求并沒有攝影圖來的這么高,而且手繪的或是矢量圖在雜志中出現的概率相對比較少一些,所以本篇教程所針對的圖片是左邊的這兩種,矩形或者是去底的攝影圖片。
這節課我們雖然講解的是如何去修飾一張圖片,可是對于圖片的修飾我們應該要把控好一個度,因為如果我們一味的追求效果而對圖片進行過度的處理,很可能會削弱了圖片想表達的東西,甚至讓版面過于繁雜而凌亂不堪。而且在某些情況下,圖片不需要進行修飾也能讓版面足夠有張力和美觀,那么在什么情況下我們可以不對圖片進行修飾呢?我們來看看吧。
第一種情況是當我們使用的圖片本身就足夠的好,足夠有質感和張力,無需進行修飾便能夠撐起整個版面。
第二種情況是我們可以通過兩張以上的圖片排列,讓圖片之間產生對比或是關聯,從而讓畫面產生張力。
那么第三種情況就是當我們想要強調文字部分時,并且文字組合做得足夠的精致或者有表現力時,那么圖片也可以省略掉修飾的環節。
最后一種情況是我們要刻畫簡約風格的畫面時,就要盡量避免對圖片進行太多的修飾和刻畫,否則圖片會使畫面產生巨大的違和感。
接下來正式進入本次教程的核心部分,雜志中對圖片都是如何刻畫的呢?我們第一種要講解的方法就是前面提到的去底圖。
為什么說去底也算是一種修飾圖片的手法呢?我們來看看這張圖片,這張圖片是我從一個電商網站上保存的圖片。我們可以看到這張圖片雖然十分的美觀,但是模特的裙子和背景色調很接近,比較不容易展示裙子的細節。
我們把他做成一頁雜志,可以發現這個頁面從版式結構上來說并沒有什么問題,整體畫面也十分美觀。
但是如果我們想要做一版能夠展示裙子細節的版面,那么我們可以嘗試把這個模特摳出來,裙子在純色的背景上就足夠清晰和亮眼了。
把去底的模特放進版面中,這兩個版面對比一下,是不是右手邊的版面更加簡潔有力呢?
另外,去底的圖片相比起矩形圖片也會顯得更加靈活。我們用這樣一個多張矩形圖片整齊排列的畫面來作為例子。這個版面排列十分整潔美觀,信息都一目了然。
但是如果我們想要讓版面變得更加活潑和有張力一些呢?我們就可以通過去底來實現。利用圖片去底之后所形成的負空間進行排列圖片,讓圖片錯落有致地排列在版面里,這樣靈活處理出來的畫面,會更加熱鬧和有張力。
這些都是雜志中使用去底圖片的案例。
剛剛我們講的只是去底圖片的基礎玩法,接下來我們要講解一下去底圖的另外兩種高階一些的玩法。首先是粗糙去底。粗糙去底就是大致地沿著主體的輪廓將主體摳下來,并不需要嚴絲合縫地摳圖。
還是用這個模特當做案例,如果我們覺得剛剛做的這個版面有些單調的話,那么我們不妨嘗試一下粗糙去底的方法。粗糙去底的方式能讓圖片的形式感更加強烈。
很多時候粗糙去底還會在圖片底下加一個小小的投影,讓圖片有種不規則的小紙片的感覺。
在雜志中這樣的處理方式是非常常見的,它適合用在偏時尚潮流或者是偏文藝的版面中。
第二種進階玩法是半去底,也可以叫做局部去底,意思就是沿著圖片主體的外輪廓將主體的局部摳出來。
在這里給大家介紹兩種比較常用的局部去底的小技巧。第一種是主體背后有輪廓明顯的物體的話,我們可以將主體沿著主體背后物體的輪廓進行摳圖,例如這個模特背后的門。
當主體背后沒有什么明顯的物體讓我們進行局部摳圖的時候,那也沒關系,我們可以使用第二種小技巧,將主體踩著的地面摳出一部分來,這樣也能一定程度上展示主體所在的環境。
我們同樣將這兩個摳好的模特放進版面里,比起最初的版本,這兩稿的形式感會更強一些。
這個雜志作品就用到了我剛剛介紹的小技巧。這樣的去底方式能讓版面更加活潑有趣。
另外將去底圖和矩形圖片放在一起,能夠產生強烈對比,表現力也會很強。
例如這些雜志頁面都存在著矩形圖片和去底圖片的對比。
我們很多時候都會自嘲自己只是摳圖的,可是聽了這些之后,有沒有發現自己連摳圖都不配,摳圖遠遠沒有你想得這么簡單,去底的圖片比矩形圖片靈活得多,也更具有活潑熱鬧的屬性,將去底圖處理得好,可以給版面帶來非常大的氣質上的提升。那么我們接著來看,除了去底之外,還有什么別的處理圖片的技巧吧!
接下來給大家講解一下第二種比較常見的圖片處理方式——疊加色塊。
疊加色塊的方式有兩種,分別為半疊色塊和全疊色塊。我們先來講講半疊的。
好吧,又是這個模特。我們在他的背后疊加一個色塊,一方面可以一定程度上填補留白,另一方面也能讓圖片更具有形式感。
除了疊加這種矩形色塊,還可以嘗試疊加不規則的色塊,不規則的色塊相比矩形色塊能更靈活的處理負空間,也可以根據主體的輪廓進行靈活調整。
看看這些案例,通過加入了色塊是不是讓畫面更飽滿和有張力了呢?
接下來來講講全疊色塊,全疊色塊的處理手法一般是用在這種多圖片并列排列的版面中,因為如果是一張大圖片使用全疊的手法就會顯得有些呆板了。
我們用個案例來展示一下吧,例如這樣一個版面,整齊地排列著九種不同的蔬菜,可是由于這些蔬菜的形狀各異,導致了負空間特別的零碎,畫面顯得有些散。
最快的解決方式就是給他們疊加一些色塊,那么版面就變得規整許多了。
如果我們覺得這樣有些不夠靈活的話,我們可以將個別的蔬菜放大,讓蔬菜的局部或者是投影超出色塊,這樣的版面就會顯得靈活而不零碎了。
第三個手法是使用描邊或者邊框。
剛剛我們用去底的方式來讓這個版面更加活潑有張力,其實通過添加邊框是一個更加簡單快捷的方法。
我們不需要改變版面的結構,只需要在矩形圖片的邊緣添加一圈描邊,或者是將圖片的邊框處理成拍立得,版面就會立即顯得更加活潑有趣了。
邊框的形式有很多,例如在圖片的內部加邊框,兩條粗細不同的線組成的邊框,或者是手繪的線條作為邊框。我們可以通過多看雜志總結出更多的邊框形式。
剛剛我們講的都是矩形圖片,其實去底圖片也是可以添加描邊的。例如這頁雜志,通過描邊的使用,使得深色的產品在深棕色的背景中能夠凸顯出來。
字疊圖是在雜志中可以說是最常見的修飾手法了,非常的簡單粗暴但是超級實用。字疊圖的方式大概也有三種,分別為標題疊圖,段落文字疊圖和手寫體疊圖。
首先講講標題疊圖的使用。我們來看看這個版面,他的主體是一個大草原的大場景圖片,圖片中沒有明顯主體。那么我們就可以通過將標題疊在圖片上的方式,使得圖片上產生視覺焦點。
如果將兩張圖片的位置換一換,上方的大圖片變成了這張以蒙古包為主體的草原圖片,那么我們疊加文字的時候就需要注意到疊加的位置要與主體相呼應了。
這兩個都是將標題組疊壓在圖片上的例子,將標題組合疊加在圖片上,能讓標題和圖片都得到凸顯和強調。
接下來是疊加段落文字,將段落文字疊壓在圖片上,能讓版面更加靈活,也能讓大段的段落文字顯得沒這么枯燥。一般來說,因為識別度的原因,段落文字不會完全疊加在圖片上,只會疊壓局部。
我們同樣用大草原的文案來做一個段落文字的疊壓。由于是段落文字,特別需要注意文字的可讀性,所以我們將段落文字都疊壓在了色調比較淺的天空上,盡可能地保證閱讀的流暢。
最后是疊壓手寫體的處理方式,手寫體的疊壓與標題一樣,同樣需要注意疊壓的位置。
手寫體的疊壓能將手寫體自帶的屬性帶給圖片,例如想讓圖片更文藝一些可以用細一些的手寫體,更潮流一些則可以疊壓粗的涂鴉感覺的手寫體等等。
我們剛剛講解的都是在矩形圖片上疊加文字,那么在去底圖片上能不能疊加文字呢?其實是可以的,像一些裝飾的手寫體,或者字號比較大的標題,在不影響識別性的情況下進行字疊圖的手法都是沒有問題的。但是!我們是非常不建議在去底圖上疊加段落文字,因為一般去底圖可以用來疊壓文字的地方不多,如果要大面積的疊壓段落文字,必定會產生識別度不足的問題,所以在去底圖上疊加段落文字需要非常謹慎。
那么除了字疊圖之外,利用文字進行修飾的方式非常的多,我在這里給大家介紹幾種比較常用的。
將文字繞著圖片主體排列是在雜志中非常常見的一種手法,能讓畫面變得更加活潑熱鬧。
我們也可以將文字處理成發射狀,模擬出一種噴口而出的感覺,使得圖片更具有動感。
添加對話框,能讓圖片變得十分生動,讓靜止的圖片也有一種會思考或者會說話的感覺。
類似的方式還有非常多,例如文字加指向性的箭頭、個性的字體、數字,甚至是豎排的文字等等,都可以變成裝飾圖片的元素。
還是用一個案例來示范一下吧。這次換一個鞋子的案例,我們看這個版面構圖啥的都沒什么問題,就是缺乏了一些活潑的氛圍,那么我們加入文字的裝飾性元素,版面就瞬間變得活躍了。
如果我們想要添加裝飾元素又缺少文案的時候,那我們就可以用下一種修飾手法,添加手繪的元素。
裝飾性的手繪小元素,能夠模擬出人物或者是物體的運動趨勢,讓圖片和版面具備運動感。
同樣這雙鞋,我們給他添加一些手繪的小元素,也同樣能夠塑造出活潑生動的畫面。
接下來要講的是添加投影
我們來看看這些添加投影的例子,投影可以讓圖片變得更加真實,更具備細節,使得畫面更加具備質感。
這一個案例添加投影也可以一定程度上解決畫面單調的問題,但是他具備的氣質并不是添加裝飾性元素的活潑熱鬧,添加投影帶來的是使畫面更具備質感。
添加投影除了剛才使用的真實投影外,我們還可以用這種假的投影,其實就是一個疊在主體下方的,與主題輪廓相似的幾何色塊。這種方式更注重的是表達一種形式感,而非真實感。
第8種的修飾手法是傾斜。
傾斜的手法能讓圖片具有不平衡感,從而產生強烈的動感。關于傾斜我們之前已經有別的教程詳細說過了,那我們就直接看看案例吧。
我們將這雙鞋子進行傾斜擺放之后,感覺畫面就不那么單調了,產生了一定的張力。
最后一種方式是出血和跨頁處理的手法。
也許你們會想怎么出血也算是修飾手法呢?不就是放大而已么?沒錯,放大也能算是一種修飾手法。在圖片足夠高清的情況下,放大能讓讀者留意到許多我們平時不注意的細節,增添了版面的細節感。相對于完整的圖片,經過出血的處理的圖片遭到了裁切,會產生一種陌生感,也能夠讓讀者覺得更新鮮。
最后我們還是用這雙鞋子來示范一下,因為鞋子放大出血之后,版式結構會遭到破壞,所以我們得換一個新的構圖。由于經過出血處理之后的鞋子并不完整,所以我們在上方加入了一雙小的完整的鞋子作為信息的補充。
好啦,我們給大家總結的雜志里處理圖片的小技巧已經全部講完啦,不知道大家都學會了沒。雖然說我們是從雜志的設計中總結出來的設計技法,但是并不意味著這些手法就只能應用在雜志設計中,設計其實都是共通的,并沒有說某些技法就只能被用在某些領域中。下面我們就給大家帶來一個海報的案例,給大家演示一下如何將雜志中的騷操作帶到別的設計中。
因為我們使用的是雜志的編排技巧,比較適合時尚、潮流或是文藝的風格,所以我們選擇做一個潮牌的宣傳海報,這樣在氣質上會比較相符合。
首先建立一個版面并確定好頁邊距。接著我們把畫面的主體,也就是這個潮牌的創始人陳冠希歐巴放在畫面中間。
然后將標題文字放在版面右上角,標題文字我們做了一個投影的效果增強標題的形式感。對應的,我們在版面的左下角編排二級信息的文字,做一個對角線的呼應。
接著將其余的文字安排在左上角和右下角,我們整個版面的大體框架就出來了。我們可以看到現在這個版面的留白太多,形式感不夠強烈,缺乏氛圍感。接下來我們就要用我們今天教程所講的手法來一一解決這些問題。
先來一個疊加色塊的手法,在歐巴的身后疊一個黃色的圓形色塊,那么上半部分負空間零碎的問題就一定程度上得到了解決。接著再來添加一個投影,這個投影我們選用了高明度和高純度的青藍色,這樣更加有時尚有趣的感覺。
然后使用字疊圖,從文案中的slogan里提取出It’s Movement的英文放大疊在人物身上,這里我們選用了一款比較有趣的粗無襯線字體。
剩下的負空間我們用添加文字裝飾元素和手繪裝飾元素的手法填滿。最后的最后,再給版面上加一層點元素背景,增加版面形式感。我們這一張海報就最終成型了。
文章來源:優設
藍藍設計的小編 http://www.syprn.cn