• 網(wǎng)頁ui，自學(xué)設(shè)計(jì)有哪些好用的網(wǎng)站？
• ui設(shè)計(jì)教程從零開始學(xué)會(huì)？
• UI是什么？
• 有什么推薦的學(xué)習(xí)路線？
• 請問UIUXUE的區(qū)別是什么？

網(wǎng)頁ui，自學(xué)設(shè)計(jì)有哪些好用的網(wǎng)站？

感謝邀請，下面是我覺得設(shè)計(jì)師需要用到的網(wǎng)站

1.設(shè)計(jì)師找靈感的網(wǎng)站：

http://www.zcool.com.cn

站酷網(wǎng)，國內(nèi)設(shè)計(jì)師都必須知道的設(shè)計(jì)師圈子

http://huaban.com

花瓣網(wǎng)，設(shè)計(jì)師必備網(wǎng)站，無論是找參考，還是圖片收集

http://www.ui.cn

UI，一個(gè)做UI設(shè)計(jì)必備的網(wǎng)站

2.設(shè)計(jì)學(xué)習(xí)提高：

http://www.uisdc.com

優(yōu)設(shè)網(wǎng)，能幫助你不斷的提高設(shè)計(jì)水平，想在設(shè)計(jì)領(lǐng)域走得更遠(yuǎn)、飛得更高，就要常關(guān)注）素材網(wǎng)站：（需要高收費(fèi)的常用網(wǎng)站我就不放這里了，所以你要不要收藏就看你自己

http://alpha.wallhaven.cc

外國的網(wǎng)站，打開的時(shí)候可能有點(diǎn)慢，圖片直接保存就是高清大圖，無需登錄下載

http://699pic.com/best.html

攝圖網(wǎng)，全是高清大圖，登陸后可以免費(fèi)下載幾張免費(fèi)的，想下載更多需要充值VIP

http://yunyingyong.sinaapp.com/gx.htm

一個(gè)在線生成光效的網(wǎng)站

https://pixabay.com

免費(fèi)高清大圖、矢量文件下載網(wǎng)站

http://www.58pic.com

千圖網(wǎng)，有人說這個(gè)網(wǎng)站的素材比較low，但個(gè)人覺得見仁見智吧，不懂得充分利用素材，用什么網(wǎng)站都做不好設(shè)計(jì)

http://90sheji.com

90設(shè)計(jì)，一個(gè)針對電商的素材網(wǎng)

3.配色網(wǎng)站：

https://color.adobe.com/zh

Adobe的官方配色網(wǎng)站，其實(shí)在PS里面有這個(gè)配色功能。

功能名字

Kulerhttp://color.uisdc.com（比較實(shí)用）

4.字體網(wǎng)站：

http://www.qiuziti.com

求字體，不用老是問別人這是什么字體了

http://www.17ziti.com

字體之家，網(wǎng)站簡潔，分類清晰。

以上是設(shè)計(jì)師必備的幾個(gè)設(shè)計(jì)網(wǎng)站，希望對您有幫助，下面我在介紹一下自己經(jīng)常使用的網(wǎng)站；

【贊設(shè)計(jì) 】網(wǎng)站地址https://www.zansheji.cn

國內(nèi)最優(yōu)質(zhì)的高端設(shè)計(jì)素材共享網(wǎng)站，精選海外高端優(yōu)質(zhì)設(shè)計(jì)素材下載，且全國設(shè)計(jì)師高質(zhì)量，原創(chuàng)等大量作品分享平臺(tái)。經(jīng)過嚴(yán)格把控素材/作品質(zhì)量把控，高清大圖。包括海報(bào)，插畫，電商，UI，網(wǎng)頁，平面設(shè)計(jì)素材等等。全部都是大圖，高質(zhì)量，基本都在200dpi像素源文件。這次推薦的這些站點(diǎn)，不僅僅是針對平面設(shè)計(jì)的，這些站點(diǎn)覆蓋領(lǐng)域都非常廣泛，包括平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、移動(dòng)開發(fā)等大多數(shù)主流設(shè)計(jì)領(lǐng)域。

Speckyboy網(wǎng)站地址https://speckyboy.com

之所以第一個(gè)就推薦Speckyboy是因?yàn)樽鳛橐粋€(gè)極具影響力的設(shè)計(jì)類博客，Speckyboy的質(zhì)量有目共睹。在Speckyboy里，提供設(shè)計(jì)教程、資源以及幫你激發(fā)靈感的設(shè)計(jì)案例。DesignCategories 可以選擇設(shè)計(jì)類別。瀏覽后，你會(huì)發(fā)現(xiàn)這絕對是個(gè)值得收藏的網(wǎng)站。

韓國設(shè)計(jì)森林網(wǎng)站地址http://mania.jungle.com

韓國設(shè)計(jì)森林是無意之中發(fā)現(xiàn)的，是一個(gè)綜合性的網(wǎng)站，里面不僅僅有設(shè)計(jì)教程、案例還有相關(guān)的書籍推薦。韓國設(shè)計(jì)森林最大的亮點(diǎn)是相關(guān)推薦功能。比如：我點(diǎn)開三星設(shè)計(jì)，就會(huì)依次出現(xiàn)和三星設(shè)計(jì)類似分類、功能、配色相近的網(wǎng)站推薦。使用這個(gè)功能想要找某些風(fēng)格類似的設(shè)計(jì)作品效率會(huì)大大的提高。有些小伙伴會(huì)說，這是韓文的網(wǎng)站，怎么辦？你可以像小編一樣使用谷歌瀏覽器的翻譯功能，機(jī)器翻譯雖然不準(zhǔn)確但對于我們平時(shí)瀏覽來說，差不多夠用了。

BP&O網(wǎng)站地址：http://bpando.org

每周更新一次， 網(wǎng)站內(nèi)的作品主要是品牌設(shè)計(jì)、包裝設(shè)計(jì)以及相關(guān)的設(shè)計(jì)建議。網(wǎng)站的創(chuàng)辦者Richard Baird是專門從事標(biāo)識(shí)、品牌設(shè)計(jì)和包裝設(shè)計(jì)的獨(dú)立設(shè)計(jì)師。如果你需要包裝、品牌設(shè)計(jì)的靈感，可以看看來這個(gè)網(wǎng)站看看。整個(gè)網(wǎng)站被設(shè)計(jì)成簡潔的網(wǎng)格視圖，在這里瀏覽一天都不會(huì)覺得累。

I Love Typography網(wǎng)站地址http://ilovetypography.com

只是看站名就知道這是一個(gè)怎樣的網(wǎng)站“我愛排版”，這個(gè)站點(diǎn)創(chuàng)立于2007年，專注于排版、字體設(shè)計(jì)。網(wǎng)站每周會(huì)選出一些業(yè)內(nèi)最好的字體推薦給用戶，這些字體絕對是可以驅(qū)動(dòng)創(chuàng)意有口皆碑的好字體。095c591bff77b5b3086ed4d47a84.jpg但這并不是最打動(dòng)我的地方，最打動(dòng)人的是，它不僅僅是收錄和西文相關(guān)的文章，而是只要和排版、文字相關(guān)的知識(shí)，都能在這里找到，無論是西文還是中文。如果你想要了解這個(gè)領(lǐng)域的知識(shí)，看它就好了。

WebField Manual網(wǎng)站地址：http://webfieldmanual.com

WebField Manual 網(wǎng)站里有大量的設(shè)計(jì)作品可以參考學(xué)習(xí)，網(wǎng)站是由設(shè)計(jì)師Jon Yablonski創(chuàng)建。里面的內(nèi)容除了設(shè)計(jì)作品還包括風(fēng)格指南、設(shè)計(jì)流程等，各種資源相輔相成，是設(shè)計(jì)師必看網(wǎng)站之一。

Free Clipart me網(wǎng)站地址：http://cn.clipart.me

站如其名，F(xiàn)ree Clipart me網(wǎng)站里有很多免費(fèi)的資源，字體、筆刷、插圖、圖標(biāo)等，除此以外還可以通過詞網(wǎng)站或者第三方平臺(tái)出售自己的設(shè)計(jì)作品，當(dāng)然這個(gè)功能的前提必須是高級會(huì)員。會(huì)員的費(fèi)用也不是很貴，感興趣的小伙伴可以試試。

LittleBig Details網(wǎng)站地址http://littlebigdetails

同樣站如其名，是強(qiáng)迫癥設(shè)計(jì)師的福音，這是一個(gè)極致追求細(xì)節(jié)的網(wǎng)站。UI和UX靈感枯竭或者設(shè)計(jì)規(guī)范不知道，可以來此網(wǎng)站看看。

Behance網(wǎng)站地址https://www.behance.net

Behance網(wǎng)站很直觀，很有條理，作品會(huì)按照類別、小組甚至國家來分類，在Behance可以找到非常多的大牛，而且他們會(huì)展示出工作流程和項(xiàng)目進(jìn)度，所以你可以清楚的看到一件好的作品是如何產(chǎn)生的。除此以外，你可以分享你的經(jīng)驗(yàn)和知識(shí)并且可以得到專業(yè)的反饋。

Niice.co網(wǎng)站地址：https://niice.com

一個(gè)顏值超高的網(wǎng)站，內(nèi)容來自Dribbble，Behance 和 Designspiration，如果不想單獨(dú)收藏Dribbble、Behance只看這一個(gè)就夠了。Niice.co是由團(tuán)隊(duì)ARMSTRONG & CO建立，他們在專注于優(yōu)質(zhì)內(nèi)容的同時(shí)，把文字出現(xiàn)的也專門設(shè)計(jì)。將鼠標(biāo)停留在圖片上，就會(huì)顯示出圖片具體的信息。Niice.co絕對是一個(gè)你打開就會(huì)愛上的網(wǎng)

站。

這里只推薦了9個(gè)網(wǎng)站，只看這9個(gè)網(wǎng)站肯定是不夠的，比如Dribbble和Pinterest這樣的站點(diǎn)也是設(shè)計(jì)師必備站點(diǎn)，設(shè)計(jì)類網(wǎng)站可以根據(jù)自己的需要去進(jìn)行選擇，選擇好了，它們都會(huì)成為你的靈感利器。

網(wǎng)站終歸只是輔助，作為設(shè)計(jì)師一定要多看，多練，要多動(dòng)手，才能找到自己的風(fēng)格，最后，感謝您觀看我的回答，謝謝！

ui設(shè)計(jì)教程從零開始學(xué)會(huì)？

第一階段：素描手繪

也就是素描手繪這塊，這個(gè)對于后期的UI設(shè)計(jì)有一個(gè)幫助。但并不是最重要的。（這個(gè)可以平時(shí)自己手動(dòng)多畫一下）

第二階段：軟件學(xué)習(xí)

現(xiàn)在的UI設(shè)計(jì)師一般要掌握以下幾個(gè)軟件，比如PS 、AI、 AE、 AXURE 等等。

第三階段：理論學(xué)習(xí)

這個(gè)有內(nèi)容就有點(diǎn)多了，因?yàn)槭丘B(yǎng)成思維的必經(jīng)之路。

比如配色、排版、字體設(shè)計(jì)三大構(gòu)成，消費(fèi)心理學(xué)、溝通學(xué)，以及思維導(dǎo)圖、原型圖，還有交互邏輯、規(guī)范、切圖、了解程序、互聯(lián)網(wǎng)思維、用戶體驗(yàn)，還有一些網(wǎng)絡(luò)營銷都是需要學(xué)習(xí)的，因?yàn)檫@和產(chǎn)品商業(yè)價(jià)值有關(guān)。

第四階段：臨摹原創(chuàng)

前面的理論軟件都會(huì)了，接下來就是臨摹作品，及原創(chuàng)作品了。

然后就是不斷的做項(xiàng)目，參與互聯(lián)網(wǎng)各種UI大賽及一些兼職網(wǎng)接單兼職，和去互聯(lián)網(wǎng)公司做UI設(shè)計(jì)工作等。之后不斷的逛一些比較不錯(cuò)的設(shè)計(jì)素材網(wǎng)站，長期堅(jiān)持下去就能把自己的設(shè)計(jì)水平慢慢提升。

建議小白學(xué)習(xí)UI的非常不錯(cuò)的干貨網(wǎng)站SooUI（搜UI），認(rèn)真照著網(wǎng)站上的PSD分層模板臨摹，設(shè)計(jì)能力便可漸漸提升到高級UI設(shè)計(jì)師的水平。

UI是什么？

打開手機(jī)看到的所有界面和圖標(biāo)以及打開各種手機(jī)APP，呈現(xiàn)在你眼前的都是UI設(shè)計(jì)。

現(xiàn)實(shí)中，很多的數(shù)碼產(chǎn)品都已離不開UI界面，在我們的手機(jī)上，網(wǎng)頁、車載系統(tǒng)乃至智能冰箱、智能電視都有UI設(shè)計(jì)的痕跡。這也是導(dǎo)致了為什么很多人都想轉(zhuǎn)行到UI設(shè)計(jì)行業(yè)。

UI設(shè)計(jì)師在社會(huì)上一斤得到了充分的認(rèn)可，就業(yè)方面也很廣，薪酬待遇都要比平面設(shè)計(jì)師高出好幾倍。而且地位也是比平面設(shè)計(jì)師高出一截。

有什么推薦的學(xué)習(xí)路線？

首先設(shè)計(jì)的最終目的是提高人的生活質(zhì)量，如何做好設(shè)計(jì)是設(shè)計(jì)師需要思考的過程，當(dāng)需要設(shè)計(jì)一款產(chǎn)品的時(shí)候，設(shè)計(jì)前需要思考什么？

關(guān)于UI設(shè)計(jì)，近兩年變化很大，從概念型設(shè)計(jì)到分析型設(shè)計(jì)，整個(gè)行業(yè)往理性方向前進(jìn)了一步；

1、專業(yè)設(shè)計(jì)領(lǐng)域：多方案產(chǎn)出能力

多方案能力，在工作中，這個(gè)能力不必多言，幾乎不存在一稿過關(guān)。

并且從方案試錯(cuò)的角度，實(shí)踐才能出真知，但多方案試錯(cuò)間，最終考驗(yàn)的是：需求變化的多樣性，也就是：老板需求、領(lǐng)導(dǎo)需求、用戶真實(shí)需求。

不斷改稿，這幾乎是每一個(gè)設(shè)計(jì)人的必修課，一個(gè)好的設(shè)計(jì)，就是在方案演變中，不斷把三者權(quán)重平衡得更好。

比如，某個(gè)產(chǎn)品需求是：

基于場景分析考慮，強(qiáng)化理財(cái)入口提示，采用的設(shè)計(jì)樣式為：設(shè)計(jì)品牌IP，怎么做出多方案？

我們經(jīng)常會(huì)聽到來自不同的聲音：

a. 我們希望加強(qiáng)：趣味性

b. 我們要切入XX市場，希望可以強(qiáng)化：商務(wù)屬性

c. 我們馬上要和XX品牌合作了，形象上能不能彼此互融呢？

來看一個(gè)我們在螞蟻概念形象改版上的思考：

而多方案分析能力的基礎(chǔ)，必然是改版前的深度梳理，例如我們經(jīng)常在面試過程中，經(jīng)常被問到的問題：

改版前你主要有哪些總結(jié)？是什么促使了本次的改版？

所以良好的分析能力，要體現(xiàn)在最終的細(xì)節(jié)修改上，避免一頓分析猛如虎，設(shè)計(jì)輸出卻…

2、設(shè)計(jì)執(zhí)行力

這個(gè)板塊如果理解不到位，會(huì)理解成：原型彩色化，所謂執(zhí)行，就是是否能把本職工作做好。

那么設(shè)計(jì)師，怎么做好對本職工作的執(zhí)行？主要有兩點(diǎn)：

a、對規(guī)范的理解和半創(chuàng)新能力

b、對于細(xì)節(jié)拆分的專業(yè)視覺能力

先來說下：規(guī)范的理解，例如：文字規(guī)范；

不僅僅字號這么簡單，還有：粗細(xì)對比／顏色對比／疏密對比，這些之前在規(guī)范中，是否有思考？

那么，什么又是半創(chuàng)新呢？

例如：顏色在不同版塊之間的復(fù)用關(guān)系，以及對于顏色的深度思考，比如色彩情緒。

這個(gè)界面用戶的情緒如何？色彩如何做到安撫或刺激的作用？

在規(guī)范中，我們再來看看終極的細(xì)節(jié)；

大家在項(xiàng)目中，經(jīng)常會(huì)對某個(gè)版塊潤色很多細(xì)節(jié)，但卻沒有體現(xiàn)在規(guī)范中，這也很容易讓多個(gè)設(shè)計(jì)師的產(chǎn)出很不一致。

3、拆解思維

拆解的思維，在UI領(lǐng)域，是重中之重，比如舉一個(gè)導(dǎo)航欄的例子；

要做好導(dǎo)航欄的質(zhì)量+速度，拆解之后，對于一些經(jīng)驗(yàn)數(shù)值的把控尤其重要。

4、細(xì)節(jié)見微 與 多樣化的思考能力

什么是細(xì)節(jié)見微，比如：剛提到的導(dǎo)航欄細(xì)節(jié)拆解，是最基礎(chǔ)的細(xì)節(jié)見微；

那么，我們稍微進(jìn)階下：圖標(biāo)的尺寸。

對于尺寸我有2個(gè)問題：

1、多圖標(biāo)之間，如何把控好圖標(biāo)的大小

2、如何理解圖標(biāo)的設(shè)計(jì)尺寸和導(dǎo)出尺寸

首先，圖標(biāo)的尺寸大小把控，我們除了要依靠盲測，我們還要依靠一些工具；

正所謂：工欲善其事必先利其器，合理地使用工具，在設(shè)計(jì)過程中，也是很重要。

如果圖標(biāo)切圖太小，會(huì)發(fā)生什么？

結(jié)果自然是：用戶不容易點(diǎn)擊到，從而導(dǎo)致產(chǎn)品體驗(yàn)感下降。

我們之前，經(jīng)常會(huì)使用【場景走查】和【用戶體驗(yàn)地圖】的方法，找到點(diǎn)擊感不佳的地方，從而優(yōu)化切圖，并把【空白像素補(bǔ)充】的小細(xì)節(jié)，體現(xiàn)優(yōu)化至整個(gè)設(shè)計(jì)規(guī)范中。

規(guī)范也是個(gè)需要不斷維護(hù)的內(nèi)容，這樣才能讓整個(gè)產(chǎn)品變得越來越細(xì)節(jié)，且有過程可循！

5、舉一反三的能力

我們剛講到了：細(xì)節(jié)見微的能力；

我們可以試著應(yīng)用到：導(dǎo)航欄，導(dǎo)航欄的樣式有多少種？大家是否可以做到多樣化的思考？

最經(jīng)典的兩種，主要是：通欄導(dǎo)航欄 + 非通欄導(dǎo)航欄；

那么它們的區(qū)別是什么呢？設(shè)計(jì)前是否思考過？還是僅靠美感來評審？

不僅僅停留在美感層面，我們深度分析一下：導(dǎo)航欄這兩種樣式，真正的區(qū)別點(diǎn)在哪里？

這里提的是：用戶感知層的區(qū)別點(diǎn)，不是視覺上的區(qū)別點(diǎn)。

最后也分享一句話：

有些鳥兒注定是關(guān)不住的， 它的每一片羽毛都閃耀著自由的光輝

設(shè)計(jì)行業(yè)也如此，行業(yè)在變化，設(shè)計(jì)也會(huì)被更多部門、行業(yè)所認(rèn)可

請問UIUXUE的區(qū)別是什么？

UI，UE和UX三者之間的區(qū)別：1、中文名UI：用戶界面交互UE：用戶體驗(yàn)（用戶體驗(yàn)度）UX：用戶體驗(yàn)2、英文名UI：User's InterfaceUE：User ExperienceUX：User experience design3、釋義UI：泛指用戶的操作界面，包含移動(dòng)APP，網(wǎng)頁，智能穿戴設(shè)備等。UE：用戶使用產(chǎn)品時(shí)的純主觀感受。UX：人與系統(tǒng)交互時(shí)的感覺。

以上就是【史上最佳！網(wǎng)頁ui-自學(xué)設(shè)計(jì)有哪些好用的網(wǎng)站】的全部內(nèi)容。