第一篇：淺談UI設(shè)計之企業(yè)工作管理系統(tǒng)

近幾年來UI設(shè)計已經(jīng)不再陌生，它無處不在的存在人們的生活中，遠(yuǎn)點有銀行的ATM機，地鐵的自動售票機，小區(qū)物業(yè)的自動交費機，貼身的就有智能手機，電腦里的Word及Excel文檔等等，它們的用戶界面及操作平臺都是UI設(shè)計師通過對軟件的人機交互、操作邏輯、界面美觀做出的最合理判斷而設(shè)計出來的，不僅是讓界面變得有個性有品味，還要讓用戶的操作使用變得舒適、簡單、自由。

在這里通過近年來對“企業(yè)工作管理系統(tǒng)”的充分接觸與深刻理解，總結(jié)一下個人在UI設(shè)計方面的一些心得和領(lǐng)悟，也希望對剛剛踏入該行業(yè)的新人們有所啟發(fā)與幫助，如有與各位思想沖突的地方望諒解，僅代表個人的思想與設(shè)計風(fēng)格。

一個好的工作管理系統(tǒng)軟件，除了要擁有突出的編碼設(shè)計，更需要擁有美觀的、人性化的用戶操作界面。UI設(shè)計除了要從用戶與界面2個方面考慮外，更多的是要專注于研究用戶與界面之間的交互關(guān)系，當(dāng)然再怎么炫酷或者平凡的工作界面，都不能忘記站在功能角度考慮：美觀的背后占據(jù)了多么龐大的數(shù)據(jù)讀取時間……在使用者看來，工作管理系統(tǒng)的效率位居第一，其次是操作方便，最后才是美觀。也正因為此，UI設(shè)計在軟件開發(fā)過程中一直沒有被重視起來，如果工作管理系統(tǒng)相當(dāng)于一輛高檔跑車，系統(tǒng)的程序相當(dāng)于跑車的發(fā)動機，那么界面就相當(dāng)于跑車的外觀，兩者在市場上占據(jù)同等重要的位置。一個好的界面是將效率、操作方便及美觀合為一體，在給人帶來舒適的視覺享受的同時，也帶來簡單方便的操作功能及流暢高效的工作環(huán)境，企業(yè)工作管理系統(tǒng)的界面風(fēng)格也迎來了定制時代，符合企業(yè)文化，吸納時下潮流，之前的美工也被美其名曰UI設(shè)計師。

以下圖1至圖3是比較傳統(tǒng)的企業(yè)工作管理系統(tǒng)的界面風(fēng)格,橫平豎直,一般的編程工程師就可以實現(xiàn)的界面美化效果,保證了可用性原則。

圖1

圖2

圖3 基本上類似以上3種的界面風(fēng)格可以適用于所有的企業(yè),即使每個企業(yè)的需求不同及特殊性,也只是在功能上作了加減法，界面設(shè)計還是一成不變。由于企業(yè)品牌化的不斷提升，后期應(yīng)運而生的“界面定制時代”來臨，企業(yè)可以根據(jù)需求更改界面風(fēng)格，簡單說就是替換image文件夾里的每個圖形及圖標(biāo),滿足界面的顏色及圖標(biāo)得到更新，以適應(yīng)不同的企業(yè)需求。

圖4 圖4是根據(jù)企業(yè)需求設(shè)計的工作管理系統(tǒng)界面，UI設(shè)計師們提出的自定義功能在和編成工程師一輪又一輪的唇槍舌戰(zhàn)下不得不妥協(xié)，畢竟這個看起來像QQ空間的方案不適用于企業(yè)工作管理平臺，企業(yè)的高層遠(yuǎn)遠(yuǎn)踏不進(jìn)80后的門檻，試想他有時間有興趣自定義他經(jīng)常操作的相關(guān)功能嗎？它出現(xiàn)的最大問題就是結(jié)構(gòu)：工作管理系統(tǒng)的桌面無法將公告、新聞、內(nèi)部郵件一次性展現(xiàn)給用戶，增加了用戶點擊菜單的頻率，最終夭折告終。

圖5 相比較圖4而言，圖5框架布局的設(shè)計更加全面性，是最可取之處，桌面盡可能的展示必須的功能，精簡繁瑣的點擊次數(shù)，增強了一步直達(dá)目的地，大大提高了工作效率。但在色彩上過于濃重，長時間工作會視覺疲勞；灰色漸變背景的使用，即使是1px的拼貼，也很大程度上增加了數(shù)據(jù)讀取時間，企業(yè)成千上百的用戶，再加上多種分辨率，直接影響了使用效率，還是會被Fail掉。

企業(yè)工作管理系統(tǒng)界面的最大需求就是：框架內(nèi)容一目了然，用戶明確自己要去的地方；長時間使用下不會感覺視覺疲勞；操作時速度一定要快。能做到以上幾點基本上可以算是一個成功的界面，再深入下去就是如何美化界面，一定要掌握以下幾點：

1.明確企業(yè)的功能需求

在UI設(shè)計開始前深刻了解軟件要實現(xiàn)的所有功能及細(xì)節(jié)，所有可能會出現(xiàn)的界面。整合需求及界面，為你后期的工作量可以減輕不少的負(fù)擔(dān)，比如通訊錄及郵件里用戶的選擇都可以使同一風(fēng)格或者界面，極大程度上減少的設(shè)計時間。

2.目標(biāo)用戶的習(xí)慣交互方式

只有掌握的目標(biāo)用戶的習(xí)慣交互方式，那么你的框架設(shè)計將實現(xiàn)一半，除非你新的設(shè)計更合理，千萬別輕易改變目標(biāo)用戶的習(xí)性，否則你會死得很慘。比如企業(yè)之前的通訊錄位置在界面的左側(cè)，方便隨時搜索查詢要聯(lián)系的同事的電話信息，如果你把位置移到右側(cè)、頂部或者底部，不合邏輯的同時也強加于難度和不認(rèn)知度各用戶，合理情況下，左側(cè)是重要信息及常用功能區(qū)，右側(cè)是工作區(qū)，幾千年來的從左到右，從上到下定律也不要忽視了。

3.指示和引導(dǎo)用戶

用戶可以在無任何培訓(xùn)下可以自如的運用工作管理系統(tǒng)，就說明這個系統(tǒng)界面的指示和引導(dǎo)作用是成功的。在這里圖標(biāo)起到了最大的作用，不管是圖標(biāo)、按鈕、還是文字都是有特別講究的。

拿圖標(biāo)來說，一個圖標(biāo)除了指示和引導(dǎo)用戶外的功能外，充其量就只是為了美化界面，它的統(tǒng)一性至關(guān)緊要。比如向左的圖標(biāo)圖形是色塊面的形式，向右就不能是線的形式；可點擊是藍(lán)色，不能點擊為灰色，刪除是紅色；尺寸配比也都要一致，裝飾性圖標(biāo)小，可操作性圖標(biāo)大一些；能快速、合理、明確的給用戶傳達(dá)初定的想法，以便用戶很快認(rèn)識到紅色是刪除，不能隨意點擊，灰色是不可點擊，不用鬧出把管理員叫來說“這個按鈕怎么點不到下一頁”的笑話，當(dāng)然所以的用戶都是聰明的精英不至于出此洋相。所以在圖標(biāo)能夠足以表達(dá)出它想要展示的信息時，再加以文字的描述用戶就更加明確要點擊什么，再滿足設(shè)計需求只想用圖標(biāo)來展示內(nèi)容時，千萬別忘了和jss技術(shù)人員說一聲，你要鼠標(biāo)經(jīng)過該圖標(biāo)時出現(xiàn)小標(biāo)簽注解的功能，那么就大功告成了。

4.一致性原則

風(fēng)格、色調(diào)、圖標(biāo)、按鈕、文字以及每一條線都必須做到統(tǒng)一。如下圖6和圖7在一致性原則上就有著明顯的對比。

圖6

圖7

1）風(fēng)格：平面的、立體的，還是中規(guī)中矩的橫平豎直，是大色塊分割區(qū)域，點、線來豐富畫面，還是光影水晶效果，在一開始設(shè)計之前就已經(jīng)明確客戶的需求及界面的主方向，當(dāng)然不忘后期的技術(shù)難度以及數(shù)據(jù)的讀取量。

2）色彩：界面最多不要超過4種顏色，一般配比為80%主色調(diào)為背景色或者界面風(fēng)格色調(diào)，15%副色調(diào)用來主導(dǎo)界面風(fēng)格或者輔助界面風(fēng)格色彩，也可以是中性色黑、白、灰，視設(shè)計風(fēng)格而定；4%界面裝飾色或者功能需求色；1%跳色用來做提醒功能或者點綴界面功能，這些再著手設(shè)計每個界面之前一定要明確。

3）圖標(biāo)：保持風(fēng)格的一致，第3項“指示和引導(dǎo)用戶里”已經(jīng)做了說明，在這就不再以解釋。

4）文字：字體、大小以及顏色也是需要注重的部分。字體要特別注意，在用PS或者其他軟件設(shè)計界面時，一般用宋體，當(dāng)與web的字體比較時，你會發(fā)現(xiàn)web的宋體更加犀利，因為都是像素字體，而且web里的宋體已經(jīng)不再是PS里的宋體，所以在PS里設(shè)計時，字體一定要用黑體，這樣和Web里通用的總體外形才得以相似，也不至于讓客戶看了設(shè)計稿和web上線后的效果落差太大。

一般正文用12px大小字體，這是標(biāo)準(zhǔn)尺寸也是看起來比較舒服的大小，那么標(biāo)簽、菜單、導(dǎo)航等字體大小是根據(jù)設(shè)計需求而定，在企業(yè)工作平臺一般均為12px，最大也不至于超過14px，當(dāng)然有些老爺們喜歡大，那就給他16px，再大可以用你的專業(yè)鎮(zhèn)壓他無知。

文字顏色也是可以起到畫龍點睛的作用，可以根據(jù)狀態(tài)功能把文字用不同顏色來區(qū)分，比如用黑色表示確認(rèn)、審核中用藍(lán)色、已超時用紅色提醒等，就不需要花大把時間在圖標(biāo)、圖形上作文章，吃力不討好還占用系統(tǒng)資源。文字顏色還可以用來區(qū)分菜單的級別、區(qū)分標(biāo)題和內(nèi)容，比如標(biāo)題用藍(lán)色，正文用黑色等。

5.可用性原則

在滿足美觀之前一定要保證工作平臺的可用性原則，否則再華麗的外衣也只是皇帝的新裝，一無是處。

最后補充，界面的尺寸和分布是必須首要考慮的問題。特別鄙視那些不負(fù)責(zé)任的說法：設(shè)計時只是覺著好看，就沒有想得那么細(xì)，尺寸啊、對齊啊、間距啊之類再考慮……這句話就像建筑商說沒想要蓋14樓，我的地基是按照6樓的標(biāo)準(zhǔn)打的，實在可惡！工作管理系統(tǒng)的Web界面也一樣，前期的尺寸、布局不精確，要怎么繼續(xù)往下施工呢？

界面的尺寸

目前多以1280x1024的分辨率，據(jù)前幾年的數(shù)據(jù)調(diào)查80%以上用戶的分辨率為1024x768，近幾年逐漸向更大的分辨率邁進(jìn)，所以在考慮分辨率上一定要全面、詳盡。有點題外話，和開放的Web頁面比，企業(yè)工作管理平臺在這一點上是十分好控制的，一個屏幕的寬度一定要減去下拉條占用的17px；高度一定要減去瀏覽器工具欄占用的高度，一般1024的剩857px的高度，768的剩628的高度，保險起見高度盡可能控制再少一點，當(dāng)然我這只是基于工作管理系統(tǒng)不需要出現(xiàn)下拉條的情況下而擬定的，如圖5。寬度是可以很好解決的，以100%滿足不同屏幕寬度即可，但高度只能根據(jù)需求及合理性而定，如果你就是要把工作管理系統(tǒng)的頁面設(shè)計到2-3屏高的內(nèi)容，也不是不可以的，只要合理，如圖4就會出現(xiàn)小部分下拉條。

界面的分布 工作管理系統(tǒng)的界面還涉及了內(nèi)容的分布，哪些是要一直顯示在界面的，哪些是肯以隱藏需要時打開的，哪些界面是需要展開或者新開窗口全頻顯示的，都是需要確定的。比如公告新聞置于左側(cè)一直顯示，還是應(yīng)該分布于中區(qū)桌面頁展示，點擊進(jìn)去后就隱藏呢？這些是否確定還是會有所變更會直接影響你的設(shè)計進(jìn)度。

第二篇：企業(yè)網(wǎng)絡(luò)營銷淺談之UI交互設(shè)計流程

UI設(shè)計則是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。好的UI設(shè)計不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由、充分體現(xiàn)軟件的定位和特點。那么，企業(yè)網(wǎng)絡(luò)營銷淺談之UI交互設(shè)計流程具體有哪些?

一、確定目標(biāo)人群，即這個應(yīng)用是做給誰用的。比如年輕人、老年人、商業(yè)用戶、等等。針對每種不同的人交互設(shè)計重點不同。比如年輕的潮人，可能更在乎視覺效果的絢麗，而老年人則更喜歡簡單明了指導(dǎo)性明確的東西。比如發(fā)信息，年輕人可能很容易理解一個“信封”的icon就是發(fā)信息的意思，那么歲數(shù)大點的人可能更喜歡button上寫上“發(fā)信息”三個字，那樣更容易理解。

二、調(diào)研目標(biāo)人群的交互習(xí)慣，包括這類人群喜歡文字或是圖片;喜歡減少操作步驟或是無所謂;喜歡簡單明了的操作方式或是另類的操作方式等等。

三、確定目標(biāo)人群的交互習(xí)慣后就要建立交互模型，其中包括操作方式統(tǒng)一(同類型功能的操作方式一樣)、交互行為統(tǒng)一(同一類型的操作，得到的反饋是一樣的)，控件風(fēng)格統(tǒng)一(tab頁要么在上要么在下，toolbar要有就都有，要沒有就都沒有)等等。

四、對應(yīng)用的功能進(jìn)行分類，同時對相應(yīng)的操作進(jìn)行提煉。哪些放在面上，哪些放在么Menu里，這條GUI設(shè)計師必須要參與。個人認(rèn)為GUI對邏輯架構(gòu)的敏感性在某些層面上講要超過UI設(shè)計師。

五、最后由GUI設(shè)計師按照交互細(xì)節(jié)來設(shè)計視覺效果，同時檢查視覺設(shè)計和交互設(shè)計之間的沖突。比如UI設(shè)計師在列表中設(shè)計了3個button，但是在GUI設(shè)計師設(shè)計時發(fā)現(xiàn)使用24sp的字號時是放不下3個button的時候，就要反饋給UI設(shè)計師，從新進(jìn)行規(guī)劃。

第三篇：UI設(shè)計工作流程

UI界面設(shè)計流程

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

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

需求階段

分析設(shè)計階段

調(diào)研驗證階段

方案改進(jìn)階段

用戶驗證反饋階段

需求階段

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

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

分析設(shè)計階段

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

調(diào)研驗證階段

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

例如：

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

測試時間：X年X月X日X日。

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

測試對象。某消費軟件界定市場用戶。主要特征為：

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

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

家庭購買電腦時品牌和機型的主要決策者

年齡：X-X歲；

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

個人月收入X以上或家庭月收入X元及以上；

樣品

五套軟件界面

樣本量：X個，實際完成X個。

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

用戶對各套方案的第一印象

用戶對各套方案的綜合印象

用戶對各套方案的單獨評價

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

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

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

方案改進(jìn)階段

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

用戶驗證階段

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(1)軟件啟動封面設(shè)計

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

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

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

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

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

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

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

(5)菜單設(shè)計

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

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

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

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

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

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

(8)滾動條及狀態(tài)欄設(shè)計

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

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

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

(10)包裝及商品化

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

第四篇：企業(yè)常用管理系統(tǒng)

企業(yè)常用信息管理系統(tǒng)

目前的管理系統(tǒng)都是可以管理到很多方面的，如客戶信息管理、人事信息管理、財務(wù)信息管理、行政信息管理、企業(yè)內(nèi)部信息管理等

我們就拿建碩OA信息管理系統(tǒng)來說吧

建碩OA信息管理系統(tǒng)的應(yīng)用：

1.自定義管理平臺r,f./,d

為企業(yè)提供最適合自身企業(yè)管理模式的個性化管理解決方案，企業(yè)可隨時新建自己的管理模板。想管理什么數(shù)據(jù)，就新建什么模板。

2.通訊平臺

建立組織短信群發(fā)系統(tǒng)、群件群發(fā)系統(tǒng)、消息中心。短信群發(fā)及郵件群發(fā)主要應(yīng)用于外部通信及宣傳，消息中心則主要應(yīng)用于內(nèi)部通訊和信息交流。3.公共平臺

在企業(yè)內(nèi)部建一個有效的公交發(fā)布和交流場所，例如：公告欄、共享文檔、內(nèi)部通訊錄、部門工作計劃、工作日志、工作報告及總結(jié)、個人待辦事項、意見箱、國內(nèi)區(qū)號及郵編、國際代碼及時差等能夠在企業(yè)內(nèi)部員工之間得到廣泛的傳播，使員工能夠即時的了解企業(yè)內(nèi)部的發(fā)展動態(tài)。

4.審批流程自動化

利用審批流程自動化可以實時監(jiān)控、跟蹤、解決多崗位、多部門之間的協(xié)同工作問題，實現(xiàn)高效率的協(xié)作。目前的企業(yè)單位都存在著大量的工作流程，例如：行政、人事、采購、財務(wù)報銷等。通過實現(xiàn)工作流程的自動化，就可以規(guī)范各項工作，提高單位協(xié)同工作的效率，減少人為失誤，加強業(yè)務(wù)負(fù)責(zé)人對公司復(fù)雜業(yè)務(wù)流程的掌控和監(jiān)控。

5.文檔管理自動化

使各類文檔、文件、知識等能夠按權(quán)限進(jìn)行保存，共享和使用，并有一個可查詢手段。

6.辦公自動化

會議管理、車輛管理、辦公物品管理、圖書管理等與我們?nèi)粘＾k公事物工作相結(jié)合的各種辦公，要實現(xiàn)辦公自動化

7.數(shù)據(jù)集成可以讓集團(tuán)公司管理總部即時了解下屬公司的經(jīng)營情況，并對下屬公司的經(jīng)營數(shù)據(jù)進(jìn)行集中管理。

8.跨地理性辦公

辦公和移動辦公，要支持多分支機構(gòu)、跨地域的辦公模式以及移動辦公。市場競爭使企業(yè)的規(guī)模越來越大，地域分布越來越廣，移動辦公和跨地域辦公成為很迫切的一種需求。

第五篇：UI視頻教程之游戲UI設(shè)計過程

UI視頻教程之游戲UI設(shè)計過程

如今喜歡玩游戲的人在不斷的增加，在日漸緊張的環(huán)境和壓力越來越大的工作中人們越來越喜歡忙里偷閑的玩會游戲放松一下，因此如今的游戲UI設(shè)計師很是強手。所以現(xiàn)在有越來越多的人對游戲UI設(shè)計很感興趣，本篇文章小編就和大家分享一下游戲UI設(shè)計過程，下面一起來看一下吧。

UI = User Interface，也就是“用戶界面設(shè)計”。打開你過去24小時里玩過的游戲，從登錄界面、操作界面，到游戲道具、技能標(biāo)志，所有這些設(shè)計，統(tǒng)統(tǒng)屬于游戲UI。換句話說，你在玩游戲的過程中一半以上的工夫都在跟UI打交道，它設(shè)計得是否巧妙、清晰、流暢，很大程度影響到了你的游戲體驗。

講到這里，肯定有不少UI設(shè)計小白開始在網(wǎng)上找關(guān)于游戲UI設(shè)計制作的各種內(nèi)容。經(jīng)過尋找我們會發(fā)現(xiàn)這方面的干貨少得可憐。如今互聯(lián)網(wǎng)時代處處談分享，既然沒有找到分享的內(nèi)容我們就自己總結(jié)整理一部分吧。飯得一口口吃，路要一步步走。既然想學(xué)游戲UI，還是得先從基礎(chǔ)學(xué)起。下面簡單講講游戲UI的設(shè)計流程，雖然簡單，可句句是干貨。

在開始高大上的游戲UI設(shè)計之旅前，你先要明確一個最最基本的概念：游戲UI不是把自己關(guān)在小黑屋里，腦袋一拍，想怎么畫就畫出來的。你得先跑到游戲策劃那兒，和對方推心置腹地溝通，了解清楚你要設(shè)計的游戲究竟是玩什么、給誰玩、怎么玩。這幾點確定了，才好確定美術(shù)風(fēng)格。比如，你在下手前要先確定游戲的題材、背景年代、質(zhì)感、整體色調(diào)、可用元素等等。要是做一款三國背景的游戲，對話界面竟然跳出腎6的屏幕，如果你是玩家，會不會覺得整個人都穿越了?

確定了設(shè)計的主題、風(fēng)格、背景之后你就進(jìn)入搭框架階段，從主界面開始一層層深入設(shè)計，像是一些常用界面、彈出框、功能按鈕、道具、技能圖標(biāo)等等，要是連一些雜七雜八的東西再加上游戲Logo也能連帶著一道設(shè)計掉，那真是極好的。到這里就可以為每個元素布局并制作草稿了。千萬別想當(dāng)然，一定要根據(jù)用戶操作習(xí)慣，規(guī)劃好顯示區(qū)域、操作區(qū)域、執(zhí)行按鈕區(qū)域等。用于展示的圖標(biāo)不要大于操作圖標(biāo)，只要能清楚顯示就行。文字的字體樣式和大小也順便敲定，都別超過3種。動態(tài)文字用系統(tǒng)默認(rèn)就夠了，等到中期再看情況做詳細(xì)規(guī)定。

現(xiàn)在，制作主界面UI以及主要功能按鈕的時機才算成熟，可以正式確立UI整體風(fēng)格了。根據(jù)剛開始設(shè)定的信息和原畫圖片，確保UI風(fēng)格跟原畫風(fēng)格統(tǒng)一。顏色別整得太花里胡哨，清晰美觀即可，切記一條關(guān)鍵原則：哪怕玩你游戲的是從沒玩過游戲的小白，只要他們能分分鐘順著你的思路走下去，你就贏了。好的UI不僅可以讓游戲變得順暢簡單，還能讓整個體驗更上一層樓。

走完上述流程，你只要按照先后順序把模塊一個個地完成，UI設(shè)計就大功告成?，F(xiàn)在明白整套流程了嗎?下面給大家分享4條UI設(shè)計經(jīng)驗，都是可以在設(shè)計游戲UI時著重考慮的，能不能加分看你的運用水平，但至少能保證你在做UI設(shè)計時被少退幾稿。

1、讓你設(shè)計的界面簡潔，減少玩家發(fā)生選擇錯誤的可能性。

2、UI設(shè)計要能一眼看明白，一點就有效。

3、切記切記切記：要保持一致。

4、不管設(shè)計得多么花里胡哨，永遠(yuǎn)別忘了：這東西是給人用的，如果功能性差其他什么都白搭。