優(yōu)設(shè)年度專題第三彈！這個(gè)合集整理了2017年最受歡迎的UI設(shè)計(jì)好文，其中包含了規(guī)范指南，知識(shí)體系等干貨，無(wú)論是新人還是老司機(jī)，都能快速get到最新的干貨。想要技能大爆發(fā)，趕緊收藏吧。

往期回顧：

• 《優(yōu)設(shè)年度專題盤點(diǎn)！2017年最受歡迎的設(shè)計(jì)趣文合集》
• 《優(yōu)設(shè)年度專題盤點(diǎn)！2017年最受歡迎的電商設(shè)計(jì)干貨合集》

一. 超全面的UI設(shè)計(jì)切圖規(guī)范指南

設(shè)計(jì)師的切圖輸出物是體現(xiàn)一個(gè)設(shè)計(jì)師專業(yè)水準(zhǔn)的重要標(biāo)準(zhǔn)，同時(shí)也是設(shè)計(jì)師表達(dá)自己對(duì)設(shè)計(jì)態(tài)度的最有力的語(yǔ)言。合適、精準(zhǔn)的切圖可以最大限度的還原設(shè)計(jì)圖，起到事半功倍的效果。

這篇好文從零開始教你學(xué)會(huì)切圖方法，附上切圖神器，絕對(duì)值得收藏。

原文：《新手福利！超全面的UI設(shè)計(jì)切圖規(guī)范指南》

二.?24個(gè)容易忽略的App設(shè)計(jì)細(xì)節(jié)

隨著移動(dòng)優(yōu)先的趨勢(shì)，APP的設(shè)計(jì)也越來越受到公司重視，不斷地提高APP的設(shè)計(jì)質(zhì)量是每個(gè)設(shè)計(jì)師的追求，有哪些設(shè)計(jì)中的細(xì)節(jié)被你忽略了呢？讓我們一起來看看這些細(xì)節(jié)你都把握住了嗎？

原文：《網(wǎng)易資深視覺設(shè)計(jì)師：24個(gè)容易忽略的App設(shè)計(jì)細(xì)節(jié)》

三. 4個(gè)規(guī)律教你畫好斷線圖標(biāo)

如何畫好圖標(biāo)斷線，如果是經(jīng)驗(yàn)豐富的設(shè)計(jì)師，估計(jì)靠感覺做就可以了，但不是大神的我們?cè)趺崔k呢？總得有點(diǎn)規(guī)律讓我們參考吧。雖然有些規(guī)律不能全盤通用，但這次總結(jié)一定能給你帶來幫助。

原文：《如何畫好斷線圖標(biāo)？我總結(jié)了這4個(gè)規(guī)律》

四.?沒掌握?qǐng)D標(biāo)的繪制規(guī)范之前，別說自己會(huì)畫圖標(biāo)了

很多學(xué)UI 設(shè)計(jì)的同學(xué)掌握PS 和AI ，能臨摹圖標(biāo)和界面后，就容易急著上手用研和交互。不過圖標(biāo)設(shè)計(jì)的學(xué)問遠(yuǎn)遠(yuǎn)不止于能畫出來，比如這篇文章說到的圖標(biāo)繪制規(guī)范，就是很多設(shè)計(jì)師需要補(bǔ)的一堂課。

原文：《沒掌握?qǐng)D標(biāo)的繪制規(guī)范之前，別說自己會(huì)畫圖標(biāo)了》

五.?UI設(shè)計(jì)的切圖命名規(guī)則手冊(cè)

關(guān)于切圖命名的規(guī)范，這是UI 設(shè)計(jì)師最基礎(chǔ)的知識(shí)之一，但作用非常大，可以幫你和同事、開發(fā)高效對(duì)接，提升整體工作效率。

原文：《基礎(chǔ)知識(shí)！寫給UI設(shè)計(jì)新手的切圖命名規(guī)則手冊(cè)》

六.?UI設(shè)計(jì)新人的知識(shí)體系指南

要成為高級(jí)設(shè)計(jì)師的必經(jīng)之路就是建立自己的設(shè)計(jì)體系，那么怎樣建立自己的設(shè)計(jì)體系呢？這篇文章規(guī)劃了體系結(jié)構(gòu)，有了這份清晰的規(guī)劃，可以讓我們清楚自己處在什么階段，避免發(fā)生自我迷茫的情況。

原文：《新年自學(xué)計(jì)劃！寫給UI設(shè)計(jì)新人的知識(shí)體系指南》

七.?視覺誤差對(duì)UI設(shè)計(jì)的影響和解決方案

俗話說眼見為實(shí)，但其實(shí)我們的眼睛經(jīng)常欺騙我們。眼睛通過光的反射接收信息，然后經(jīng)過一次「腦補(bǔ)」最終形成我們所謂「看見」的圖像。腦補(bǔ)這個(gè)過程會(huì)因?yàn)楦鞣N原因的影響導(dǎo)致我們對(duì)于「看見」的事物的理解產(chǎn)生偏差。這一點(diǎn)對(duì)圖形化操作界面的設(shè)計(jì)非常影響。

究竟視覺誤差會(huì)對(duì) UI 造成什么樣的影響，業(yè)界內(nèi)流行的解決方案又有哪些，本文將以超過五十個(gè)例子為你講解。

原文：《大開眼界！視覺誤差對(duì)UI設(shè)計(jì)的影響和解決方案（附案例）》

八. 一份全面深入的UI對(duì)比分析報(bào)告

WWDC 2017 Keynote 結(jié)束沒幾天，相信很多對(duì) UI 設(shè)計(jì)有興趣的朋友應(yīng)該很好奇 iOS 11 詳細(xì)的設(shè)計(jì)變動(dòng)有哪些，但是自己的手機(jī)又不方便裝開發(fā)者版本，所以就讓我替各位踩雷吧。

原文：《iOS 10 vs 11：一份全面深入的UI對(duì)比分析報(bào)告》

九.?用品牌基因法做圖標(biāo)設(shè)計(jì)

給界面做圖標(biāo)，如何做才能有理有據(jù)呢？今天這篇好文的作者總結(jié)了工作中的一些經(jīng)驗(yàn)，幫你制作出有說服力的圖標(biāo)。

原文：《用品牌基因法做圖標(biāo)設(shè)計(jì)，這是高級(jí)UI設(shè)計(jì)師才會(huì)的手法！》

十.?通感設(shè)計(jì)方法

如何建立用戶行為模型，通過數(shù)據(jù)驗(yàn)證設(shè)計(jì)效果？如何深度參與產(chǎn)品服務(wù)全流程？或許你可以嘗試用一下「通感設(shè)計(jì)語(yǔ)言」。

原文：《網(wǎng)易設(shè)計(jì)師：推薦大家學(xué)習(xí)的通感設(shè)計(jì)方法》

優(yōu)設(shè)人氣專題

iPhone X 學(xué)習(xí)指南丨優(yōu)設(shè)獨(dú)家專訪丨在線摳圖神器丨靈感大全

樣機(jī)素材?|?Sketch神器?|?免費(fèi)圖庫(kù)丨配色神器丨讀書計(jì)劃丨PPT 神器丨魯班設(shè)計(jì)

iOS 11 學(xué)習(xí)指南丨人工智能丨PS 教程丨AI 教程丨C4D 教程?|?3D教程

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com