平面設(shè)計(jì)與光影：10個(gè)非常有效的建議

　　光和陰影可以增加你的設(shè)計(jì)的深度、尺寸、透視、現(xiàn)實(shí)主義和視覺感興趣。這可以同時(shí)吸引瀏覽者關(guān)注你的設(shè)計(jì)，使它看起來像是從頁(yè)面或屏幕彈出。但是過度的效果會(huì)讓一個(gè)好的設(shè)計(jì)看起來很業(yè)余和俗氣。

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

　　光和影的工作原理：

　　快速概述

　　在我們就如何將光線和陰影融入設(shè)計(jì)中提出建議之前，有助于對(duì)其解剖學(xué)有基本的了解。這是藝術(shù)家和攝影師為了創(chuàng)作光線充足的作品而學(xué)習(xí)的東西，但它也可以幫助平面設(shè)計(jì)師和網(wǎng)頁(yè)設(shè)計(jì)師創(chuàng)作逼真的光影效果。

　　1、使用顏色創(chuàng)建深度

　　色彩本身可以成為創(chuàng)造輕盈或黑暗幻覺的絕佳方式——無(wú)需訴諸預(yù)先包裝的效果。特別是將不同顏色的相同顏色分層，可以創(chuàng)建深度或距離的外觀。這是因?yàn)樵谖覀兊难壑?，光亮漸漸褪色，暗色漸漸增強(qiáng)。

　　2、為背景圖添加漸變效果

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

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

　　3、使用高亮顯示來吸引注意力

　　閃閃發(fā)光的東西總是吸引你的目光，不是嗎?在設(shè)計(jì)中，亮點(diǎn)可以像一個(gè)微妙的聚光燈， 使某些元素變得更加明顯——除了幫助設(shè)計(jì)項(xiàng)目看起來更真實(shí)，正如前面提到的。如果你想在你的設(shè)計(jì)中強(qiáng)調(diào)多個(gè)東西，一定要記得考慮你想象中的光源，讓你的亮點(diǎn)保持一致。

　　查看以下產(chǎn)品包裝上的“801”標(biāo)志的簡(jiǎn)單高亮顯示。它只是線條的顏色略輕于主要顏色的數(shù)字，但它給設(shè)計(jì)的焦點(diǎn)提供了更多的可見性和視覺興趣。

　　4、陰影大師：陰影

　　陰影是物體上陰影的另一個(gè)術(shù)語(yǔ)，如我們?cè)谖恼马敳慷x的核心陰影。陰影可以賦予平面設(shè)計(jì)元素或文字的形狀和尺寸。

　　在這里，一個(gè)平面的白色印刷標(biāo)志的紋理陰影使它看起來有分層和復(fù)雜的效果。

　　5、主陰影：投下陰影

　　記得文章前面的蘋果圖嗎?投影是蘋果本身遮擋光線而產(chǎn)生的陰影，從而在側(cè)面產(chǎn)生影子。陰影只是一種特定類型的投影，其中光源或多或少直接在頭頂上投射，這會(huì)在對(duì)象后面或下方投射陰影。這使得物體看起來像浮在表面之上。

　　從設(shè)計(jì)的角度來看，陰影可以幫助物品或信息“上升”到布局的頂部，使它們脫穎而出。它們對(duì)于提高淺色設(shè)計(jì)元素(尤其是文本)的可見性也很有用。例如：在這個(gè)網(wǎng)頁(yè)設(shè)計(jì)中，陰影有助于使特色內(nèi)容更加突出。

　　6、調(diào)整不透明度

　　在現(xiàn)實(shí)生活中，陰影不是不透明的，光線不是白色或黃色的平面，它們是透明的，在你的設(shè)計(jì)中它應(yīng)該是一樣的。對(duì)于微妙而逼真的外觀，不透明度和透明度設(shè)置是應(yīng)用效果時(shí)最好的朋友。從一個(gè)真正低調(diào)的應(yīng)用程序開始，然后根據(jù)需要稍微構(gòu)建它是一個(gè)很好的做法;這會(huì)使你不太可能過度使用它。

　　7、在字體設(shè)計(jì)中結(jié)合光與影，達(dá)成令人瞠目的字體排版效果

　　印刷字體可以通過添加光和陰影效果，使字體突顯或者不突顯。尤其是在文字排版設(shè)計(jì)中，這確實(shí)能讓這些文字以醒目的方式活躍起來。

　　以這個(gè)字體的標(biāo)志為例：它使用了高亮和陰影的字母用漸變來創(chuàng)建一個(gè)輪廓分明的3D外觀。下面還有一個(gè)漂亮的投影(注意一個(gè)假想光源從左上角開始的一致使用：主要的亮點(diǎn)落在字母的頂部和左邊，而投影點(diǎn)向下和向右，遠(yuǎn)離光線，就像它應(yīng)該的那樣)。一些微妙的紋理把一切都拉到一起。

　　8、更多版式陰影選項(xiàng)：嘗試凸起和嵌入式樣式

　　字體是一個(gè)你可以在陰影樣式中真正發(fā)揮創(chuàng)造力的地方。它們?cè)诤艽蟪潭壬鲜呛苋菀讘?yīng)用的(有些字體甚至帶有陰影樣式)，并且可以給你的字體設(shè)計(jì)一個(gè)定制的外觀。讓我們?cè)倏磧蓚€(gè)選項(xiàng)：

　　1)凸版：凸版是一種印刷工藝技術(shù)，它能在紙上(或其他材料的)表面上增加一種設(shè)計(jì)特征(通常是文字)。這通常是用某種金屬印版來完成的。你可以用一些很好的陰影(在字母形狀的邊界之外)和高亮(在字母本身)上復(fù)制這種效果。

　　2)壓?。喝藗兪褂酶鞣N詞語(yǔ)來描述雕刻或壓入表面的文字。凸版印刷是一種常見的印刷技術(shù)，它使用金屬印版將設(shè)計(jì)(無(wú)論是否使用油墨)壓入厚紙中——但這個(gè)詞也經(jīng)常用于復(fù)制這種外觀的數(shù)字效果。如這個(gè)標(biāo)志設(shè)計(jì)

　　陰影和高光被放置在相反的位置，就像一個(gè)浮雕的樣子：陰影在字母內(nèi)部，高光在外，標(biāo)記表面被按下的位置。

　　9、平面設(shè)計(jì)如何?

　　平面設(shè)計(jì)已經(jīng)變成了一種經(jīng)久不衰的潮流：從蘋果轉(zhuǎn)型到平板手機(jī)設(shè)計(jì)，再到谷歌的新平面標(biāo)志，至少在一段時(shí)間內(nèi)，它似乎還會(huì)停留在這里。平面設(shè)計(jì)的特點(diǎn)之一是缺乏表現(xiàn)深度，這通常意味著你不會(huì)看到很多陰影或高光。但是，如果你想保持平面設(shè)計(jì)的極簡(jiǎn)主義，同時(shí)又添加一些動(dòng)態(tài)的燈光或陰影，那該怎么辦呢?設(shè)計(jì)師們一直在調(diào)整這一趨勢(shì)，以實(shí)現(xiàn)這一目標(biāo)。以下是一些常見的方法：

　　? 顏色：使用顏色變化或漸變可以增加維度感或光/陰影的交互作用，同時(shí)在技術(shù)上仍然堅(jiān)持平面設(shè)計(jì)的概念。

　　? 長(zhǎng)陰影：這種特殊的陰影風(fēng)格經(jīng)常與平面設(shè)計(jì)搭配，尤其是文本和圖標(biāo)。長(zhǎng)陰影通常延伸到設(shè)計(jì)的邊緣。

　　10、對(duì)于網(wǎng)頁(yè)設(shè)計(jì)：讓事物看起來可點(diǎn)擊

　　對(duì)于網(wǎng)頁(yè)設(shè)計(jì)，用戶如何與網(wǎng)站互動(dòng)是一個(gè)重要的考慮因素。用戶界面(或UI)應(yīng)該易于使用和理解，并且知道你可以點(diǎn)擊哪些內(nèi)容是很重要的一部分。這就是陰影和高光特別有用的地方，特別是在設(shè)計(jì)按鈕時(shí)。