這部分指人與機(jī)之間的交互工程，在過去交互設(shè)計(jì)也由程序員來做，其實(shí)程序員擅長編碼，而不善于與終用戶交互。我自己從來沒有在任何專業(yè)的項(xiàng)目上直接把文字放在圖片上，這種方法是可行的，也能做出酷炫的效果，但還是小心點(diǎn)。所以，很多的軟件雖然功能比較齊全，但是交互方面設(shè)計(jì)很粗糙，繁瑣難用，學(xué)習(xí)困難。使用這樣的軟件后，不是使人聰明與進(jìn)步而是讓人感到愚弄與羞辱。許多人因?yàn)椴荒懿僮麟娔X軟件而下崗失業(yè)，這樣的交互使電腦成為讓人恐懼的科技怪獸。于是我們把交互設(shè)計(jì)從程序員的工作中分離出來單獨(dú)成為一個(gè)學(xué)科，也就是人機(jī)交互設(shè)計(jì)。他的目的在于加強(qiáng)軟件的易用、易學(xué)、易理解，使計(jì)算機(jī)真正成為方便地為人類服務(wù)的工具。

陰影能夠告訴人腦我們到底在看什么樣的UI元素。這可能是學(xué)習(xí) UI 設(shè)計(jì)時(shí)，容易忽略卻又極為重要的一點(diǎn)了: 光線來自天空。假設(shè)我在1個(gè)UI項(xiàng)目上花10個(gè)小時(shí)的時(shí)間，其中只有1個(gè)小時(shí)是有效的，其它9個(gè)小時(shí)都是在失敗中不斷地學(xué)習(xí)，玩命的在Google、Pinterest或者Dribble上找值得借鑒的東西。光線總是從天空（上方）來的，從下面照上來的光看起來會(huì)非常詭異。當(dāng)光線從天上照下來的時(shí)候，物品的上端會(huì)偏亮，而下方會(huì)出現(xiàn)陰影。上半部分顏色淺一些，而下半部分深一些。從下面打一束光到人臉上是不是看起來很滲人？UI 設(shè)計(jì)也是同理。我們的屏幕是平的，但是我們可以通過一些藝術(shù)手法讓它看起來是 3D 的，在每個(gè)元素的下方加一些陰影。

如果你想要成為好的 UI 設(shè)計(jì)師，你必須學(xué)會(huì)在圖片上美觀地呈現(xiàn)文字。優(yōu)you的設(shè)計(jì)師在這方面做得都不錯(cuò)，而水平較低的設(shè)計(jì)師往往在這方面也比較差，甚至完全不會(huì)。在學(xué)習(xí)了這部分以后，相信你會(huì)有很大的提升。

直接在圖片上放文字

我很猶豫要不要講這種方法，因?yàn)閼?yīng)用起來十分困難。不過直接在圖片上放文字從技術(shù)上來說也是可行的，下面這個(gè)網(wǎng)站的首頁就很不錯(cuò)，所以說說也無妨。

直接在圖片上放文字時(shí)，有幾點(diǎn)需要非常注意：

圖片應(yīng)該比較暗，而且顏色不能有太大的反差。文字必須是白色的，我知道你也能找到用其它顏色的案例。但是我覺得，你hao還是用白色。在不同屏幕，不同尺寸的窗口調(diào)試頁面，確保各種情況下文字都是清晰、易于辨識(shí)的。

上面這 3 個(gè)方面調(diào)整好就 OK 了，不要再做其它處理。