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

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

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

　　光和影的工作原理：

　　快速概述

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

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

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

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

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

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

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

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

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

　　4、陰影大師：陰影

　　陰影是物體上陰影的另一個術(shù)語，如我們在文章頂部定義的核心陰影。陰影可以賦予平面設(shè)計元素或文字的形狀和尺寸。

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

　　5、主陰影：投下陰影

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

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

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

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

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

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

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

　　8、更多版式陰影選項：嘗試凸起和嵌入式樣式

　　字體是一個你可以在陰影樣式中真正發(fā)揮創(chuàng)造力的地方。它們在很大程度上是很容易應(yīng)用的(有些字體甚至帶有陰影樣式)，并且可以給你的字體設(shè)計一個定制的外觀。讓我們再看兩個選項：

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

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

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

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

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

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

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

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

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