第一篇：菜鳥如何找到第一份UI設(shè)計(jì)工作

最近老是有剛畢業(yè)的或者轉(zhuǎn)行的新手問：我沒有經(jīng)驗(yàn)，作品少，怎么才能找到一個(gè)UI設(shè)計(jì)的工作呢。而用人單位也在抱怨，招一個(gè)UI設(shè)計(jì)師怎么就這么難呢。其實(shí)呀，找工作是有技巧的，特別是找設(shè)計(jì)的工作，今天先行迦美小編就給大家分享一下如何找到自己的第一份UI設(shè)計(jì)工作。先別急著去投簡(jiǎn)歷，到處面試，安安靜靜的抽出幾分鐘時(shí)間看看你需要知道的一些面試技巧。

1.初級(jí)設(shè)計(jì)師應(yīng)拿到設(shè)計(jì)這行的“門票”還是鐵飯碗

之所以該問題是開篇第一問，主要因?yàn)檫@是初學(xué)設(shè)計(jì)師在找工作時(shí)最應(yīng)該想清楚的問題，也是最基礎(chǔ)的問題，如果這問題沒有想清楚，其他幾條建議也沒有多大意義。

絕大部分初學(xué)者應(yīng)先拿到設(shè)計(jì)這行的門票；腳踏實(shí)地切忌好高鶩遠(yuǎn)，你瞧得上別人，別人未必看得上你

很多剛剛轉(zhuǎn)行的或畢業(yè)生等新手目前最大的問題就是作品少,能拿得出手或成熟的作品更少，在面試的道路上也總是開啟碰壁模式。而且遇到最多是問埋不是對(duì)方要求高自己能力達(dá) 不到,就是對(duì)方給個(gè)1000來塊的工資我還看不上。所以總是徘徊不定，不知道如何抉擇。很多設(shè)計(jì)師在大學(xué)懷揣進(jìn)騰訊、百度、甚至蘋果等大公司的夢(mèng)想，卽是鐵飯碗又是世界級(jí)，但是現(xiàn)實(shí)是公司給你1800,愛干不干我還瞧不上。

既然如此，初學(xué)設(shè)計(jì)師更應(yīng)該腳踏實(shí)地一步步做起。所謂大公司學(xué)做事小公司學(xué)做人。大公司人際關(guān)系復(fù)雜,勾心斗角的事兒常用，部門與部門的混戰(zhàn)就可能導(dǎo)致你是炮灰，小公司事情多而雜，一個(gè)人當(dāng)3個(gè)人使喚，頗有一夫當(dāng)關(guān)萬夫萁幵之勢(shì)。但是因?yàn)楦卟怀傻筒痪瓦@樣 的狀態(tài)導(dǎo)致很多人迷茫。

與其如此還不如先拿到設(shè)計(jì)這樣的門票再說,可以先找個(gè)公司安定 下來，熟悉設(shè)計(jì)這行的基本工作和運(yùn)作方式,然后再發(fā)憤圖強(qiáng)作新的打算。而且第一步找工 切忌看工資，因?yàn)閺某鯇W(xué)設(shè)計(jì)師的水準(zhǔn)來說確實(shí)給公司創(chuàng)造不了多么大的價(jià)值，公司反而要培養(yǎng)你。所以初學(xué)設(shè)計(jì)師不要亂七八糟的東想西想腳踏實(shí)地才是，人有多大膽地有多大產(chǎn)。除非你有非常明確的目標(biāo)非五百?gòu)?qiáng)企業(yè)不進(jìn),那自當(dāng)別論。

2、初學(xué)設(shè)計(jì)師面試作品最應(yīng)注意什么?

很多初次找工作的設(shè)計(jì)師急于表現(xiàn)自己，所以放了很多與招聘內(nèi)容不相符合的作品。曾經(jīng)招聘過一個(gè)大學(xué)應(yīng)屆畢業(yè)生，本來我們招聘的ft平面設(shè)計(jì)師，要求投遞平面作品，結(jié)果該設(shè)計(jì)師投遞過來的作品中平面作品有,大學(xué)作業(yè)的立體構(gòu)成、雕塑作品，獲獎(jiǎng)證書、畢業(yè)證等等 都存放其中，簡(jiǎn)直是五花八門。給我們的感覺就ft——亂七八糟沒有重點(diǎn)，雖然有些作品不錯(cuò) ,但無關(guān)緊要且不成熟的作品讓我們對(duì)整體印象大打折扣。

面試作品切忌魚目混珠、雜亂無章，作品印象的好壞取決于最差的那張作品(參見木桶理論)

所以，新手面試一定不要放無關(guān)緊要的作品，如果整體的作品都非常好，那當(dāng)然會(huì)增加面試 通過的幾率，但如果有箜作品好，有箜不好就會(huì)拉低面試者對(duì)作品整體的印象。

一只木桶想盛滿水，必須每塊木坂都一樣平齊且無破損，如果這只桶的木扳中有一塊不齊或者某塊木扳下面有破洞，這只桶就無法盛滿水?一只木捅能盛多少水，并不取決于最長(zhǎng)的那塊木板，而是取決于最短的那塊木板?！就袄碚?/p>

3、初級(jí)設(shè)計(jì)師投簡(jiǎn)歷時(shí)應(yīng)該規(guī)范作品圖片

第一、圍片設(shè)置的尺寸不宜太

在很多初學(xué)設(shè)計(jì)師印象中，設(shè)計(jì)公司就應(yīng)該是現(xiàn)代化室內(nèi)辦公,蘋果電腦齊刷刷的擺滿整間屋子的理想狀態(tài)。但現(xiàn)實(shí)是絕大部分公司稀稀拉拉的擺著大小不一的PC。所以就目前來說絕大部分設(shè)計(jì)公司的電腦顯示器都是21寸至24寸之間的顯示器，但這到底與應(yīng)聘者的作品 要求有什么關(guān)系呢。當(dāng)然有很大的關(guān)系，(上圖中)作品如果尺寸太大，會(huì)顯得作品“箱”的想 貨，而“小”“精”“美”是展現(xiàn)作品最好的一種方式?因?yàn)榭梢匝陲椖阕髌纺承┎糠值牟煌昝馈?/p>

第二、圖片大小控制在合理范圍

圖片質(zhì)置如果太大，會(huì)影響瀏覽速度，我曾經(jīng)見過面試者做過一張長(zhǎng)50米乘以寬2.8米的地 產(chǎn)廣告，一張圖片的文件有1、2G大,電腦變慢不說，瀏覽放大也要花很多很多時(shí)間。電貓好 點(diǎn)的勉a打得開，稍微塞一點(diǎn)根本打不開。這樣不僅浪費(fèi)了面試者的時(shí)間和精力，也會(huì)讓面試人感覺你的不專此和逗比。所以圖片文件的大小盡量控制在1M以內(nèi)。(包括以后給客戶看 文件時(shí)候也應(yīng)該這么做，這是一個(gè)好習(xí)慣)

第三,圖片色彩橫式設(shè)置

作為設(shè)計(jì)師如果還不知道CMYK與RGB的區(qū)別就趕快去補(bǔ)課吧，不過這里我簡(jiǎn)單提一下，CMYK是印刷色，而RGB是光的三原色。而我們的顯示器就是采用的RGB模式，所以設(shè)計(jì)師在 導(dǎo)ffi的過程中要采用RGB橫式才是正解。但J1CDR軟件會(huì)存在CMYK的顏色橫式導(dǎo)出RGB后 存在顏色變灰或不鮮艷的差別，這時(shí)就必須通過PS軟件再把顏色處理一下，使其鮮艷。

4、臨摹的作品到底算不算作品?可不可以應(yīng)聘?

初學(xué)設(shè)計(jì)師找工作最大的問題就是沒有作品,但是又往往渴望能夠盡早的進(jìn)入設(shè)計(jì)行業(yè)，所以往往會(huì)把平時(shí)做的一些PS或AI教程練習(xí)稿等相關(guān)臨摹作品拿去找工作。我曾經(jīng)就遇到過幾個(gè)沒設(shè)計(jì)基礎(chǔ)的人過來找工作，作品確實(shí)不少。而且為了證明ft自己設(shè)計(jì)的還打開源文件給我看。我當(dāng)時(shí)一眼就看出來是臨摹作品，主要原因就是作品不完整，例如一個(gè)網(wǎng)站有5個(gè)一級(jí)或二級(jí)菜單,而該應(yīng)聘者總是少幾張菜單。詢問是怎么回事，他就顧左右而言他。后來實(shí)話 告訴我是臨摹作品,可想而知沒用錄用。

臨摹作品只是練習(xí)稿!騙得一時(shí)，騙不了一世!所以，臨摹作品千萬不要放!

所以作為初學(xué)者或剛剛畢業(yè)的小伙伴們,千萬不要拿臨摹的一橫一樣的作品去應(yīng)聘工作，稍微有點(diǎn)水準(zhǔn)的公司一眼即知。就算臨摹作品也不要做的一模一樣，至少要求新求變。所以我平時(shí)多鼓勵(lì)設(shè)計(jì)新手多出點(diǎn)舉一反三的作品，做的再爛起碼也是經(jīng)過自己大腦的作品，招聘方也知道該把你放在什么樣的位置。歸根結(jié)底，這是一種誠(chéng)信問題,這與拿別人的作品面試設(shè)有任何區(qū)別，盡管有時(shí)可能會(huì)騙過別人的眼睛,但是路遙知馬力，大家自然會(huì)通過實(shí)際工作看到你的真實(shí)水平。

5、初學(xué)設(shè)計(jì)師該不該拿作品源文件去應(yīng)聘?

我曾經(jīng)不止一次遇到初級(jí)設(shè)計(jì)師和大學(xué)畢此生拿源文件來面試，為了證明是Ta設(shè)計(jì)的，先開源文件紿我看,幸好公司電腦跑的快，花了將近10多分鐘打開了。簡(jiǎn)單單單的一張圖就丟了上百個(gè)素材壓在圖層下面?；税雮€(gè)小時(shí)之后看了幾張?jiān)O(shè)計(jì)稿,我就早早的叫Ta收拾東西回家了。

該設(shè)計(jì)師水平與拿源文件面試的奇葩行為相比，更讓面試者失去看下去的耐心,所以初學(xué)設(shè)計(jì)切忌放源文件應(yīng)聘，既顯得不專業(yè)又沒有職業(yè)素養(yǎng)。對(duì)子一個(gè)稍微有點(diǎn)眼光的 設(shè)計(jì)公司來說設(shè)計(jì)師對(duì)作品的整理及其相關(guān)的規(guī)范能看出設(shè)計(jì)師的水準(zhǔn)和職業(yè)年齡。

6、初學(xué)者面試,U盤為什么只能有一個(gè)文件?

很多人面試的時(shí)候通常是隨帶攜帶U盤拷貝給面試者看作品的。所以無論這個(gè)U盤拷了多少 無關(guān)緊要的問題只要找到自己能看的那個(gè)命名文件夾即可,別人看懂看不懂也就無關(guān)緊要。我也經(jīng)常遇到面試人的U盤里面文件亂七八糟的，找了半天自己也不知道作品放哪了。

所以提醒各位面試新手，在你面試的U盤或硬盤里面千萬不霣放與面試毫無關(guān)系的文件夾和其他文件。U盤或硬盤里面職能有一個(gè)文——就是你的作品。這樣也能給你的面試者留下好印象,也避免了一隹不必要的尷尬。(話說誰的u盤硬盤里沒有的私密)

7、初學(xué)設(shè)計(jì)師應(yīng)該怎么做才能増加被錄用的機(jī)會(huì)?

在前幾篇帖子中我向初學(xué)者建議應(yīng)該主動(dòng)出擊的找工作，而不是投個(gè)簡(jiǎn)歷就高枕無憂了。因?yàn)楹芏喙镜拿嬖囎髌废仁荋R看，HR看完了之后才是設(shè)計(jì)總監(jiān)或其他主管審査。但是HR看作品的視角和總監(jiān)看是有區(qū)別的，HR先是關(guān)心你是不是按照他發(fā)的招聘要求投的。

例如設(shè)計(jì)經(jīng)驗(yàn)3年、本科畢此、會(huì)橾作 蘋果電腦，熟悉軟件AUPS等異體的要求。如果你不符合這些,肯定是會(huì)被篩迭掉的。其次才會(huì)看你的作品等等。但是任何條條框框都是一把雙刃劍,這樣的好處是能夠找到綜合素質(zhì)較 好的設(shè)計(jì)師,但是也會(huì)把沒有達(dá)到要求的才華設(shè)計(jì)師拒之門外。所以，面試應(yīng)該主動(dòng)給招聘方打電話溝通,約好時(shí)間地點(diǎn)主動(dòng)上門面試。但是問題是，很多公司會(huì)要求你先投遞作品到 郵箱,完了再通知你。所以,很多初學(xué)設(shè)計(jì)師到這一步就不知道該怎么辦了。

其實(shí)你可以先査請(qǐng)?jiān)摴镜牡刂泛突拘畔ⅲ鲃?dòng)上門去面試。這一招是先斬后奏，因?yàn)榻^大部分公司是不會(huì)哄走上門面試的應(yīng)試者的，哪怕你設(shè)有按對(duì)方的要求做。

9、初學(xué)設(shè)計(jì)師，這些暗示語(yǔ)言你懂嗎?

有過面試經(jīng)驗(yàn)的人可能不只一次的聽到招聘方要你回去等消息,于是你就傻傻分不清楚等啊等啊等。后來才知道原來是自己沒有通過面試;所以招聘方叫你回去等消患意思很明顯——你不行，沒通過!當(dāng)然,有些招聘方叫你回去等消息后來還是錄用了自己，但是這樣的情況很少。

如果出現(xiàn)這樣的情況就是說明招聘方對(duì)你的能力還持有保留意見，但是可能招不到最好的先充數(shù)這樣的情況也是有的,又或者應(yīng)聘你的人沒有絕對(duì)的權(quán)力，還需要一層層的審批通過，然后通知你二輪三輪的復(fù)試。當(dāng)然正規(guī)的大公司都是要經(jīng)過幾輪復(fù)試才決定是否要你。不過絕大部分設(shè)計(jì)公司都是一錘定音,只要作品不錯(cuò)其他方面也符合要求，基本上當(dāng)場(chǎng)都可以簽入職協(xié)議了。所以現(xiàn)在又回到了找工作的原點(diǎn)，優(yōu)秀的作品才是找工作最好敲門磚!

當(dāng)然，設(shè)計(jì)師略懂基本的行業(yè)語(yǔ)言還是有必要的,例如:

10、面試最重要的是什么?

拋開上面幾條所說的之外，面試者最為重要的是誠(chéng)信。以前工作過的幾家設(shè)計(jì)公司不止一次的聽HR抱怨,給面試者電話通知過來，面試可就是沒來,而且面試者也答應(yīng)了要過來。當(dāng)然,我相信也不只是設(shè)計(jì)行業(yè)有這樣的情況，其他行業(yè)的HR也遇到過這樣的問題。

面試者當(dāng)然有千萬種不去的原因,但是卻往往忽視或耽誤了招聘方的工作，這個(gè)社會(huì)需要誠(chéng)信才能維持運(yùn)作。而且有些公司是會(huì)把不誠(chéng)倍應(yīng)聘者記錄在案的，如果這次你沒有去面試，要是你下次找工作又遇上這家怎么辦。切記，如果各位在以后的應(yīng)聘中有特殊原因而不去面試的公司一定要事先告知對(duì)方，這樣誠(chéng)信的態(tài)度會(huì)在你以后的工作中開支結(jié)果，也讓對(duì)方公司對(duì)你留個(gè)好印象。

第二篇：UI設(shè)計(jì)工作流程

UI界面設(shè)計(jì)流程

UI的本意是user interface也就是用戶與界面的關(guān)系。他包括交互設(shè)計(jì)，用戶研究，與界面設(shè)計(jì) 三個(gè)部分。本文主要講述用戶研究與界面設(shè)計(jì)的過程。

一個(gè)通用消費(fèi)類軟件界面的設(shè)計(jì)大體可分為五個(gè)步驟：

需求階段

分析設(shè)計(jì)階段

調(diào)研驗(yàn)證階段

方案改進(jìn)階段

用戶驗(yàn)證反饋階段

需求階段

軟件產(chǎn)品依然屬于工業(yè)產(chǎn)品的范疇。依然離不開3W的考慮（Who,where,why.）也就是使用者，使用環(huán)境，使用方式的需求分析。所以在設(shè)計(jì)一個(gè)軟件產(chǎn)品之前我們應(yīng)該明確什么人用(用戶的年齡，性別，愛好，收入，教育程度等)。什么地方用（在辦公室/家庭/廠房車間/公共場(chǎng)所）。如何用（鼠標(biāo)鍵盤/遙控器/觸摸屏）。上面的任何一個(gè)元素改變結(jié)果都會(huì)有相應(yīng)的改變。

除此之外在需求階段同類競(jìng)爭(zhēng)產(chǎn)品也是我們必須了解的。同類產(chǎn)品比我們提前問世，我們要比他作的更好才有存在的價(jià)值。那么單純的從界面美學(xué)考慮說哪個(gè)好哪個(gè)不好是沒有一個(gè)很客觀的評(píng)價(jià)標(biāo)準(zhǔn)的。我們只能說哪個(gè)更合適，更合適于我們的最終用戶的就是最好的。如何判定最合適于用戶呢，后面我會(huì)介紹用戶調(diào)研。

分析設(shè)計(jì)階段

通過分析上面的需求，我們進(jìn)入設(shè)計(jì)階段。也就是方案形成階段。我們?cè)O(shè)計(jì)出幾套不同風(fēng)格的界面用于被選。首先我們應(yīng)該制作一個(gè)體現(xiàn)用戶定位的詞語(yǔ)坐標(biāo)。例如我們?yōu)?5歲左右的白領(lǐng)男性制作家居娛樂軟件。對(duì)于這類用戶我們分析得到的詞匯有：品質(zhì)，精美，高檔，高雅，男性，時(shí)尚，cool,，個(gè)性，親和，放松等。分析這些詞匯的時(shí)候我們會(huì)發(fā)現(xiàn)有些詞是絕對(duì)必須體現(xiàn)的，例如：品質(zhì)，精美，高檔，時(shí)尚。但有些詞是相互矛盾的，必須放棄一些，例如：親和，放松與 cool,個(gè)性與等。所以我們畫出一個(gè)坐標(biāo)，上面是我們必須用的品質(zhì)，精美，高檔，時(shí)尚。左邊是貼近用戶心理的詞匯：親和，放松，人性化。右邊是體現(xiàn)用戶外在形象的詞匯：cool,個(gè)性，工業(yè)化。然后我們開始搜集相呼應(yīng)的圖片，放在坐標(biāo)的不同點(diǎn)上。這樣根據(jù)不同作標(biāo)點(diǎn)的風(fēng)格，我們?cè)O(shè)計(jì)出數(shù)套不同風(fēng)格的界面。

調(diào)研驗(yàn)證階段

幾套風(fēng)格必須保證在同等的設(shè)計(jì)制作水平上，不能明顯看出差異，這樣才能得到用戶客觀的反饋。測(cè)試階段開始前我們應(yīng)該對(duì)測(cè)試的具體細(xì)節(jié)進(jìn)行清楚的分析描述。

例如：

數(shù)據(jù)收集方式：廳堂測(cè)試/模擬家居/辦公室。

測(cè)試時(shí)間：X年X月X日X日。

測(cè)試區(qū)域：北京、廣州、天津。

測(cè)試對(duì)象。某消費(fèi)軟件界定市場(chǎng)用戶。主要特征為：

對(duì)電腦的硬件配置以及相關(guān)的性能指標(biāo)比較了解，電腦應(yīng)用水平較高；

電腦使用經(jīng)歷一年以上；

家庭購(gòu)買電腦時(shí)品牌和機(jī)型的主要決策者

年齡：X-X歲；

年齡在X歲以上的被訪者文化程度為大專及以上；

個(gè)人月收入X以上或家庭月收入X元及以上；

樣品

五套軟件界面

樣本量：X個(gè)，實(shí)際完成X個(gè)。

調(diào)研階段需要從以下幾個(gè)問題出發(fā)：

用戶對(duì)各套方案的第一印象

用戶對(duì)各套方案的綜合印象

用戶對(duì)各套方案的單獨(dú)評(píng)價(jià)

選出最喜歡的選出其次喜歡的對(duì)各方案的色彩，文字，圖形等分別打分。

結(jié)論出來以后請(qǐng)所有用戶說出最受歡迎方案的優(yōu)缺點(diǎn)。

所有這些都需要用圖形表達(dá)出來，直觀科學(xué)。

方案改進(jìn)階段

經(jīng)過用戶調(diào)研，我們得到目標(biāo)用戶最喜歡的方案。而且了解到用戶為什么喜歡，還有什么遺憾等，這樣我們就可以進(jìn)行下一步修改了。這時(shí)候我們可以把精力投入到一個(gè)方案上（這里指不能換皮膚的應(yīng)用軟件或游戲的界面）將方案做到細(xì)致精美。

用戶驗(yàn)證階段

改正以后的方案，我們可以將他推向市場(chǎng)。但是設(shè)計(jì)并沒有結(jié)束。我們還需要用戶反饋，好的設(shè)計(jì)師應(yīng)該在產(chǎn)品上市以后去站柜臺(tái)。零距離接觸最終用戶，看看用戶真正使用時(shí)的感想。為以后的升級(jí)版本積累經(jīng)驗(yàn)資料。

經(jīng)過上面設(shè)計(jì)過程的描述，大家可以清楚的發(fā)現(xiàn)，界面UI設(shè)計(jì)是一個(gè)非?？茖W(xué)的推導(dǎo)公式，他有設(shè)計(jì)師對(duì)藝術(shù)的理解感悟，但絕對(duì)不是僅僅表現(xiàn)設(shè)計(jì)師個(gè)人的繪畫。所以我們一再?gòu)?qiáng)調(diào)這個(gè)工作過程是設(shè)計(jì)過程。UI界面設(shè)計(jì)不存在美工。

五、UI設(shè)計(jì)的一般工作流程

（取自某UI設(shè)計(jì)服務(wù)公司）

1）熟悉行業(yè)（熟悉您的軟件所涉及的行業(yè)，以便制作出適合行業(yè)特征的界面風(fēng)格）

2）了解軟件（了解您軟件的工程進(jìn)度，做出針對(duì)您進(jìn)度的工作計(jì)劃）。

3）與軟件開發(fā)工程師和市場(chǎng)人員討論界面風(fēng)格（廣泛聽取研發(fā)和市場(chǎng)人員的意見，做出 最適合市場(chǎng)的軟件）。

4）人機(jī)分析（對(duì)您的軟件進(jìn)行人機(jī)分析，增強(qiáng)您軟件的易用性）。

5）做方案（做出設(shè)計(jì)方案，并明確細(xì)節(jié)思想）。

6）審定方案（與技術(shù)和市場(chǎng)人員一起審定方案，并聽取修改意見）。

7）修改——審定（將有幾次重復(fù)）

8）細(xì)化、制作界面（開始制作軟件界面）。

9）與軟件開發(fā)工程師合作把界面加入到程序中。

10）細(xì)部修改，完成。

11）進(jìn)行軟件包裝盒、光盤盤面、盤套等的設(shè)計(jì)工作。

12）后期跟蹤服務(wù)（在完成項(xiàng)目后，對(duì)您的軟件進(jìn)行跟蹤服務(wù)，即對(duì)您軟件從發(fā)布到推出新版本之間的小規(guī)模修改進(jìn)行調(diào)整，包括對(duì)幫

軟件界面設(shè)計(jì)要素

界面設(shè)計(jì)是為了滿足軟件專業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對(duì)軟件的使用界面進(jìn)行美化優(yōu)化規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)封面設(shè)計(jì)，軟件框架設(shè)計(jì)，按鈕設(shè)計(jì)，面板設(shè)計(jì)，菜單設(shè)計(jì)，標(biāo)簽設(shè)計(jì)，圖標(biāo)設(shè)計(jì)，滾動(dòng)條及狀態(tài)欄設(shè)計(jì)，安裝過程設(shè)計(jì)，包裝及商品化。

在設(shè)計(jì)的過程中有較多注意的關(guān)鍵問題，以下列出幾點(diǎn)：

(1)軟件啟動(dòng)封面設(shè)計(jì)

應(yīng)使軟件啟動(dòng)封面最終為高清晰度的圖像，如軟件啟動(dòng)封面需在不同的平臺(tái)、操作系統(tǒng)上使用將考慮轉(zhuǎn)換不同的格式，并且對(duì)選用的色彩不宜超過256色，最好為216色安全色。軟件啟動(dòng)封面大小多為主流顯示器分辨率的1/6大。如果是系列軟件將考慮整體設(shè)計(jì)的統(tǒng)一和延續(xù)性。在上面應(yīng)該醒目的標(biāo)注制作或支持的公司標(biāo)志、產(chǎn)品商標(biāo)，軟件名稱，版本號(hào)，網(wǎng)址，版權(quán)聲明，序列號(hào)等信息，以樹立軟件形象，方便使用者或購(gòu)買者在軟件啟動(dòng)的時(shí)候得到提示。插圖宜使用具有獨(dú)立版權(quán)的，象征性強(qiáng)的，識(shí)別性高的，視覺傳達(dá)效果好的圖形，若使用攝影也應(yīng)該進(jìn)行數(shù)位處理，以形成該軟件的個(gè)性化特征。

(2)軟件框架設(shè)計(jì)

軟件的框架設(shè)計(jì)就復(fù)雜得多，因?yàn)樯婕败浖氖褂霉δ埽瑧?yīng)該對(duì)該軟件產(chǎn)品的程序和使用比較了解，這就需要設(shè)計(jì)師有一定的軟件跟進(jìn)經(jīng)驗(yàn)，能夠快速的學(xué)習(xí)軟件產(chǎn)品，并且在和軟件產(chǎn)品的程序開發(fā)員及程序使用對(duì)象進(jìn)行共同溝通，以設(shè)計(jì)出友好的，獨(dú)特的，符合程序開發(fā)原則的軟件框架。軟件框架設(shè)計(jì)應(yīng)該簡(jiǎn)潔明快，盡量少用無謂的裝飾，應(yīng)該考慮節(jié)省屏幕空間，各種分辨率的大小，縮放時(shí)的狀態(tài)和原則，并且為將來設(shè)計(jì)的按鈕，菜單，標(biāo)簽，滾動(dòng)條及狀態(tài)欄預(yù)留位置。設(shè)計(jì)中將整體色彩組合進(jìn)行合理搭配，將軟件商標(biāo)放在顯著位置，主菜單應(yīng)放在左邊或上邊，滾動(dòng)條放在右邊，狀態(tài)欄放在下邊，以符合視覺流程和用戶使用心理。

(3)軟件按鈕設(shè)計(jì)

軟件按鈕設(shè)計(jì)應(yīng)該具有交互性，即應(yīng)該有3到6種狀態(tài)效果：點(diǎn)擊時(shí)狀態(tài)；鼠標(biāo)放在上面但未點(diǎn)擊的狀態(tài)；點(diǎn)擊前鼠標(biāo)未放在上面時(shí)的狀態(tài)；點(diǎn)擊后鼠標(biāo)未放在上面時(shí)的狀態(tài)；不能點(diǎn)擊時(shí)狀態(tài)；獨(dú)立自動(dòng)變化的狀態(tài)。按鈕應(yīng)具備簡(jiǎn)潔的圖示效果，應(yīng)能夠讓使用者產(chǎn)生功能關(guān)聯(lián)反應(yīng)，群組內(nèi)按鈕應(yīng)該風(fēng)格統(tǒng)一，功能差異大的按鈕應(yīng)該有所區(qū)別。

(4)軟件面板設(shè)計(jì)

軟件面板設(shè)計(jì)應(yīng)該具有縮放功能，面板應(yīng)該對(duì)功能區(qū)間劃分清晰，應(yīng)該和對(duì)話框，彈出框等風(fēng)格匹配，盡量節(jié)省空間，切換方便。

(5)菜單設(shè)計(jì)

菜單設(shè)計(jì)一般有選中狀態(tài)和未選中狀態(tài)，左邊應(yīng)為名稱，右邊應(yīng)為快捷鍵，如果有下級(jí)菜單應(yīng)該有下級(jí)箭頭符號(hào)，不同功能區(qū)間應(yīng)該用線條分割。

(6)標(biāo)簽設(shè)計(jì)

標(biāo)簽設(shè)計(jì)應(yīng)該注意轉(zhuǎn)角部分的變化，狀態(tài)可參考按鈕。

(7)圖標(biāo)設(shè)計(jì)

圖標(biāo)設(shè)計(jì)色彩不宜超過64色，大小為16x16、32x32兩種，圖標(biāo)設(shè)計(jì)是方寸藝術(shù)，應(yīng)該加以著重考慮視

覺沖擊力，它需要在很小的范圍表現(xiàn)出軟件的內(nèi)涵，所以很多圖標(biāo)設(shè)計(jì)師在設(shè)計(jì)圖標(biāo)時(shí)使用簡(jiǎn)單的顏色，利用眼睛對(duì)色彩和網(wǎng)點(diǎn)的空間混合效果，做出了許多精彩圖標(biāo)。

(8)滾動(dòng)條及狀態(tài)欄設(shè)計(jì)

滾動(dòng)條主要是為了對(duì)區(qū)域性空間的固定大小中內(nèi)容量的變換進(jìn)行設(shè)計(jì)，應(yīng)該有上下箭頭，滾動(dòng)標(biāo)等，有些還有翻頁(yè)標(biāo)。狀態(tài)欄是為了對(duì)軟件當(dāng)前狀態(tài)的顯示和提示。

(9)安裝過程設(shè)計(jì)

安裝過程設(shè)計(jì)主要是將軟件安裝的過程進(jìn)行美化，包括對(duì)軟件功能進(jìn)行圖示化。

(10)包裝及商品化

最后軟件產(chǎn)品的包裝應(yīng)該考慮保護(hù)好軟件產(chǎn)品，功能的宣傳融合于美觀中，可以印刷部分產(chǎn)品介紹，產(chǎn)品界面設(shè)計(jì)

第三篇：ui設(shè)計(jì)一天工作內(nèi)容

ui設(shè)計(jì)一天工作內(nèi)容

ui設(shè)計(jì)一天工作內(nèi)容

1.制定MRD(Market Requirements Document).市場(chǎng)需求文檔。獲得項(xiàng)目發(fā)起部門的認(rèn)同后，產(chǎn)品進(jìn)入實(shí)施，需要先出MRD，具體來說要有更細(xì)致的市場(chǎng)與競(jìng)爭(zhēng)對(duì)手分析，通過哪些功能來實(shí)現(xiàn)商業(yè)目的，功能/非功能需求分哪幾塊，功能的優(yōu)先級(jí)等等。實(shí)際工作中，這個(gè)階段PD可能的產(chǎn)出物有Mind Manager的思維圖，Excel的Feature List等。

2.制定PRD(Product Requirements Document).產(chǎn)品需求文檔。進(jìn)步一細(xì)化，這部分是PM寫得最多的內(nèi)容，也就是傳統(tǒng)意義上的需求分析，我們這里主要指UC(use case)文檔。主要內(nèi)容有，功能使用的具體描述(每個(gè)UC一般有用例簡(jiǎn)述、行為者、前置條件、后置條件、UI描述、流程/子流程/分支流程，等幾大塊)，Visio做的功能點(diǎn)業(yè) 務(wù)流程，界面的說明，demo等。Demo方面，可能用dreamweaver、ps甚至畫圖板簡(jiǎn)單畫一下，有時(shí)候也會(huì)有 UI/UE支持，出高保真的demo，開發(fā)將來可以直接用的那種。

3.用戶分析報(bào)告

搜集相關(guān)資料分析目標(biāo)用戶的使用特征、情感、習(xí)慣、心里需求等，提出用戶研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作也可和團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下，更可以制定實(shí)景用戶分析。

4.產(chǎn)品架構(gòu)設(shè)計(jì)

這里涉及到比較多的界面交互與流程的設(shè)計(jì)，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。

以上是UI設(shè)計(jì)師需要掌握跟進(jìn)的，從這里開始就真的是你的任務(wù)了。

5.產(chǎn)品原型設(shè)計(jì)

就是將頁(yè)面模塊、元素進(jìn)行粗放式的排版和布局，深入一些，還會(huì)加入一些交互性的元素，使其更加具體、形象和生動(dòng)。

整個(gè)系統(tǒng)的流程設(shè)計(jì)也是UI設(shè)計(jì)師的，為此你要經(jīng)常瀏覽大量的網(wǎng)站，親身體驗(yàn)，積累經(jīng)典的，很具親和力的、友好的系統(tǒng)流程，你要考慮到整個(gè)系統(tǒng)的任何一個(gè)最終環(huán)節(jié)。這才是UI設(shè)計(jì)師工作量最大，難度最高的部分。比如說，用戶注冊(cè)流程，成功了去哪，失敗了去哪，成功了后續(xù)有幾個(gè)流程，每個(gè)流程還包含哪些對(duì)象等等等等

6.界面UI設(shè)計(jì)

如果很傾向于圖形界面設(shè)計(jì)，這兒是你最喜歡的部分。但一定要結(jié)合循環(huán)討論過的分析結(jié)果做設(shè)計(jì)，否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。

7.界面輸出

這方面主要由頁(yè)面工程師與前端程序員配合,將界面代碼化。

作為UI設(shè)計(jì)師，最能符合你的設(shè)計(jì)的基礎(chǔ)作品，當(dāng)然還是出自你自己的雙手，為此你要懂得切圖，做靜態(tài)頁(yè)，那么SHTML和樣式表 還有為了實(shí)現(xiàn)你那偉大設(shè)計(jì)的種種特效的JS代碼，你能不會(huì)么??你可以不去親自做，但你一定要有一個(gè)規(guī)范設(shè)計(jì)，你的施工隊(duì)必須在你的培訓(xùn)和領(lǐng)導(dǎo)下完全符合 規(guī)范的去操作，就像架構(gòu)師一樣。哦，你看，到了這里你應(yīng)該是一名UI經(jīng)理了。

8.分析使用者報(bào)告,做出完善調(diào)整.多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗(yàn)回饋、測(cè)試回饋。同時(shí)，UI人員也應(yīng)該把一些可行性建議進(jìn)行完善。很多設(shè)計(jì)師做了東西不喜歡改，這是一個(gè)大忌。

9.整個(gè)項(xiàng)目的SEO優(yōu)化設(shè)計(jì)

但就目前許多公司而言,拿到UI設(shè)計(jì)師手里的,就是一份什么說明都沒有的VISO圖,這給許多UI設(shè)計(jì)師造成一種錯(cuò)覺,覺得我只需要做效果圖就可以了,對(duì) 于其他環(huán)節(jié)一概不理,導(dǎo)致了在設(shè)計(jì)產(chǎn)品界面的時(shí)候,因?yàn)檎莆盏男畔⒉蛔?設(shè)計(jì)出來的界面全憑個(gè)人喜好,但是當(dāng)面對(duì)用戶的時(shí)候,卻是一點(diǎn)競(jìng)爭(zhēng)力都沒有.。

UI設(shè)計(jì)師在項(xiàng)目初始,就應(yīng)該加入其中。包括了解項(xiàng)目的市場(chǎng)定位，盈利模式，競(jìng)爭(zhēng)對(duì)手等等，而通過分析競(jìng)爭(zhēng)對(duì)手用戶界面，可以給UI設(shè)計(jì)師一個(gè)初步的圖形概念，而通過參與用戶調(diào)研,用戶分析能夠獲取到用戶特征，年齡，需求，喜好等方面的信息，這些方面的信息,在風(fēng)格定位，把握上起到至關(guān)重要的作用。

通過了解產(chǎn)品架構(gòu),知道什么功能應(yīng)該做，什么功能應(yīng)該突出,在參與了以上工作的制定后，相信許多UI設(shè)計(jì)師對(duì)自己所要設(shè)計(jì)的產(chǎn)品，已經(jīng)是信心十足了吧。后期在通過分析使用者報(bào)告，用戶反饋等方面信息，做出界面上的調(diào)整，這樣一來，一個(gè)完善的產(chǎn)品就可以面市了，而這個(gè)產(chǎn)品，再也不是一個(gè)全憑UI設(shè)計(jì)師個(gè)人喜好所設(shè)計(jì)出來的產(chǎn)品了!

延伸閱讀：

UI入門：設(shè)計(jì)師奇妙的提高效率的4大黃金法則

對(duì)于設(shè)計(jì)師而言，想要高效地搞定工作，似乎是一場(chǎng)曠日持久的戰(zhàn)爭(zhēng)。不論你是供職于設(shè)計(jì)團(tuán)隊(duì)，還是一名自由設(shè)計(jì)師，始終被客戶和需求追逐著，狼奔豕突。日效率拔群的設(shè)計(jì)師。

當(dāng)然，你可以做到。讓你工作低效的陷阱其實(shí)都是可以預(yù)先規(guī)避的，合理利用手頭的工具，靈活的調(diào)整現(xiàn)有的工作方式和流程，你的效率可以得到一個(gè)質(zhì)的提升。

習(xí)慣各類軟件快捷鍵

從里到外熟悉你日常使用的每一個(gè)軟件，至少你也得清楚它最常用的部分(PS這種軟件即使是基礎(chǔ)功能都已經(jīng)很多了)，學(xué)習(xí)它們做好的方法就是每天都使用。

想明白如何將點(diǎn)點(diǎn)滴滴的閑暇時(shí)間都利用上，在一遍又一遍的練習(xí)和嘗試中了解功能，將你最常用、最需要的樣式反復(fù)練習(xí)，在此過程中熟悉各種相關(guān)快捷鍵，最終提升你的工作效率。

同時(shí)，經(jīng)常關(guān)注行業(yè)網(wǎng)站，了解軟件有哪些更新，看看常見的教程里大家都是怎樣完成設(shè)計(jì)的。通過網(wǎng)絡(luò)了解軟件新特性，以及如何更加便捷地用新特性完成設(shè)計(jì)。優(yōu)設(shè)的PS和AI教程更新就相當(dāng)頻繁，如果你想看看國(guó)外設(shè)計(jì)師都是如何完成設(shè)計(jì)的，Tuts+ 是個(gè)不錯(cuò)的網(wǎng)站。

不再分心

幾乎所有的設(shè)計(jì)師每天都會(huì)因?yàn)楦鞣N各樣的事情而分心，即使是上 Dribbble 和Behance 這樣的網(wǎng)站獲取靈感，都難免忘記最初目的，一逛好幾個(gè)小時(shí)。微博，QQ群，微信聊天，社交網(wǎng)站，甚至發(fā)呆，各種各樣的時(shí)間殺手會(huì)將你從工作狀態(tài)中拉走。

對(duì)抗分心應(yīng)當(dāng)從兩個(gè)方面著手：

1、創(chuàng)建專門的工作區(qū)。相比于在公司上班，在家工作的設(shè)計(jì)師們更容易因?yàn)榄h(huán)境而分心。無論是在家還是在工作室，劃分出一個(gè)專門的工作區(qū)域，確保這個(gè)區(qū)域的狀況你完全掌控，并且所有人都處于工作狀態(tài)中，這一點(diǎn)很重要。

2、計(jì)時(shí)。當(dāng)你的工作內(nèi)容被安排在一個(gè)特定的時(shí)間內(nèi)完成，你更容易在此環(huán)節(jié)中專注于手頭的工作。你可以設(shè)定一個(gè)計(jì)時(shí)器，每個(gè)環(huán)節(jié)的工作在對(duì)應(yīng)的時(shí)間內(nèi)完成，一切內(nèi)容也更容易被跟蹤。

善用UIKit、原型和視覺稿

每當(dāng)面對(duì)新的項(xiàng)目，許多設(shè)計(jì)師們老是想著從零開始設(shè)計(jì)。其實(shí)并沒有這個(gè)必要。網(wǎng)上有成堆的UIKit和視覺稿供你下載，它們可以更快的推進(jìn)你的設(shè)計(jì)項(xiàng)目。

你所做的項(xiàng)目讓你了解什么樣的Kit是最合適的，也許找到一個(gè)完全匹配的并不容易，但是從圖標(biāo)、按鈕到背景、視覺稿，其中幾乎所有的可視化的樣式和細(xì)節(jié)，都可以找到合適且能用的。

接下來，當(dāng)你開始決定具體使用哪些素材的時(shí)候，就要開始考慮質(zhì)量的問題了。免費(fèi)的素材固然好，但是素質(zhì)不夠高的工具和素材會(huì)讓你事倍功半，你需要衡量高素質(zhì)收費(fèi)素材的價(jià)格和實(shí)際效率提升之間的關(guān)系，在預(yù)算和效率之間做合理的取舍。

當(dāng)然，好的免費(fèi)素材還是相當(dāng)多的，下面這些來自Design Shack 的免費(fèi)素材就挺不錯(cuò)的：50+ Apple Watch Mockups & Graphics

100+ MacBook PSD & Vector Mockups

100+ iPhone PSD & Vector Mockups

40+ iMac Mockups: PSDs, Photos & Vectors

讓想法落地

偉大的設(shè)計(jì)理念和想發(fā)不總是在一開始就能完美的呈現(xiàn)出來。通常，他們需要在你的大腦中醞釀一段時(shí)間，同客戶或者用戶溝通一下這樣設(shè)計(jì)會(huì)有什么樣的結(jié)果，然后才是你的設(shè)計(jì)稿與原型，這個(gè)想法這才落于紙上。

在此過程中，你需要不斷的通過其他的設(shè)計(jì)作品獲取靈感，在社交媒體與同行交流，向前輩請(qǐng)教，在設(shè)計(jì)雜志、期刊中獲取印證，在散步和慢跑時(shí)反復(fù)思考。但是千萬不要犯懶，不要拖延。深思熟慮之后動(dòng)手做出來的設(shè)計(jì)，和拖延到最后才勉強(qiáng)拿出來的作品，是兩回事。

組織好工作內(nèi)容和流程你是如何組織你電腦中文檔的?又是如何整理紙質(zhì)的文檔?想想你整理文檔的這套規(guī)則體系吧。如果是讓你從中找到特定的資料，你要耗費(fèi)多久的時(shí)間?

如果你可以很快的找到它，那么說明你的這套規(guī)則是可靠的。否則，你真的需要好好整理一下了。

能讓你的工作順利進(jìn)行的工作流程與體系，就是正確的。保持整體的一致性，系統(tǒng)化而富有條理，文檔被清晰地保存，數(shù)據(jù)和信息被妥善的存儲(chǔ)，并且堅(jiān)持不懈。你會(huì)從中獲益匪淺，不僅僅是內(nèi)容的有效和條理，而且會(huì)讓你的效率得到極大的提升。

了解自己的風(fēng)格將最能體現(xiàn)你的風(fēng)格和天賦的設(shè)計(jì)項(xiàng)目挑選出來。通過研究這些設(shè)計(jì)項(xiàng)目，以及和你的設(shè)計(jì)所匹配的客戶，總結(jié)出規(guī)律，這樣可以為你之后節(jié)省不少時(shí)間。找到一個(gè)相匹配的客戶可能并不容易，但是一旦找到了，同他保持聯(lián)系，能讓你的工作更容易展開。

讓你自己的風(fēng)格和你的客戶匹配起來的另外一個(gè)好處，你可以更輕松的進(jìn)行調(diào)整，也更有利于你自己，同時(shí)這樣的合作關(guān)系可以規(guī)避一些風(fēng)險(xiǎn)較高的項(xiàng)目與客戶。這些更快更易于完成的工作能讓你更有信心，將你的邊界推進(jìn)的更遠(yuǎn)，完成更多的設(shè)計(jì)項(xiàng)目。

別再折騰，好好設(shè)計(jì)面對(duì)一個(gè)設(shè)計(jì)項(xiàng)目，設(shè)計(jì)和玩弄之間其實(shí)是有一條界限的。當(dāng)你覺得某個(gè)設(shè)計(jì)差不多可以了，接下來頂多往上面加一些奇奇怪怪的效果或者添加一些實(shí)驗(yàn)階段的功能的時(shí)候，你就應(yīng)該停手了。

這個(gè)時(shí)候你應(yīng)該好好休息一下，也許你需要把它放一段時(shí)間，沉淀一下，換一個(gè)角度再看看，按照實(shí)際需求將它推進(jìn)到下一個(gè)階段。做該做的事情，不要玩弄設(shè)計(jì)。

結(jié)語(yǔ)選擇正確的工具，布置一個(gè)舒適的工作環(huán)境，養(yǎng)成良好的設(shè)計(jì)習(xí)慣，在截止日期前輕松完成設(shè)計(jì)項(xiàng)目，這是一個(gè)高效可靠的設(shè)計(jì)師做的事情。

第四篇：UI設(shè)計(jì)工作流程

http://004km.cn/

UI設(shè)計(jì)工作流程

很多沒有在正規(guī)的大公司工作過的設(shè)計(jì)師同學(xué)問過我面試時(shí)如果面試官問項(xiàng)目開發(fā)的工作流程是什么？其實(shí)，我覺得每個(gè)公司可能有自己的工作流程，有些些公司可能需要設(shè)計(jì)師從前期立項(xiàng)到中間開發(fā)到后期產(chǎn)品測(cè)試和項(xiàng)目上線的跟進(jìn)要全程參與而有些公司可能只需要設(shè)計(jì)師在產(chǎn)品研發(fā)階段進(jìn)行參與，但不管那種方式，我覺得設(shè)計(jì)師有必要知道一個(gè)產(chǎn)品從立項(xiàng)到完成的所有步驟。現(xiàn)在我大概介紹一種工作流程給大家。

一、產(chǎn)品設(shè)計(jì)階段

首先在一個(gè)項(xiàng)目開始之前會(huì)是立項(xiàng)，領(lǐng)導(dǎo)或者相關(guān)部門提出想法給產(chǎn)品經(jīng)理，產(chǎn)品經(jīng)理拿到項(xiàng)目之后，會(huì)對(duì)整個(gè)項(xiàng)目進(jìn)行分析，這中間產(chǎn)品經(jīng)理需要做很多工作。

1、首先產(chǎn)品經(jīng)理配合市場(chǎng)部門進(jìn)行市場(chǎng)分析，來搞清楚目標(biāo)市場(chǎng)和產(chǎn)品定位，如果時(shí)間充足的話，盡可能的也要做用戶調(diào)研來確定產(chǎn)品的用戶需求的挖掘和分析。

2、競(jìng)品分析也是產(chǎn)品經(jīng)理和設(shè)計(jì)師都要做的功課。

3、這些前期工作完成之后，剩下的要做原型設(shè)計(jì)，預(yù)算產(chǎn)品周期，疏通整個(gè)產(chǎn)品流程，出原型圖交給交互設(shè)計(jì)師

當(dāng)然產(chǎn)品經(jīng)理在做這些工作時(shí)是要保持時(shí)刻跟其他部門的同事密切共同的，例如產(chǎn)品的市場(chǎng)定位需要找市場(chǎng)部門的同事進(jìn)行溝通，產(chǎn)品設(shè)計(jì)規(guī)范，界面布局等需要找UI設(shè)計(jì)師來溝通。而開發(fā)環(huán)境和項(xiàng)目周期可能要找到技術(shù)開發(fā)的同事來進(jìn)行協(xié)調(diào)。有些公司還有專門的交互設(shè)計(jì)師，需要產(chǎn)品經(jīng)理在前期制作原型圖和交互設(shè)計(jì)師充分配合完成交互說明，以方便后期的視覺設(shè)計(jì)和技術(shù)開發(fā)。

北京千鋒互聯(lián)科技有限公司 版權(quán)所有

http://004km.cn/

二、UI視覺設(shè)計(jì)

產(chǎn)品原型（包括前期交互稿）完成之后需要交付給UI設(shè)計(jì)師進(jìn)行視覺設(shè)計(jì)，這里指的UI設(shè)計(jì)其實(shí)嚴(yán)格來說是屬于GUI，因?yàn)閁I的本意為user interface（用戶界面）涵蓋了交互設(shè)計(jì)，用戶體驗(yàn)設(shè)計(jì)和視覺設(shè)計(jì)。而交互設(shè)計(jì)和用戶體驗(yàn)是在產(chǎn)品開始之時(shí)就已經(jīng)同時(shí)展開的，所以這里說的設(shè)計(jì)通常指的GUI界面視覺設(shè)計(jì)。

1、在UI設(shè)計(jì)師開始之前，要充分了解產(chǎn)品定位，通過目標(biāo)用戶的喜好風(fēng)格分析開確定視覺設(shè)計(jì)的大概調(diào)性。

2、進(jìn)行競(jìng)品分析，找出競(jìng)品優(yōu)劣，3、搜索素材靈感，多找優(yōu)秀設(shè)計(jì)作為自己設(shè)計(jì)靈感的來源是一個(gè)非常有效的方法（參考學(xué)習(xí)而不是讓你去抄襲）。

1）確定配色，布局和設(shè)計(jì)風(fēng)格。2）進(jìn)行界面設(shè)計(jì)。

3）完稿后進(jìn)行可用性測(cè)試，修改修改修改直至最重定稿。

在整個(gè)視覺設(shè)計(jì)中，設(shè)計(jì)師除了把控好整體的視覺設(shè)計(jì)風(fēng)格，更要有耐心設(shè)計(jì)好各個(gè)細(xì)節(jié)，例如icon，字體，元素之間的間距等這些不起眼的地方往往代表了整個(gè)app的質(zhì)量，細(xì)節(jié)之處做好，會(huì)給用戶在視覺上帶來一種安全可靠的感覺，所以細(xì)節(jié)非常重要。

這里有必要說一下視覺設(shè)計(jì)規(guī)范。有些公司的視覺規(guī)范是在視覺設(shè)計(jì)開始之前就要訂下來的，而有些公司是整個(gè)視覺設(shè)計(jì)完成之后再來制定視覺規(guī)范。為什么可以這樣呢，視覺規(guī)范是為了方便整個(gè)設(shè)計(jì)團(tuán)隊(duì)在設(shè)計(jì)時(shí)更容易進(jìn)行溝通來進(jìn)行的，而設(shè)計(jì)工作在進(jìn)行中可能會(huì)隨時(shí)進(jìn)行變更視覺風(fēng)格，所以設(shè)計(jì)前期來確定設(shè)計(jì)規(guī)范的話，可能會(huì)對(duì)后期的設(shè)計(jì)帶來一定的限制，所以設(shè)計(jì)師內(nèi)部可能會(huì)有一個(gè)簡(jiǎn)單的設(shè)計(jì)文檔來進(jìn)行交流。等設(shè)計(jì)稿定下來之后，再來制作標(biāo)準(zhǔn)的設(shè)計(jì)視覺規(guī)范，方便后期開發(fā)和之后設(shè)計(jì)工作繼續(xù)跟進(jìn)。

整個(gè)設(shè)計(jì)稿確定之后，設(shè)計(jì)師要出高保真視覺稿，交給技術(shù)來進(jìn)行溝通，同時(shí)還需要對(duì)設(shè)計(jì)稿進(jìn)行標(biāo)注和切圖，以盡可能讓開發(fā)人員可以高度還原設(shè)計(jì)稿。在技術(shù)人員開發(fā)時(shí)，UI設(shè)計(jì)師還要隨時(shí)和技術(shù)人員進(jìn)行溝通，盡可能的讓開發(fā)人員按照設(shè)計(jì)稿來完成開發(fā)。

三、產(chǎn)品技術(shù)開發(fā)

北京千鋒互聯(lián)科技有限公司 版權(quán)所有

http://004km.cn/

到此UI設(shè)計(jì)師的需要配合程序開發(fā)人員進(jìn)行切圖，標(biāo)注，把控開發(fā)質(zhì)量。及時(shí)反饋由于開發(fā)人員造成的視覺偏差及調(diào)整由于設(shè)計(jì)師所造成的因?yàn)殚_發(fā)難度過大而需要調(diào)整的設(shè)計(jì)。

四、bug測(cè)試，在開發(fā)工作完成之后，整個(gè)項(xiàng)目組會(huì)配合測(cè)試人員對(duì)app進(jìn)行測(cè)試，測(cè)試視覺、交互、以及后臺(tái)等多方面有無bug并進(jìn)行及時(shí)修改，五、產(chǎn)品上線，在產(chǎn)品通過測(cè)試之后就可以發(fā)布上線。此時(shí)UI設(shè)計(jì)師可以輔助產(chǎn)品經(jīng)理來進(jìn)行手機(jī)用戶體驗(yàn)報(bào)告，并進(jìn)行分析。

六、產(chǎn)品迭代，對(duì)市場(chǎng)和用戶反饋進(jìn)行分析之后找出產(chǎn)品界面設(shè)計(jì)的有缺點(diǎn)，為下一個(gè)版本提出合理的建議。

北京千鋒互聯(lián)科技有限公司 版權(quán)所有

第五篇：UI設(shè)計(jì)思路

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

UI設(shè)計(jì)思路

UI測(cè)試用例設(shè)計(jì)方向[轉(zhuǎn)]

設(shè)計(jì)功能和界面測(cè)試用例

1.1 文本框、按鈕等控件測(cè)試

1.1.1 文本框的測(cè)試

如何對(duì)文本框進(jìn)行測(cè)試 a,輸入正常的字母或數(shù)字。b,輸入已存在的文件的名稱；

c,輸入超長(zhǎng)字符。例如在“名稱”框中輸入超過允許邊界個(gè)數(shù)的字符，假設(shè)最多255個(gè)字符，嘗試輸入

256個(gè)字符，檢查程序能否正確處理；

d,輸入默認(rèn)值，空白，空格；

e,若只允許輸入字母，嘗試輸入數(shù)字；反之；嘗試輸入字母； f,利用復(fù)制，粘貼等操作強(qiáng)制輸入程序不允許的輸入數(shù)據(jù)； g,輸入特殊字符集，例如，NUL及n等；

h,輸入超過文本框長(zhǎng)度的字符或文本，檢查所輸入的內(nèi)容是否正常顯示；

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

i,輸入不符合格式的數(shù)據(jù)，檢查程序是否正常校驗(yàn)，如，程序要求輸入年月日格式為yy/mm/dd，實(shí)際輸入yyyy/mm/dd，程序應(yīng)該給出錯(cuò)誤提示

在測(cè)試過程中所用到的測(cè)試方法： 1,輸入非法數(shù)據(jù)； 2,輸入默認(rèn)值； 3,輸入特殊字符集； 4,輸入使緩沖區(qū)溢出的數(shù)據(jù)； 5,輸入相同的文件名；

--命令按鈕控件的測(cè)試

測(cè)試方法：

a,點(diǎn)擊按鈕正確響應(yīng)操作。如，單擊確定，正確執(zhí)行操作；單擊取消，退出窗口；

b,對(duì)非法的輸入或操作給出足夠的提示說明，如，輸入月工作天數(shù)為32時(shí)，單擊”確定“后系統(tǒng)應(yīng)提示:天數(shù)不能大于31；

c,對(duì)可能造成數(shù)據(jù)無法恢復(fù)的操作必須給出確認(rèn)信息，給用戶放棄選擇的機(jī)會(huì)；

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

--單選按鈕控件的測(cè)試

測(cè)試方法：

a,一組單選按鈕不能同時(shí)選中，只能選中一個(gè)。

b,逐一執(zhí)行每個(gè)單選按鈕的功能。分別選擇了“男”“女”后，保存到數(shù)據(jù)庫(kù)的數(shù)據(jù)應(yīng)該相應(yīng)的分別為“男”“女”；

c,一組執(zhí)行同一功能的單選按鈕在初始狀態(tài)時(shí)必須有一個(gè)被默認(rèn)選中，不能同時(shí)為空；

---up－down控件文本框的測(cè)試

測(cè)試方法：

a,直接輸入數(shù)字或用上下箭頭控制，如，在“數(shù)目”中直接輸入10，或者單擊向上的箭頭，使數(shù)目變?yōu)?0；

b,利用上下箭頭控制數(shù)字的自動(dòng)循環(huán)，如，當(dāng)最多數(shù)字為253時(shí)，單擊向上箭頭，數(shù)目自動(dòng)變?yōu)?；反之亦適用；

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

c,直接輸入超邊界值，系統(tǒng)應(yīng)該提示重新輸入；

d,輸入默認(rèn)值，空白。如，“插入”數(shù)目為默認(rèn)值，點(diǎn)擊“確定”；或，刪除默認(rèn)值，使內(nèi)容為空，單擊“確定”進(jìn)行測(cè)試； e,輸入字符。此時(shí)系統(tǒng)應(yīng)提示輸入有誤。

------組合列表框的測(cè)試

測(cè)試方法：

a,條目?jī)?nèi)容正確，其詳細(xì)條目?jī)?nèi)容可以根據(jù)需求說明確定； b,逐一執(zhí)行列表框中每個(gè)條目的功能； c,檢查能否向組合列表框輸入數(shù)據(jù)；

------復(fù)選框的測(cè)試

測(cè)試方法：

a,多個(gè)復(fù)選框可以被同時(shí)選中； b,多個(gè)復(fù)選框可以被部分選中；

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

c,多個(gè)復(fù)選框可以都不被選中； d,逐一執(zhí)行每個(gè)復(fù)選框的功能；

----------列表框控件的測(cè)試

測(cè)試方法：

a,條目?jī)?nèi)容正確；同組合列表框類似，根據(jù)需求說明書確定列表的各項(xiàng)內(nèi)容正確，沒有丟失或錯(cuò)誤； b,列表框的內(nèi)容較多時(shí)要使用滾動(dòng)條；

c,列表框允許多選時(shí)，要分別檢查shift選中條目，按ctrl選中條目和直接用鼠標(biāo)選中多項(xiàng)條目的情況；

滾動(dòng)條控件的測(cè)試

要注意一下幾點(diǎn)：

a,滾動(dòng)條的長(zhǎng)度根據(jù)顯示信息的長(zhǎng)度或?qū)挾燃皶r(shí)變換，這樣有利于用戶了解顯示信息的位置和百分比，如，word中瀏覽100頁(yè)文檔，瀏覽到50頁(yè)時(shí)，滾動(dòng)條位置應(yīng)處于中間；

b,拖動(dòng)滾動(dòng)條，檢查屏幕刷新情況，并查看是否有亂碼；

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

c,單擊滾動(dòng)條； d,用滾輪控制滾動(dòng)條； e,滾動(dòng)條的上下按鈕。

各種控件在窗體中混和使用時(shí)的測(cè)試

a,控件間的相互作用；

b,tab鍵的順序，一般是從上到下，從左到右； c,熱鍵的使用，逐一測(cè)試； d,enter鍵和esc鍵的使用；

在測(cè)試中，應(yīng)遵循由簡(jiǎn)入繁的原則，先進(jìn)行單個(gè)控件功能的測(cè)試，確保實(shí)現(xiàn)無誤后，再進(jìn)行多個(gè)控件的的功能組合的測(cè)試。

ps:密碼輸入框測(cè)試時(shí)要特別注意進(jìn)行字母大寫輸入的測(cè)試。

查找替換操作

案例演示:打開word中的“替換”對(duì)話框 測(cè)試本功能有通過測(cè)試和失敗測(cè)試兩種情況 通過測(cè)試: 1,輸入內(nèi)容直接查找,或查找全部

2,在組合框中尋找已經(jīng)查找過的內(nèi)容,再次查找并確認(rèn)文檔的內(nèi)容正

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

確,如,已經(jīng)查找過“測(cè)試用例”,再次進(jìn)入不用重新輸入查找內(nèi)容,直接在文檔中搜尋就可以.失敗測(cè)試: 1,輸入過長(zhǎng)或過短的查詢字符串.如,假設(shè)查詢的字符串長(zhǎng)度為1到255,那么輸入0,1,2,256,255和254進(jìn)行測(cè)試;2,輸入特殊字符集,如,在word中.^g代表圖片,^代表分欄符,可以輸入這類特殊字符測(cè)試;

替換測(cè)試大體相同.關(guān)于編輯操作窗口的功能測(cè)試的用例: 1,關(guān)閉查找替換窗口.不執(zhí)行任何操作,直接退出;2,附件和選項(xiàng)測(cè)試.假如,設(shè)定“精確搜尋”,“向后”搜索等附件選項(xiàng)等等來測(cè)試;3,控件間的相互作用.如,搜尋內(nèi)容為空時(shí),按鈕“搜尋全部”,“搜尋”,“全部替換”,“替換”都為灰色.4,熱鍵, Tab鍵.回車鍵的使用.插入操作

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

1,插入文件 測(cè)試的情況 a,插入文件;b,插入圖像;c,在文檔中插入文檔本身;d,移除插入的源文件;e,更換插入的源文件的內(nèi)容;

2,鏈接文件 測(cè)試方法: a,插入鏈接文件;b,在文檔中鏈接文檔本身;c,移除插入的源文件;d,更換插入的源文件的內(nèi)容.3,插入對(duì)象 要測(cè)試的內(nèi)容

a,插入程序允許的對(duì)象,如,在word中插入excel工作表;b,修改所插入對(duì)象的內(nèi)容.插入的對(duì)象仍能正確顯示;c,卸載生成插入對(duì)象的程序,如,在word中插入excel工作表后卸載

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

excel,工作表仍正常使用.編輯操作

編輯操作包括剪切,復(fù)制,粘貼操作.測(cè)試剪切操作的方法

a,對(duì)文本,文本框,圖文框進(jìn)行剪切;b,剪切圖像 c,文本圖像混合剪切 復(fù)制操作方法與剪切類似.測(cè)試時(shí),主要是對(duì)粘貼操作的測(cè)試,方法是: a,粘貼剪切的文本,文本框及圖文框;b,粘貼所剪切的圖像;c,剪切后,在不同的程序中粘貼

d,多次粘貼同一內(nèi)容,如,剪切后,在程序中連續(xù)粘貼3次;e,利用粘貼操作強(qiáng)制輸入程序所不允許輸入的數(shù)據(jù).精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

界面測(cè)試用例的設(shè)計(jì)方法 1,窗體

測(cè)試窗體的方法: a,窗體大小,大小要合適,控件布局合理;b,移動(dòng)窗體.快速或慢速移動(dòng)窗體,背景及窗體本身刷新必須正確;c,縮放窗體,窗體上的控件應(yīng)隨窗體的大小變化而變化;d,顯示分辨率.必須在不同的分辨率的情況下測(cè)試程序的顯示是否正常;進(jìn)行測(cè)試時(shí)還要注意狀態(tài)欄是否顯示正確;工具欄的圖標(biāo)執(zhí)行操作是否有效,是否與菜單懶中圖標(biāo)顯示一致;錯(cuò)誤信息內(nèi)容是否正確,無錯(cuò)別字,且明確等等;

2,控件 測(cè)試方法: a,窗體或控件的字體和大小要一致;b,注意全角,半角混合 c,無中英文混合.菜單

進(jìn)行測(cè)試時(shí)要注意

精心收集

精心編輯

精致閱讀

如需請(qǐng)下載！

演講稿 工作總結(jié) 調(diào)研報(bào)告 講話稿 事跡材料 心得體會(huì) 策劃方案

a,選擇菜單是否可以正常工作,并與實(shí)際執(zhí)行內(nèi)容一致;b,是否有錯(cuò)別字: c,快捷鍵是否重復(fù);d,熱鍵是否重復(fù);

精心收集

精心編輯 精致閱讀 如需請(qǐng)下載！