界面設計設計師
提問問題
列表
-
網頁設計師的工作職責都是什么?
查看答案>>
-
UI設計師具體工作是什么?
查看答案>>
-
UI設計師要具備哪些技能?
查看答案>>
-
UI設計師要學什么?
查看答案>>
-
為什么前端實現的頁面跟設計師的設計稿的差別
查看答案>>
-
UI設計和網頁美工的區別是什么
查看答案>>
-
UI設計師的工作職責是什么?
查看答案>>
-
學UI設計從事哪方面工作
查看答案>>
-
一個UI設計項目從開始到結束是怎樣的一個過程
查看答案>>
網頁設計師的工作職責都是什么?
網頁設計師的工作職責如下:1、負責公司網站的頁面設計及美觀優化;2、負責網站各類專題模板的設計及制作;3、負責網站各類活動的宣傳廣告、標語的圖片設計;4、負責網站產品的美工設計,對交互體驗有較為深入的了解;5、對頁面進行持續的優化,不斷提升訪問者的用戶體驗;6、編寫可復用的用戶界面組件;7、協同其他技術部門,做前端開發技術支持。
UI設計師具體工作是什么?
UI即User Interface(用戶界面)的簡稱。UI設計從工作內容上來說分為3個方向。它主要是由UI 研究的3個因素決定的,其分別是研究工具,研究人與界面的關系,研究人。研究工具研究界面----圖形設計師Graphic UI designer美工,但實際上不是單純意義上的美術工人,而是軟件產品的產品外形設計師。這些設計師大多是美術院校畢業的,其中大部分是有美術設計教育背景,例如工業外形設計,裝潢設計,信息多媒體設計等。研究人與界面的關系藍色代表工具,紅色代表關系,綠色代表人研究人與界面的關系---交互設計師,interaction designer在圖形界面產生之前,長期以來UI設計師就是指交互設計師。交互設計師的工作內容就是設計軟件的操作流程,樹狀結構,軟件的結構與操作規范(spec)等。一個軟件產品在編碼之前需要作的就是交互設計,并且確立交互模型,交互規范。交互設計師一般都是軟件工程師背景居多。研究人研究人----用戶測試/研究工程師User experience engineer任何的產品為了保證質量都需要測試,軟件的編碼需要測試,自然UI設計也需要被測試。這個測試和編碼沒有任何關系,主要是測試交互設計的合理性以及圖形設計的美觀性。測試方法一般都是采用焦點小組,用目標用戶問卷的形式來衡量UI設計的合理性。這個職位很重要,如果沒有這個職位,UI設計的好壞只能憑借設計師的經驗或者領導的審美來評判,這樣就會給企業帶來嚴重的風險性。用戶研究工程師一般是心理學人文學背景比較合適。綜上所述UI設計師就是:軟件圖形設計師、交互設計師和用戶研究工程師。 用戶體驗(User Experience,簡稱UX或 UE)是一種純主觀的在用戶使用一個產品(服務)的過程中建立起來的心理感受。因為它是純主觀的,就帶有一定的不確定因素。個體差異也決定了每個用戶的真實體驗是無法通過其他途徑來完全模擬或再現的。但是對于一個界定明確的用戶群體來講,其用戶體驗的共性是能夠經由良好設計的實驗來認識到。計算機技術和互聯網的發展,使技術創新形態正在發生轉變,以用戶為中心、以人為本越來越得到重視,用戶體驗也因此被稱做創新2.0模式的精髓。
UI設計師要具備哪些技能?
一個好的交互設計對產品的成功起著很關鍵的作用。UI所做的就是用戶最先接觸到的東西,也是一般性的用戶唯一接觸到的東西。用戶對于界面視覺效果和軟件操作方式的易用性的關心,要遠遠大于他對底層到底用什么樣的代碼去實現的關心。如果說程序是一個人的肌肉和骨骼,那么UI設計就是人的外貌和品格!都是一個成功軟件產品必不可少的重要組成部分!對我而言程序懂得不多所以只是從UI設計與軟件產品整體的關系和如何才能使軟件產品得到最佳的UI設計角度來談。
現在我們的軟件產品存在的一些問題有技術方面的問題,但是的問題來源于各個部門、各個項目小組的之間的配合。我們現有的開發流程一般都是由市場部門提出客戶需求,產品設計人員提出產品設計報告,開發部門設計開發計劃,由各個小組分別開發一個模塊,最后整合成為一個完整的軟件產品。在這些流程之間UI設計應該參與那一個部分,每一個部分應該做到什么地步才可以使產品得到最好的UI設計效果呢?下面我們會在每一個部分具體分析。
首先分析一下現在的問題所在,在一些軟件業比較發達的國家軟件產品的UI設計過程貫穿了軟件開發的自始至終,而且是必不可少的。而在中國產品UI設計并沒有被廣泛接受,就算是已經有了UI設計師的一些企業也沒有對產品的UI有著足夠的重視,一般來講他們大都會把重點放在如何使用代碼實現所需要的功能,在我看來這只是一個成功軟件產品的一個部分。一個優秀軟件產品的開發過程應該是由四個部分組成:
1.軟件產品的設計(業務建模)
2.系統的設計(技術建模)
3.分單元的開發(把軟件各個部分拆分分單元編寫代碼)
4.測試(分為單元測試、系統集成測試和產品功能測試),這些是由軟件研發部門做的工作。
除去以上軟件開發過程的四個部分還有用戶需求和用戶驗收測試,這兩個過程是由市場部門和產品用戶一起完成。所以說用代碼實現產品功能(coding過程)只是軟件開發的一個步驟。現在我們回到UI設計的角度來看,作為UI設計人員我們需要全程參與到軟件開發過程中,而不只是在某一個步驟參與,現在在大多數軟件企業里UI設計師只是在產品的coding過程的時候才實質性的參與到軟件開發過程里,而在其它幾個步驟里只是參加甚至根本沒有參加(在這里我要強調“參與”和“參加”是兩個詞的不同概念,“參與”指的是完全加入到開發行列開始進入設計階段,而“參加”指的只是旁聽會議或者提出一些簡單的意見并沒有開始進入設計階段),這樣就會大大降低軟件產品的開發效率使開發成本成倍上升甚至導致整個產品的不成功!這并不是危言聳聽,下面我們分析一下在一個軟件產品的開發過程中UI設計應該怎么做、做到什么地步才能避免上邊提到的那些問題?
下面我會根據軟件開發的過程解釋上邊的問題,剛才我提過軟件開發過程的幾個步驟:
1.產品建模
2.技術建模
3.分模塊開發
4.測試,那么我們也分為這四個部分進行討論:
一.產品建模時期:
我們首先來了解一下“輸入”和“輸出”,在UI設計里是很重要的兩個概念,經常會有人過來對我說“我們有一個軟件產品需要美化一下”然后再也沒有什么深入的解釋了,僅僅這句話我的工作就要開始了,然而這個軟件是給誰用的?是干什么的?我們卻一無所知!成功的UI設計首先要有完整的“輸入”,怎么才能叫做完整的“輸入”呢?也就需要UI設計師從整個軟件產品的策劃階段就開始介入,在產品用戶(也就是客戶)向市場部門或者產品部門提出產品需求的時候就要開始參與到產品策劃開發過程中來,這一部分對于UI設計師而言就是第一個輸入階段,并且在這個階段里UI設計師也需要提出一些對產品交互設計的意見,以便產品部門在做產品設計的時候的考慮到產品的交互性和功能的簡單表現原則,有很多軟件在設計階段就被加入了許多并不是用的附加功能,其實一個好的軟件設計就是要用最簡單的結構實現用戶的想法,一些可有可無的功能看上去很花哨往往會影響用戶的判斷能力,這些就是產品優化的一些概念了在此我需要簡單的提一下如果想要深入研究可以看一些有關于產品優化的書籍甚至是心理學的書籍,有很多人認為軟件的優化就是代碼的優化(用最少的代碼實現產品功能),在我看來這只是程序的優化是針對程序員而言的而不是整個軟件產品的優化,產品優化包含了交互設計在現在的多數軟件企業沒有專門做這一部分的交互設計師所以往往這一部分被忽略,我認為這一部分應該又UI設計師承擔起來,從文章的開頭我就說過UI設計不只是圖形界面的設計,就算是有企業里邊有這樣的優化人員或者交互設計師他們也要和UI設計師一起配合完成產品交互設計,作為UI設計師產品的交互性和易用性是在做設計的時候必須考慮的!
言歸正傳,產品設計人員經常不會過多考慮簡單易用原理也就是產品出來用什么樣的組合形式體現給用戶,這也是UI設計師考慮最多的事情,所以UI設計師一定要在產品建模期間參與設計,給產品設計師一些意見。作為一名優秀的UI設計師我們還要在了解了產品的需求之后更深入了解這個產品的使用環境和用戶群體的使用習慣。我們還需要了解市場上的同類軟件產品的設計方案,研究他們的優缺點,以便在我們設計的時候吸取它們的長處避免它們的錯誤。在產品建模之后一般的都會由產品設計人員給客戶做一次功能設計講解,往往這樣的講解只是文字性質的需要讓客戶想象著理解,這就會造成很大的隱患有的客戶根本無法理解你的講解甚至對這樣的講解根本不認真聽,因為他們根本不懂,在討論過程中他們經常會同意產品設計人員的一切設計想法但是產品測試的時候他們又會提出種種不滿意,我想這是一般的軟件公司都會遇到的也是最最頭疼的事情,但這并不能怪客戶我說過客戶只會關心視覺效果和軟件的操作而并不會去關心我們是怎么實現這一切的。這種情況帶來的直接后果就是產品的反復修改開發成本成倍上升,怎么避免呢?這就要靠UI設計師了,俗話說“眼見為實,耳聽為虛”,所以需要UI設計師做出一個產品整體效果的demo。這個demo用圖片的形式表現就可以,我們只需要將要體現的產品界面做一個拼湊就可以了,因為這并不是產品的最后樣子,只是協助產品設計人員給客戶講解產品設計。產品建模時期UI設計師要了解客戶的要求想法和產品設計人員對產品功能的要求深入了解產品,采集用戶的使用需求、使用環境和使用習慣,了解市場同類產品的設計分析它們的優缺點。協助產品設計人員完成產品建模過程并制作產品展示demo模擬用戶對主要功能的操作過程和界面呈現,生成交互原型(基本上產品的交互性和易用性問題都需要在產品建模的時期解決)。如果時間允許我們甚至可以提出一份“UI設計分析報告”,這份報告可以附在產品設計說明后,更有效的幫助客戶了解我們的產品設計并且幫助開發人員更好的遵循UI的整體要求來完成開發工作。這個時期的關鍵是“交互設計”。
二.技術建模時期:
在這個時期作為UI設計師我們已經了解了軟件產品的功能需求并且拿到了一份產品設計人員的產品設計說明,可以進入界面樣式的設計過程了。這個時候我們應該考慮的應該是產品的整體風格和界面的設計,通常我們也會做出幾份方案給客戶選擇。有些客戶會要求產品遵循一個整體的VI設計標準,那么我們就需要按照一個整體的已定的風格去設計軟件的界面,要與客戶公司的企業形象吻合。在這個時期軟件的UI設計進入到了美術設計階段,我們需要制定整個軟件的風格,塑造軟件的整體形象,并且具體的描述每一個界面中的元素和布局、文字字體等信息。在這個階段我也不應過多的說什么,主要是每個UI設計師各自發揮你們的藝術專長用最簡潔、最漂亮的界面表現軟件產品。需要注意的就是在我們設計整體風格的時候一定要深入了解這個產品的理念,看看它是干什么用的。不同的產品要有不同的風格,這里邊有很多的細節注意,不同的產品、同類的產品不同的內容、不同的傳播介質,這些都會決定UI設計的風格。1.不同的產品:比如一個游戲產品就需要將界面做的花哨一些或者用大的圖片充斥;如果要是一個應用軟件就需要突出使用方便和強大的功能設計要簡潔。2.同類不同的內容:比如一個可愛的游戲產品(像是卡通類游戲)就需要將界面做的活潑生動可愛一點;如果是一個角色扮演的戰斗類游戲(像是槍戰闖關類游戲)就要做的酷一點深沉一些。3.不同的傳播介質:我們要做的軟件產品有的需要在網絡上傳播那么就需要我們考慮到網絡速度的問題;有的就是利用光盤當作介質那么這樣的軟件就可以做一些比較花哨的效果。所以說不同的產品還需要單獨考慮,這也需要UI設計師多多了解產品,保持與客戶交流。還需要重點注意的就是我們在做圖形化設計的過程中千萬要貫徹在前一個階段做好的交互設計,始終注意產品的交互性和易用性。在設計過程中我們一定要做出每種結構每一個步驟的效果圖,不能只提供圖標、按鈕、背景圖等圖片,這樣的話程序員根本不知道往那放這些東西,在這個時期我們就要最終確定軟件界面的呈現形式。技術建模一般是由高級程序員完成的,他們會將整個軟件開發分為一個一個功能模塊,分配給一個一個的開發小組。但是這些負責技術建模的高級程序員考慮的往往是如何將整個設計用代碼實現、怎么才能更有效的復用以前已有的模塊等等,而不是軟件是什么模樣會有什么樣的風格,所以作為UI設計師我們必須主動出擊,多多和他們交流以保證我們的想法能夠完整的實現,如果有技術實現的問題我們還要及時做出修改。有時候我們還需要根據客戶或者產品的特定需求做一些延伸性的設計(也叫UI產品設計的外延),包括:軟件的安裝導航界面、產品的演示宣傳動畫、一些附帶的桌面壁紙或者屏幕保護、代表軟件的卡通小精靈、有時還會被要求設計軟件的logo和廣告banner等等。技術建模時期的關鍵是“風格和界面設計”。
三.分模塊開發時期:
這個時期軟件開發過程進入實現階段,也是需要人力最多的時期,這樣就會分散UI設計師的精力。軟件會被切分為若干個小的模塊進行代碼編寫,最后整合成一個完整的軟件產品。對于一個程序員來講他們大多根本不會考慮到產品應該是什么樣子應該有什么整體風格,他們所考慮的只是如何用代碼實現設計的要求,而且在現在的軟件企業多都實現了模塊的復用,這樣會大大節約人力成本,那么程序員只是對原有模板進行修改使之適應新的軟件產品,這樣就會對UI設計的最終貫徹和實現帶來很大的麻煩。做出的每一個模塊雖然已經能夠使用但是都是“各自為政”沒有統一,因此我們也需要主動的協助和監督程序員完整的實現UI設計的要求,如果有技術無法實現的問題需要及時溝通改正設計方案。有的時候有些模塊需要有單獨的風格,比如一些已有的軟件產品需要集合到某一個新的產品中去,這樣就會加大了設計師的設計難度,我們必須要在保證產品整體風格不變的情況下將原有產品的設計風格集合進去,使之更加適合新的產品表現形式。如果我們仍舊保持原有產品的風格那么當各個模塊集合起來之后往往會使新的產品感覺很松散,進入每一個功能都會覺得是另外一個軟件,使人對軟件的印象不深刻。在這個階段我們還是要主動一些,跟進各個模塊界面的實現。現在很多軟件企業都存在很多UI設計師和程序員的協作問題,不是程序員做不到UI設計的要求,就是UI設計師堅持一些自己的想法不能改動,還有的時候經常會有人過來沒頭沒尾的說幫我做點東西吧!
當軟件集成到一起再一看,就是很多不同風格的東西堆砌到一起,從頭到尾都不舒服,領導或者客戶看了以后極度不滿狂批一陣,最后得出結果UI設計做的不到位。有人說UI設計師就要背著軟件不成功的黑鍋,因為人們根本看不見代碼怎么寫的,功能是怎么實現的,他們只知道對軟件的樣子和使用進行評論。讓一個用戶評論一個軟件他們只會說這個軟件好用看上去也不錯挺漂亮的,但是做為一個普通用戶決不會有人說這個軟件程序寫的不錯。這么一看我們會聯想到現在軟件開發之中主要的沖突在UI設計師和程序員之間,其實這只是表面的表現形式。實質上這個現象體現了現在軟件企業的一個通病就是這個開發組之間的協作關系混亂,程序員和UI設計師之間是平級協作關系,程序員是不會對產品負責的,這樣看來UI設計師只應該聽項目經理的,無論對設計做什么樣的改動或者增添什么樣的東西,都應該由開發項目經理和產品經理協商之后決定,只有他們可以對最終的產品負責。這樣也可以避免很多程序員和UI設計師之間的爭執和矛盾。但是現在大多說軟件企業的產品經理和開發項目經理沒有做到這一點,他們也根本不了解UI設計師和程序員的工作,也無法把握他們的工作量,這樣無序的管理會造成很麻煩的后果。其實可以建立一些合理的流程管理制度,就算企業沒有作為UI設計師也可以自己起草一份適合自己和企業的“UI設計需求申請單”,里邊應該列出我們需要的“輸入”內容、工作時間、最終的“輸出”結果等等欄目(可以自己根據要求靈活決定)。這樣形成一個有參與人、有依據、有存底的工作流程,出現問題或者爭執的時候我們有據可依,這只是一個習慣性的東西因不同的企業而議不一定都要建立需求單。在分模塊開發時期UI設計師應該做的是,在模塊開發的前期做出產品每個模塊的效果demo(可以用圖片的形式表現)要求程序員按照demo的樣式進行模塊開發,協助和監督程序員嚴格按照UI設計要求生成最終產品,把握各個模塊的統一,經常了解程序員的工作進展及時對不合理或者難以實現的設計進行討論設計出新的方案。分模塊開發時期的關鍵是“協助和監督程序員生成最終產品”。
四.測試時期的輸入和輸出:
軟件產品的測試會分為三個測試階段,第一個是分模塊開發完成之后每一個模塊進行的單元測試;第二個是將各個單元集成為一個整體的產品進行集成測試;第三個就是整個產品在交付使用前進行的整體測試。在測試過程中UI設計師的任務相對會輕松一些,我們只需要跟著測試人員走幾遍流程,如果在其中發現沒有按照UI設計要求的部分及時要求改正就好了。我們還會經常遇到客戶在測試過程中突然覺得那里不合適需要修改,這也是最最頭疼的事情了,有的時候他們說的并不一定對,只要我們設計的每一個步驟都有一定的道理能夠說服他們就一切ok了。如果他們執意要修改設計方案,那么我們沒辦法只能按照客戶需求修改。但是如果前邊按照本文的流程走下來我想這樣的可能性不大就算是修改也不會是大動干戈。在修改過程中我們還是需要先做出效果圖,讓客戶確定再具體實施,這樣也會避免很多麻煩的。測試時期的關鍵是“檢查整個產品發現問題及時改正”。
如今軟件的越來越多的考慮到人的因素,“以人為本”的設計理念貫穿了整個軟件產品開發的始終,因此軟件產品的UI設計過程最重要的兩個部分就是行為和構造,也就是交互設計和界面設計。上面我們按照軟件開發的四個階段,逐個的分析了每個時期UI設計的任務。由此我們可以看出UI設計并不完全是一個美術設計的過程,還有很重要的一個部分就是交互性和易用性的設計。
UI設計師要學什么?
UI設計狹義的說就是用戶界面設計,user interface 你懂的,但是在UI設計師行業中內部或者是大型企業中,UI絕不是這么狹義,除了用戶界面的整體設計,的要考慮到用戶體驗,交互性,可操作性,易用性等,也可分為移動端的UI設計和PC端的UI設計,現在人們除了界面美觀更關注的是軟件是否好用,體驗是不是很好,是不是方便操作等,一個好的UI設計師,一定是可以把三方面完美結合的,當然如果你想往 用戶界面設計師,交互設計師,用戶體驗設計師任何一方面著重發展都可以,畢竟可以兼顧的人不多,UI設計行業整個也在細分,但是一定不能忽視其他兩個方面,否則是很難成為合格的UI設計師的。你現在大學剛畢業,如果這個時候再來自學UI,鑒于你是0基礎,那么自學花費的時間確實是很長的,當然一個人要想學東西,永遠不會太晚,但是如果你就是想從事UI設計師這個職業,那我的建議是最好的途徑是培訓。要學的東西,從美術基礎,平面設計基礎,用戶交互性研究設計,用戶體驗分析,整體流程設計這些都是必不可少的,應用軟件如PS,AI,DW,ID,這些也都很重要,大學信息管理與信息系統,想必也接觸了其中的一些內容。如果你選擇自學,那么要從美術基礎和PS開始學,培訓的話,會有人幫你做好相應的安排,多參考別人的作品,學習別人的長處,多和業內人士進行交流,隨時保持對行業的關注,要把自己當做用戶,來看看自己的設計是不是能讓自己滿意,做出東西,去你的用戶人群做調研,得到實際的反饋進行修改,總之,UI設計的路很長,能走到什么程度靠自己,多學,多想,多練,多分析,多調研,切記不可閉門造車。希望對你有所幫助
為什么前端實現的頁面跟設計師的設計稿的差別
很多時候,設計稿,和實際應用,多多少少 都會一點差異的。不可能一模一樣。只要大體過得去就行,在說 網頁在不同的 瀏覽器 或者不同的版本當中 顯示都會 有點差異的。還有一點 ,前端的編程人員,可能經驗不夠。
UI設計和網頁美工的區別是什么
網頁美工局限于美術設計和頁面制作,UI注重交互,用戶體驗是第一目標。1、UI設計:UI即User Interface(用戶界面)的簡稱。UI設計則是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品味,還要讓軟件的操作變得舒適、簡單、自由、充分體現軟件的定位和特點。2、網頁美工:是精通美學,photoshop(PS),FLASH,dreamwaver(DW)等一網站制作軟件的網絡人員,必須具有良好的創意和一定程度的審美觀。必要時需要一定的策劃知識。為網站所有的頁面畫出來并用DW和css排版出來。頁面必須清晰簡潔,還要適宜后臺調用。
UI設計師的工作職責是什么?
UI設計師1、根據產品需求,對產品的整體美術風格、交互設計、界面結構、操作流程等做出設計;2、負責項目中各種交互界面、圖標、LOGO、按鈕等相關元素的設計與制作;3、能積極與開發溝通,推進界面及交互設計的最終實現。4、負責軟件界面的美術設計、創意工作和制作工作。5、根據各種相關軟件的用戶群,提出構思新穎、有高度吸引力的創意設計。6、對頁面進行優化,使用戶操作更趨于人性化。7、維護現有的應用產品。
學UI設計從事哪方面工作
一、UI是用戶界面的簡稱,UI設計師指對軟件的人機交互、操作邏輯、界面美觀的整體設計。UI設計主要是圖形設計和交互設計。圖形設計就是傳統意義上的美工,以前UI設計不受重視,所以美工地位不高,現在隨著UI設計的興起,美工也被稱為UI設計師。其實UI設計師不是單純意義的美術工人,而是軟件產品的“外形”設計師。交互設計主要設計軟件的操作流程、樹狀結構、操作規范等,龍圖教育在UI設計上有專業化的培訓課程。二、從事的工作包括;1.用戶界面設計師,2.軟件設計,3.APP設計,4.軟件圖形設計師,5.交互設計師,6.用戶研究工程師 等等,很廣泛。
一個UI設計項目從開始到結束是怎樣的一個過程
UI設計師在工作中需要清楚知道設計的目的,需要非常的了解你做的產品把針對的群體是哪一類人,如果你做的不是大眾型產品,設計師就更應該站在用戶群體的角度出來想問題。而不是從自身的喜好和偏愛來設計。不同年齡不同階段的人群對顏色都各有偏好,而且生活習慣和生活方式也會有所區別,這就需要UI設計師合理的把控要點,就比如小米手機的老人模式一樣,老人會喜歡什么樣的顏色呢?增加樣式是會產生干擾還是更好的體驗感?按鈕要多大才合適?在這種產品的UI設計時,設計師需要從頭參與,而且到了設計環節時,設計師基本上已經心里有數了。 交互設計的合理安排 UI設計是指“界面設計”,UI設計也屬于平面設計的一個分支,界面的的交互策劃與設計是很重要的前置步驟,對最終的用戶體驗有很大的影響。 一般來說,一個APP設計團隊由產品經理、交互設計師、UI設計師、程序員組成。以我的了解,很多公司不設專門的交互設計師,而由產品經理完成相關工作。以下是我這里的工作流程。這個流程希望整個產品團隊都能參與其中并共同加強對產品的理解。或者借一個時髦的概念,我是希望團隊能具有Design Thinking,“設計思維”,來加強和推動解決問題的能力,并激發創新。 在這之前,一定要把腳本應用場景和人物角色做出來。你做的產品在什么樣的情況下會被人所接受,你的產品最重要的特點。設計是否合理,這都需用戶角色來實現,而不是設計師或產品經理自己。把場景和角色描述清楚,并且讓整個團隊理解透徹,這能保證團隊少犯錯誤。 用戶角色,實際工作中寫文字描述就好,不用做的如下圖一般高大上。如果你要給客戶或Boss提案,可以做一個提升逼格。 1.故事版: 主要負責人:產品經理或交互設計師 最早大家開始討論用戶體驗流程,在白板上邊畫流程邊添加粗略的UI元素。會后交互設計師會在在紙上做手繪版線框圖。這階段產品經理、交互設計師、UI設計師、包括技術工程師會一同作大量的討論,而且主要討論的是流程和主要功能,因此手畫故事版最快最方便并易于修改的。 此環節要敲定Userflow,用戶流程及其中的關鍵步驟,每一步驟都是一個主要界面。 2.關鍵界面線框圖 主要負責人:交互設計師 在確定的用戶流程中,選出幾個關鍵的,有代表性的步驟,做細化的Wireframe線框圖。線框圖里要確保每一個UI元素的設計,包括其大小和位置。我們做的線框圖是1:1的,也就是線框圖與實際界面尺寸一致。1:1的線框圖能在前期避免考慮不周和執行困難等很多問題的出現。 此環節要確定關鍵界面里的UI元素和布局,以及全局的布局排版風格。 3.重要界面設計 主要負責人:UI設計師 此環節交互設計師會按確定的用戶流程及確定的布局風格來繼續做其它界面的線框圖。UI設計師則同時開始做關鍵界面的視覺設計,進行配色、樣式不同風格的嘗試。 此環節要確定產品界面的視覺設計風格。 4.原型線框圖 主要負責人:交互設計師 此環節交互設計師要完成全部界面的線框圖(1:1的)設計并且團隊確認。 5.原型設計 主要負責人:交互設計師 此環節依產品需求而定。如果靜態的線框圖還不能完整的體現出產品特點,那就需要做成可操作甚至有關鍵界面動畫示意的可動原型。通常是HTML的可動原型,特殊項目也曾經做過Flash的。我還有一個奇葩朋友用PPT做過(PPT的開發工具+VB)幾乎接近成品界面的可動原型。