正文

ui設計需求文檔（ui設計需求文檔怎么做）

發(fā)布時間：2023-04-28 03:25:40 稿源：創(chuàng)意嶺閱讀： 1169

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關于ui設計需求文檔的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內優(yōu)秀企業(yè)，服務客戶遍布全國，設計相關業(yè)務請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、UI設計師和前端怎么合作
2、UI設計的主要工作內容有哪些？
3、UI設計是什么？
4、UI設計師在產(chǎn)品項目中需要做什么?

ui設計需求文檔（ui設計需求文檔怎么做）

一、UI設計師和前端怎么合作

前端工程師需要和美工和后臺開發(fā)人員進行合作。

1、和美工合作。

美工講設計好的效果圖，一般是一些psd文件給前端工程師，前端工程師根據(jù)效果如開始構思如何實現(xiàn)，并且開始使用Photoshop進行切圖，切出需要的圖片。如果圖片有問題或者不好操作的地方還需要美工給出修改。

2、和后臺開發(fā)人員：

前端使用html、css、js等技術開始實現(xiàn)效果圖的頁面，同時需要和后臺人員交流為后臺數(shù)據(jù)留下借口和數(shù)據(jù)填充的區(qū)域等，或者獲取后臺數(shù)據(jù)等，這需要和后臺人員合作好。

3、完成項目

最終前端完成頁面交給后臺，由后臺人員填充后臺數(shù)據(jù)，一個完整的工程完成。此時還需要前端和后臺人員一起測試，完成數(shù)據(jù)和前端的良好交互。

二、UI設計的主要工作內容有哪些？

1、研究工具：研究界面----圖形設計師，簡單的說就是美工，為軟件產(chǎn)品的外形設計師。界面設計不是單純的美術繪畫，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設計，是純粹的科學性的藝術設計。檢驗一個界面的標準是最終用戶的感受。所以界面設計要和用戶研究緊密結合，是一個不斷為最終用戶設計滿意視覺效果的過程

2、研究人與界面的關系：研究人與界面的關系---交互設計師，一個網(wǎng)站的構建流程都是由交互設計師完成的。交互設計師的工作內容就是設計軟件的操作流程，樹狀結構，軟件的結構與操作規(guī)范（spec）等。一個軟件產(chǎn)品在編碼之前需要作的就是交互設計，并且確立交互模型，交互規(guī)范。

3、研究人：研究人----用戶測試/研究工程師。任何產(chǎn)品上市之前都需要通過測試，用戶測試/研究工程師的職責就和游戲玩家里面的測試人員一樣，發(fā)現(xiàn)BUG，并反饋給技術人員進行修改完善。這個測試和編碼沒有任何關系，主要是測試交互設計的合理性以及圖形設計的美觀性。測試方法一般都是采用焦點小組，用目標用戶問卷的形式來衡量UI設計的合理性。這個職位很重要，如果沒有這個職位，UI設計的好壞只能憑借設計師的經(jīng)驗或者領導的審美來評判，這樣就會給企業(yè)帶來嚴重的風險性

三、UI設計是什么？

UI是User Interface的簡稱，UI設計就是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。比較直白的說明就是，當我們打開微信、操作點擊任意一個功能，出現(xiàn)在你眼前的界面都是屬于UI設計。

一個優(yōu)秀的UI設計可以體現(xiàn)出個性和品味，最主要的就是讓軟件在操作時舒適簡單、自由，充分體現(xiàn)軟件的定位和特點。UI設計一般分為三個方面，圖形設計，交互設計，用戶測試體驗，我們所說的UI設計師就是，軟件圖形設計師、交互設計師、用戶研究工程師。

UI設計構是成現(xiàn)在的智能生活不可或缺的一部分，平面設計不是我們感覺的那種單純美術工作，而是軟件產(chǎn)品的產(chǎn)品“外形”設計?，F(xiàn)在國內目前大部分的UI工作者都是這個工作內容。而交互設計主要就是讓用戶操作起來更加簡單、直接，一個軟件產(chǎn)品在編碼之前需要做的就是交互設計，并且確立交互模型，交互規(guī)范。

用戶測試體驗顧名思義就是測試交互設計的合理性及圖形設計的美觀性，主要以目標用戶問卷的形式衡量UI設計的合理性。主要是了解用戶現(xiàn)在需要什么樣的體驗以及界面，從而方便用戶使用。畢竟圖形設計，交互設計都是為了終端用戶的感受更舒適，更便于操作。想要成為一個UI設計師，除了熟練使用各類軟件，還需要具備色彩、排版、心理學、數(shù)據(jù)分析等等這一系列的軟實力，同時還要清楚的知道，軟件的操作技巧不能決定你走多遠，但它在一定程度上決定了你能不能走這條路。不過從應用領域來看，UI設計的前景還是非常不錯的。

四、UI設計師在產(chǎn)品項目中需要做什么?

隨著規(guī)范的產(chǎn)品設計流程的引入，每一個崗位在產(chǎn)品設計中所起的作用以及所承擔的責任越來越清晰，但是有些時候，我認為并不能因為清晰的產(chǎn)品的設計流程，給大家劃清一個職能界限，做出一副這方面不關我的事，我只做好UI就好了。按照一個常規(guī)性互聯(lián)網(wǎng)產(chǎn)品項目流程走下來應該是：1.制定MRD(Market Requirements Document)。市場需求文檔。獲得項目發(fā)起部門的認同后，產(chǎn)品進入實施，需要先出MRD，具體來說要有更細致的市場與競爭對手分析，通過哪些功能來實現(xiàn)商業(yè)目的，功能/非功能需求分哪幾塊，功能的優(yōu)先級等等。實際工作中，這個階段PD可能的產(chǎn)出物有Mind Manager的思維圖，Excel的Feature List等。2.制定PRD(Product Requirements Document)。產(chǎn)品需求文檔。進步一細化，這部分是PM寫得最多的內容，也就是傳統(tǒng)意義上的需求分析，我們這里主要指UC（use case）文檔。主要內容有，功能使用的具體描述（每個UC一般有用例簡述、行為者、前置條件、后置條件、UI描述、流程/子流程/分支流程，等幾大塊），Visio做的功能點業(yè)務流程，界面的說明，demo等。Demo方面，可能用dreamweaver、ps甚至畫圖板簡單畫一下，有時候也會有 UI/UE支持，出高保真的demo，開發(fā)將來可以直接用的那種。3.用戶分析報告搜集相關資料分析目標用戶的使用特征、情感、習慣、心里、需求等，提出用戶研究報告和可用性設計建議。這部分工作也可和團隊配合完成。時間與項目需求允許的情況下，更可以制定實景用戶分析。

4.產(chǎn)品架構設計這里涉及到比較多的界面交互與流程的設計，根據(jù)可用性分析結果制定交互方式、操作與跳轉流程、結構、布局、信息和其他元素。5.產(chǎn)品原型設計就是將頁面模塊、元素進行粗放式的排版和布局，深入一些，還會加入一些交互性的元素，使其更加具體、形象和生動。6.界面UI設計如果很傾向于圖形界面設計，這兒是你最喜歡的部分。但一定要結合循環(huán)討論過的分析結果做設計，否則你的作品很難被人信服。色調、風格、界面、窗口、圖標、皮膚的表現(xiàn)是本環(huán)節(jié)的關鍵。7.界面輸出這方面主要由頁面工程師與前端程序員配合，將界面代碼化。8.分析使用者報告，做出完善調整。多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗回饋、測試回饋。同時，UI人員也應該把一些可行性建議進行完善。很多設計師做了東西不喜歡改，這是一個大忌。但就目前許多公司而言，拿到UI設計師手里的，就是一份什么說明都沒有的VISO圖。這給許多UI設計師造成一種錯覺，覺得我只需要做效果圖就可以了，對于其他環(huán)節(jié)一概不理，導致了在設計產(chǎn)品界面的時候，因為掌握的信息不足，設計出來的界面全憑個人喜好，但是當面對用戶的時候，卻是一點競爭力都沒有。我認為UI設計師在項目初始，就應該加入其中。包括了解項目的市場定位、盈利模式、競爭對手等等。而通過分析競爭對手用戶界面，可以給UI設計師一個初步的圖形概念，而通過參與用戶調研，用戶分析能夠獲取到用戶特征、年齡、需求、喜好等方面的信息。這些方面的信息，在風格定位、把握上起到至關重要的作用。通過了解產(chǎn)品架構，知道什么功能應該做，什么功能應該突出，在參與了以上工作的制定后，相信許多UI設計師對自己所要設計的產(chǎn)品，已經(jīng)是信心十足了。

以上就是關于ui設計需求文檔相關問題的回答。希望能幫到你，如有更多相關問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內容。