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

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

　　光和影的工作原理：

　　快速概述

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

　　1、使用顏色創建深度

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

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

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

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

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

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

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

　　4、陰影大師：陰影

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

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

　　5、主陰影：投下陰影

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

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

　　6、調整不透明度

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

　　7、在字體設計中結合光與影，達成令人瞠目的字體排版效果

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

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

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

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

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

　　2)壓印：人們使用各種詞語來描述雕刻或壓入表面的文字。凸版印刷是一種常見的印刷技術，它使用金屬印版將設計(無論是否使用油墨)壓入厚紙中——但這個詞也經常用于復制這種外觀的數字效果。如這個標志設計

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

　　9、平面設計如何?

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

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

　　? 長陰影：這種特殊的陰影風格經常與平面設計搭配，尤其是文本和圖標。長陰影通常延伸到設計的邊緣。

　　10、對于網頁設計：讓事物看起來可點擊

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