????跟進(jìn)了一段時(shí)間的UI設(shè)計(jì)，總結(jié)一下從這工作中學(xué)到的東西先。

????互交設(shè)計(jì)，歸根到底是為了提高用戶體驗(yàn)，因?yàn)殡x開不了人，所以人體工學(xué)往往在互交設(shè)計(jì)有一定的參考價(jià)值。

人體工學(xué)對(duì)互交設(shè)計(jì)的影響

1. 結(jié)合設(shè)計(jì)心理學(xué)進(jìn)行設(shè)計(jì)計(jì)劃

根據(jù)設(shè)計(jì)心理學(xué)的理論來分析交互媒體產(chǎn)品的使用者的需要，使用者的滿意度、使用者的個(gè)體特征。同時(shí)也可利用設(shè)計(jì)心理學(xué)進(jìn)行社會(huì)文化、社會(huì)階層、社會(huì)群體、社會(huì)心理現(xiàn)象等宏觀方面的分析，從而做出更符合用戶需求的產(chǎn)品。

2. 設(shè)計(jì)階段結(jié)合人的感覺習(xí)慣以及人體測(cè)量學(xué)

根據(jù)人的感覺習(xí)慣以及人體測(cè)量學(xué)中的具體內(nèi)容對(duì)交互媒體作品的整體框架、色彩搭配、交互方式、界面元素的形狀大小等方面提供依據(jù)。人的感覺習(xí)慣與人體測(cè)量等具體數(shù)據(jù)與內(nèi)容需要在用戶調(diào)研時(shí)研究清楚，為以后的設(shè)計(jì)提供一個(gè)行為習(xí)慣上、數(shù)據(jù)上的基礎(chǔ)。

3. 任務(wù)分析時(shí)融合認(rèn)知心理學(xué)和色彩心理學(xué)

通過了解人的信息加工處理過程、人的注意力、人的失誤性、人的疲勞性等確定任務(wù)的操作流程、復(fù)雜程度、休息間隔等等詳細(xì)內(nèi)容。

4. 任務(wù)分析的同時(shí)結(jié)合色彩心理學(xué)

交互媒體產(chǎn)品的初步任務(wù)分析決定了是用于教學(xué)還是用于娛樂等基本性質(zhì)。每個(gè)類型的交互媒體產(chǎn)品有其控制色、基本色、窗口框架和圖標(biāo)顏色、任務(wù)欄色彩等的基本色彩使用的規(guī)范。所以交互媒體界面的色彩設(shè)計(jì)是根據(jù)色彩心理學(xué)和設(shè)計(jì)任務(wù)分析來共同決定的。

人體工學(xué)在互交設(shè)計(jì)中的應(yīng)用

1. 視覺與文字信息

文字的設(shè)計(jì)是交互媒體界面中重要設(shè)計(jì)元素之一，文字具有很高的明確性和極佳的直觀傳達(dá)作用，可以傳播大量的信優(yōu)勢(shì)，特別適用于交互媒體界面的設(shè)計(jì)中。在選擇文字的時(shí)候要考慮它的明確性、適合性、美觀性、創(chuàng)新性以及易讀性。

文字的設(shè)計(jì)要力求突出重點(diǎn)，簡明扼要，在設(shè)計(jì)界面文字時(shí)我們應(yīng)該合理的設(shè)計(jì)文字，使其符合人機(jī)工程學(xué)原理中人體的思維習(xí)慣。

下面以文本的長度舉個(gè)例子：

我們一般顯示的大段文字的文本，一般以40個(gè)字以內(nèi)一行，報(bào)紙的排版就是一個(gè)參考。一行字太長，一般會(huì)增大用戶的閱讀難度，容易造成用戶串行，造成用戶體驗(yàn)不佳。（平時(shí)我們喵到一大片的文字就不想看，不是因?yàn)槲覀儾粣畚淖?，而是我們生理上接受不能啊?/p>

經(jīng)過研究人際工程學(xué)發(fā)現(xiàn)：中心視角10°以內(nèi)是最佳視區(qū)，人眼的識(shí)別力最強(qiáng)；人眼在中心視角20°范圍內(nèi)是瞬息視區(qū)，可在極短的時(shí)間內(nèi)識(shí)別物體形象；人眼在中心視角30°范圍內(nèi)是有效視區(qū)，需集中精力才能識(shí)別物象；人眼在中心視角120°范圍內(nèi)為最大視區(qū)，對(duì)處于此視區(qū)邊緣的物象，需要投入相當(dāng)?shù)淖⒁饬Σ拍茏R(shí)別清晰。人若將其頭部轉(zhuǎn)動(dòng)，最大視區(qū)范圍可擴(kuò)展到220°左右。

計(jì)算得知，如果人眼距離屏幕40cm，最佳視區(qū)10°看到的寬度約為7cm。

瞬息視區(qū)10°看到的寬度約為14cm。

有效視區(qū)30°看到的寬度約為21cm。

所以我們頁面的文本一行長度要盡量限制在21cm以內(nèi)，根據(jù)字體的大小，適當(dāng)調(diào)節(jié)文字長度將有利于提高用戶體驗(yàn)。

2. 界面色彩的設(shè)計(jì)應(yīng)用

亮度：

首先，亮度越高的時(shí)候，視覺識(shí)別難度更大，眼睛更容易疲勞。

上圖右邊的曲線稱為明視覺曲線，是在明亮的環(huán)境下（5尼特）的光譜響應(yīng)?？梢钥闯?，人眼最靈敏的點(diǎn)是在555毫微米的黃綠色光。對(duì)于475毫微米的藍(lán)色光和650毫微米的橙紅色光，需要10倍的強(qiáng)度才能引起與這黃綠色光相同的亮度感覺，而對(duì)于685毫微米的紅色光，靈敏度就更下降到1%了。如上圖的暗視覺曲線，是在0.001尼特以下的亮度下測(cè)定的?？梢钥闯觯逯狄呀?jīng)轉(zhuǎn)移到510毫微米的綠色光，相應(yīng)10%靈敏度的點(diǎn)分別為420毫微米和585毫微米。這是桿狀細(xì)胞在起作用。

從上面的分析可以看出，在同樣明亮的環(huán)境下，人眼最敏感的是黃綠光到綠光間的范圍，如果頁面太多這類顏色的元素，眼睛會(huì)容易產(chǎn)生疲倦，要謹(jǐn)慎使用。

那對(duì)于設(shè)計(jì)中的顏色，白色是白頻光，全放射光對(duì)人眼的刺激最大，所以可以看到很多印刷品采用淡黃色和米白色的紙張。而針對(duì)于電腦本身就帶有發(fā)光，所以同樣的顏色對(duì)于用戶的閱讀難度已經(jīng)增大。另外有眼睛表明，同樣的文字，在電腦上的閱讀效率僅僅能達(dá)到紙張上的80%不到。因此為了網(wǎng)頁的瀏覽速度和舒適度，越來越多的網(wǎng)頁設(shè)計(jì)采用了淡灰色、淡藍(lán)色、淡綠色等等。

色相：

不同的顏色所產(chǎn)生的心理作用會(huì)給人不同感覺。在心理學(xué)上，對(duì)于一種感覺兼有另一種感覺的心理現(xiàn)象，叫聯(lián)覺現(xiàn)象。人們的顏色感覺容易引起聯(lián)覺，因此，顏色容易對(duì)人的心理產(chǎn)生這樣或那樣的影響。如冷暖、遠(yuǎn)近、輕重等。色彩不但影響人的視覺神經(jīng)，還進(jìn)而影響心臟、內(nèi)分泌機(jī)能、中樞神經(jīng)系統(tǒng)的活動(dòng)。所以在交互媒體界面的設(shè)計(jì)時(shí)應(yīng)該注意在不同的內(nèi)容運(yùn)用不同的色彩。

一個(gè)界面應(yīng)該有一個(gè)主色調(diào)，而且要有一個(gè)整體的布局風(fēng)格，這樣可以保持使用者的情緒穩(wěn)定。

過多地使用色彩，將會(huì)影響使用者注意力的集中、觀看的情緒，也容易讓使用者產(chǎn)生疲勞感。在界面色彩的設(shè)計(jì)中還要注意的是背景的顏色與文字的顏色不要使用接近的顏色，這樣不利于使用者對(duì)文字的辨別度，而產(chǎn)生視覺疲勞，降低效率。

顏色之間的對(duì)比和人眼的辨色能力會(huì)有一定關(guān)系，當(dāng)人們從距離較遠(yuǎn)的地方分辨多種色彩時(shí)，這時(shí)易于分辨的色彩順序是紅、綠、黃、白。如果將兩種色彩相搭配，易于分辨的幾種組合分別是：黃底黑字、黑底白字、藍(lán)底白字、白底黑字等。

飽和度：

飽和度通俗的說就是色彩濃度。越是鮮艷（飽和度高）的顏色，便可在越短時(shí)間內(nèi)吸引到人，同時(shí)也越容易引起人的視覺疲勞（越看越累）。而不怎么鮮艷（中低飽和度）的顏色，則顯得更加“耐看”。

3. 閱讀時(shí)長與文字顯示時(shí)間

我們默讀中文的一般速度為400-500字每分鐘，也就是大概每秒6.67-8.33字，再算上提示的反應(yīng)時(shí)間。我們可以對(duì)一些頁面的提示彈窗指定如下的規(guī)則：

1-6字：顯示停留1s

7-12字：顯示停留2s

13-20字：顯示停留3s

由于考慮到有閱讀速度比較快的用戶，在字?jǐn)?shù)較多時(shí)提供關(guān)閉按鈕也是可以的。