第一篇：UI設(shè)計趨勢之全屏視頻（定稿）

UI設(shè)計，新趨勢之全屏視頻

UI設(shè)計以及網(wǎng)頁設(shè)計，這兩個大的設(shè)計方向跟隨著社會的發(fā)展，其自身也是變化非?？斓?，隨著你課程學(xué)習(xí)的深入，你會發(fā)現(xiàn)每天都會接觸到一些新的設(shè)計元素，你可能剛剛在生活中看到了好多作品都在用的風(fēng)格，明天可能就變成老師要給你布置的任務(wù)，所以，想學(xué)習(xí)UI設(shè)計，必須要掌握潮流發(fā)展的新趨勢。

古語有云：“一幅畫頂一千字”，這個說法到現(xiàn)在看來，仍然是有效的。而我們也發(fā)現(xiàn)，越來越多的網(wǎng)頁里使用了沉浸式全屏視頻，這也是我們今天要說得UI設(shè)計新趨勢。現(xiàn)在社會，信息更新速度快，你這會不關(guān)注，下一秒新的信息就會涌進來替代你之前看到的，用戶也不可能逐個篩選自己需要的信息，快速瀏覽，速度劃過已經(jīng)成為我們?yōu)g覽的習(xí)慣性動作了，所以大篇幅的開篇文字已經(jīng)被我們所厭倦了，而一些色彩感強烈，占篇幅廣的圖片或視頻反而會更快的抓住我們眼球。

視覺被認為是人類感覺中最強的，大型的單幅圖像能夠更直接、快速、有效的方式來吸引用戶。圖像一直都是UI設(shè)計和網(wǎng)頁設(shè)計中的主要內(nèi)容，圖像的成功也逐漸為視頻的流行鋪好了道路。越來越多的視頻在設(shè)計中被使用，而這種動態(tài)視頻是吸引用戶眼球以及訴說故事的絕佳手段。

所以，沉浸式的屏視頻以及美觀的全屏圖像是能夠快速確立網(wǎng)頁基調(diào)以及吸引用戶的有效方式，圖像仍然會被長期使用，不過視頻的使用則是新的發(fā)展趨勢，一定會越來越流行。

第二篇：2018年UI設(shè)計行業(yè)就業(yè)形勢發(fā)展現(xiàn)狀和趨勢

004km.cn

免費試學(xué)/ 一對一輔導(dǎo)/項目實訓(xùn)/就業(yè)保障

2018年UI設(shè)計行業(yè)就業(yè)形勢，發(fā)展現(xiàn)狀和趨勢

在互聯(lián)網(wǎng)+時代大背景下，不管是大型互聯(lián)網(wǎng)企業(yè)還是中小型公司都越來越重視網(wǎng)站與產(chǎn)品的交互設(shè)計與用戶體驗，帶動了UI設(shè)計行業(yè)的興起，UI設(shè)計師成為企業(yè)搶手的人才【快速成為UI設(shè)計師>>】。據(jù)了解，泛藝學(xué)苑的UI設(shè)計培訓(xùn)班，學(xué)員報名火熱；大家選擇UI設(shè)計【UI設(shè)計學(xué)習(xí)資料領(lǐng)取>>】，主要是看好UI設(shè)計的薪水和UI設(shè)計未來發(fā)展前景。那么2018年UI設(shè)計行業(yè)就業(yè)形勢，發(fā)展現(xiàn)狀和趨勢如何？是否即將飽和？下面將為大家分享目前UI設(shè)計行業(yè)信息。

自2007年出現(xiàn)第一臺iPhone開始，UI設(shè)計師的需求便迅速增長，甚至出現(xiàn)井噴之勢。據(jù)最新統(tǒng)計到的UI設(shè)計招聘量看，國內(nèi)UI設(shè)計師共有約40萬的職位缺口，而隨著人們對互聯(lián)網(wǎng)產(chǎn)品用戶體驗度的提升，2018年的UI設(shè)計更加是企業(yè)產(chǎn)品關(guān)注的核心。

當(dāng)然在相關(guān)的調(diào)查中顯示，互聯(lián)網(wǎng)企業(yè)的需求要遠遠大于其他類型的公司，且UI設(shè)計師的薪資水平也相當(dāng)高，但是，隨著UI設(shè)計發(fā)展越發(fā)成熟，互聯(lián)網(wǎng)公司對UI設(shè)計師的要求也會逐漸增高，所以只有不斷加強自己的能力才不會被淘汰。

UI設(shè)計平均薪資

當(dāng)今，各行各業(yè)都需要UI設(shè)計，UI設(shè)計師的薪資水平保持著較高水平。在北京、上海等地，有一定設(shè)計經(jīng)驗并通過專業(yè)學(xué)習(xí)走上UI設(shè)計崗位的，入職薪資平均在12K左右，應(yīng)屆畢業(yè)生通過UI設(shè)計學(xué)習(xí)上崗的，平均薪資在8K+；泛藝學(xué)苑的UI設(shè)計培訓(xùn)班中，學(xué)員通過四個月的學(xué)習(xí)，平均入職薪資可達8000-12000。

那么2018年設(shè)計師月薪具體多少，具體情況分析如下：

初級UI設(shè)計師：薪資待遇6000-8000元。初級人才的可能有2種，一種是從網(wǎng)頁設(shè)計轉(zhuǎn)行過去并沒有統(tǒng)一的學(xué)習(xí)過，另外一種就是剛剛畢業(yè)屬于實習(xí)階段，這一階段的實際是都處于積累經(jīng)驗的部分。

004km.cn

免費試學(xué)/ 一對一輔導(dǎo)/項目實訓(xùn)/就業(yè)保障

中級UI設(shè)計師：這部分人才的薪資待遇在8000-12000的，中級的是有一定的基礎(chǔ)的，但還欠缺一些創(chuàng)意，這部分的人才是趨于穩(wěn)定的。這價位的工資對于女孩子還是非?？捎^的。

高級UI設(shè)計師：薪資10000以上。這個薪資水平也包括2種，第一種是領(lǐng)導(dǎo)層的，也就是所謂的中層干部，另外一種就是業(yè)界所說的大牛。具體薪資水平可能跟所處的城市級別會有一定差距。

2018年UI設(shè)計就業(yè)前景如何

UI設(shè)計師可以說是兼具美術(shù)設(shè)計、程序編碼、市場調(diào)查、心理學(xué)分析等諸多方面的綜合能力。作為一名UI設(shè)計師，需要緊跟時代對UI設(shè)計師的最新要求，否則必被時代無情的淘汰，因為我們的能力單一化，我們只能做出一個網(wǎng)頁出來。

2018年也必將延續(xù)移動互聯(lián)網(wǎng)高速發(fā)展的態(tài)勢，產(chǎn)業(yè)規(guī)模不斷擴大，增速飛快，用戶體驗至上的時代已經(jīng)來臨。隨著技術(shù)領(lǐng)域的逐步拓展，產(chǎn)品生產(chǎn)的人性化意識日趨增強，UI設(shè)計師也成為了人才市場上十分緊俏的職業(yè)。需要招聘該類型人才的企業(yè)不僅僅局限于移動互聯(lián)網(wǎng)企業(yè)，越來越多的企業(yè)開始注重交互設(shè)計、用戶測試方面的投入，如金融、交通、零售等一些行業(yè)均需要該類型設(shè)計人才。

UI設(shè)計師目前現(xiàn)狀

目前國內(nèi)許多從事UI設(shè)計人員都非科班出身，或者是從界面美工、平面設(shè)計轉(zhuǎn)行而來，缺乏對UI設(shè)計規(guī)范的深入了解和專業(yè)技能培訓(xùn)；想要提高自身綜合能力，途徑方法多的是，最快捷有效的方法就是找一個靠譜的UI設(shè)計培訓(xùn)班，進行全面系統(tǒng)的學(xué)習(xí)。

泛藝學(xué)苑致力于UI設(shè)計高端人才培養(yǎng)，泛藝采用先進的在線教學(xué)模式，非一線城市的學(xué)生也能享受一流師資；采用國內(nèi)一流的動態(tài)學(xué)習(xí)系統(tǒng)，能真正做到針對每個學(xué)員情況的特色學(xué)習(xí)計劃，保證成才；對教學(xué)品質(zhì)的嚴格把控保障了泛藝畢業(yè)學(xué)員除工作習(xí)慣良好外，具

004km.cn

免費試學(xué)/ 一對一輔導(dǎo)/項目實訓(xùn)/就業(yè)保障

備外面2~3年一線企業(yè)的設(shè)計師工作經(jīng)驗，能保障學(xué)生進入企業(yè)迅速上手，學(xué)生效率是其他機構(gòu)的2倍以上【了解課程詳情>>】

選擇泛藝學(xué)苑有哪些優(yōu)勢？

1）先進的在線教學(xué)模式，非一線城市的學(xué)生也能享受一流師資

2）優(yōu)質(zhì)的教學(xué)水平，授課老師均具有豐富的實際項目經(jīng)驗，以及授課經(jīng)驗，確保學(xué)員不僅能學(xué)到前端技能，同時掌握工作中實際解決問題的方法以及能力

3）一對一輔導(dǎo)，實時掌握學(xué)員學(xué)習(xí)動態(tài)，能真正做到針對每個學(xué)員情況的特色學(xué)習(xí)計劃。

4）根據(jù)企業(yè)用人要求設(shè)置課程，與時俱進，讓學(xué)習(xí)能掌握主流前端技能，符合崗位要求，能快速上手

5）大型項目真操實練，做到理論實踐一體教學(xué)，不與實際脫軌，更快，更容易融入工作

6）廣泛的就業(yè)通道，與國內(nèi)多家企業(yè)建立合作關(guān)系，給合格畢業(yè)學(xué)員提供工作機會，004km.cn

免費試學(xué)/ 一對一輔導(dǎo)/項目實訓(xùn)/就業(yè)保障

讓學(xué)員輕松找到滿意工作。

7）專業(yè)的面試技巧、職場關(guān)系、職業(yè)規(guī)范等職場軟技能培訓(xùn)，讓學(xué)員擁有優(yōu)良職業(yè)素養(yǎng)，能迅速適應(yīng)企業(yè)崗位。

高速發(fā)展的互聯(lián)網(wǎng)時代，給我們帶來了很多機遇，但這些機遇也是稍縱即逝的，所以需要我們懂得抓住時機；UI設(shè)計是目前最被看好的職業(yè)之一，把握好機會，找到高薪工作。

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

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

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

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

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

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

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

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

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

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

第四篇：UI設(shè)計師就業(yè)前景 2017就業(yè)趨勢如何

http://004km.cnUI設(shè)計師就業(yè)前景 2017就業(yè)趨勢分

不瞞大家說，現(xiàn)在談及UI設(shè)計師就業(yè)前景，很多人都開始懷疑UI市場人才趨于飽和，其實不然，從北上廣深一線城市市場需求來看，各公司企業(yè)、企業(yè)需求量還是蠻大的。說實話，UI在國內(nèi)發(fā)展的時間并不長，只是UI設(shè)計產(chǎn)品現(xiàn)在更趨于人性化，各公司、企業(yè)對UI設(shè)計師的要求提升，需要全能型UI設(shè)計師人才，接下來簡單了解下UI設(shè)計師就業(yè)前景如何？2017UI設(shè)計師就業(yè)趨勢如何？

據(jù)業(yè)內(nèi)人士預(yù)言，UI設(shè)計將會越來越有前景，因為企業(yè)將會在交互方面拉開爭搶用戶的態(tài)勢?，F(xiàn)今，用戶的交互體驗已經(jīng)被認為是程序、功能之外的另一個競爭店，這點恰好就是設(shè)計師的工作職責(zé)，其實除發(fā)展趨勢之外，從薪資方面我們同樣能夠看出UI設(shè)計是一個有錢景的職業(yè)。

現(xiàn)階段UI設(shè)計主要立足于以人為本，以用戶體驗需求為基礎(chǔ)，UI設(shè)計師的前景是十分優(yōu)越的，同時也是產(chǎn)品搶占市場的核心競爭力之一，所以UI設(shè)計師就業(yè)前景還是較廣的，畢竟市場需求較大，據(jù)信息部公布的相關(guān)數(shù)據(jù)顯示，UI人才存在巨大的缺口，達到UI設(shè)計師專業(yè)水平的人僅有8000人，根據(jù)市場所需，需求量遠大于供給量，所以UI職業(yè)崗位趨于飽和，前景不容樂觀這樣的觀點完全不可信。其實在眾多IT名企中都有自己的UI設(shè)計部門，畢竟現(xiàn)在UI在一定程度上會直接影響流量，由此來看UI設(shè)計崗位真的是炙手可熱，但如果沒

http://004km.cn有金剛鉆，哪兒能攬得了瓷器活兒，且現(xiàn)階段高校并未開設(shè)正式的UI專業(yè)課程，開課吧對于UI設(shè)計師的培養(yǎng)十分全面，與傳統(tǒng)的UI課程有很大區(qū)別，包括用戶界面設(shè)計、交互設(shè)計、用戶體驗設(shè)計和跨媒體設(shè)計這大方向的內(nèi)容，假如你對UI設(shè)計行業(yè)有興趣，熱愛互聯(lián)網(wǎng)，即使沒有任何經(jīng)驗零基礎(chǔ)，也完全可以學(xué)習(xí)UI課程，在參加完培訓(xùn)課程之后，會給學(xué)員分配到薪酬優(yōu)厚的專業(yè)對口崗位上，從這點內(nèi)容分析來看，2017UI設(shè)計師就業(yè)前景很廣。

從UI設(shè)計師就業(yè)薪資水平來看也相當(dāng)可觀，剛畢業(yè)的UI設(shè)計師起薪在6000元以上，半年或者一年以上很多UI設(shè)計師薪資水平可達到10k，當(dāng)然高級UI設(shè)計師薪資水平相對更高。對比開課吧萊茵設(shè)計學(xué)院的學(xué)生在畢業(yè)之后薪資水平，會發(fā)現(xiàn)薪資水平普遍較高，因為課程內(nèi)容設(shè)置更符合企業(yè)用人需求。

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

近幾年來UI設(shè)計已經(jīng)不再陌生，它無處不在的存在人們的生活中，遠點有銀行的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文件夾里的每個圖形及圖標,滿足界面的顏色及圖標得到更新，以適應(yīng)不同的企業(yè)需求。

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

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

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

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

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

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

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

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

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

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

4.一致性原則

風(fēng)格、色調(dià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）圖標：保持風(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大小字體，這是標準尺寸也是看起來比較舒服的大小，那么標簽、菜單、導(dǎo)航等字體大小是根據(jù)設(shè)計需求而定，在企業(yè)工作平臺一般均為12px，最大也不至于超過14px，當(dāng)然有些老爺們喜歡大，那就給他16px，再大可以用你的專業(yè)鎮(zhèn)壓他無知。

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

5.可用性原則

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

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

界面的尺寸

目前多以1280x1024的分辨率，據(jù)前幾年的數(shù)據(jù)調(diào)查80%以上用戶的分辨率為1024x768，近幾年逐漸向更大的分辨率邁進，所以在考慮分辨率上一定要全面、詳盡。有點題外話，和開放的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ū)桌面頁展示，點擊進去后就隱藏呢？這些是否確定還是會有所變更會直接影響你的設(shè)計進度。