一個合格的UI設計師需要必備哪些知識

      一個合格的UI設計師需要必備哪些知識？ui設計要學的東西很多，軟件是基礎的東西，要想做好出好的ui設計就得先熟練掌握ui設計的基礎軟件，軟件方面有：PS、AI、ID、Firework、Dreamweaver、HTML5、div+css等等

      一個網站不僅僅是一組鏈接過的頁面，而是一種體現，一個空間。在這個空間里，不同的人、組織會遇見、溝通、交互。這些互動能為訪問者提供體驗。作為一名網頁設計師，我們的工作就是盡可能地使體驗感受更好。

      其中的關鍵就在于優先并且始終考慮你的客戶。界面設計側重于界面功能的布局，用戶體驗設計則側重于更大的局面，也就是整個體驗，界面設計只是其中的一個子集。

      一個合格的UI設計師需要必備哪些知識？UI設計師需要先了解客戶的需求

      最重要的是，我們需要定位用戶——內外都需要。這就意味著我們的應用能吸引多少流量，更重要的是，了解其中客戶地需求，以及他們在滿足需求的道路上所遇到的障礙。

      而要做到這種程度的分析，我們需要更細致的統計數據，這就需要深入了解網站的用戶了。與用戶面對面交談，觀看他們的使用流程，詢問相關的問題，比如“你對這種設計有什么看法?”，或是其他更深的問題。

      用戶的需求是什么?是什么在阻礙他們滿足自己的需求?而我們的網站將會如何幫助他們解決或是克服這些阻礙?

      千萬別空想你的用戶想要什么，你需要實地深入挖掘。畢竟，欲望只是需求的產物，如果我們能夠滿足用戶深層次的需求。就能滿足他們的一些愿望，以及更多的基本要求。

      通過數據分析以及與用戶的溝通，我們能夠得到許多問題的答案，這些問題可能是從如何使用界面，或是界面的重點應該放在哪里。

      UI設計中定義界面的使用方法

      在設計界面之前，我們需要想清楚它的使用方法。隨著觸屏的普及，觀察比想象更能發揮作用。

      亮點：應用程序的用戶體驗大多來自輕松和流暢的橫向觸摸。

      人們有這么兩種方法來使用網站和應用程序：通過與產品進行交互的直接方法，與通過與產品外圍進行交互的間接方法。

直接交互的例子:

點擊按鈕

刷卡

使用指尖進行拖拽

簡介交互的例子:

使用鼠標點擊

使用鍵盤命令/快捷鍵

鍵入表單輸入域

在Wacom上繪圖

有時交互很簡單。

      用戶定位以及用戶所使用的設備會在很大程度上影響我們的決定。如果是為老年人或是手部受限的人群進行設計，我們就不需要太多的橫向滑動。如果是在為通過鍵盤來與應用程序進行溝通的編程人員或是作家進行設計，那么我們需要支持所有常見的快捷鍵方式，以最大限度地減少鼠標使用時間。

      在UI設計中怎樣設定預期

      許多網站或是應用都會出現這樣的情況：單擊按鈕就進入付款界面、刪除網站或是一些不是很好的界面。每一次點擊都有結果，有時還會帶來焦慮。

      因此，一定要讓用戶知道如果點擊了這個按鈕會發生什么。我們可以通過設計或是復制來做到這一點。

通過設計設定預期:

突出顯示所需的按鈕

使用約定俗成的符號，如用垃圾桶代表刪除、加號代表添加內容，放大鏡用來表示搜索

選擇具有相關含義的顏色，如綠色代表“前進”，紅色代表“停止”

通過復制設定預期:

解釋清楚按鈕的作用

在空白處提供具有導向性和鼓勵性質的文字說明

適時發出警告并要求確認

對于不可逆的行為，如永久刪除某些內容，則需要詢問用戶是否確定。

在InVision中，單擊垃圾桶圖標并不會立即刪除，網站會詢問你是否確定，并告知操作不能撤銷。

UI設計師怎樣預測可能出現的錯誤

人都會犯錯，而神明會原諒犯錯�！�—Alexander Pope《論批評》

人總是會犯錯，也總是不得不承擔后果。這里有兩種方法可以減少錯誤的影響：

1.防止錯誤發生

2.亡羊補牢，為時不晚

      我們能在很多電子商務網站以及表單設計中看到很多規避錯誤的方法：在填寫完所有空格錢，按鈕并不被激活;表單常常會檢測到電子郵件地址錯誤;以及彈出詢問窗口詢問你是否真的想清空購物車。

      與亡羊補牢相比，預測錯誤從而規避往往沒那么沮喪，畢竟點擊“下一頁”或是“提交”時在發現錯誤簡直太難過了。

      在寫防錯說明時，我們需要確定說明說清楚了兩件事：

      1.把問題解釋清楚了，例如，“你說你出生在火星，但人類并沒有在火星上殖民，所以出錯了”。

      2.將問題的解決方法解釋清楚。例如，“請選擇地球上的一個出生地”。

      另外，請注意我們還需要一個保留之前的某些狀態，好查看之前并沒有出現錯誤的情況。例如，如果我不小心刪除了某些重要文件，但實際上可以回復文件，請使用一行文字讓我知道有這個功能，就像“您可以轉到垃圾桶還原已刪除的項目”一樣。

      預測用戶錯誤的原理稱為poka-yoke原理，這是一個日本術語，意為“防錯”。

      UI設計中怎樣實現反饋迅速

      在現實世界中，環境總是給予我們反饋，我們說話，別人回應;我們擼貓，貓則會發出咕嚕聲或是嘶嘶聲，當然這取決于它的心情。

      數字界面往往不會給予我們反饋，我們總是不知道是否該重新加載頁面、重新啟動筆記本電腦，還是將它關閉，從最近可用窗口中刪除。

      所以我們可以設計一個加載動畫。當我們點擊它時，讓那個按鈕彈出并反彈，當然幅度不要太大。如果我完成了一些事的時候，也可以設計一個虛擬的“擊掌”，讓我知道我的完成情況。

      MailChimp在用戶安排或者發送電子郵件是提供反饋和建議

      但要確保反饋最夠迅速。Usability.gov將任何沖過1秒鐘的延遲定義為中斷，超過10秒基本可以說是受損了。但實際上，只需要三秒鐘，就能讓美國一般的人口受到影響。

      如果頁面只能在5秒左右加載好，就不需要顯示進度條了，因為這會使得加載時間看起來更長了。單可以使用并不明示前進的可視化，例如Mac的“死亡風車”。如果我們需要在網站上使用進度條，請考慮嘗試使用一些視覺技巧，這樣能讓加載看起來更快一些。

      事實證明，想要設計出更優秀的效果，合理地運用技巧其實更重要，而且是可以出效果的。“能不能做的再高級一點兒?!”對于每個UI設計師而言，總會聽到客戶和老板提出這樣的要求。這時候，很多人會在心里默默的翻上一個白眼：“我又是藝術家，我沒法作出更好的效果!”又或者你正在制作一個你自己的個人項目，而你希望它比 Bootstrap 的默認效果要強一些。這時候，你可能又會在心里打退堂鼓：“怎么能作出更好的效果?”

      注：尊重原創文章,轉載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-44867.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們，了解更多相關資訊請關注UI設計頻道查看更多，了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050