如果你想知道什么是最容易被忽視的方面的設(shè)計(jì)工藝，看起來(lái)沒(méi)有進(jìn)一步的 - 它是用戶界面。是好還是壞，用戶界面是無(wú)處不在：在網(wǎng)站上，手機(jī)，電視機(jī)套，手腕上的手表，飛機(jī)和洗衣機(jī)。

一些用戶界面拿兩個(gè)人來(lái)操作。不是我的那杯茶。

每當(dāng)有一個(gè)用戶，有用戶界面。同樣，每當(dāng)有一個(gè)沮喪的用戶，通常情況下，拙劣的用戶界面。

作為圖形和網(wǎng)頁(yè)設(shè)計(jì)，我們的工作不僅創(chuàng)造了良好的尋找的東西 - 它是創(chuàng)造的東西，實(shí)際上是易于使用和創(chuàng)建用戶界面摩擦最小。換句話說(shuō)，我們需要思考的人實(shí)際上是如何使用我們的網(wǎng)站或應(yīng)用程序，并盡最大努力使他們的生活更輕松。

如果你認(rèn)為還是涉及到只有幾妥善安置的按鈕和鏈接，再想想 - 一些收入最高的項(xiàng)目99designs需要單獨(dú)的用戶界面設(shè)計(jì)，Web或移動(dòng)應(yīng)用程序。它既是一門(mén)藝術(shù)，一門(mén)科學(xué)，有極少數(shù)的明星在舞臺(tái)上（蘋(píng)果是其中之一）。

要開(kāi)始，讓我們來(lái)看看目前的趨勢(shì)在用戶界面設(shè)計(jì)。

極簡(jiǎn)主義

經(jīng)過(guò)多年的鐘聲和口哨聲中，用戶界面設(shè)計(jì)回到最基本的 - 至少根據(jù)一些大公司，包括谷歌和微軟僅舉幾例。有光澤的圖標(biāo)被替換為簡(jiǎn)單的一種顏色的版本或基于文本的按鈕，簡(jiǎn)單的純色組合，豐富的梯度。

簡(jiǎn)約的接口肯定。上圖：Windows 8的使用單色圖標(biāo)和簡(jiǎn)單的純色，它的新界面。下圖：Pinterest的用戶界面是最終的極簡(jiǎn)-用戶內(nèi)容，除了極少數(shù)的東西在屏幕上占用空間。

對(duì)于廣大用戶來(lái)說(shuō)，這種缺乏視覺(jué)細(xì)節(jié)驚人的好 - 這個(gè)接口很容易消化和它的元素沒(méi)有得到他們所要完成的任務(wù)的方式。

當(dāng)使用它： 極簡(jiǎn)主義是一個(gè)偉大的方式來(lái)設(shè)計(jì)專注于用戶生成內(nèi)容的Web應(yīng)用程序-如果做得好的話，用戶將很少抱怨。但是，請(qǐng)記住，許多客戶會(huì)發(fā)現(xiàn)這種方法過(guò)于簡(jiǎn)單，他們的口味，所以你可能要檢查自己的喜好，然后再啟動(dòng)您的項(xiàng)目。

Skeuomorphism

用戶界面設(shè)計(jì)Skeuomorphic推廣蘋(píng)果，然后通過(guò)很多其他的公司?；旧?，這種設(shè)計(jì)方法依賴于模仿傳統(tǒng)的和熟悉的物體的外觀和功能，使界面更直觀。例如，用木制書(shū)架，書(shū)籍涵蓋了代表的數(shù)字內(nèi)容在工作中是一個(gè)很好的例子skeuomorphism。

雖然每個(gè)用戶界面借鑒了現(xiàn)實(shí)世界中的細(xì)節(jié)（即按鈕就是一個(gè)現(xiàn)實(shí)世界的概念），有些人會(huì)反對(duì)借用整個(gè)貨架。

在用戶界面設(shè)計(jì)界的是否如高skeuomorphic設(shè)計(jì)的合理與否是一場(chǎng)戰(zhàn)斗。有人說(shuō)，它實(shí)際上是壞的用戶體驗(yàn)，因?yàn)楝F(xiàn)實(shí)世界的模仿對(duì)象，必然意味著模仿的限制，來(lái)與他們，有人說(shuō)這是一個(gè)很好的權(quán)衡，skeuomorphic設(shè)計(jì)的友好和熟悉。

當(dāng)使用它：在 設(shè)計(jì)移動(dòng)應(yīng)用程序時(shí)，skeuomorphic的設(shè)計(jì)是非常受歡迎的，以及在社會(huì)接受。在某種程度上，由于這些設(shè)備的觸摸屏性質(zhì)，觸摸真實(shí)世界中的物體給人的印象。對(duì)于Web應(yīng)用程序和項(xiàng)目，skeuomorphic設(shè)計(jì)通常不是最好走的路，雖然有些元素可以用來(lái)提高部分的接口。

激光焦點(diǎn)

激光聚焦后的用戶界面，在一個(gè)單一的視覺(jué)焦點(diǎn)，明顯的任務(wù)，一旦用戶打開(kāi)Web應(yīng)用程序，而不是提供一些同樣重要的選項(xiàng)。這種方法的主要優(yōu)點(diǎn)是簡(jiǎn)單 - 用戶立即知道應(yīng)用程序和建議的行動(dòng)是什么。

上圖：谷歌主頁(yè)是最好的例子，的激光聚焦Web應(yīng)用程序-搜索框的顯著位置，其他一切都被降級(jí)。下圖：空氣B'n'B  是一個(gè)激光重點(diǎn)接口的一個(gè)很好的例子。

當(dāng)使用它：   激光聚焦是一個(gè)偉大的方式有一個(gè)單一的，最重要的功能，促進(jìn)Web應(yīng)用程序和項(xiàng)目。在大多數(shù)情況下，這將是某種形式的搜索或?yàn)g覽功能，但確保與客戶討論這個(gè)問(wèn)題。

上下文敏感的導(dǎo)航

上下文敏感的導(dǎo)航附帶的動(dòng)態(tài)用戶界面的崛起，是一個(gè)偉大的方式來(lái)declutter你的設(shè)計(jì)。基本上，你需要問(wèn)自己一個(gè)簡(jiǎn)單的問(wèn)題：導(dǎo)航元素顯示在屏幕上的所有的時(shí)間，僅能顯示在某些情況下（行動(dòng)）？

Pinterest的使用簡(jiǎn)單而有效的按鈕工具欄只出現(xiàn)在鼠標(biāo)懸停動(dòng)作。

例如，Pinterest的操作按鈕，只有當(dāng)你將鼠標(biāo)懸停針，如上面的圖片所示。只有當(dāng)你選擇的消息，Gmail會(huì)顯示消息的操作按鈕。這樣一來(lái)，這些應(yīng)用程序在視覺(jué)上顯得比實(shí)際的要簡(jiǎn)單得多。

當(dāng)使用它：上下文敏感的導(dǎo)航可以用在幾乎任何項(xiàng)目。小心目標(biāo)按鈕和小工具，可以隱藏，直到用戶執(zhí)行某一個(gè)動(dòng)作，如一個(gè)鏈接懸停，選擇一個(gè)條目并等。

折疊的內(nèi)容

另一個(gè)偉大的方式來(lái)declutter你的用戶界面設(shè)計(jì)是隱藏在一個(gè)鏈接，將用戶的請(qǐng)求展開(kāi)和折疊的非必要的選項(xiàng)和部件。

上圖：谷歌加使用“更多”按鈕顯示附加界。下圖：99designs顯示了各種的配置文件的相關(guān)選項(xiàng)，一旦你點(diǎn)擊你的用戶名在右上方corent的。

你可以做到這一點(diǎn)，即使在簡(jiǎn)單的網(wǎng)站 - 而不是顯示在標(biāo)題中大量的鏈接，可以考慮引入“更多”按鈕，將顯示一個(gè)下拉菜單，鏈接的網(wǎng)頁(yè)的用戶并不重要。

當(dāng)使用它：與上下文敏感的導(dǎo)航，你可以使用這項(xiàng)技術(shù)幾乎在所有的項(xiàng)目中。這是特別有用的網(wǎng)頁(yè)，包含很多設(shè)置和選項(xiàng)的界面元素-這些看起來(lái)最嚇人的最終用戶，因此，隱藏不需要的組件使事情看起來(lái)簡(jiǎn)單得多。

內(nèi)容分塊

內(nèi)容分塊是一種技術(shù)，呈現(xiàn)出大量的內(nèi)容在更小的視覺(jué)塊，所以它更容易為人們閱讀和精神上消化。例如，分裂成幾個(gè)部分這篇文章的標(biāo)題和相應(yīng)的圖片，使得它容易得多讀比較單調(diào)的文本流長(zhǎng)。

蘋(píng)果網(wǎng)站的產(chǎn)品頁(yè)面上的內(nèi)容分塊的最佳范例之一-他們是一個(gè)混合的一口大小的文本塊，再加上漂亮的產(chǎn)品圖片。

重要的是要注意，內(nèi)容分塊始終圍繞。它的出現(xiàn)在互聯(lián)網(wǎng)時(shí)代，當(dāng)人們開(kāi)始花費(fèi)大量的信息，需要一種方式來(lái)消化它更容易。在某種程度上，這是一個(gè)自發(fā)地發(fā)展的現(xiàn)象。

當(dāng)使用它：最終，該技術(shù)的使用，最終取決于客戶端的東西。但是，您可以使用它在您的設(shè)計(jì)方案建議的內(nèi)容應(yīng)如何在網(wǎng)站上，解釋為什么它是有益的，目前它在特定的方式。

長(zhǎng)頁(yè)面

一旦令人難以接受的客戶和設(shè)計(jì)師，長(zhǎng)期需要大量的滾動(dòng)，現(xiàn)在所有網(wǎng)站的網(wǎng)頁(yè)。一種解釋是，用戶習(xí)慣于垂直滾動(dòng)鼠標(biāo)滾輪的協(xié)助下，它實(shí)際上是更糟糕的是分裂單獨(dú)的頁(yè)面上的內(nèi)容 - 它需要更多的努力，從用戶找到它，達(dá)到它。

瘋狂的雞蛋網(wǎng)站是一個(gè)令人難以置信的長(zhǎng)（但功能）的網(wǎng)頁(yè)。圖像的右側(cè)部分示出的一小部分的快照頁(yè)面內(nèi)容。

此作品出奇地好時(shí)，結(jié)合以前的內(nèi)容分塊技術(shù) - 用戶可以快速瀏覽內(nèi)容，找到一個(gè)感興趣的領(lǐng)域。一些非常成功的和著名的公司 - 包括蘋(píng)果 - 使用很長(zhǎng)的頁(yè)面，以展示他們的產(chǎn)品，具有高程度的成功。

當(dāng)使用它：   長(zhǎng)頁(yè)面的工作非常好，當(dāng)你介紹產(chǎn)品的功能和福利，或其它類似的內(nèi)容。如果內(nèi)容沒(méi)有直接關(guān)系（即菜譜列表），你應(yīng)該把它單獨(dú)的頁(yè)面上。

為了結(jié)束

設(shè)計(jì)良好的用戶界面在設(shè)計(jì)Web或移動(dòng)網(wǎng)頁(yè)和應(yīng)用程序時(shí)，是最重要的 - 有時(shí)，這就是該項(xiàng)目是所有關(guān)于。

上述趨勢(shì)將幫助您開(kāi)始，但你也應(yīng)該投入一些時(shí)間和閱讀博客，，如UX運(yùn)動(dòng)  和UX雜志出色的用戶界面。成為一個(gè)偉大的用戶界面設(shè)計(jì)師，你把你自己的，而精英設(shè)計(jì)公司-有大量的有才華的用戶界面設(shè)計(jì)。