刑警803禮盒初紙網站效果圖微電影展板效果腫瘤醫院文化手冊海天下1海天下2海天下3海天下4德瑪石業良龍-蘭琴蒂爾瑞金醫院都市的孩子,山里的娃生活隨筆窄窄的船票 寬寬的大橋重金懸賞算數嗎?養老院防控指南提高免疫 心向陽光 來了!使用公筷公勺 彰顯文明素養旅行社被“掉”包 倒霉受傷有課找誰賠在家也能“宅健身” 助你秀出好身材原創抗疫動畫系列,秋冬季新冠肺炎疫情個人防護措施指南野味吃不得!哪些不能吃?預存話費是否存在有效期?微信簽署快遞單 貨物遺失可否獲賠富陽物流動畫創晟開元府3D電影片頭《蕭何月下追韓信》微電影《美麗上海-綠色家園》宣傳片《智能終端產業》日暉有戲戲曲節開幕式宣傳片豐縣宣傳片光榮與力量——2016感動上海年度人物美在我身邊《文明護家園》 動畫短片/公益宣傳《一套茶具》- 動畫短片/公益原創《進博會來了!》《年畫的故事~多彩年畫》《年畫的故事~門神畫》上海屋檐下【慶祝國慶70周年】  宣傳片制作/公益宣傳《紅色收藏家葛衛東》 記錄短片/公益宣傳年畫的故事~小校場與月份牌年畫《年畫的故事~新年畫》豐縣牛蒡 真牛超棒PELCO網站設計開發芙蓉街66號萬物靜觀皆可得紫藤架下的中日情緣高空繡娘溫暖,讓我充滿信心難忘的禮物速寫人生百年多倫 文化傳承腳手架上的舞臺百年多倫 文化傳承母親節的禮物803與我的童年打卡上海文化地標速寫人生改革路上的那一抹“平安藍”畫說四十年一等獎-高空繡娘奧巴啤酒TVC美在我身邊母親節的禮物謝謝你讓我知道了《上海牌手表》 動畫短片/公益宣傳VISION-高端手機品牌法國HANMAC 產品形象展示片(1)VISION-高端手機品牌法國HANMAC光榮城市?夢想綻放——黨的誕生地的故事》《工業發展史》《零醛添加家居產業》機械裝備制造產業綠色產業營商環境工業自動化2020江浙滬十三城市刑偵暖場片2020豐縣元杰智能微電影0721巡禮+感動0721巨杰元杰公安展英烈展廳葛洲壩蘇州銀行現代國防教育館蘇州銀行淮海云商克魯森豐縣數控對職場性騷擾說不幼兒園或學校防控指南辦公場所防控指南兒童防控指南老年人防控指南公共交通篇工作場所篇廣場公園篇居家生活篇旅行食宿篇校園安全篇醫療機構篇影劇院場所篇超市商場篇質杰J&T教育網站二十四城會議抗疫政府部門防疫活動市民微電影市民微電影頒獎晚會魯花元杰克魯森申隆鋅業維海鷹集團謙信物業紀念郵票
自由容器

上海設計公司:光影與平面設計的關系(一)

發表時間:2018-09-29 16:51

上海設計公司:光影與平面設計的關系(一)

你有沒有花時間觀察從一扇窗戶透過的陽光,或是看燈光如何改變房間中物體的顏色并投下陰影?

沒有?我敢打賭。我們大多數人都習慣于看光和影子,以至于很少花時間去思考它們是如何工作的。但無論我們是否意識到它們,光和陰影都是我們每天都與之互動的視覺線索——它們給我們提供了關于形狀、距離、位置、質地以及其他身體和觸覺的信息。

使用光影設計:利弊兩面

關注現實生活中光影的相互作用能給我們帶來一些靈感,讓我們的設計看起來更逼真。除非你的地下室里有一臺3D打印機,否則我們大多數人都只能在二維空間里進行設計。但我們都習慣了在三維空間中看到事物,有時會在日常生活中看到的東西和在紙上或屏幕上看到的東西之間產生視覺上的脫節。在你的設計中加入光和陰影元素,可以幫助瀏覽者縮小視覺上的差距,讓你的2D設計更加逼真,看起來幾乎是3D的樣子。

圖片1.png

但是你在互聯網上肯定會注意到,光和陰影效果很容易做過頭。正如一名設計師在他的博客中所承認的那樣,在我們的現代世界里,很容易添加一個又一個的效果,而不考慮它們對你的設計項目是否有必要或有益。

話雖如此,讓我們來看一些正反兩方面的觀點:

光和陰影可以增加你的設計的深度、尺寸、透視、現實主義和視覺感興趣。這可以同時吸引瀏覽者關注你的設計,使它看起來像是從頁面或屏幕彈出。但是過度的效果會讓一個好的設計看起來很業余和俗氣。

總而言之,聰明地使用光影的秘訣包括記住兩件事:目的和微妙。首先確保你使用的任何效果具有特定的實用目的,并且對你的項目有意義,那么采取“少即是多”的方法將其應用于你的設計。如果使用的是設計程序附帶的效果,則默認設置總是比實際更具戲劇性(特別是對于陰影); 不要依賴它們,你需要運用它們,使你的設計作品更柔軟、更輕、更微妙。

光和影的工作原理:

快速概述

在我們就如何將光線和陰影融入設計中提出建議之前,有助于對其解剖學有基本的了解。這是藝術家和攝影師為了創作光線充足的作品而學習的東西,但它也可以幫助平面設計師和網頁設計師創作逼真的光影效果。

在上面的圖表中,我已經指出了一些關鍵的術語。我們在這里簡單地定義一下:

?  光源:如果你看到的是陰影或高光,則必須有光源。聽起來這個很淺顯,但是在大多數的設計項目中(除了包括太陽、月亮、燈等的插圖),光源都不可見。然而,如果你確定一個假想光源的位置,并設定你的效果,看起來好像它們都是由同一光源引起的,你最終會得到一個更現實、更一致的外觀,而不是僅僅是一些隨機的特殊效果。

?  高光:這是光線在物體上最亮的地方(離光源最近,面向光源)。

?  陰影/核心陰影:這是物體最黑暗的部分(離光源最遠)。但是陰影并不是一團黑色的顏色,它們的色調有所不同。在陰影的最深處,物體完全背離光源,被稱為核心陰影。

?  投射陰影:與核心陰影(在對象上)不同,這是由對象創建的。當物體本身擋住光源時,它會在它所在的表面投射陰影。投射陰影指向與光源相同的方向,就在物體的另一邊。

這是一個非常基本的概述,它將給你一個正確使用光和陰影的起點。現在,讓我們開始談正事;關于你一直在等待的設計提示:

01.使用顏色創建深度

色彩本身可以成為創造輕盈或黑暗幻覺的絕佳方式——無需訴諸預先包裝的效果。特別是將不同顏色的相同顏色分層,可以創建深度或距離的外觀。這是因為在我們的眼中,光亮漸漸褪色,暗色漸漸增強。

下面的插圖完美地展示了這個想法。注意山脈是如何從靠近前景的地方開始變暗的,但隨后變亮并且看起來像是在背景中迷霧般的距離。

這里還有很多其他的燈光和顏色。設計師為每個面板選擇的色溫,對于增強對光線和黑暗的印象有很大作用。天空中細微的漸變也會產生不同時間和光線類型的印象(例如:日出的暖光與涼爽的白色月光)。談到漸變,下一個提示來談......

02.為背景圖添加漸變效果

在你的房子打開一盞燈,看看最近的墻壁…...這不是所有都是平坦的顏色,是吧?最靠近燈的部分可能看起來更亮或更暖,而你離燈越遠,它看起來就越黑。你可能會認為你在看一面墻,但仔細看,你可能會看到灰色、綠色、藍色或紫色的陰影。重點是很少有光線使物體或表面看起來像一個均勻的、不變的顏色。

創建這種動態顏色變化的一種方法,是在你的設計中添加一個漸變到背景或其他大區域。現在,漸變可能會讓你想起上世紀90年代的網站上一個可怕的多色背景,這使得文本不可能被閱讀——但這是一個糟糕的漸變案例。如果做得好,漸變可以添加一些微妙的顏色變化(如前面所提到的),幫助柔化/淡出陰影,或者在你的設計的某一特定區域(特別是徑向、圓形、漸變)中創建光線的外觀。

下面,一個網站的著陸頁面上的徑向漸變為多個目的服務。梯度的較輕部分使它看起來像一盞燈從上面照耀,并且也使有陰影的手機更可見。結合起來,這些效果使這里的場景看起來逼真——看起來你可以伸手去摸那部手機,它有形狀和尺寸。同時也要注意右上角的高亮顯示,以及陰影,使手機有了3D外觀。

03. 使用高亮顯示來吸引注意力

閃閃發光的東西總是吸引你的目光,不是嗎?在設計中,亮點可以像一個微妙的聚光燈,使某些元素變得更加明顯——除了幫助設計項目看起來更真實,正如前面提到的。如果你想在你的設計中強調多個東西,一定要記得考慮你想象中的光源,讓你的亮點保持一致。

查看以下產品包裝上的“801”標志的簡單高亮顯示。它只是線條的顏色略輕于主要顏色的數字,但它給設計的焦點提供了更多的可見性和視覺興趣。

圖片6.png

以上就是神頌文化為大家分享的平面設計與光影的有效建議,如果您有平面設計方面的需求,可以隨時聯系上海神頌文化平面設計設計/制作公司。


分享到: