首頁

以動物為靈感的 LOGO 設(shè)計欣賞

前端達(dá)人

    對于許多公司和品牌而言,使用帶有含義的動物logo,能非常準(zhǔn)確的傳遞品牌信息!比如說豹子的敏捷,獅子的勇猛,長頸鹿的優(yōu)雅,獨(dú)角獸的神秘等等!這種品牌意識在其徽標(biāo)中使用動物象征來策劃。根據(jù)所選動物的類型,品牌是強(qiáng)大,快速,奢華,關(guān)懷,神秘和許多其他情感。

1.jpg2.jpg3.jpg4.jpg5.jpg6.jpg7.jpg8.jpg9.jpg10.jpg11.jpg12.jpg13.jpg14.jpg15.jpg16.jpg17.jpg18.jpg19.jpg20.jpg21.jpg22.jpg23.jpg24.jpg25.jpg26.jpg27.jpg28.jpg29.jpg30.jpg31.jpg32.jpg33.jpg34.jpg35.jpg36.jpg37.jpg38.jpg39.jpg40.jpg41.jpg42.jpg43.jpg


大廠設(shè)計師的草稿本里畫的都是什么?!

資深UI設(shè)計者

很多同學(xué)投票想看看設(shè)計師的草稿本,今天就來滿足大家了!我們來看看六位淘寶設(shè)計師的草稿本們,有些是紙質(zhì)派,有些是電子黨,Here we go!

草稿本是設(shè)計師工作生活必不可少的工具,比起正兒八經(jīng)的作品集,設(shè)計師的草稿本其實也是十分有趣的,它是設(shè)計師腦海里千奇百怪想法的隨手記錄。

Shiyu:本人是被脅迫公開草稿本的卑微設(shè)計師

手繪裝備:iPad Pro+Procreate

以下是被迫營業(yè)現(xiàn)場對話

△ 給「老同學(xué)」的公眾號形象草稿

老同學(xué):「好久不見~我記得你畫畫挺好的~幫畫個形象唄~我現(xiàn)在在做一個公眾號,需要*&%¥#……你明白吧?你就簡單畫一畫就好~謝謝啦」

我:「….」

△ 給「朋友」畫的頭像草稿

朋友:「好久不見~我記得你之前幫誰誰畫的那個頭像挺不錯的~也幫我畫一個唄~我現(xiàn)在在做blablabla,需要*&%¥#……你明白吧?很簡單吧~謝謝啦」

我:「….」

Dajing:我的草稿本就是平時畫畫原型圖或者需要做文檔整理規(guī)范的時候拿出來畫畫草圖,對我來說我的草稿本是幫我理清思路的一個很好的助手。

手繪裝備:A4點(diǎn)格草稿本+馬克筆

 △ 智能配色草稿

△ 中后臺加框草稿

Dajing:里面有當(dāng)時做中后臺框架的時候?qū)Ш降脑?,還有之前做智能配色的時候HSB色環(huán)推演的草圖,還有些文檔維度整理草圖,畫出來方便查看也便于直觀梳理自己的邏輯。

Wanru:畫畫是我記錄生活、尋找靈感的一種方式。

手繪裝備:MUJI筆記本、水彩、鉛筆、馬克筆等等…

△ 沖繩旅行水彩

Wanru:水彩是我最喜歡的繪畫形式,非常浪漫,食物也是我擅長畫的題材。這是在沖繩旅行時的第一頓晚餐,新鮮的海鮮和爽口的啤酒也具有明亮的顏色,讓人忍不住想去表達(dá)。燒肉店的杯墊被我?guī)Я嘶貋恚毡镜钠矫嬖O(shè)計做得很好,是很好的素材~

△ 電影小漫畫

用小漫畫記日記的習(xí)慣已經(jīng)很多年了,我是非常喜歡漫威的,這是13年《鋼鐵俠3》上映和兩個朋友看電影的場景。這個場景必須用美漫的風(fēng)格了!偶爾會嘗試各種畫畫風(fēng)格。

△ 隨手小速寫

偶爾會畫些小速寫,勾一些人物、小物品、小動物,速寫可以很好地練習(xí)造型能力。

Zoey:作為一個熱愛喝奶茶、追番和打手游的肥胖又無助的設(shè)計師,感覺累了就在草稿本上放空自己。

手繪裝備:iPad Pro+Procreate & Sketches Pro

△ 記錄日常生活的草稿

Zoey:我很喜歡用草稿本記錄自己的生活(食物為主),喜歡的電影角色也會簡單畫下來。

△ 二次元小畫

作為半個二次元 ,草稿本當(dāng)然也被滿屏的羞恥占領(lǐng)~ 這兩張草稿是我畫的Persona 5里面的人物,因為我個人真的特別喜歡P5 ,對于自己喜歡的事情即便996也會熬夜畫下去~

10天,5個百度Doodle,成千上萬的抗“疫”英雄

ui設(shè)計分享達(dá)人

他們是“最美逆行者”

 

前幾天,當(dāng)大家打開百度首頁時,可能發(fā)現(xiàn)了一些小變化:搜索框上方不再是熟悉的紅藍(lán)標(biāo)志,而是展現(xiàn)出了一系列人物形象。


 


這些人物都是一直奮戰(zhàn)在抗擊新冠肺炎疫情一線的“最美逆行者”——我們想用這樣的方式,向他們致敬。

 

 

2月9日-2月10日,致敬抗疫醫(yī)護(hù)人員

 

 

2月11日-2月12日,致敬抗疫志愿者

 

 

2月13日-2月14日,致敬抗疫建設(shè)者

 

 

2月15日-2月16日,致敬抗疫專家組

 

 

2月17日-2月18日,致敬抗疫解放軍

 

當(dāng)大家點(diǎn)擊這些 Doodle 圖片時,會進(jìn)入相關(guān)的戰(zhàn)“疫”專題內(nèi)容頁,在這里可以實時了解抗疫英雄的資訊動態(tài)。



醫(yī)護(hù)人員、志愿者、建設(shè)者、專家組、解放軍,他們用堅定的信念和堅毅的身軀,為這場戰(zhàn)斗筑起了最堅固的防線,守護(hù)著無數(shù)人的生命安全。我們向這些英雄致敬!


此前,我們向廣大網(wǎng)友發(fā)起了“抗疫英雄系列 Doodle”征集活動,希望各界設(shè)計師用手中的畫筆為抗疫英雄們創(chuàng)作特別的百度 Doodle,讓更多人看見疫情中的勇氣與希望。

 

最終,五組致敬 Doodle 在百度首頁上線。除此之外,我們還收到了26幅來自百度網(wǎng)友投稿的設(shè)計作品。謝謝大家的用心創(chuàng)作!

 

一起來欣賞吧!


 

蔡依彤

 林文煌


劉昱


輕撫淡抹素人妝


 相超



 

蔡依彤

 

林文煌

 

麥芽



 董一孛

 

林文煌


劉昱

 

姚思思

 

趙會娟

 



 不將就


 李小蘭


 李鈺


 林文煌


 孫紅花


 陶澤崧


 嚴(yán)安琪


 張晶




 馮勝方


高旭

 林文煌


 楊曉婧


張晶



在這場疫情狙擊戰(zhàn)中,不論是什么角色、什么崗位,都能貢獻(xiàn)自己獨(dú)特的力量。而這些精美的 Doodle 設(shè)計作品,正向人們傳達(dá)了必勝的信心和能量。我們衷心感謝所有設(shè)計師的用心創(chuàng)作.


除了通過百度 Doodle 為抗疫工作鼓勁,我們還運(yùn)用技術(shù)的力量,專為疫情防控研發(fā)了各種產(chǎn)品和服務(wù),希望為大家?guī)韺嵱糜行У膸椭?,為?zhàn)“疫”貢獻(xiàn)一份力量。

 

我們成立了3億元的疫情及公共衛(wèi)生安全攻堅專項基金,用于支持新型冠狀病毒等新疾病的治愈藥物篩選、研發(fā)等一系列抗擊疫情工作。


我們上線了“拒絕野味”的搜索提示,在百度 APP 搜索“蝙蝠”、“果子貍”、“穿山甲”、“豪豬”、“狍子”、“蛇”、“野豬”等關(guān)鍵詞時,大家都能看到“不可食用”的警告。


從百度“問醫(yī)生”免費(fèi)在線咨詢,到新冠肺炎智能自測工具;從“疫情小區(qū)”地圖,到患者同乘查詢;從免費(fèi)開放智能外呼平臺,到 AI 體溫檢測落地北京清河火車站……百度一直在行動。


當(dāng)所有的決心、愛心和信心匯聚在一起,我們知道,陰霾和灰暗一定會被驅(qū)散,春暖花開的日子一定會到來。眾志成城,我們共渡難關(guān)!

轉(zhuǎn)自:站酷-百度BMD

設(shè)計作品不夠上檔次,該如何提升?

資深UI設(shè)計者

隨著電商行業(yè)逐漸成熟發(fā)展,從幾年前設(shè)計盛行的淘寶風(fēng)到現(xiàn)在的要求高端、品牌化、上檔次,大眾人群的審美也在不斷提升,電商行業(yè)進(jìn)步的同時也帶動著設(shè)計行業(yè)一同走向成熟。所以在日常的設(shè)計工作中,我們也常常會聽到需求方要求:要夠上檔次、高端、有格調(diào)。這些比較抽象的要求如何體現(xiàn)在設(shè)計中往往是困擾我們的一個棘手的問題。那么本期就和大家一起帶著問題探討,總結(jié)一些提升設(shè)計作品檔次的實用方法。

配色提升作品檔次

配色已經(jīng)算是老生常談的一個話題了,這里我們暫且不說如何提升,先來看看前幾年淘寶風(fēng)的海報設(shè)計是什么感覺。

如上圖所示,給人的感覺就是雜而亂,配色毫無章法。顯然在當(dāng)下電商的大環(huán)境下,這種相對粗暴的海報在平時會越來越少,轉(zhuǎn)而要求品牌化、上檔次的越來越多,那么從配色上如何提升作品檔次呢?

1. 暗色調(diào)搭配提升作品檔次

為什么說暗色調(diào)可以提升設(shè)計檔次呢?因為暗色調(diào)或者說是低明度的色彩搭配,會在一定程度上減弱其色彩固有的屬性以及因色彩產(chǎn)生的情感,從而使得整個畫面變得相對冷靜、上檔次。用到的色相不宜過多(1-2 種即可),舉個例子:

如圖所示,暗色調(diào)搭配給人的感覺很舒服,而且也夠上檔次。通過降低明度的方式弱化大面積顏色固有的情感屬性,讓畫面更冷靜、理性,從而起到提升作品整體檔次和視覺感受。

所以現(xiàn)在很多品牌設(shè)計中,暗色調(diào)的搭配用到的越來越多,也逐漸被現(xiàn)在的大眾所接受。

需要注意:暗色的搭配方式很容易出現(xiàn)將顏色弱化到色感缺失,導(dǎo)致作品因缺少顏色屬性而太過深沉,甚至乏味,沒有亮點(diǎn),所以可以適當(dāng)?shù)厥褂靡恍c(diǎn)綴色規(guī)避這一現(xiàn)象。切記:弱化顏色屬性并不是要完全摒棄色彩。

2. 干凈的配色提升作品檔次

每種色彩都有其固有的情感屬性,比如:紅色-喜慶、熱鬧;藍(lán)色-安全、科技……在非暗色調(diào)的情況下,干凈的配色也能起到提升作品檔次的作用。而說到干凈,第一想到的應(yīng)該就是白色:

如圖所示,同樣和暗色調(diào)的作用很相似,白色本身就給人一種干凈、純潔、高冷的感覺,大面積的白色弱化了其他色彩的屬性,所以整體偏白色調(diào)也能起到很好的提升作品檔次的作用,且要適當(dāng)?shù)厥褂命c(diǎn)綴色。

也可以使用偏高明度低飽和度的色彩,這類顏色搭配同樣也是減弱了顏色本身的固有屬性,只是相比黑白灰色調(diào)而言,保留的顏色屬性多一些。比如:

如圖所示,當(dāng)作品色調(diào)偏高明度低飽和度時,同樣也能提升作品的檔次。但是前提是顏色要干凈、通透。切記:色相越少越好把控。

注意:配色并不是一成不變的,這里提到的三種配色形式是比較常用的,不管是暗色調(diào)、白色還是其他,都要讓作品整體呈現(xiàn)出一種干凈、舒服、通透的視覺感受。

不妨找一些品牌的海報看看,絕大多數(shù)的配色形式都符合我們前面所說的,而且即便用到一些色彩,大部分都是使用一種色相,目的也是為了避免大面積多種顏色碰撞,會給人一種不穩(wěn)定、輕浮、的視覺感受。

通過前面案例,我們也能發(fā)現(xiàn),雖然配色起到了一定的提升作用,但同樣也需要留白。

留白提升作品檔次

關(guān)于設(shè)計中的留白,這里強(qiáng)調(diào)一下留白并不等于空白,留白的目的是留出視覺元素中的喘息空間,讓視覺更具有通透性。恰當(dāng)?shù)牧舭啄軌蚪o人品質(zhì)感、高端上檔次的視覺感受。所以在設(shè)計中,并不是信息越多越少,而是要秉承少即是多的理念。舉個例子:

如圖所示,很顯然,上圖給人的第一視覺感受就是廉價,原因在于:

  • 視覺元素的使用太多,導(dǎo)致整個畫面給人的感覺很雜亂,缺少留白空間。
  • 色彩使用雜亂,毫無章法可言,顏色與顏色之間也相互搶主體。
  • 各元素之間沒有主次之分,缺少層次感。

而下圖則給人一種很高冷、有檔次的感覺,同樣是茶,為什么第一眼給人的感受差距這么大?原因如下:

  • 在顏色上做了統(tǒng)一,且弱化了色彩屬性,符合我們前面所說的配色提升作品檔次的理論。
  • 視覺元素上有主次,層次分明,除了主體之外,其他元素都做了模糊處理,沒有過多無用的元素與主體搶視覺中心。
  • 作品因為有了充足的留白而更具通透性,檔次和品質(zhì)感提升了很多。

留白在設(shè)計中是非常重要的,所以我也不止一次的提到過。而作為一名設(shè)計師,留白的運(yùn)用也是一門必修課。留白:留出來的是喘息和想象的空間,留出來的是品質(zhì)和自信。

恰當(dāng)?shù)淖煮w使用

文案作為設(shè)計的一個信息載體,它要比任何圖片信息都要更直觀、一目了然。所以在設(shè)計工作中,字體的選擇也是設(shè)計師的必修課。我們都知道字體庫的數(shù)量多之又多,而每款字體所傳達(dá)的視覺感受都各不相同,那么在日常的設(shè)計工作中,合理使用字體有助于提升作品檔次。使用字體時應(yīng)該注意什么?

1. 統(tǒng)一字體形式

這個點(diǎn)很好理解,就是作品中對應(yīng)位置的字體要統(tǒng)一使用相同的字體,不要出現(xiàn)同一位置多種字體,比如:標(biāo)題字體、副標(biāo)題字體、說明文字字體等等,做到統(tǒng)一有助于提升作品檔次。舉個例子:

如圖所示,我們對比來看,很明顯①使用了多種字體的組合,給人一種很浮躁、雜亂甚至有些廉價的感覺,街頭小廣告也許能看到這么用的,沒有體現(xiàn)出任何一款字體的氣質(zhì),而其他三處則在字體上做了統(tǒng)一,給人的感覺很舒服,字體本身的美感也都體現(xiàn)得淋漓盡致。

2. 統(tǒng)一字體氣質(zhì)

前面我們也說了,每款字體所傳達(dá)的視覺感受也都不同,在使用字體時,盡量選用氣質(zhì)雷同的字體相互搭配。比如:標(biāo)題中國風(fēng)字體,那么副標(biāo)題和說明性文字就盡量貼合中國風(fēng)的感覺或者與標(biāo)題保持一致,這樣做有助于提升作品的檔次以及整體性??磦€案例:

上中下三個案例,相比而言,底部海報給人的感覺品質(zhì)更好,更舒服,下面我們逐一分析:

  • 上部:標(biāo)題使用字體偏可愛、卡通類型的,而說明性文字則使用毛筆字,很顯然字體氣質(zhì)差距太大。
  • 中部:標(biāo)題使用字體偏中國風(fēng)、古體類型,而說明性文字又使用卡通、可愛類型的,同樣字體氣質(zhì)差距太大,不夠整體。
  • 底部:標(biāo)題使用字體偏宋體,說明性文字與標(biāo)題保持一致,氣質(zhì)上完全吻合,所以給人的感覺要比前兩個更有檔次。

雖然字體的數(shù)量在日益增多,選擇性也越來越大,但有些字體最好不要使用,比如:霹靂體、水滴體、涂鴉體、Adobe 黑體等等一些字形結(jié)構(gòu)粗暴或者缺少細(xì)節(jié)的字體。

補(bǔ)充說明:提升作品檔次,還需要注意背景要選擇高清大圖、產(chǎn)品要有質(zhì)感、摳圖不要有白邊鋸齒、模特盡量不要選網(wǎng)紅、盡量不要選被人用過無數(shù)次的素材,盡可能將每一處做到精致、不要忽略每一處細(xì)節(jié)。

總結(jié)

文章主要從配色、留白、字體三方面作為提升作品檔次的切入點(diǎn),當(dāng)然不僅僅只有這些,要靈活運(yùn)用,這里只是為大家提供一個可供參考的方向。重點(diǎn)是要能從別人好的作品中提取優(yōu)點(diǎn),然后舉一反三,形成自己的一套設(shè)計思路。簡而言之,提升作品檔次,就要盡可能地讓作品干凈、整潔、精致。

其實檔次是比較抽象的名詞,這是一種感覺,所以我們無法給出定義。作為設(shè)計師,我們需要做的就是通過設(shè)計的理論知識將這個感覺呈現(xiàn)給大眾,讓他們接受、認(rèn)可。


文章來源:優(yōu)設(shè)    作者:美工美邦

拿下 4 座奧斯卡的《寄生蟲》,海報真的太有戲了!

資深UI設(shè)計者

今天,你的朋友圈、微博首頁是不是被一部韓國電影刷屏了?

韓國電影《寄生蟲》在剛剛結(jié)束的第92屆奧斯卡頒獎禮上斬獲最佳影片、最佳導(dǎo)演、最佳國際影片、最佳原創(chuàng)劇本四項大獎。

p.s.文末附有第92屆奧斯卡完整獲獎名單和兩個彩蛋,不要錯過。

本以為拿到最佳外語片就結(jié)束使命的導(dǎo)演奉俊昊,在接連收獲最佳導(dǎo)演和最佳影片大獎時,發(fā)表了一段激動人心的演講,導(dǎo)演奉俊昊獲得第92屆奧斯卡最佳導(dǎo)演獎視頻觀看鏈接:https://v.qq.com/x/page/i3063i874m3.html

不想看視頻的盆友們可以品品以下獲獎感言:

謝謝,我以為拿了最佳國際影片后,今天就沒事了,還準(zhǔn)備好好放松一下,太感謝了!

在我年輕學(xué)電影的時候,有句話讓我印象深刻,」最個人化的表達(dá)是最有創(chuàng)造力的「。說這句話的人是我們偉大的馬丁·斯科塞斯。

我在學(xué)校的時候?qū)W過馬丁·斯科塞斯的電影,能夠被提名已經(jīng)是巨大的榮譽(yù),我從沒想過自己會得獎。

當(dāng)美國人不熟悉我的電影時,昆汀一直在推薦我的作品,他今天也在這,太感謝了,昆汀,我愛你!還有Todd,和Sam,都是我非常崇敬的導(dǎo)演們。

如果奧斯卡允許,我想買一把德州電鋸,把這個獎分成五份,和你們每個人共享。謝謝!我會暢飲到明天早上的,謝謝。

這段獲獎感言或許也能激勵無數(shù)迷弟迷妹們,如果你獲得了大獎是可以直接在領(lǐng)獎臺上向愛豆表白的!

奉俊昊看著奧斯卡小金人,嘿嘿地笑了起來。

在領(lǐng)取最佳原創(chuàng)劇本獎時,導(dǎo)演奉俊昊提到「劇本創(chuàng)作是一個孤獨(dú)的過程」,這樣的孤獨(dú)我們可以從一本《寄生蟲-分鏡書》猜測到一些。

韓版由著名的DVD發(fā)行公司plain archive出版,包含劇本+分鏡頭書

相比直接雇傭員工專職繪制分鏡頭,導(dǎo)演奉俊昊選擇自己繪制分鏡頭,他會把隨時能想到的元素都畫在自己的iPad上,再通過云盤同步。

凡事精益求精, 或許也是這部電影能橫掃奧斯卡的原因吧。

除了電影好看,《寄生蟲》各個版本的電影宣傳海報也值得我們細(xì)品。

劇照海報有內(nèi)涵

這部電影的所有海報中,最出名的就要數(shù)韓國正式海報了。這張海報非常具有現(xiàn)代主義的美學(xué)感,但每個人的眼睛都被一條方形長條蓋住了。

細(xì)心的盆友或許會發(fā)現(xiàn),電影中的窮人眼前的都是黑色長條,而富人眼前的都是白色長條。這或許暗示著貧富差距帶來的視角都是不同的。

而電影中的一些關(guān)鍵元素,例如圓錐形帳篷,奇石,只露出一半的腿……也點(diǎn)綴在這張海報上,懸念滿滿。

很多國家和地區(qū)的宣傳海報也是根據(jù)這張官方海報進(jìn)行修改的,除了文字不同,其他的地方幾乎沒有變化。

以文化藝術(shù)為名的法國宣傳方看不下去了,保留了關(guān)鍵元素「黑色長條」又設(shè)計了一個新版本。這個版本上的貧富差距更加赤裸裸:富人都穿了鞋,窮人都光著腳。

由上面這張海報衍生出來的負(fù)片版本中寫了這么一句話「沒有人是非黑即白的」。

泰國版的海報則是直接變成了黑白照片,原本溫馨的全家福瞬間變得詭異。

法國宣傳方發(fā)布了一張表面上其樂融融的全家福:

但是有細(xì)心的設(shè)計師透露這張海報是對法國喜劇海報的惡搞。

除了上面這些根據(jù)官方海報、劇照衍生出來的海報,還有一些插畫風(fēng)格的海報更讓人印象深刻。

插畫海報有故事

其中不得不提的就是下面這兩張水墨風(fēng)格的國際版海報,看懂這兩張海報你才算是看懂了電影。

第一張海報以電影中的關(guān)鍵道具「石頭」為主體,窮人一家站在山頂,富人一家坐在岸邊,這樣看似一高一低的地位都少不了影片中的關(guān)鍵元素「水蜜桃」。

但這一切都是幻影,水中的倒影才是貧瘠的現(xiàn)實,富人依然凌駕于窮人之上。

第二張海報中,原本平靜的水面開始波瀾起伏,象征希望的石頭上也變得血淋淋。

看到上面這兩張海報,或許會有不少人聯(lián)想起同樣是韓國電影的《小姐》的海報,同樣相似的畫風(fēng)、細(xì)節(jié)上用關(guān)鍵元素裝飾,一張圖就把一部電影說透了。

或許是受「倒影」的啟發(fā),設(shè)計師 Andrew Bannister 也創(chuàng)作了一張可以翻轉(zhuǎn)過來的海報,這張海報更加赤裸裸地揭露了電影中的貧富差距。

一上一下的行走方向,和紅綠色調(diào)一樣,充滿了對比和沖突感。

如果窮人想跨越階級向上爬,就要像這張海報的背景一樣,付出血紅的代價。

下面這張由葡萄牙藝術(shù)家Vicente Niro和IgorMade創(chuàng)作的海報更直白地把人之間的互相壓迫展現(xiàn)了出來:

藝術(shù)家Randy Ortiz創(chuàng)作的一張海報揭露了在這部電影展現(xiàn)的世界中,窮人有時候還不如富人養(yǎng)的一條寵物狗:

建筑海報有彩蛋

除了上面這些以人物為主體的海報,還有不少設(shè)計師將目光聚集在了電影中貧富兩個家庭居住的環(huán)境上。

韓國藝術(shù)家Jisu Choi詳細(xì)地繪制了電影中富人一家居住的房子:

這張海報上的建筑風(fēng)格和構(gòu)圖,啟發(fā)設(shè)計師Curzon release設(shè)計了另一張藏滿彩蛋的海報:

這張海報上幾乎把電影的關(guān)鍵元素都放進(jìn)去了:披薩盒、石頭、自畫像、桃子、帳篷……你甚至能找到燈飾中隱藏的摩爾斯電碼,和桌子底下的奧斯卡獎杯。

除了這些暗藏彩蛋的建筑海報,還有一些通過建筑表現(xiàn)貧富差距的作品。

加拿大藝術(shù)家Marie Bergeron在海報上突出了電影中兩個家庭高低階級的壓迫和對立:

當(dāng)你以為窮人一家已經(jīng)身處底層時,沒想到還有比他們更底層的人,而富人永遠(yuǎn)都處于頂端。

△ 上圖由bearjew 416創(chuàng)作

寫在最后

一部好的電影值得影迷們的贊美,也值得設(shè)計師不同角度的演繹。從上面這些不同風(fēng)格創(chuàng)意的海報中,我們也能知道這部電影為什么能橫掃奧斯卡獎了。

除了寄生蟲,還有一些設(shè)計師為奧斯卡最佳電影獎提名電影創(chuàng)作了一系列的海報,看看你能猜中多少部?

△ 海報由藝術(shù)家Olly Gibbs設(shè)計

△ 海報來源于SG Posters

最后附上第92屆奧斯卡獎完整獲獎名單:

  • 最佳影片:《寄生蟲》
  • 最佳導(dǎo)演:奉俊昊《寄生蟲》
  • 最佳男主角:華金·菲尼克斯《小丑》
  • 最佳女主角:芮妮·齊薇格《朱迪》
  • 最佳男配角:布拉德·皮特《好萊塢往事》
  • 最佳女配角:勞拉·鄧恩《婚姻故事》
  • 最佳原創(chuàng)劇本:《寄生蟲》
  • 最佳改編劇本:《喬喬的異想世界》
  • 最佳動畫長片:《玩具總動員4》
  • 最佳紀(jì)錄長片:《美國工廠》
  • 最佳國際電影:《寄生蟲》
  • 最佳剪輯:《極速車王》
  • 最佳攝影:《1917》
  • 最佳視覺效果:《1917》
  • 最佳音響效果:《1917》
  • 最佳音效剪輯:《極速車王》
  • 最佳藝術(shù)指導(dǎo):《好萊塢往事》
  • 最佳服裝設(shè)計:《小婦人》
  • 最佳化妝與發(fā)型設(shè)計:《爆炸新聞》
  • 最佳原創(chuàng)配樂:《小丑》
  • 最佳原創(chuàng)歌曲:《火箭人》(I’m Gonna) Love Me Again
  • 最佳動畫短片:《發(fā)之戀》
  • 最佳真人短片:《The Neighbours‘ Window》
  • 最佳紀(jì)錄短片:《女孩的戰(zhàn)地滑板課》

你喜歡的那部電影獲獎了嗎?

文章來源:優(yōu)設(shè)   作者:Canva設(shè)計

視覺缺少層次感怎么解決?

資深UI設(shè)計者

「層次感」這個詞在設(shè)計中的出現(xiàn)頻率是很高的,主要體現(xiàn)在信息層級關(guān)系和視覺豐富度這兩點(diǎn),而缺少層次感的設(shè)計會給人一種信息雜亂、畫面單調(diào)的視覺感受,甚至枯燥、乏味,這也恰恰與設(shè)計目的相悖。那么當(dāng)我們的作品出現(xiàn)層次感缺失時,應(yīng)該從哪些方面著手改善、解決呢?本期內(nèi)容希望能對大家有所幫助。

視覺元素差異化

營造視覺元素的差異化可以起到很好的改變畫面信息層級關(guān)系的作用,從而增強(qiáng)設(shè)計作品的層次感,這和對比手法很雷同。無論是畫面中的視覺元素多還是少,都要做到有主有次、有大有小、有粗有細(xì)、元素與元素之間形成對比關(guān)系,舉個簡單的例子:

很明顯第一排的形狀之間是完全相同的,在視覺上給人的感覺就會很平,缺少變化;而下面兩排在視覺上都營造了一個與周圍存在差異化的視覺元素,使得整體在視覺上有了閱讀的先后順序,形成了簡單的信息層級關(guān)系。

當(dāng)畫面中的視覺元素相同或者相似時,信息的層級關(guān)系就相對而言不容易體現(xiàn)出來,那么此時就需要我們營造具有差異化的視覺元素打破這一現(xiàn)象,從而增強(qiáng)畫面的視覺層次感,無論切入點(diǎn)是什么。再比如我們看到的風(fēng)景照:

從近到遠(yuǎn)在視覺上存在著很明顯的差異化,比如:近實遠(yuǎn)虛、近大遠(yuǎn)小、近處的飽和度高遠(yuǎn)處飽和度低、近處的明度暗遠(yuǎn)處的明度亮等等,大自然的風(fēng)景本身就能很好地詮釋視覺層次感,所謂「設(shè)計源于生活」正是如此。那么這些應(yīng)用到設(shè)計中又應(yīng)該如何體現(xiàn)呢?下面再看一個例子:

如果產(chǎn)品這么擺放的話,那么何來層次感而言呢?只能理解為重要的事情重復(fù)三遍。做個小小的改變:

畫面有了大小關(guān)系,故而有了主次關(guān)系,此時視覺的層次感已經(jīng)有所體現(xiàn):

大小與虛實的雙重結(jié)合,視覺層次感更加強(qiáng)烈了,加點(diǎn)透視看看:

這里做了點(diǎn)透視效果,結(jié)合大小、虛實的變化,是不是有種由近到遠(yuǎn)的既視感?通過營造視覺元素的差異化,視覺層次感也更加強(qiáng)烈,這種虛實結(jié)合的形式在設(shè)計中也非常實用,下面我們再看案例:

這種虛實對比的形式也是視覺元素差異化體現(xiàn)形式之一,很直觀地提升了整體的視覺層次感,包括在一些文字排版中也很實用。所以當(dāng)我們的作品整體視覺層次感不夠強(qiáng)烈時,不妨試試通過營造視覺元素差異化的形式進(jìn)行提升和改變,只是既然用了這種表現(xiàn)手法,就要做得足夠明顯,否則只會適得其反。

裝飾性元素

我們前面說了,提升視覺層次感可以從兩個點(diǎn)切入,即:提升信息層次感以及畫面整體豐富度,而裝飾性元素的使用剛好可以契合這兩點(diǎn),它既有提升信息層次感的作用,又能起到很好豐富畫面的作用。下面我們看個案例:

通過上下兩個案例的對比我們發(fā)現(xiàn):

  • 上側(cè)案例畫面整體的豐富度欠缺,甚至感覺有些空;而且文字信息沒有形成很好的對比關(guān)系,信息的層次感受也比較單一,所以給人感覺層次感不夠。
  • 下側(cè)案例中用到了一些裝飾性的文字、線條、形狀符號等,首先在視覺豐富度上較上側(cè)案例中就提升了很多,不會給用戶一種空的感覺。其次這些裝飾性的元素與主文案在視覺上也形成了很好的對比,使得畫面有了主次、大小之分,視覺形態(tài)的變化形式更多,視覺層次感也更加強(qiáng)烈。
  • 裝飾性元素可以是文字、線條、形狀、圖形等等一些點(diǎn)狀、線狀的元素,甚至于一些塊狀元素(比如:水印文字、產(chǎn)品等),目的是通過增加畫面豐富度和視覺形態(tài)變化的多樣性提升整體視覺層次感。

需要注意:裝飾性元素也不能過多的使用,因為過量使用很容易在視覺上形成散亂、不夠整體的情況,要根據(jù)實際情況合理使用。

使用肌理

使用肌理是設(shè)計中非常實用的一個設(shè)計手法,肌理有著很好的豐富畫面、增加細(xì)節(jié)、提升層次感的作用,比如可以用做一些海報的底紋、文字的材質(zhì),甚至是一些形式感很強(qiáng)的肌理可以作為畫面的抽象主體。下面舉個例子:

案例中將遠(yuǎn)山風(fēng)景圖片通過透明度調(diào)整作為肌理使用,這樣做的好處在于:首先肌理相較于整個畫面來說不是那么顯眼,這樣就避免搶了主體;其次因為遠(yuǎn)山給人的視覺感受就是層次感強(qiáng)烈,而這里當(dāng)作肌理既起到了一定的填充、豐富的作用,又保留了一些遠(yuǎn)山的屬性,在視覺上層次感更加強(qiáng)烈。

再比如一些文字也會使用肌理,用于增強(qiáng)文案信息的視覺層次感受,比如:

主要字體使用肌理會在讓其形象更加鮮明,與正常文案形成對比,也能間接提升文字排版的視覺層次感。

改變配色形式

當(dāng)作品視覺層次感不夠強(qiáng)烈時,我們可以轉(zhuǎn)化為思考如何提升畫面豐富度以及信息層次感。比如前面說的:對比、裝飾元素、肌理都可以與之對應(yīng)起來,那么為什么說合理的使用色彩在一定程度上也能起到提升視覺豐富度的作用呢?下面舉個例子:

這里是通過有彩色與無彩色的案例對比,以視覺感受來看:左側(cè)明顯比右側(cè)顯得更空一些,因為色彩也是一種信息傳達(dá)的媒介,也就是說顏色也在傳遞信息,所以當(dāng)畫面顯得空、缺少層次感的時候,通過顏色的調(diào)整也能起到一定的增加視覺層次感的作用,舉個例子:

這里只是改變了底色,在視覺豐富度上給人的感受差距一目了然,因為純白底會給人一種空、缺少內(nèi)容的視覺感受,所以一般情況下我們的處理方式會選擇添加一些視覺元素,比如:裝飾性元素、材質(zhì)、線條等等,現(xiàn)在我們又多了一個選項,就是無彩色向有彩色的改變,雖然這種方法有一定的局限性,但也不失為一種可行的解決方式。

營造疊加關(guān)系

其實這種營造前后疊加關(guān)系的方式在之前的文章中也提到過,其實就是尋找元素與元素之間的物理疊加關(guān)系,會給人一種很強(qiáng)烈的層次變化,對于提升畫面層次感能起到立竿見影的作用,比如:

案例中的文字與主體物之間存在著視覺上的前后疊加關(guān)系,給用戶更強(qiáng)烈的視覺層次感,這種營造前后疊加關(guān)系的處理手法在標(biāo)題設(shè)計中也很實用。

透視

透視也可以理解為營造空間關(guān)系的手法,當(dāng)平面的視覺元素賦予其透視關(guān)系后,會形成一種類似三維空間的視覺感受,在一定程度上也能起到增強(qiáng)畫面視覺層次感的作用。下面舉個例子:

很明顯,透視的感覺會給人一種空間感、延伸感,視覺層次更加強(qiáng)烈,這種形式在日常的設(shè)計中也很實用,比如:

改變透視會在視覺上形成一種縱向的延伸感,空間上層次關(guān)系更加強(qiáng)烈,只是這種形式有一定的局限性。

案例

結(jié)合今天所說到的這些手法,通過不斷演變的形式,我們簡單做一組文字排版的案例:

這就是一句普通的話,沒有主次、沒有修飾、毫無層次感,改變一下:

已經(jīng)有了信息的層級關(guān)系,即大小對比,視覺元素之間形成了差異化的表現(xiàn),還可以繼續(xù)深入:

通過改變顏色,對比更加強(qiáng)烈,層次感稍加增強(qiáng),感覺還不夠?下面我們繼續(xù)再改:

這里通過肌理、虛實結(jié)合以及改變字體形態(tài)的表現(xiàn)形式,使得整體視覺層次感又提升了一個檔次,如果還想繼續(xù)提升,那么就要想,還缺少點(diǎn)什么?比如裝飾性元素試一試?

增加了裝飾性元素之后,畫面整體的豐富度提升了很多,而且對比的形式更多元化。案例中主要用到了:差異化元素、對比、肌理、裝飾性元素這四種表現(xiàn)形式,當(dāng)然這也許不是最好的表現(xiàn)形式,目的是為了讓理論成為實踐。

總結(jié)

當(dāng)作品缺少層次感時,上述的一些改變方法可以供大家參考,但是不要僅僅局限于這些,還有一些我們常用的,比如:投影就非常實用,可以給文字、色塊、主體物等等做投影,拉開前后關(guān)系,這樣也會一定程度上增強(qiáng)視覺層次感。再比如:倒影、環(huán)境感等等,這些目的都是盡可能去豐富畫面、營造信息層次關(guān)系。并不是說這些手法一定要完全體現(xiàn)在一個作品上,層次關(guān)系過多反而會使得畫面整體散亂,一定要根據(jù)實際情況選擇使用,切記并不是視覺層次數(shù)越多就越好,這是一個誤區(qū)。

掌握重復(fù)原則,幫你輕松塑造畫面統(tǒng)一性

資深UI設(shè)計者

重復(fù)、對比、對齊以及親密性是版式設(shè)計中的四大原則,各種排版形式與規(guī)則都是基于這四大原則衍生而來,而掌握這些具有指導(dǎo)性的設(shè)計原則,能夠幫助我們在短時間內(nèi),更快更好的達(dá)成設(shè)計目標(biāo)。本期給大家講解四大原則之 —— 重復(fù)原則。

什么是重復(fù)原則

重復(fù)原則是指:版面中的視覺要素要重復(fù)出現(xiàn),可以重復(fù)顏色、字體、圖形、形狀、材質(zhì)、空間關(guān)系等。使用重復(fù)原則既能增加畫面的條理性,還可以加強(qiáng)統(tǒng)一性,讓版面更富有層次感、邏輯性,可以提高閱讀效率和信息的傳達(dá)。有規(guī)律的重復(fù)可以產(chǎn)生節(jié)奏感和韻律美,增強(qiáng)觀者的印象。

仔細(xì)觀察,生活中隨處都有重復(fù)之美:

重復(fù)原則的使用

1. 文字樣式的重復(fù)

同一級別的文字信息需采用相同的文字樣式,也就是說,在字體、字號、字重以及特殊效果等方面都要保持一致,方便閱讀和信息的傳達(dá)。

此案例并列關(guān)系的文字信息,重復(fù)使用了同樣的字體、字號、字重。可以很直觀地把大量的信息分為四個信息層級:主標(biāo)題、小標(biāo)題、正文、輔助說明文字。

2. 配色方案的重復(fù)

色彩的重復(fù)在版面設(shè)計中尤為重要,當(dāng)一個版面中出現(xiàn)太多顏色,控制不好版面便會出現(xiàn)雜亂花哨等問題,因此使用重復(fù)的顏色,控制好色彩的種類、純度和明度,讓版面更和諧統(tǒng)一是最常用的方法。

標(biāo)題選擇和圖形顏色統(tǒng)一的深藍(lán)色,并使用橙色進(jìn)行點(diǎn)綴突出;展覽時間是次級要強(qiáng)調(diào)的信息,選用和圖形顏色統(tǒng)一但是比標(biāo)題淺一些的青色進(jìn)行強(qiáng)調(diào);展覽地點(diǎn)和內(nèi)容處于三級信息,使用無彩色的黑色進(jìn)行弱化。這樣三個層級信息重復(fù)使用相同的色彩,讓版面信息清晰有序,能保證較好的閱讀體驗,有助于信息更好地傳達(dá)。

3. 圖片使用的重復(fù)

有多張圖片需要出現(xiàn)在同一版面,需統(tǒng)一圖片的大小、色調(diào)、比例、裁切方式等,這樣可以使版面美觀整齊。

整個版面出現(xiàn)的人物非常多,但圖片統(tǒng)一采取退底形式,并把顏色調(diào)整為黑白,具有很強(qiáng)的整體性。

4. 設(shè)計元素的重復(fù)

設(shè)計元素(如圖標(biāo)、形狀、肌理、空間關(guān)系等)在版面中起到了強(qiáng)調(diào)和裝飾的功能,而同類的設(shè)計元素重復(fù)出現(xiàn),不僅使版面有了統(tǒng)一的風(fēng)格,也豐富了視覺效果,使版面更有設(shè)計感和整體感。

如上一期對齊原則的案例示范中,就使用了各種設(shè)計元素的重復(fù):文字背景框統(tǒng)一的偽立體效果圖形,背景圖案的黃色幾何形狀和背景黑色點(diǎn)狀肌理。正是這種形狀的重復(fù),在很大程度上造成了整體設(shè)計的統(tǒng)一性和其獨(dú)特風(fēng)格。

重復(fù)原則的作用

1. 統(tǒng)一性、秩序化

重復(fù)是構(gòu)成統(tǒng)一與秩序的關(guān)鍵,讓視覺要素在整個作品中重復(fù)出現(xiàn),統(tǒng)一的字體樣式、重復(fù)的設(shè)計元素、相同的圖片形狀與裁切方式,這樣既能增加條理性,還可以加強(qiáng)統(tǒng)一性。讓頁面更富有層次感、邏輯性,提高閱讀效率和信息的傳達(dá)。

2. 整體性、風(fēng)格化

重復(fù)產(chǎn)生統(tǒng)一,統(tǒng)一形成風(fēng)格。重復(fù)不僅對單個頁面很有用,對于多個頁面的設(shè)計更重要。正是在多個頁面中運(yùn)用重復(fù)原則,才賦予了整體設(shè)計上的統(tǒng)一感、整體性,才形成了一定的設(shè)計風(fēng)格。

我們會覺得這幾個頁面屬于同一個應(yīng)用,因為它們都具備一些相同的細(xì)節(jié)特征,比如一致的幾何圖形、不斷復(fù)現(xiàn)的色彩 、相同的字體、有規(guī)律的字號字重、統(tǒng)一的構(gòu)圖形式等等,這些重復(fù)的元素相互影響并不斷加強(qiáng)我們對頁面相似處的感知,所以我們一致會覺得這些頁面的風(fēng)格是統(tǒng)一的。

3. 節(jié)奏感、律動美

節(jié)奏最常見的形式就是有規(guī)律的重復(fù),是版面構(gòu)成要素利用疏密、聚散、連續(xù)、漸變等方式有條理有秩序地重復(fù)呈現(xiàn),形成一種律動的美感,還可以增強(qiáng)觀者的印象。

重復(fù)與變化

有優(yōu)點(diǎn)就有缺點(diǎn),重復(fù)給人帶來統(tǒng)一與秩序感的同時,還會帶來呆板、乏味、機(jī)械化等負(fù)面印象。應(yīng)當(dāng)盡量采用多樣性實現(xiàn)統(tǒng)一, 在保證版面有秩序的前提下,讓設(shè)計元素產(chǎn)生形態(tài)的差異或距離上的變化來調(diào)節(jié)視覺感受,不規(guī)則的重復(fù)會讓畫面更動感、活潑。

在重復(fù)中產(chǎn)生變化,一是可以避免版面的單調(diào)與平淡,增加版面的趣味性,激發(fā)讀者閱讀和觀看的興趣;二是為了形成反差,區(qū)分主次,突出重點(diǎn)。特異點(diǎn)更易獲得視覺聚焦,引起注意。

案例實操

為了讓大家加深對重復(fù)原則的理解,提取本期文章的主要內(nèi)容作為原始資料,運(yùn)用重復(fù)原則進(jìn)行設(shè)計示范。

運(yùn)用「親密性原則」進(jìn)行信息的分組和距離的調(diào)整,排版時要遵循「對齊原則」。運(yùn)用「重復(fù)原則」把同一級別的文字設(shè)置為相同的文字樣式,增加條理性,加強(qiáng)統(tǒng)一性。

繼續(xù)豐富畫面,加入配色和設(shè)計元素,相同級別的文字信息使用統(tǒng)一的顏色和點(diǎn)綴元素,讓頁面更富有層次感、邏輯性,提高閱讀效率和信息的傳達(dá)。

現(xiàn)在畫面文字信息已經(jīng)清晰而有序的排列好,但是缺少主體。把標(biāo)題內(nèi)容「重復(fù)原則」作為主體元素進(jìn)行設(shè)計,給文字加入從橙色到藍(lán)色的漸變。

復(fù)制四組新的文字,使用自由變換工具把文字壓扁,每次變形的程度逐漸加強(qiáng),使其呈現(xiàn)出漸變的節(jié)奏感,形成一種模擬翻頁效果。

把設(shè)計好的文字復(fù)制一份,并鏡像翻轉(zhuǎn),主體就設(shè)計好了。重復(fù)出現(xiàn)標(biāo)題內(nèi)容,可以增強(qiáng)視覺沖擊力,有較強(qiáng)的形式感,可以讓觀者加深印象。

把設(shè)計好的主體元素和文字信息放置到畫面中,使用上下構(gòu)圖,采取黃金分割比例進(jìn)行布局。

最后給背景加入點(diǎn)狀肌理,在信息群組間加入線條,使層次分割更清晰,讓細(xì)節(jié)更豐富,視覺效果更美觀。設(shè)計完成:

樣機(jī)效果:

總結(jié)

重復(fù)是構(gòu)成統(tǒng)一與秩序的關(guān)鍵,使用重復(fù)原則能讓版面更富有層次感、邏輯性,可以讓信息層級更清晰,能保證較好的閱讀體驗。有規(guī)律的重復(fù)可以產(chǎn)生節(jié)奏感和韻律美,增強(qiáng)觀者的印象,有助于信息更好傳達(dá)。

重復(fù)不僅僅是單一、機(jī)械地重復(fù)使用某些元素,而是要兼顧版面的形式美感與內(nèi)在的圖文內(nèi)容,讓版面實現(xiàn)內(nèi)容與形式的和諧統(tǒng)一。

文章來源:優(yōu)設(shè)  作者:藝海拾貝Design

如何讓你的設(shè)計更吸引人?

資深UI設(shè)計者

本篇文章立足于模糊的基礎(chǔ)上,從概念原理上詳細(xì)的講述模糊在實際使用中的視覺表現(xiàn)以及處理技巧,希望對大家有所幫助~!

文章來源:優(yōu)設(shè)   作者:Martin_K

PPT 背景設(shè)計思路

資深UI設(shè)計者

從性質(zhì)上來說,我們看到的背景一般都會分為 5 種:純色、漸變、肌理、圖形、全圖,但在真正開始做設(shè)計之前,我們并不會直接在這 5 種性質(zhì)的背景里挑選,反而會從一些其他的維度先去思考,才能做出具體的選擇。

△ 發(fā)布會背景的 5 種性質(zhì)

因此在這 5 個性質(zhì)之外,我們還要引入其他的思考維度,而這些思考的維度才能夠讓我們真正能做出「符合當(dāng)前頁面內(nèi)容」的幻燈片背景。

按照幻燈片背景設(shè)計的時間流程線,可以分為 8 大維度:直觀感,主視覺、布局感、場景感、設(shè)計感、平衡感、氛圍感、跳躍率。

△ 發(fā)布會背景定制的 8 個維度

直覺感

通常我們拿到客戶的標(biāo)配原稿都是白底黑字的形式,這時我們首先考慮的出發(fā)點(diǎn)是:
整個幻燈片希望給人傳達(dá)的是偏向「明亮陽光」、「沉穩(wěn)大氣」的哪種感覺,這兩種截然不同的感受會讓我們在背景選取的時候,傾向于「亮色調(diào)」,或是「暗色調(diào)」。
在這個階段我們并不會思考幻燈片背景到底是屬于「純色、漸變、肌理、圖形、全圖」哪種,這個階段思考這個問題實在是太早了,我們只能從一個非常簡單卻又截然相反的兩條路徑,這時候是沒有任何細(xì)節(jié)可言的。

——這被我稱之為「直覺感」。

這是我們根據(jù)信息片段,不用太多思考,而出現(xiàn)的想法、感覺、信念或者偏好,可以幫助我們進(jìn)行快速決策——這是設(shè)計師/團(tuán)隊對內(nèi)容而產(chǎn)生的直覺洞察,本質(zhì)上是個人的知識體系和經(jīng)驗對其做出的判斷,沒有過多的原因。

△ 純白/純黑背景的內(nèi)容原稿

這兩者的選取會在一開始做設(shè)計的時候,就會帶給我們不同的思考角度,當(dāng)我們確定了調(diào)性后,我們就會把原稿的背景色直接改為純白或是純黑,方便我們潛移默化地思考?xì)赓|(zhì)。

但這個階段確認(rèn)方向,有便于自己找到調(diào)性上的初心,不會在后期的細(xì)節(jié)設(shè)計中陷入方向性的錯誤。

主視覺

當(dāng)我們把整個頁面的直觀感受判斷清楚以后,接下來可以涉及一些具體的設(shè)計性質(zhì),通常設(shè)計情況分為兩種:一種是「有跡可循」,另外一種是「無跡可循」,分別對應(yīng)不同的背景設(shè)計方法。

對于發(fā)布會而言,「有跡可循」的情況最直接的就是主視覺(Key Visual)沿用的情況(以下稱之為主KV);「無跡可循」就需要從所需傳遞出的感覺和美感相結(jié)合來考慮,將在「場景感」和「設(shè)計感」兩個維度談及。

每一場活動基本都會有一個主 KV 用于奠定活動的視覺基調(diào),所以幻燈片在大概率上和主 KV 會有一定的聯(lián)系——但這中間會需要我們準(zhǔn)確判斷出兩個小的隱藏需求:

  • 需求方對于主 KV 的態(tài)度
  • 需求方對幻燈片的期望

這兩個隱形需求,在前期溝通的時候一定要確認(rèn)出來,否則的話有可能會造成很大的誤解,導(dǎo)致很多額外、不應(yīng)發(fā)生的問題。就此說明一下:

1. 客戶對于主KV的態(tài)度

一種情況,是需求方對于這個主 KV 本身有一定的不滿,但由于各種各樣的因素最終使用了這個主 KV,如:

  • 上級決策人喜歡這個主 KV;
  • 決策人是其他的部門;
  • 設(shè)計團(tuán)隊屬于自己不可完全操控的外部合作方;
  • 時間不足以再次調(diào)整;
    ……

△ 需求方可能不太滿意的主 KV

由于主 KV 已定,需求方會寄希望于幻燈片的設(shè)計上,內(nèi)心的需求是:「能夠基于主 KV,但不止于主 KV」。

另一種情況,是需求方對主 KV 的某些部分乃至全部部分都比較滿意,允許設(shè)計師/團(tuán)隊使用主 KV 的部分亮點(diǎn)元素進(jìn)行設(shè)計——其中的幅度最好在前期設(shè)計之前探索清楚,具體溝通的技巧涉及兩方自身和彼此的合作經(jīng)驗,需兩方共同配合。

△ 需求方比較滿意的主 KV

其中有一個技巧就是:看看需求方是否有將主 KV 應(yīng)用到整個大會的物料設(shè)計之中,如果有的話,那么幻燈片遵循對應(yīng)風(fēng)格一般都屬于「政治正確」的操作。

2. 客戶對幻燈片的期望

正如需求方對主 KV 的態(tài)度會影響他對幻燈片的期望,需求方希望設(shè)計師/團(tuán)隊能遵循統(tǒng)一的調(diào)性(畢竟是同一場大會),但如果直接 100% 沿用主 KV 的話,也可能會出現(xiàn)問題。
因此,設(shè)計師/團(tuán)隊需要和需求方確認(rèn)幻燈片設(shè)計對于主 KV 的「沿用自由程度」。

  • 完全沿用主 KV 元素:大會對幻燈片模板要求得比較嚴(yán),沒有太多可發(fā)揮的空間。相當(dāng)于直接用主 KV 的底板來作為我們幻燈片設(shè)計的底板,允許的幅度是:色調(diào)不能改變、只能壓暗處理,允許對主體元素做放大、縮小或半透明的處理;
  • 部分沿用主 KV 元素:允許設(shè)計師/團(tuán)隊使用主 KV 的部分亮點(diǎn)元素進(jìn)行設(shè)計,主體元素可以進(jìn)行一定的替換,顏色可以有一定調(diào)整;
  • 完全不沿用主 KV 元素:可以完全不按照主 KV 的背景,另定風(fēng)格展開設(shè)計。

△ 對主 KV 元素的 3 種沿用自由程度

這三種情況其實都真實存在,實際上我也都遇到過。

這里有個經(jīng)驗,是如果設(shè)計師/團(tuán)隊只問一個非常簡單的問題:「幻燈片設(shè)計是否要按照主 KV 來走」。需求方一般會說:「我們要遵循主 KV 的風(fēng)格」,實際情況是能要求完全不遵循主 KV 的需求方很少,除非設(shè)計師/團(tuán)隊成功做出了能驚艷到需求方的作品。

但由于沒有明確「沿用自由程度」,就會在設(shè)計的時候帶來較大困擾。
這個困擾主要來源于:對于主 KV 的「沿用自由程度」,直接決定了對于幻燈片的「設(shè)計自由程度」。

△ 擴(kuò)充「設(shè)計自由程度」

設(shè)計師/團(tuán)隊和需求方確認(rèn)主 KV 的「沿用自由程度」時,并不是在限制自己的「設(shè)計自由程度」,反而是在擴(kuò)充「設(shè)計自由程度」——要知道設(shè)計過程中有哪些是不能做的,而有哪些是可以去嘗試的,從而來確認(rèn)有多少設(shè)計想法是被允許的,有多少程度是能被實施的。

因此在有主 KV 的大會,幻燈片背景設(shè)計的首要考慮維度是「主視覺」。

布局感

著手制作幻燈片背景的時候,在整體角度考慮下的「布局感」尤其重要,我們先看一個設(shè)計需求較高的案例:

對于設(shè)計感要求非常強(qiáng)的需求方,會希望每一頁的背景都都盡可能的多變(即使是同樣的元素,也希望把位置稍微調(diào)配一下),這一種需求對于設(shè)計的要求是比較高的。

△ 每一頁背景都盡可能多變的需求

我們可以這么理解:

  • 全篇需要統(tǒng)一的背景,這時的設(shè)計要求相對是的;
  • 反之每一頁不同性質(zhì)的背景,要利用相同的元素作為貫穿做統(tǒng)一化處理,實現(xiàn)最終的統(tǒng)一,這時候所要求的難度是最高的。

并不是背景每一頁不同就是好的設(shè)計,對于內(nèi)容比較多的幻燈片,需要在內(nèi)容上分層級,例如有 4 個篇章的幻燈片,可能每一個篇章的背景是統(tǒng)一的,在下一個篇章的時候才會做一定的調(diào)整,正如「002 號知識發(fā)布會」的背景:

△ 通過整體布局規(guī)劃實現(xiàn)背景布局感

幸運(yùn)的是,在真實的使用場景中,所需要的程度通常是:在某一些頁面有單獨(dú)的定制化,而其他的頁面可以使用統(tǒng)一的背景。如:20 頁不同的背景,改為 8 個不同的背景(相當(dāng)于:4 個章節(jié)+ 4 種背景+ 4 種背景),這是通過規(guī)劃背景來提高統(tǒng)一性并降低設(shè)計難度,有實際應(yīng)用意義。

場景感

需求方?jīng)]有給到主 KV,或者甚至主 KV 也是由設(shè)計師/團(tuán)隊設(shè)計的時候,就要和需求方溝通他們想要的感覺,尤其注意演示場景對背景設(shè)計的影響,兼并考慮效果的美感度。

從單頁的角度看,所有的背景都要考慮現(xiàn)場演示的「場景感」,其中較為突出的是純色背景和經(jīng)典搭配的漸變背景。

1. 純色:簡約大氣

純色的技法不難,但顏色選取非常重要,其中的難點(diǎn)主要是對于客戶想表達(dá)的這一個內(nèi)容的顏色匹配和顏色選取上。

其中分為:純黑背景和其他顏色的純色背景。純黑背景帶給人極其穩(wěn)重的感覺,而其他顏色的純色背景則相反,帶給人干凈潔凈的感覺。

△ 不同氣質(zhì)的多種純色背景

無論哪種純色背景,其中有兩個隱形的要求:

  • 現(xiàn)場投影的 LED 屏幕的顯像質(zhì)量要高;
  • 演示場景下的燈光也要有一定的配合度。

成像質(zhì)量高的屏幕能讓觀眾拍照時不會受到太多由于亮色純色帶來的成像問題,而越接近純白色的色調(diào)就越需要現(xiàn)場燈光的配合,如果配合得不好,可能演講人會成為背景上的「剪影」。

2. 漸變:經(jīng)典搭配

漸變是發(fā)布會中一直都比較流行的背景色,Keynote 的自帶模板 Gradient 就是這樣的典范。

從上到下的黑色漸變到「深紫」「深藍(lán)」「深灰」的搭配,在發(fā)布會中被使用頻繁,由于底部顏色較淺,能更好襯托內(nèi)容和演講人,是發(fā)布會的經(jīng)典搭配。

△ Keynote 的 Gradient 背景

設(shè)計感

除了之前提到的各種考慮外,設(shè)計的美觀程度非常重要,有的頁面在「純色」「漸變」「肌理」等都可以選擇的情況下,「設(shè)計感」就是其中很重要的思考出發(fā)點(diǎn)。

1. 漸變:多變流行

隨著審美不斷地提高,有很多國內(nèi)大廠的發(fā)布會漸變是沒有太多規(guī)律的,這種流線型的美感容易讓別人對科技感和定制化感受深刻,這種漸變的制作難度會更高。
這種出彩的顏色在新興行業(yè)使用較多,偏傳統(tǒng)類型的公司就不太適合。

△ 背景非線性漸變背景的發(fā)布會應(yīng)用

此外,接近純色的背景上通過光影制造亮點(diǎn)也是高級手段,能讓畫面呈現(xiàn)豐富細(xì)節(jié),顯得耐看很多。

△ 通過光影制造背景亮點(diǎn)

2. 肌理:細(xì)膩耐看

單純以肌理作為背景的設(shè)計并不算特別多,它的好處主要是在于讓整個畫面看起來更加有質(zhì)感一點(diǎn),比純色要顯得更加有設(shè)計感。

通常肌理也會和光影相結(jié)合,來體現(xiàn)這一個頁面的高檔和奢華感。通過案例我們也可以看到為了突出產(chǎn)品和高檔氣質(zhì)的發(fā)布會頁面會使用這一種設(shè)計。

△ 通過肌理突出頁面氣質(zhì)氛圍

平衡感

由于每一頁的幻燈片內(nèi)容容量的差異,會造成在每頁的版式差異,不同版式所需的「平衡感」所需背景是不同的:

  • 上下結(jié)構(gòu)、直接居中的頁面:可以使用對稱/對角線添加元素來避免單調(diào)感和增加平衡感,起到突出中心的作用;
  • 左右結(jié)構(gòu)的頁面:可以在內(nèi)容容量較小的一側(cè)輔助類元素,協(xié)助頁面實現(xiàn)版面平衡,同時避免頁面單調(diào)。

△ 背景中添加輔助元素結(jié)合版式平衡頁面

氛圍感

這 5 個性質(zhì)的背景,都具備一個隱性的作用,就是對內(nèi)容進(jìn)行含義賦予,也就是增加「氛圍感」。

如果一個幻燈片從頭到尾都是純色的背景,甚至也都是單一的背景,這一個背景能賦予這個頁面的含義就是單一的,可能就是讓人感覺到某一種感受,僅此而已。

△ 單一的背景

如果定制化比較強(qiáng),就會有不同的需求對頁面背景進(jìn)行含義賦予,如:

  • 承載不同的內(nèi)容信息
  • 對內(nèi)容進(jìn)行詮釋
  • 增加更多的視覺上的感受
  • 增加頁面的氛圍
    ……

1. 圖形:屬性點(diǎn)綴

有的時候我們也會用點(diǎn)線作為頁面背景元素,使用「點(diǎn)陣」或者「多線段混合工具」效果填充頁面,讓整體的頁面圖版率提高。

△ 「點(diǎn)陣」和「多線段混合工具」效果

也會有一些情況會用圓形、點(diǎn)線、多邊形來做頁面的點(diǎn)綴,不同屬性的形狀會有不同的氣質(zhì):

  • 圓形:圓潤感
  • 點(diǎn)線:多變感
  • 多邊形:動感

所以在選擇的時候,我們會考慮想要體現(xiàn)的感覺來選取形狀。

△ 圓形、三角形、多邊形的圖形背景

2. 全圖:氛圍濃烈

前段時間很多大廠不約而同使用了全圖型背景,讓這種設(shè)計手法廣為流傳。

具象的圖片讓觀眾直接身臨其境,時間的朋友的「大豆君」、「深圳」都是這樣的用法;而在一些企業(yè)愿景頁上,直接放上公司的圖片也能體現(xiàn)出非常直接的關(guān)聯(lián)性。

△ 具象式配圖

全圖型的圖片不一定和具體的內(nèi)容完全一一對應(yīng),存在象征的可能,無論是:星空、山川,還是用黑板的粉筆字比喻算法等,都會在實際使用時起到象征的意義。

△ 象征式配圖

如果既不是產(chǎn)品對應(yīng)的具象圖片,也不是起到象征意義的配圖,就不要為了美觀而放和主題無關(guān)的圖片,否則容易讓觀眾困惑。

實際使用的過程中,往往由于各種原因,直接找到的真實圖片不足以支撐整個發(fā)布會背景,如:

  • 尺寸不夠大
  • 直接應(yīng)用對比整體顯得突兀
  • 尺寸長寬比對比屏幕不足
  • 蘊(yùn)含含義不足以完美呈現(xiàn)文案內(nèi)容
  • 沒有直接可呈現(xiàn)頁面內(nèi)容的圖片
    ……

這時我們就需要對圖片「融合背景」處理,既和整體背景統(tǒng)一,也加入了頁面的必要內(nèi)容。

△ 象征式配圖

如果頁面內(nèi)容需要實際真實可觀的場景來輔助呈現(xiàn),就需要通過合成來「制造場景」,讓觀眾能直觀看到文案含義,就能加速對內(nèi)容的理解;還可以合成現(xiàn)實中不存在的圖片作為背景,增加氛圍的感受力度。

△ 象征式配圖

跳躍率

背景的「跳躍率」是我從「文字」和「圖片」的含義中引申使用的。

△ 文字跳躍率

△ 圖片跳躍率

△ 圖片跳躍率

文字跳躍率和圖片跳躍率描述的是素材之間的大小、景深的差異,而借用「跳躍率」的名詞來用在背景上解釋,就是整個幻燈片背景的素材各方面的差異程度。

△ 整體調(diào)性和每頁的調(diào)性

即使每一頁單獨(dú)看起來是比較和諧的,但受限于每頁內(nèi)容的圖片質(zhì)量、色調(diào)等的不同,不可避免地有可能整體看起來會顯得比較混亂,這時就要做一定的調(diào)整,確保整體統(tǒng)一性,才能讓作品形成整體。

其中要把握的是:既不能完全一樣,也不能完全不同,這之間的取舍體現(xiàn)出的就是設(shè)計師在制作時的把握度了,也是功力的體現(xiàn)。

從草間彌生到高田唯,歷數(shù)日本那些獨(dú)樹一幟的設(shè)計風(fēng)格

資深UI設(shè)計者

提起「日式風(fēng)格」,大家腦袋里會閃過哪個畫面?性冷淡設(shè)計?無印良品原木風(fēng)?櫻花配上小清新濾鏡?「簡素」、「侘寂」、乃至念上它一句「Less is more」?

△ 無印良品藝術(shù)總監(jiān)原研哉作品

總之,按照大眾流行的印象來概括,東瀛來的設(shè)計應(yīng)當(dāng)是性冷淡、實用、柔和克制的色彩、自我克制。

但這樣幾個印象,足以概括日本設(shè)計嗎?

土味、浮夸,日本設(shè)計翻個面

咱們先拿一個國產(chǎn)的外包裝設(shè)計來拋磚引玉——椰樹牌椰汁外包裝。

如果以大眾印象里日本設(shè)計的評價標(biāo)準(zhǔn)來說,這個外包裝堪稱是泥石流一樣的存在——只有信息的堆疊,跟當(dāng)年恒源祥「羊羊羊」的洗腦廣告思路如出一轍。

但就在前幾年,一位知名的日本設(shè)計師卻為這樣一種設(shè)計點(diǎn)了個贊,宣稱這是「了不起的設(shè)計」,還充滿少女心地發(fā)了個圖,表示就沖這包裝,自己每天早上都要干上它一瓶。大有他鄉(xiāng)遇知己,相見恨晚之感。

這個設(shè)計師名叫高田唯。他的設(shè)計,跟椰汁魔性的外包裝異曲同工:有如街頭牛皮癬小廣告一樣的畫面,江湖人稱「新丑風(fēng)」。

但注意,「新丑」這個詞,高田唯自己可不接受,他不認(rèn)為自己算是「新丑」,應(yīng)該是「全丑」才對——丑怎么能分新舊呢?丑就應(yīng)當(dāng)是純粹的丑。

△ 高田唯作品

而高田唯,只是日本設(shè)計的一個縮影。如果我們把常規(guī)印象里,日本設(shè)計性冷淡那一面翻過來炒一炒——你會發(fā)現(xiàn)那魔性、浮夸、充滿腦洞的土味日式風(fēng)同樣在國際舞臺上有自己的一席之地。

△ 腦洞設(shè)計師 吉田ユニ的海報作品

畫風(fēng)突變的高田唯

咱們先講高田唯那些街頭牛皮癬一樣的作品。

實際上,他并不是一開始就成為了日本設(shè)計界的邪教徒。縱觀他的早期作品,雖然不受認(rèn)可,反倒是一板一眼、規(guī)規(guī)矩矩的名門正派弟子畫風(fēng)。

△ 高田唯的早期作品:左為 2009 年「印刷のいろは」 海報,右為 「印刷のいろは」 2010 海報

咱們可以在前些年他在上海的個展「潛水平面設(shè)計」,感受下啥是「全丑」風(fēng)。

從展覽邀請函開始,畫面就已經(jīng)充斥著火車站旅店小卡片級別的設(shè)計和配色。

△ 左圖為 2017「游泳 Graphic」海報

高田唯作品:左為 JAGDA2017 年鑒 封面設(shè)計,右為「For Stockists Exhibition」2017 海報

比如說,面對代表日本平面設(shè)計最高榮譽(yù)的 JAGDA(日本平面設(shè)計師協(xié)會)的約稿,高田唯絲毫不顧甲方的口味,為他們的年鑒封面和主視覺弄出了這樣畫風(fēng)的作品。

△ 高田唯 JAGDA 東京新入會員聯(lián)歡會海報設(shè)計(入選東京 TDC)

高田唯當(dāng)然知道大眾能夠喜愛、接受的設(shè)計長什么樣。

他打小就出生自一個設(shè)計家庭。他老爸高田修地早年供職于資生堂設(shè)計部門,是原研哉在武藏野美術(shù)大學(xué)時期的恩師。而高田唯本人在 2011 年還獲得了JAGDA 新人獎,這可算得上是走向國際設(shè)計舞臺的門票。

說我當(dāng)上了營業(yè)廳售貨員、他考上了北京大學(xué)、高田唯獲得了新人獎,我們都有個美好的未來——平均一下絲毫不為過。

△ 高田唯作品 FOR STOCKISTS EXHIBITION 2011

轉(zhuǎn)變也在這時發(fā)生,用高田唯自己的話講是:「日本設(shè)計有一個感覺就是看膩了」,「單單只把東西做得美觀,這樣的人實在太多了。所以我要探尋一條如何將設(shè)計表現(xiàn)得更生動的路?!?

街頭上那些日常的、堆疊滿信息而完全沒有設(shè)計感的圖像,反倒成為他靈感的新來源。

他說:「設(shè)計不僅是追求世界上的美感,一個沒經(jīng)歷過正規(guī)的設(shè)計教育,不熟悉各種設(shè)計工具的人做出來的東西有時候會更具有表現(xiàn)力,因為他們?yōu)榱藗鬟_(dá)自己的理念而去努力的這件事本身就是美的,我想把這種美融入自己的作品中。」

這倒是可以說,他走向了高度專業(yè)化的日本設(shè)計反面:一種看山不是山、無招勝有招的狀態(tài),他是用 「新丑」來挑戰(zhàn)「舊美」的人。

△ 高田唯「Why not live for art II」海報

△ 大街上采風(fēng)的高田唯

更多高田唯的作品:

藝術(shù)家有多浮夸?

除了高田唯,實際上還有很多國際知名的日本藝術(shù)家、設(shè)計師,也都跟小清新、性冷淡八竿子打不著關(guān)系。

就先說日本當(dāng)代藝術(shù)吧,身價最高的幾位選手里,像草間彌生、村上隆都有著獨(dú)特的自我風(fēng)格,甚至有點(diǎn)精神污染。

△ 草間彌生的裝置藝術(shù)作品

這畫風(fēng)一眼就能勸退密恐患者,但這些圓點(diǎn)對于草間彌生來說,其實是偏執(zhí)與童年記憶的產(chǎn)物。

△ 草間彌生的裝置作品

10 歲時的她,因為神經(jīng)性視聽障礙伴隨著精神分裂,就看到的世界而言,真實反而是仿佛隔著一層斑點(diǎn)狀的網(wǎng)。

那些張牙舞爪的植物都是童年時、幻覺中草木開口后的結(jié)果。因此,幻覺占據(jù)了真實,繪畫對于她來說是釋放恐懼的途徑。

△ 草間彌生標(biāo)志性的波點(diǎn)南瓜

更多關(guān)于草間彌生的作品:

而村上隆的太陽花,雖然五顏六色、永遠(yuǎn)微笑、永遠(yuǎn)密密麻麻,但其實是在他一派赤誠的擔(dān)憂里誕生的。

△ 村上隆在大館賽馬會藝方「村上隆 對戰(zhàn) 村上隆」展覽現(xiàn)場。攝影:Alex Maeland

村上隆眼中所謂的日本主流文化是由多種多樣的亞文化構(gòu)成,這些戰(zhàn)后出現(xiàn)的流行文化一面成為日本的代表,另一面又令人憂心忡忡。

△ 村上隆的標(biāo)志性作品「超扁平太陽花」

而他的作品,正是在的可愛、扁平、漫畫風(fēng)格中,嘲諷越來越浮于表面的大眾文化——整個社會都已經(jīng)進(jìn)入超扁平時代。

設(shè)計有多浮夸?

△ 橫尾忠則為實驗劇場「天井棧敷」時創(chuàng)作的海報

再走出當(dāng)代藝術(shù)領(lǐng)域,回顧一下日本設(shè)計的歷史,就會發(fā)現(xiàn)浮夸、腦洞大開始終是它的另一面。用所謂性冷淡、簡素來概括,其實是一種偏見、一種被加工選擇后的刻板印象。

△ 橫尾的早期迷幻又魔性的作品

比如日本國寶級設(shè)計師、藝術(shù)家橫尾忠則,有著迥異于常人的腦回路,年輕時曾莫名其妙跑到達(dá)利家強(qiáng)行做客。

他的作品同樣如此,極其詭異的腦回路、帶有沖擊力但傳統(tǒng)的日本色彩,融合浮世繪的構(gòu)圖、畫面,再拼接上彼時流行的波普藝術(shù),「大和波普」可謂極具辨識度。

同時,傳聞他還因為自己的創(chuàng)意被甲方拒絕后揍了甲方一頓,最后,甲方(朝日啤酒)欣然接受了他的創(chuàng)意,這張海報也旋即成為橫尾忠則的經(jīng)典之一。

△ 橫尾設(shè)計的朝日啤酒海報,正是在這張海報上,橫尾成功揍了甲方。

光明正大喊出「一日之計毀于晨」、「在設(shè)計上我從不追求流行,我就是流行」的仲條正義,其部分作品也跟「日式性冷淡」一毛錢關(guān)系都沒有。反倒充斥著大腦洞、極富童心,帶著返璞歸真的頑童之感。

△ 仲條正義「Mother & Other」部分海報節(jié)選

而近些年火爆的吉田ユニ,干脆整幅作品都稱得上是腦洞的代言人。

△ 電視劇《人100%靠外表》海報

實際上,她的每一張作品都是現(xiàn)場實拍的,并沒有任何 3D 或者 CG 技術(shù),因此,為了達(dá)到想要的效果,現(xiàn)場的物品、各種元素需要反復(fù)地擺放、一遍遍地改良,方才能接近她腦海中的理想狀態(tài)。

△ 吉田ユニ Yuni Yoshida V.S. Naomi Watanabe·PUNYUS 2017 春夏系列

△ 吉田ユニ 裝苑「PLAY A SENSATION」

日本設(shè)計的浮夸是怎么來的?

日本設(shè)計以往給人的常規(guī)印象,大多和日本特有的美學(xué)特質(zhì)——「禪」、「空無」,「侘寂」、「物哀」、「幽玄」等等關(guān)鍵詞有關(guān)。

△ 幽玄:長谷川等伯的《松林圖》

△ 物哀:京都清水寺

作為傳統(tǒng),與「簡素」,「侘寂」這些表面印象相對的,日本文化中還有很多浮夸的、魔性的、乃至金碧輝煌的經(jīng)典元素——像浮世繪、古代的大和繪、妖魔鬼怪,武士鎧甲等等。

△ 日本武士鎧甲

△ 浮世繪

而每個設(shè)計師對這些傳統(tǒng)的文化又有著截然不同的思考與理解,所以才誕生了那么多新奇古怪、紛繁復(fù)雜的、腦洞大開的日本設(shè)計。

總結(jié)

所以說,并不存在一個看起來「性冷淡」的日本傳統(tǒng),更不存在一個由「性冷淡」組成的日本設(shè)計。

不止是日本設(shè)計,所謂北歐設(shè)計、新中式都是一個不夠具體的概括,其內(nèi)涵無法用一兩個詞定義,但豐富和不同正是這個世界可愛的地方嘛。

文章來源:優(yōu)設(shè)

日歷

鏈接

個人資料

存檔