樂富pos機ui界面設(shè)計素材

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

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

Dribbblehttps://dribbble.com/

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

Despirationhttps://www.designspiration.net/

Despiration的靈感素材非常豐富，并且有一個最大的優(yōu)點：可以用顏色進行精準的圖片檢索，最多可以打上5個色彩標簽。對于色彩搭配無能星人來說非常友好。

Logopondhttps://logopond.com/

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

uiiiuiiihttps://uiiiuiii.com/inspiration

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

Collectuihttps://www.collectui.com/

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

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

ThemeForest

TemplateMonster

Sketch App Sources

W3Layouts

Uplabs

Speckyboy

JUSOTU

UI8

BootstrapMade

1stWebDesigner

以后有新的再補充。

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

站酷

昵圖

千圖

我圖

素材中國

花瓣

懶人圖庫

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

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

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

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

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

生活中的搜索工具

在日常生活中我們常常會跟各式各樣的“搜索工具”打交道。比如下面這個場景尤為常見，當你身處一個圖書館，想找某一本你很需要的書時，你會怎么辦？



這個時候通常會通過以下兩種途徑來解決問題：

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



某超市貨架

為什么需要搜索工具

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

如何幫助人們在面對大量選擇對象時提升決策效率，這就成為了篩選設(shè)計的抓手也就是我們所說的設(shè)計機會點。

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

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

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

直列式搜索工具

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



Google



百度

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



Google Play 報亭

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

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



抽屜式搜索工具

CNN新聞采取的是抽屜/折疊式搜索工具，通過一個handle來提示篩選器的入口，用戶通過點擊可以將被折疊/收起的搜索工具浮層展示出來。



CNN NEWS

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

列表式搜索工具

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6、FluiDui:智能手機UI設(shè)計測試平臺

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

7、LovelyUI:可愛的UI手機界面設(shè)計庫

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

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

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

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

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

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

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

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

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

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

都是國外的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,等等這些國內(nèi)外比較高端的設(shè)計網(wǎng)站，關(guān)鍵是還免費 必須推薦“設(shè)匯”

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

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

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

1.品牌基因法

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

3.多管齊下

1.品牌基因法

這個就不多說了，寫過很多篇了，沒看過的可以去看下：

《品牌基因法做圖標——實戰(zhàn)篇》

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

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

UI設(shè)計

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

UI設(shè)計

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

UI設(shè)計

線稿畫好之后，就加個顏色唄：

UI設(shè)計

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

UI設(shè)計

這樣一個原創(chuàng)的“抄”現(xiàn)實作品不就出來了！我們再來個例子，還是畫一個酒瓶，如下圖：

UI設(shè)計

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

UI設(shè)計

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

UI設(shè)計

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

怎么練呢？

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

UI設(shè)計

UI設(shè)計

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

3.多管齊下

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

UI設(shè)計

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

UI設(shè)計

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

總結(jié)

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

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

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

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

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

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

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

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

sketch.im-sketch.cm

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

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

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

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

3.UI設(shè)計全素材資源庫

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

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

4.ui素材+h5

愛果果-www.iguoguo.net

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

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

美工云-www.meigongyun.com

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

轉(zhuǎn)載請帶上網(wǎng)址：http://www.ting2000.com/posjifour/252992.html