樂(lè)富pos機(jī)ui界面設(shè)計(jì)素材

1、UI 設(shè)計(jì)師一般去哪些網(wǎng)站找素材

很多靈感網(wǎng)站都可以進(jìn)行學(xué)習(xí)和參考

Dribbblehttps://dribbble.com/

Dribbble其實(shí)不用多說(shuō)，就說(shuō)一句，它是每個(gè)新人設(shè)計(jì)都心向往之的設(shè)計(jì)網(wǎng)站。尤其現(xiàn)在我們接連失去了Pinteres和Behance，它就顯得尤為珍貴。

Despirationhttps://www.designspiration.net/

Despiration的靈感素材非常豐富，并且有一個(gè)最大的優(yōu)點(diǎn)：可以用顏色進(jìn)行精準(zhǔn)的圖片檢索，最多可以打上5個(gè)色彩標(biāo)簽。對(duì)于色彩搭配無(wú)能星人來(lái)說(shuō)非常友好。

Logopondhttps://logopond.com/

很不錯(cuò)的logo收集參考網(wǎng)站，在設(shè)計(jì)logo和圖標(biāo)上很有助益。

uiiiuiiihttps://uiiiuiii.com/inspiration

這個(gè)網(wǎng)站最大的優(yōu)點(diǎn)就是：純中文！對(duì)英語(yǔ)基礎(chǔ)比較一般的設(shè)計(jì)師來(lái)說(shuō)，完全沒(méi)有障礙。

Collectuihttps://www.collectui.com/

這是一個(gè)非常非常非常適合UI設(shè)計(jì)師的網(wǎng)站！并且目錄分類非常非常非常健全！UI設(shè)計(jì)師需求的UI界面基本上都包含在其中了。

知名素材網(wǎng)站大家都知道，我再列幾個(gè)比較專業(yè)質(zhì)量較高的UI素材網(wǎng)站：

ThemeForest

TemplateMonster

Sketch App Sources

W3Layouts

Uplabs

Speckyboy

JUSOTU

UI8

BootstrapMade

1stWebDesigner

以后有新的再補(bǔ)充。

UI設(shè)計(jì)師可以找的素材網(wǎng)站很多，目前用的最多的是以下幾種。

站酷

昵圖

千圖

我圖

素材中國(guó)

花瓣

懶人圖庫(kù)

還有很多其他的網(wǎng)站，或者從百度圖片內(nèi)搜索圖片新聞地址便可以查找到類似圖片的地址。

若要找類似素材，可以試用“百度識(shí)圖”識(shí)別圖片。

我們團(tuán)隊(duì)成員都把素材放在藍(lán)湖，大家要用的時(shí)候在藍(lán)湖下載 昵圖網(wǎng)、站酷、花瓣、千圖網(wǎng)、懶人圖庫(kù)、我圖網(wǎng)等

2、如何快速查找UI設(shè)計(jì)示例?

如何快速查找UI設(shè)計(jì)示例？如何高效率找到UI設(shè)計(jì)素材。

生活中的搜索工具

在日常生活中我們常常會(huì)跟各式各樣的“搜索工具”打交道。比如下面這個(gè)場(chǎng)景尤為常見(jiàn)，當(dāng)你身處一個(gè)圖書(shū)館，想找某一本你很需要的書(shū)時(shí)，你會(huì)怎么辦？



這個(gè)時(shí)候通常會(huì)通過(guò)以下兩種途徑來(lái)解決問(wèn)題：

精準(zhǔn)查找-通過(guò)電腦檢索，找到目標(biāo)；
模糊查找-通過(guò)書(shū)架類目分類，找到目標(biāo)；
然而，這里電腦和類目標(biāo)識(shí)在整個(gè)找書(shū)的行為路徑中就充當(dāng)了查找的功能。生活中還有很多諸如此類的應(yīng)用場(chǎng)景，比如超市購(gòu)物、查字典等行為場(chǎng)景。



某超市貨架

為什么需要搜索工具

搜索工具的本質(zhì)是幫助人們提升決策效率。據(jù)全美2012年調(diào)研結(jié)果顯示，每位成年人每天平均要做70個(gè)選擇。然而每個(gè)選擇又可能會(huì)面對(duì)大量的選擇對(duì)象，這時(shí)人們的決策成本就會(huì)隨著平行信息時(shí)代的發(fā)展而與日俱增。

如何幫助人們?cè)诿鎸?duì)大量選擇對(duì)象時(shí)提升決策效率，這就成為了篩選設(shè)計(jì)的抓手也就是我們所說(shuō)的設(shè)計(jì)機(jī)會(huì)點(diǎn)。

移動(dòng)設(shè)備上的搜索工具

大量數(shù)據(jù)集合需要根據(jù)不同用戶的不同需求來(lái)進(jìn)行過(guò)濾，也叫做篩選。篩選依賴于用戶的選擇標(biāo)準(zhǔn)，從而細(xì)化搜索結(jié)果或著一組大型對(duì)象結(jié)果。常見(jiàn)的搜索工具設(shè)計(jì)包括：

直列式搜索工具
抽屜/折疊式搜索工具
列表式搜索工具
上述三類搜索工具的設(shè)計(jì)思路幾乎涵蓋了市場(chǎng)上絕大多數(shù)的應(yīng)用案例，不同類型之間的搜索工具適用于不同的使用場(chǎng)景，下面我們可以來(lái)分辨看看各個(gè)類型的場(chǎng)景應(yīng)用。

直列式搜索工具

與頁(yè)面的元素排序邏輯以及展示方式類似，屏幕上直接顯示對(duì)象結(jié)果或者對(duì)象列表。通過(guò)設(shè)計(jì)tab按鈕來(lái)篩選目標(biāo)對(duì)象。Google和百度都是采用單排橫向式。



Google



百度

當(dāng)我對(duì)關(guān)鍵詞進(jìn)行檢索后，可以在此基礎(chǔ)上對(duì)結(jié)果進(jìn)行內(nèi)容類型的搜索， Google的搜索點(diǎn)擊最右側(cè)的“搜索工具”時(shí)，會(huì)額外展示出一列新的篩選條輔助進(jìn)一步的選擇。



Google Play 報(bào)亭

Google Play報(bào)停采用了雙排篩選條，根據(jù)用戶感興趣的檢索詞匹配出“內(nèi)容相關(guān)”以及“媒體相關(guān)”兩類篩選偏好。

這類型的搜索工具會(huì)緊跟檢索入口，這樣更便于讓用理解下方的單排tab元素是基于檢索關(guān)鍵詞而進(jìn)行過(guò)濾的。根據(jù)格式塔定律的接近性原則，相鄰的元素關(guān)系會(huì)更容易讓用戶理解他們之間的關(guān)聯(lián)作用。



抽屜式搜索工具

CNN新聞采取的是抽屜/折疊式搜索工具，通過(guò)一個(gè)handle來(lái)提示篩選器的入口，用戶通過(guò)點(diǎn)擊可以將被折疊/收起的搜索工具浮層展示出來(lái)。



CNN NEWS

擁有成熟且穩(wěn)固的分類/類目體系的內(nèi)容平臺(tái)更適合這種抽屜式的篩選器浮層，可以將完整的類目完全曝光，并且常駐底部的handle,可以有效的避免曝光衰減的狀況。

列表式搜索工具

作為全球最大的在線旅游公司Expedia，采用了列表式的搜索工具。但Expedia有一點(diǎn)做的非常好，就是在搜索工具展開(kāi)時(shí)如何給用戶預(yù)期匹配的結(jié)果數(shù)量。 如果想快速查找的話，那么你必須是把你的鏈接鏈找出來(lái)，然后直接點(diǎn)上鏈接鏈直接就可以查找。 會(huì)通過(guò)自己的設(shè)置登錄自己的安全賬號(hào)，通過(guò)安全賬號(hào)就能夠查詢到了。 我覺(jué)得想要快速的查找出來(lái)，首先就是搜索功能。 很高興認(rèn)識(shí)查找的事例比例是不是通過(guò)字典的。

3、國(guó)外ui設(shè)計(jì)素材網(wǎng)站有哪些

1、UIparade:靈感UI設(shè)計(jì)目錄網(wǎng)

UIparade:靈感UI設(shè)計(jì)目錄網(wǎng)是一個(gè)致力于設(shè)計(jì)師UI設(shè)計(jì)作品分享的網(wǎng)站，提供世界是最有才華的設(shè)計(jì)師們的優(yōu)秀作品，幫助設(shè)計(jì)師們獲得UI方面的設(shè)計(jì)靈感，提供豐富的設(shè)計(jì)參考案例，同時(shí)還提供收費(fèi)版的在線設(shè)計(jì)工具。http://www.uiparade.com/

2、MaterialUp:創(chuàng)意UI設(shè)計(jì)靈感分享網(wǎng)

MaterialUp:創(chuàng)意UI設(shè)計(jì)靈感分享網(wǎng)是一個(gè)致力于移動(dòng)應(yīng)用和網(wǎng)站程序、概念設(shè)計(jì)作品展示的網(wǎng)站，每周都會(huì)更新最新收錄的創(chuàng)意設(shè)計(jì)，幫助設(shè)計(jì)師們尋找極富靈感思維的設(shè)計(jì)作品，設(shè)計(jì)沒(méi)思路？沒(méi)靈感？那么你就趕緊訂閱這個(gè)網(wǎng)站吧。http://www.materialup.com/

--------------------------------------------------------------------------------------------

【花60秒測(cè)試下自己是否適合做一名UI設(shè)計(jì)師：】

http://www.tianhujy.com/list-276-1.html?wm=zk_lyj_uisj

--------------------------------------------------------------------------------------------

3、HudsandGuis:科幻UI界面分享博客

HudsandGuis:科幻UI界面分享博客是一個(gè)致力于分享電影里的科幻類UI界面設(shè)計(jì)的站點(diǎn)，我們都看過(guò)鋼鐵俠系列的電影，對(duì)于里面的帶有濃厚未來(lái)科技理念的UI界面設(shè)計(jì)有著強(qiáng)烈的視覺(jué)沖突，該博客就是分享此類的UI界面設(shè)計(jì)資源。科技UI界面是從國(guó)外的科幻電影里衍生出來(lái)的新設(shè)計(jì)理念，這樣的UI設(shè)計(jì)擁有超前的想象力和極簡(jiǎn)的設(shè)計(jì)元素，是提醒未來(lái)科技發(fā)展的最佳創(chuàng)意思維，越來(lái)越多的科幻電影采用了這樣的視覺(jué)展示資源，讓電影里的未來(lái)氣息更加濃厚，如果你喜歡此類UI設(shè)計(jì)的話，不妨多關(guān)注這個(gè)博客網(wǎng)站，你會(huì)收到到很多超酷的UI資源。http://hudsandguis.com/

4、Mantia:蘋果UI設(shè)計(jì)網(wǎng)

mantia.me是一個(gè)蘋果手機(jī)UI設(shè)計(jì)站點(diǎn)，網(wǎng)站提供免費(fèi)的icon圖片和桌面以及UI設(shè)計(jì)下載和使用。網(wǎng)站作者曾經(jīng)是iTunes團(tuán)隊(duì)人之一，參與了iTunes圖標(biāo)的設(shè)計(jì)。http://mantia.me/

5、Android Design:安卓UI設(shè)計(jì)網(wǎng)

安卓系統(tǒng)的UI界面總比不上IOS的優(yōu)秀和炫麗，很多手機(jī)控對(duì)安卓的UI一直建議非常多，這不谷歌Android團(tuán)隊(duì)也看不下去了，終于宣布推出安卓UI指導(dǎo)性質(zhì)的網(wǎng)站:Android Design:安卓UI設(shè)計(jì)網(wǎng)。該網(wǎng)站上有很多資料，其中包括一般風(fēng)格指南、設(shè)計(jì)樣式，以及Android的部分默認(rèn)UI 構(gòu)件 — “Building Blocks”。網(wǎng)站還重點(diǎn)介紹了Android 4.0中用戶界面元素，有些新特征在老版本中可能不能立即得到支持。但就長(zhǎng)遠(yuǎn)來(lái)說(shuō)，這是一個(gè)不錯(cuò)的改變。http://developer.android.com/design/

6、FluiDui:智能手機(jī)UI設(shè)計(jì)測(cè)試平臺(tái)

FluiDui:智能手機(jī)UI設(shè)計(jì)測(cè)試平臺(tái)是一個(gè)針對(duì)于蘋果手機(jī)和安卓手機(jī)系統(tǒng)UI設(shè)計(jì)的網(wǎng)站，可以在線通過(guò)谷歌瀏覽器試用Fluid UI，進(jìn)行一些換膚、位置、圖標(biāo)等測(cè)試。蘋果手機(jī)和安卓手機(jī)的流行也為手機(jī)系統(tǒng)的UI設(shè)計(jì)添加了一把火，想這樣的可以在線通過(guò)瀏覽器來(lái)調(diào)試系統(tǒng)UI的網(wǎng)站少之又少，如果你是手機(jī)系統(tǒng)UI的設(shè)計(jì)師，那么這個(gè)網(wǎng)站絕對(duì)要去試試了，不過(guò)需要注冊(cè)以后才可以試用，登錄后有非常豐富的圖標(biāo)、套圖、模版可以在線測(cè)試的。 http://www.fluidui.com/

7、LovelyUI:可愛(ài)的UI手機(jī)界面設(shè)計(jì)庫(kù)

LovelyUI:可愛(ài)的UI手機(jī)界面設(shè)計(jì)庫(kù)是一個(gè)致力于智能手機(jī)界面設(shè)計(jì)作品展示的博客網(wǎng)站，由眾多程序界面設(shè)計(jì)師上傳分享出來(lái)的，該網(wǎng)站分類詳細(xì)，用戶可以更加分類來(lái)查看不同的界面UI設(shè)計(jì)。手機(jī)系統(tǒng)的界面UI就跟大廚做菜一樣，你的菜譜要征服用戶的胃，應(yīng)用程序界面也需要吸引用戶的眼球才能讓一個(gè)應(yīng)用程序有良好的用戶體驗(yàn)，要想提高自己的設(shè)計(jì)能力就需要去取經(jīng)，該網(wǎng)站就是你取經(jīng)的必備網(wǎng)站之一。 http://www.lovelyui.com/

8、GetUIcolors:在線UI顏色分享網(wǎng)

GetUIcolors:在線UI顏色分享網(wǎng)是一個(gè)幫助設(shè)計(jì)師發(fā)現(xiàn)最佳顏色搭配的網(wǎng)站，當(dāng)你在設(shè)計(jì)UI素材的時(shí)候合理的顏色搭配就顯得非常重要，該網(wǎng)站把搭配好的顏色整合在一起供設(shè)計(jì)師使用，直接復(fù)制即可。 http://getuicolors.com/

9、UI Cloud:UI設(shè)計(jì)素材云搜索引擎

UI Cloud:UI設(shè)計(jì)素材云搜索引擎是一個(gè)針對(duì)UI設(shè)計(jì)素材搜索的網(wǎng)站，通過(guò)關(guān)鍵字搜索你所需要的素材，并且下載是完全免費(fèi)的，漂亮的網(wǎng)站UI設(shè)計(jì)加上優(yōu)秀的素材下載資源，絕對(duì)是你找素材的好應(yīng)用。

UICloud平臺(tái)收集了來(lái)自世界各地的互聯(lián)網(wǎng)上最好的UI元素設(shè)計(jì)作品，并提供了一個(gè)搜索引擎為你找到所需要的最好的UI素材。

該平臺(tái)的目標(biāo)是要?jiǎng)?chuàng)造最大的平臺(tái)，展示其頂級(jí)的用戶界面設(shè)計(jì)，并為開(kāi)發(fā)人員輕松快速地創(chuàng)建項(xiàng)目，輔助其獲取得到最好的UI素材。目前已收錄超過(guò)22444個(gè)UI作品。 http://ui-cloud.com/

10、Fltdsgn:平板UI設(shè)計(jì)分享網(wǎng)

Fltdsgn:平板UI設(shè)計(jì)分享網(wǎng)是一個(gè)提供平板APP和html5網(wǎng)站模版UI作品展示的網(wǎng)站，幫助設(shè)計(jì)師們尋找靈感，激發(fā)你的創(chuàng)意思維，支持郵箱訂閱最新更新，每天都可以讓你找到創(chuàng)意模版設(shè)計(jì)資源。在該網(wǎng)站你除了可以尋找合適的UI外，還可以提交自己的設(shè)計(jì)作品，該網(wǎng)站收錄的創(chuàng)意作品，除了有截圖還會(huì)發(fā)布作品設(shè)計(jì)來(lái)源，也可以作為宣傳自己團(tuán)隊(duì)的平臺(tái)來(lái)使用。 http://fltdsgn.com/

轉(zhuǎn)站酷——挪威星巴克之旅

都是國(guó)外的UI素材網(wǎng)站，算是比較全的了

ThemeForest    

TemplateMonster    

Sketch App Sources    

JUSOTU

W3Layouts    

Uplabs    

Awwwards    

Speckyboy    

UI8    

BootstrapMade    

1stWebDesigner    

Pixeden    

Free Mockup    

OnePageLove    

XDGuru   

Coroflot    

siteInspire    

Lapa Ninja    

Collect UI    

UI Movement    

CSS Design Awards    

IM Creator    

CSS Winner    

大師助手吧，可以上P，behance,dribbble,等等這些國(guó)內(nèi)外比較高端的設(shè)計(jì)網(wǎng)站，關(guān)鍵是還免費(fèi) 必須推薦“設(shè)匯”

4、如何做出優(yōu)秀的UI界面

一個(gè)好的交互設(shè)計(jì)對(duì)產(chǎn)品的成功起著很關(guān)鍵的作用。UI所做的就是用戶最先接觸到的東西，也是一般性的用戶唯一接觸到的東西。用戶對(duì)于界面視覺(jué)效果和軟件操作方式的易用性的關(guān)心，要遠(yuǎn)遠(yuǎn)大于他對(duì)底層到底用什么樣的代碼去實(shí)現(xiàn)的關(guān)心。如果說(shuō)程序是一個(gè)人的肌肉和骨骼，那么UI設(shè)計(jì)就是人的外貌和品格!都是一個(gè)成功軟件產(chǎn)品必不可少的重要組成部分!對(duì)我而言程序懂得不多所以只是從UI設(shè)計(jì)與軟件產(chǎn)品整體的關(guān)系和如何才能使軟件產(chǎn)品得到最佳的UI設(shè)計(jì)角度來(lái)談?，F(xiàn)在我們的軟件產(chǎn)品存在的一些問(wèn)題有技術(shù)方面的問(wèn)題，但是更多的問(wèn)題來(lái)源于各個(gè)部門、各個(gè)項(xiàng)目小組的之間的配合。我們現(xiàn)有的開(kāi)發(fā)流程一般都是由市場(chǎng)部門提出客戶需求，產(chǎn)品設(shè)計(jì)人員提出產(chǎn)品設(shè)計(jì)報(bào)告，開(kāi)發(fā)部門設(shè)計(jì)開(kāi)發(fā)計(jì)劃，由各個(gè)小組分別開(kāi)發(fā)一個(gè)模塊，最后整合成為一個(gè)完整的軟件產(chǎn)品。在這些流程之間UI設(shè)計(jì)應(yīng)該參與那一個(gè)部分，每一個(gè)部分應(yīng)該做到什么地步才可以使產(chǎn)品得到最好的UI設(shè)計(jì)效果呢?下面我們會(huì)在每一個(gè)部分具體分析。首先分析一下現(xiàn)在的問(wèn)題所在，在一些軟件業(yè)比較發(fā)達(dá)的國(guó)家軟件產(chǎn)品的UI設(shè)計(jì)過(guò)程貫穿了軟件開(kāi)發(fā)的自始至終，而且是必不可少的。而在中國(guó)產(chǎn)品UI設(shè)計(jì)并沒(méi)有被廣泛接受，就算是已經(jīng)有了UI設(shè)計(jì)師的一些企業(yè)也沒(méi)有對(duì)產(chǎn)品的UI有著足夠的重視，一般來(lái)講他們大都會(huì)把重點(diǎn)放在如何使用代碼實(shí)現(xiàn)所需要的功能，在我看來(lái)這只是一個(gè)成功軟件產(chǎn)品的一個(gè)部分。一個(gè)優(yōu)秀軟件產(chǎn)品的開(kāi)發(fā)過(guò)程應(yīng)該是由四個(gè)部分組成: 1.軟件產(chǎn)品的設(shè)計(jì)(業(yè)務(wù)建模) 2.系統(tǒng)的設(shè)計(jì)(技術(shù)建模) 3.分單元的開(kāi)發(fā)(把軟件各個(gè)部分拆分分單元編寫代碼) 4.測(cè)試(分為單元測(cè)試、系統(tǒng)集成測(cè)試和產(chǎn)品功能測(cè)試)，這些是由軟件研發(fā)部門做的工作。 除去以上軟件開(kāi)發(fā)過(guò)程的四個(gè)部分還有用戶需求和用戶驗(yàn)收測(cè)試，這兩個(gè)過(guò)程是由市場(chǎng)部門和產(chǎn)品用戶一起完成。所以說(shuō)用代碼實(shí)現(xiàn)產(chǎn)品功能(coding過(guò)程)只是軟件開(kāi)發(fā)的一個(gè)步驟。現(xiàn)在我們回到UI設(shè)計(jì)的角度來(lái)看，作為UI設(shè)計(jì)人員我們需要全程參與到軟件開(kāi)發(fā)過(guò)程中，而不只是在某一個(gè)步驟參與，現(xiàn)在在大多數(shù)軟件企業(yè)里UI設(shè)計(jì)師只是在產(chǎn)品的coding過(guò)程的時(shí)候才實(shí)質(zhì)性的參與到軟件開(kāi)發(fā)過(guò)程里，而在其它幾個(gè)步驟里只是參加甚至根本沒(méi)有參加(在這里我要強(qiáng)調(diào)“參與”和“參加”是兩個(gè)詞的不同概念，“參與”指的是完全加入到開(kāi)發(fā)行列開(kāi)始進(jìn)入設(shè)計(jì)階段，而“參加”指的只是旁聽(tīng)會(huì)議或者提出一些簡(jiǎn)單的意見(jiàn)并沒(méi)有開(kāi)始進(jìn)入設(shè)計(jì)階段)，這樣就會(huì)大大降低軟件產(chǎn)品的開(kāi)發(fā)效率使開(kāi)發(fā)成本成倍上升甚至導(dǎo)致整個(gè)產(chǎn)品的不成功!這并不是危言聳聽(tīng)，下面我們分析一下在一個(gè)軟件產(chǎn)品的開(kāi)發(fā)過(guò)程中UI設(shè)計(jì)應(yīng)該怎么做、做到什么地步才能避免上邊提到的那些問(wèn)題?下面我會(huì)根據(jù)軟件開(kāi)發(fā)的過(guò)程解釋上邊的問(wèn)題，剛才我提過(guò)軟件開(kāi)發(fā)過(guò)程的幾個(gè)步驟: 1.產(chǎn)品建模 2.技術(shù)建模 3.分模塊開(kāi)發(fā) 4.測(cè)試，那么我們也分為這四個(gè)部分進(jìn)行討論: 一.產(chǎn)品建模時(shí)期:我們首先來(lái)了解一下“輸入”和“輸出”，在UI設(shè)計(jì)里是很重要的兩個(gè)概念，經(jīng)常會(huì)有人過(guò)來(lái)對(duì)我說(shuō)“我們有一個(gè)軟件產(chǎn)品需要美化一下”然后再也沒(méi)有什么深入的解釋了，僅僅這句話我的工作就要開(kāi)始了，然而這個(gè)軟件是給誰(shuí)用的?是干什么的?我們卻一無(wú)所知!成功的UI設(shè)計(jì)首先要有完整的“輸入”，怎么才能叫做完整的“輸入”呢?也就需要UI設(shè)計(jì)師從整個(gè)軟件產(chǎn)品的策劃階段就開(kāi)始介入，在產(chǎn)品用戶(也就是客戶)向市場(chǎng)部門或者產(chǎn)品部門提出產(chǎn)品需求的時(shí)候就要開(kāi)始參與到產(chǎn)品策劃開(kāi)發(fā)過(guò)程中來(lái)，這一部分對(duì)于UI設(shè)計(jì)師而言就是第一個(gè)輸入階段，并且在這個(gè)階段里UI設(shè)計(jì)師也需要提出一些對(duì)產(chǎn)品交互設(shè)計(jì)的意見(jiàn)，以便產(chǎn)品部門在做產(chǎn)品設(shè)計(jì)的時(shí)候更多的考慮到產(chǎn)品的交互性和功能的簡(jiǎn)單表現(xiàn)原則，有很多軟件在設(shè)計(jì)階段就被加入了許多并不是用的附加功能，其實(shí)一個(gè)好的軟件設(shè)計(jì)就是要用最簡(jiǎn)單的結(jié)構(gòu)實(shí)現(xiàn)用戶的想法，一些可有可無(wú)的功能看上去很花哨往往會(huì)影響用戶的判斷能力，這些就是產(chǎn)品優(yōu)化的一些概念了。在此我需要簡(jiǎn)單的提一下如果想要深入研究可以看一些有關(guān)于產(chǎn)品優(yōu)化的書(shū)籍甚至是心理學(xué)的書(shū)籍，有很多人認(rèn)為軟件的優(yōu)化就是代碼的優(yōu)化(用最少的代碼實(shí)現(xiàn)產(chǎn)品功能)，在我看來(lái)這只是程序的優(yōu)化是針對(duì)程序員而言的而不是整個(gè)軟件產(chǎn)品的優(yōu)化，產(chǎn)品優(yōu)化包含了交互設(shè)計(jì)在現(xiàn)在的多數(shù)軟件企業(yè)沒(méi)有專門做這一部分的交互設(shè)計(jì)師所以往往這一部分被忽略，我認(rèn)為這一部分應(yīng)該又UI設(shè)計(jì)師承擔(dān)起來(lái)，從文章的開(kāi)頭我就說(shuō)過(guò)UI設(shè)計(jì)不只是圖形界面的設(shè)計(jì)，就算是有企業(yè)里邊有這樣的優(yōu)化人員或者交互設(shè)計(jì)師他們也要和UI設(shè)計(jì)師一起配合完成產(chǎn)品交互設(shè)計(jì)，作為UI設(shè)計(jì)師產(chǎn)品的交互性和易用性是在做設(shè)計(jì)的時(shí)候必須考慮的!言歸正傳，產(chǎn)品設(shè)計(jì)人員經(jīng)常不會(huì)過(guò)多考慮簡(jiǎn)單易用原理也就是產(chǎn)品出來(lái)用什么樣的組合形式體現(xiàn)給用戶，這也是UI設(shè)計(jì)師考慮最多的事情，所以UI設(shè)計(jì)師一定要在產(chǎn)品建模期間參與設(shè)計(jì)，給產(chǎn)品設(shè)計(jì)師一些意見(jiàn)。作為一名優(yōu)秀的UI設(shè)計(jì)師我們還要在了解了產(chǎn)品的需求之后更深入了解這個(gè)產(chǎn)品的使用環(huán)境和用戶群體的使用習(xí)慣。我們還需要了解市場(chǎng)上的同類軟件產(chǎn)品的設(shè)計(jì)方案，研究他們的優(yōu)缺點(diǎn)，以便在我們?cè)O(shè)計(jì)的時(shí)候吸取它們的長(zhǎng)處避免它們的錯(cuò)誤。在產(chǎn)品建模之后一般的都會(huì)由產(chǎn)品設(shè)計(jì)人員給客戶做一次功能設(shè)計(jì)講解，往往這樣的講解只是文字性質(zhì)的需要讓客戶想象著理解，這就會(huì)造成很大的隱患有的客戶根本無(wú)法理解你的講解甚至對(duì)這樣的講解根本不認(rèn)真聽(tīng)，因?yàn)樗麄兏静欢?，在討論過(guò)程中他們經(jīng)常會(huì)同意產(chǎn)品設(shè)計(jì)人員的一切設(shè)計(jì)想法但是產(chǎn)品測(cè)試的時(shí)候他們又會(huì)提出種種不滿意，我想這是一般的軟件公司都會(huì)遇到的也是最最頭疼的事情，但這并不能怪客戶我說(shuō)過(guò)客戶只會(huì)關(guān)心視覺(jué)效果和軟件的操作而并不會(huì)去關(guān)心我們是怎么實(shí)現(xiàn)這一切的。這種情況帶來(lái)的直接后果就是產(chǎn)品的反復(fù)修改開(kāi)發(fā)成本成倍上升，怎么避免呢?這就要靠UI設(shè)計(jì)師了，俗話說(shuō)“眼見(jiàn)為實(shí)，耳聽(tīng)為虛”，所以需要UI設(shè)計(jì)師做出一個(gè)產(chǎn)品整體效果的demo。這個(gè)demo用圖片的形式表現(xiàn)就可以，我們只需要將要體現(xiàn)的產(chǎn)品界面做一個(gè)拼湊就可以了，因?yàn)檫@并不是產(chǎn)品的最后樣子，只是協(xié)助產(chǎn)品設(shè)計(jì)人員給客戶講解產(chǎn)品設(shè)計(jì)。產(chǎn)品建模時(shí)期UI設(shè)計(jì)師要了解客戶的要求想法和產(chǎn)品設(shè)計(jì)人員對(duì)產(chǎn)品功能的要求深入了解產(chǎn)品，采集用戶的使用需求、使用環(huán)境和使用習(xí)慣，了解市場(chǎng)同類產(chǎn)品的設(shè)計(jì)分析它們的優(yōu)缺點(diǎn)。協(xié)助產(chǎn)品設(shè)計(jì)人員完成產(chǎn)品建模過(guò)程并制作產(chǎn)品展示demo模擬用戶對(duì)主要功能的操作過(guò)程和界面呈現(xiàn)，生成交互原型(基本上產(chǎn)品的交互性和易用性問(wèn)題都需要在產(chǎn)品建模的時(shí)期解決)。如果時(shí)間允許我們甚至可以提出一份“UI設(shè)計(jì)分析報(bào)告”，這份報(bào)告可以附在產(chǎn)品設(shè)計(jì)說(shuō)明后，更有效的幫助客戶了解我們的產(chǎn)品設(shè)計(jì)并且?guī)椭_(kāi)發(fā)人員更好的遵循UI的整體要求來(lái)完成開(kāi)發(fā)工作。這個(gè)時(shí)期的關(guān)鍵是“交互設(shè)計(jì)”。 二.技術(shù)建模時(shí)期:在這個(gè)時(shí)期作為UI設(shè)計(jì)師我們已經(jīng)了解了軟件產(chǎn)品的功能需求并且拿到了一份產(chǎn)品設(shè)計(jì)人員的產(chǎn)品設(shè)計(jì)說(shuō)明，可以進(jìn)入界面樣式的設(shè)計(jì)過(guò)程了。這個(gè)時(shí)候我們應(yīng)該考慮更多的應(yīng)該是產(chǎn)品的整體風(fēng)格和界面的設(shè)計(jì)，通常我們也會(huì)做出幾份方案給客戶選擇。有些客戶會(huì)要求產(chǎn)品遵循一個(gè)整體的VI設(shè)計(jì)標(biāo)準(zhǔn)，那么我們就需要按照一個(gè)整體的已定的風(fēng)格去設(shè)計(jì)軟件的界面，要與客戶公司的企業(yè)形象吻合。在這個(gè)時(shí)期軟件的UI設(shè)計(jì)進(jìn)入到了美術(shù)設(shè)計(jì)階段，我們需要制定整個(gè)軟件的風(fēng)格，塑造軟件的整體形象，并且具體的描述每一個(gè)界面中的元素和布局、文字字體等信息。在這個(gè)階段我也不應(yīng)過(guò)多的說(shuō)什么，主要是每個(gè)UI設(shè)計(jì)師各自發(fā)揮你們的藝術(shù)專長(zhǎng)用最簡(jiǎn)潔、最漂亮的界面表現(xiàn)軟件產(chǎn)品。需要注意的就是在我們?cè)O(shè)計(jì)整體風(fēng)格的時(shí)候一定要深入了解這個(gè)產(chǎn)品的理念，看看它是干什么用的。不同的產(chǎn)品要有不同的風(fēng)格，這里邊有很多的細(xì)節(jié)注意，不同的產(chǎn)品、同類的產(chǎn)品不同的內(nèi)容、不同的傳播介質(zhì)，這些都會(huì)決定UI設(shè)計(jì)的風(fēng)格。 1.不同的產(chǎn)品:比如一個(gè)游戲產(chǎn)品就需要將界面做的花哨一些或者用大的圖片充斥;如果要是一個(gè)應(yīng)用軟件就需要突出使用方便和強(qiáng)大的功能設(shè)計(jì)要簡(jiǎn)潔。 2.同類不同的內(nèi)容:比如一個(gè)可愛(ài)的游戲產(chǎn)品(像是卡通類游戲)就需要將界面做的活潑生動(dòng)可愛(ài)一點(diǎn);如果是一個(gè)角色扮演的戰(zhàn)斗類游戲(像是槍戰(zhàn)闖關(guān)類游戲)就要做的酷一點(diǎn)深沉一些。 3.不同的傳播介質(zhì):我們要做的軟件產(chǎn)品有的需要在網(wǎng)絡(luò)上傳播那么就需要我們考慮到網(wǎng)絡(luò)速度的問(wèn)題;有的就是利用光盤當(dāng)作介質(zhì)那么這樣的軟件就可以做一些比較花哨的效果。所以說(shuō)不同的產(chǎn)品還需要單獨(dú)考慮，這也需要UI設(shè)計(jì)師多多了解產(chǎn)品，保持與客戶交流。還需要重點(diǎn)注意的就是我們?cè)谧鰣D形化設(shè)計(jì)的過(guò)程中千萬(wàn)要貫徹在前一個(gè)階段做好的交互設(shè)計(jì)，始終注意產(chǎn)品的交互性和易用性。在設(shè)計(jì)過(guò)程中我們一定要做出每種結(jié)構(gòu)每一個(gè)步驟的效果圖，不能只提供圖標(biāo)、按鈕、背景圖等圖片，這樣的話程序員根本不知道往那放這些東西，在這個(gè)時(shí)期我們就要最終確定軟件界面的呈現(xiàn)形式。技術(shù)建模一般是由高級(jí)程序員完成的，他們會(huì)將整個(gè)軟件開(kāi)發(fā)分為一個(gè)一個(gè)功能模塊，分配給一個(gè)一個(gè)的開(kāi)發(fā)小組。但是這些負(fù)責(zé)技術(shù)建模的高級(jí)程序員考慮更多的往往是如何將整個(gè)設(shè)計(jì)用代碼實(shí)現(xiàn)、怎么才能更有效的復(fù)用以前已有的模塊等等，而不是軟件是什么模樣會(huì)有什么樣的風(fēng)格，所以作為UI設(shè)計(jì)師我們必須主動(dòng)出擊，多多和他們交流以保證我們的想法能夠完整的實(shí)現(xiàn)，如果有技術(shù)實(shí)現(xiàn)的問(wèn)題我們還要及時(shí)做出修改。有時(shí)候我們還需要根據(jù)客戶或者產(chǎn)品的特定需求做一些延伸性的設(shè)計(jì)(也叫UI產(chǎn)品設(shè)計(jì)的外延)，包括:軟件的安裝導(dǎo)航界面、產(chǎn)品的演示宣傳動(dòng)畫(huà)、一些附帶的桌面壁紙或者屏幕保護(hù)、代表軟件的卡通小精靈、有時(shí)還會(huì)被要求設(shè)計(jì)軟件的logo和廣告banner等等。技術(shù)建模時(shí)期的關(guān)鍵是“風(fēng)格和界面設(shè)計(jì)”。 三.分模塊開(kāi)發(fā)時(shí)期:這個(gè)時(shí)期軟件開(kāi)發(fā)過(guò)程進(jìn)入實(shí)現(xiàn)階段，也是需要人力最多的時(shí)期，這樣就會(huì)分散UI設(shè)計(jì)師的精力。軟件會(huì)被切分為若干個(gè)小的模塊進(jìn)行代碼編寫，最后整合成一個(gè)完整的軟件產(chǎn)品。對(duì)于一個(gè)程序員來(lái)講他們大多根本不會(huì)考慮到產(chǎn)品應(yīng)該是什么樣子應(yīng)該有什么整體風(fēng)格，他們所考慮的只是如何用代碼實(shí)現(xiàn)設(shè)計(jì)的要求，而且在現(xiàn)在的軟件企業(yè)多都實(shí)現(xiàn)了模塊的復(fù)用，這樣會(huì)大大節(jié)約人力成本，那么程序員只是對(duì)原有模板進(jìn)行修改使之適應(yīng)新的軟件產(chǎn)品，這樣就會(huì)對(duì)UI設(shè)計(jì)的最終貫徹和實(shí)現(xiàn)帶來(lái)很大的麻煩。做出的每一個(gè)模塊雖然已經(jīng)能夠使用但是都是“各自為政”沒(méi)有統(tǒng)一，因此我們也需要主動(dòng)的協(xié)助和監(jiān)督程序員完整的實(shí)現(xiàn)UI設(shè)計(jì)的要求，如果有技術(shù)無(wú)法實(shí)現(xiàn)的問(wèn)題需要及時(shí)溝通改正設(shè)計(jì)方案。有的時(shí)候有些模塊需要有單獨(dú)的風(fēng)格，比如一些已有的軟件產(chǎn)品需要集合到某一個(gè)新的產(chǎn)品中去，這樣就會(huì)加大了設(shè)計(jì)師的設(shè)計(jì)難度，我們必須要在保證產(chǎn)品整體風(fēng)格不變的情況下將原有產(chǎn)品的設(shè)計(jì)風(fēng)格集合進(jìn)去，使之更加適合新的產(chǎn)品表現(xiàn)形式。如果我們?nèi)耘f保持原有產(chǎn)品的風(fēng)格那么當(dāng)各個(gè)模塊集合起來(lái)之后往往會(huì)使新的產(chǎn)品感覺(jué)很松散，進(jìn)入每一個(gè)功能都會(huì)覺(jué)得是另外一個(gè)軟件，使人對(duì)軟件的印象不深刻。在這個(gè)階段我們還是要主動(dòng)一些，跟進(jìn)各個(gè)模塊界面的實(shí)現(xiàn)?，F(xiàn)在很多軟件企業(yè)都存在很多UI設(shè)計(jì)師和程序員的協(xié)作問(wèn)題，不是程序員做不到UI設(shè)計(jì)的要求，就是UI設(shè)計(jì)師堅(jiān)持一些自己的想法不能改動(dòng)，還有的時(shí)候經(jīng)常會(huì)有人過(guò)來(lái)沒(méi)頭沒(méi)尾的說(shuō)幫我做點(diǎn)東西吧!當(dāng)軟件集成到一起再一看，就是很多不同風(fēng)格的東西堆砌到一起，從頭到尾都不舒服，領(lǐng)導(dǎo)或者客戶看了以后極度不滿狂批一陣，最后得出結(jié)果UI設(shè)計(jì)做的不到位。 有人說(shuō)UI設(shè)計(jì)師就要背著軟件不成功的黑鍋，因?yàn)槿藗兏究床灰?jiàn)代碼怎么寫的，功能是怎么實(shí)現(xiàn)的，他們只知道對(duì)軟件的樣子和使用進(jìn)行。讓一個(gè)用戶一個(gè)軟件他們只會(huì)說(shuō)這個(gè)軟件好用看上去也不錯(cuò)挺漂亮的，但是做為一個(gè)普通用戶決不會(huì)有人說(shuō)這個(gè)軟件程序?qū)懙牟诲e(cuò)。這么一看我們會(huì)聯(lián)想到現(xiàn)在軟件開(kāi)發(fā)之中主要的沖突在UI設(shè)計(jì)師和程序員之間，其實(shí)這只是表面的表現(xiàn)形式。實(shí)質(zhì)上這個(gè)現(xiàn)象體現(xiàn)了現(xiàn)在軟件企業(yè)的一個(gè)通病就是這個(gè)開(kāi)發(fā)組之間的協(xié)作關(guān)系混亂，程序員和UI設(shè)計(jì)師之間是平級(jí)協(xié)作關(guān)系，程序員是不會(huì)對(duì)產(chǎn)品負(fù)責(zé)的，這樣看來(lái)UI設(shè)計(jì)師只應(yīng)該聽(tīng)項(xiàng)目經(jīng)理的，無(wú)論對(duì)設(shè)計(jì)做什么樣的改動(dòng)或者增添什么樣的東西，都應(yīng)該由開(kāi)發(fā)項(xiàng)目經(jīng)理和產(chǎn)品經(jīng)理協(xié)商之后決定，只有他們可以對(duì)最終的產(chǎn)品負(fù)責(zé)。這樣也可以避免很多程序員和UI設(shè)計(jì)師之間的爭(zhēng)執(zhí)和矛盾。但是現(xiàn)在大多說(shuō)軟件企業(yè)的產(chǎn)品經(jīng)理和開(kāi)發(fā)項(xiàng)目經(jīng)理沒(méi)有做到這一點(diǎn)，他們也根本不了解UI設(shè)計(jì)師和程序員的工作，也無(wú)法把握他們的工作量，這樣無(wú)序的管理會(huì)造成很麻煩的后果。其實(shí)可以建立一些合理的流程管理制度，就算企業(yè)沒(méi)有作為UI設(shè)計(jì)師也可以自己起草一份適合自己和企業(yè)的“UI設(shè)計(jì)需求申請(qǐng)單”，里邊應(yīng)該列出我們需要的“輸入”內(nèi)容、工作時(shí)間、最終的“輸出”結(jié)果等等欄目(可以自己根據(jù)要求靈活決定)。這樣形成一個(gè)有參與人、有依據(jù)、有存底的工作流程，出現(xiàn)問(wèn)題或者爭(zhēng)執(zhí)的時(shí)候我們有據(jù)可依，這只是一個(gè)習(xí)慣性的東西因不同的企業(yè)而議不一定都要建立需求單。在分模塊開(kāi)發(fā)時(shí)期UI設(shè)計(jì)師應(yīng)該做的是，在模塊開(kāi)發(fā)的前期做出產(chǎn)品每個(gè)模塊的效果demo(可以用圖片的形式表現(xiàn))要求程序員按照demo的樣式進(jìn)行模塊開(kāi)發(fā)，協(xié)助和監(jiān)督程序員嚴(yán)格按照UI設(shè)計(jì)要求生成最終產(chǎn)品，把握各個(gè)模塊的統(tǒng)一，經(jīng)常了解程序員的工作進(jìn)展及時(shí)對(duì)不合理或者難以實(shí)現(xiàn)的設(shè)計(jì)進(jìn)行討論設(shè)計(jì)出新的方案。分模塊開(kāi)發(fā)時(shí)期的關(guān)鍵是“協(xié)助和監(jiān)督程序員生成最終產(chǎn)品”。 四.測(cè)試時(shí)期的輸入和輸出: 軟件產(chǎn)品的測(cè)試會(huì)分為三個(gè)測(cè)試階段，第一個(gè)是分模塊開(kāi)發(fā)完成之后每一個(gè)模塊進(jìn)行的單元測(cè)試;第二個(gè)是將各個(gè)單元集成為一個(gè)整體的產(chǎn)品進(jìn)行集成測(cè)試;第三個(gè)就是整個(gè)產(chǎn)品在交付使用前進(jìn)行的整體測(cè)試。在測(cè)試過(guò)程中UI設(shè)計(jì)師的任務(wù)相對(duì)會(huì)輕松一些，我們只需要跟著測(cè)試人員走幾遍流程，如果在其中發(fā)現(xiàn)沒(méi)有按照UI設(shè)計(jì)要求的部分及時(shí)要求改正就好了。 我們還會(huì)經(jīng)常遇到客戶在測(cè)試過(guò)程中突然覺(jué)得那里不合適需要修改，這也是最最頭疼的事情了，有的時(shí)候他們說(shuō)的并不一定對(duì)，只要我們?cè)O(shè)計(jì)的每一個(gè)步驟都有一定的道理能夠說(shuō)服他們就一切ok了。如果他們執(zhí)意要修改設(shè)計(jì)方案，那么我們沒(méi)辦法只能按照客戶需求修改。但是如果前邊按照本文的流程走下來(lái)我想這樣的可能性不大就算是修改也不會(huì)是大動(dòng)干戈。在修改過(guò)程中我們還是需要先做出效果圖，讓客戶確定再具體實(shí)施，這樣也會(huì)避免很多麻煩的。測(cè)試時(shí)期的關(guān)鍵是“檢查整個(gè)產(chǎn)品發(fā)現(xiàn)問(wèn)題及時(shí)改正”。如今軟件的越來(lái)越多的考慮到人的因素，“以人為本”的設(shè)計(jì)理念貫穿了整個(gè)軟件產(chǎn)品開(kāi)發(fā)的始終，因此軟件產(chǎn)品的UI設(shè)計(jì)過(guò)程最重要的兩個(gè)部分就是行為和構(gòu)造，也就是交互設(shè)計(jì)和界面設(shè)計(jì)。上面我們按照軟件開(kāi)發(fā)的四個(gè)階段，逐個(gè)的分析了每個(gè)時(shí)期UI設(shè)計(jì)的任務(wù)。由此我們可以看出UI設(shè)計(jì)并不完全是一個(gè)美術(shù)設(shè)計(jì)的過(guò)程，還有很重要的一個(gè)部分就是交互性和易用性的設(shè)計(jì)。我們要時(shí)刻把自己放在軟件的用戶角度來(lái)考慮，設(shè)計(jì)出最簡(jiǎn)單易用，界面友好的軟件產(chǎn)品。 善于使用繼承，讓美工團(tuán)隊(duì)去設(shè)計(jì)窗體的界面，程序團(tuán)隊(duì)只去實(shí)現(xiàn)窗體功能。來(lái)源:網(wǎng)絡(luò)更多

今天簡(jiǎn)單介紹兩個(gè)方法，可以供大家參考，也可以找一些UI設(shè)計(jì)資料，大綱如下：

1.品牌基因法

2.“抄”現(xiàn)實(shí)

3.多管齊下

1.品牌基因法

這個(gè)就不多說(shuō)了，寫過(guò)很多篇了，沒(méi)看過(guò)的可以去看下：

《品牌基因法做圖標(biāo)——實(shí)戰(zhàn)篇》

2.“抄” 現(xiàn)實(shí)

所有的圖形其實(shí)都是對(duì)現(xiàn)實(shí)物體的提煉與再加工，所以如果我們能夠很好的“抄”現(xiàn)實(shí)，那必將是一個(gè)很棒的設(shè)計(jì)技能。怎么樣“抄”現(xiàn)實(shí)呢？舉個(gè)例子，現(xiàn)在來(lái)畫(huà)一個(gè)啤酒的易拉罐。首先我們要去找到一個(gè)真實(shí)的易拉罐如下圖：

UI設(shè)計(jì)

接下來(lái)開(kāi)始“抄襲”它的造型，大家要善于提煉與概括一些形狀，例如看到這個(gè)這個(gè)易拉罐我們就能知道，它大體是由兩個(gè)矩形兩個(gè)梯形組成的：

UI設(shè)計(jì)

很多人說(shuō)自己造型能力不行，那我們就多用規(guī)則的圖形去拼湊，還有現(xiàn)實(shí)的物體給你參考，你還有啥不行的，再不行，抽你信不信？有了大體框架，慢慢加一些細(xì)節(jié)，最后得到下面的線稿：

UI設(shè)計(jì)

線稿畫(huà)好之后，就加個(gè)顏色唄：

UI設(shè)計(jì)

為了增加質(zhì)感，咱再加點(diǎn)高光、投影：

UI設(shè)計(jì)

這樣一個(gè)原創(chuàng)的“抄”現(xiàn)實(shí)作品不就出來(lái)了！我們?cè)賮?lái)個(gè)例子，還是畫(huà)一個(gè)酒瓶，如下圖：

UI設(shè)計(jì)

首先還是先畫(huà)造型，注意，有曲線的地方如果實(shí)在不會(huì)用布爾運(yùn)算，就上鋼筆吧，但一定要過(guò)度平滑，不然看著就會(huì)不精致。得到線稿如下：

UI設(shè)計(jì)

接著上顏色，加高光、陰影：

UI設(shè)計(jì)

“抄”現(xiàn)實(shí)是設(shè)計(jì)師必備的技能，非常鍛煉我們對(duì)事物的概括能力，掌握了這招，你就是最棒的！

怎么練呢？

像我這樣，一段時(shí)間給自己一個(gè)主題，比如“酒瓶”，那我這一段時(shí)間就畫(huà)各類酒瓶，畫(huà)到自己滿意為止！菜寶寶最近在畫(huà)的主題是各地建筑，如下圖：

UI設(shè)計(jì)

UI設(shè)計(jì)

最開(kāi)始不要害怕和別人的風(fēng)格太像，這都正常，每一個(gè)獨(dú)特的風(fēng)格都是在大量練習(xí)與思考之后才能形成的，前期只要內(nèi)容不同就ok，不要在乎有別人的影子，所以：去練吧，寶貝兒！

3.多管齊下

雖然“抄”現(xiàn)實(shí)是一個(gè)很好的原創(chuàng)技法，但還是會(huì)有很多同學(xué)會(huì)去直接借鑒別人的作品，為啥呢？來(lái)的快??！如果你非要借鑒別人的作品，也沒(méi)關(guān)系，我忍你，但這里必須要告訴你一個(gè)提高原創(chuàng)度的方法，就是多找?guī)讉€(gè)參考，每個(gè)參考提取一點(diǎn)可借鑒的地方，比如我們畫(huà)一杯扎啤，這里找到兩個(gè)可以借鑒的參考（大家可以找更多）：

UI設(shè)計(jì)

大體的輪廓可以參考左圖，但顏色和細(xì)節(jié)參考第二個(gè)，最后得到自己的原創(chuàng)作品：

UI設(shè)計(jì)

如果你只盯著一個(gè)作品來(lái)借鑒，做著做著基本就一樣了，然后就沒(méi)有然后了，所以多找參考，取每個(gè)參考的精華之處，最后融合成自己的作品，這也是原創(chuàng)的另一個(gè)途徑。

總結(jié)

方法與思路雖然有很多，但還是推薦第一種和第二種，盡量讓設(shè)計(jì)的靈感、造型、顏色取自現(xiàn)實(shí)生活或品牌，這是提高原創(chuàng)度非?？扇〉姆椒?。與大家共勉，加油！科科。

AE模板-180組HUD UI界面高科技科幻屏幕動(dòng)畫(huà)元素影視后期設(shè)計(jì)素材.zip免費(fèi)在線觀看    

鏈接: https://pan.baidu.com/s/1mdKl7XPcBowbOM-ju6I35A?pwd=x7ea 提取碼: x7ea

用戶界面(User Interface)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡(jiǎn)單、自由、充分體現(xiàn)軟件的定位和特點(diǎn)。

可以自學(xué)，每個(gè)人情況不同，建議通過(guò)以下幾種方式：
1、學(xué)習(xí)軟件知識(shí)
包括掌握Photoshop、Axure、Illustrator、sketch、藍(lán)湖等常用軟件。另外，制作原型，界面，圖標(biāo)制作，素材制作，切圖等等相關(guān)步驟的軟件都需學(xué)會(huì)。
軟件是是設(shè)計(jì)師的基礎(chǔ)，新手剛?cè)腴T可以先從這點(diǎn)入手。嫻熟的技法，是完美展現(xiàn)設(shè)計(jì)作品的必備條件，要熟練掌握好。
2、臨摹作品
對(duì)于剛?cè)腴T的UI設(shè)計(jì)師來(lái)說(shuō)只要去圖庫(kù)網(wǎng)站找一些素材，借助工具進(jìn)行修飾即可，其實(shí)這只能鍛煉你的借鑒能力，當(dāng)你的技法嫻熟到一定程度，就可以嘗試臨摹。通過(guò)臨摹，一則用來(lái)強(qiáng)化技法層面的能力，二來(lái)也能提升初學(xué)者的創(chuàng)新能力。
臨摹的內(nèi)容，可以有兩方面選擇：一種是系統(tǒng)自帶的圖標(biāo)，另一種則是行業(yè)牛人的設(shè)計(jì)作品，捉摸他們的設(shè)計(jì)風(fēng)格、思想和細(xì)節(jié)，都能加深對(duì)設(shè)計(jì)的認(rèn)識(shí)
3、掌握平面設(shè)計(jì)理論知識(shí)
包括要掌握構(gòu)圖、排版、色彩和圖形的基礎(chǔ)理論知識(shí)。學(xué)習(xí)的途徑毋庸置疑我們首選從書(shū)本獲得！
4、鍛煉手繪能力。
成為一個(gè)優(yōu)秀的UI設(shè)計(jì)師需要一定的手繪能力，為什么？首先，在紙上的動(dòng)手能力比在軟件上完成較快速，效率有一定提升。
另一方面，通過(guò)手繪，能突出自己創(chuàng)作的與眾不同，甚至能夠從“亂涂亂畫(huà)”中得到靈感。沒(méi)有美術(shù)基礎(chǔ)的小伙伴也不要太擔(dān)心，這些后天可以勤加練習(xí)彌補(bǔ)的。 他山跨平臺(tái)混合應(yīng)用開(kāi)發(fā)框架(OHUI),是使用Gecko(v1.9~v52)嵌入，實(shí)現(xiàn)跨平臺(tái)混合應(yīng)用的開(kāi)發(fā)。
支持xp/2000/win7,8,9,10+
x32/x64，Linux，Android 系統(tǒng)，支持xul, html(5), css(3),
js，c/c++混合編程開(kāi)發(fā)界面。OHUI擴(kuò)展版支持web透明渲染，可以將dom任意節(jié)點(diǎn)以任意透明度繪制到窗口上，支持打印及打印預(yù)覽，支持html,css,js開(kāi)發(fā)右鍵菜單，并在屏幕任意位置彈出顯示。OHUI
v22.0發(fā)行包大小13MB（Linux下21MB）.V45 for Android 23MB.

5、UI設(shè)計(jì)師必備的素材網(wǎng)站有哪些

推薦的都是國(guó)內(nèi)站

1.sketch素材插件網(wǎng)

sketch.im-sketch.cm

日常更新sketch的ui 網(wǎng)頁(yè) 圖標(biāo) 樣機(jī)等素材和sketch漢化插件，素材質(zhì)量都非常高，覆蓋面很廣

2.xd素材插件網(wǎng)

xd資源網(wǎng)-www.xdccpro.com

和sketch.im同樣性質(zhì)的xd素材資源網(wǎng)，但是xd剛出不久，資源相對(duì)少些

3.UI設(shè)計(jì)全素材資源庫(kù)

US網(wǎng)-www.uiforus.com

是國(guó)內(nèi)免費(fèi)的高質(zhì)量ui素材網(wǎng)，有ps sketch xd ai的ui全素材，質(zhì)量等同http://sketch.im的質(zhì)量，不僅有素材資源，也有各種插件和設(shè)計(jì)工具，分類全更新快，雖然種類多，但網(wǎng)站結(jié)構(gòu)清晰，有這個(gè)網(wǎng)幾乎可以摒棄其他小的ui素材網(wǎng)

4.ui素材+h5

愛(ài)果果-www.iguoguo.net

ui全素材但是質(zhì)量不一，好在有h5分享，有h5需求的不要錯(cuò)過(guò)

5.設(shè)計(jì)全素材網(wǎng)站

美工云-www.meigongyun.com

包括有ui，平面等各種素材，更新快但高質(zhì)量的需要收費(fèi) User Interface
你是做網(wǎng)站的UI,還是軟件的UI,還是手機(jī)的UI,或者是游戲的UI,再或者的硬件的UI?
我現(xiàn)在的職業(yè)就是和手機(jī)UI相關(guān)的工作，以前做過(guò)網(wǎng)站的美工
如果你是程序員,那建議你學(xué)好JAVA C++等語(yǔ)言
如果你是美工,最好學(xué)會(huì)使用PHOTOSHOP、CorelDraw、Illustrator、3DMAX、FLASH等圖形繪畫(huà)矢量軟件，當(dāng)然還要會(huì)點(diǎn)象素！
還有就是平時(shí)多練習(xí)自己的繪畫(huà)技術(shù)，有時(shí)間再看一些人機(jī)交互相關(guān)書(shū)籍，
UI的目標(biāo)就是簡(jiǎn)潔，美觀，大方，讓人一目了然能找到自己想找的圖標(biāo)和內(nèi)容！
圖標(biāo)要有寓意性，色彩搭配合理！ 大師助手吧，可以上P，behance,dribbble,等等這些國(guó)內(nèi)外比較高端的設(shè)計(jì)網(wǎng)站，關(guān)鍵是還免費(fèi) 一般用花瓣、pintrest，優(yōu)質(zhì)素材喜歡保存在藍(lán)湖，便于查找。 你可以試試大師助手，有很多ui素材

轉(zhuǎn)載請(qǐng)帶上網(wǎng)址：http://m.svinexta.cn/posjifour/252992.html