2018年度,UI嚴選-熱門文章/作品大集合

一、 新年寄語
各位小夥伴們,新年好!新的一年祝小夥伴們: 升職加薪、豬事順利!
年已經過完了,我們也是該把心收回來了,投入到工作當中,也許你正準備跳槽,換一個工作;也許你正準備考慮機會,換一個新的環境;也許你已經在面試求職的路上;但是新的一年你仍需繼續努力奮進,繼續向前,因為: 越努力,越幸運 !

新的一年,你準備收穫什麼呢?你給自己制定了小目標了嗎?這一年你準備好要努力了嗎?準備好為自己的小目標奮鬥了嗎?為你的夢想付出了嗎?
當一年結束,我們是很有必須要去總結和回顧這一年我們的得失、收穫與成長、經驗與教訓,也能更好的明確新的一年的目標與方向;在這裡我也對UI嚴選的 2018 進行了一個總結,希望在 2019 年嚴哥能帶給小夥伴們更多的幫助與分享。
2019年,預祝你: 期待更好的自己,加油!!!
二、 2018年設計 經驗分享
2018 年由於工作和自身的原因,產出的文章並不是特別的多,但是文章貴在精,而不在多,不是嗎?希望這些經驗分享能給你幫助。
1.新的一年,UI設計師應掌握的知識體系和職業規劃
新年新氣象,隨著移動網際網路的迅猛發展,使得移動產品設計人員急缺。由於高薪酬,很多其他行業設計師轉行做UI設計。
那麼到底什麼是UI設計?
做UI設計需要掌握哪些知識體系?
如何去學習?
今後如何做職業規劃?
這些是很多新人常會遇到的問題!
針對這些問題,給大家一個比較全面的解釋,希望能幫到新入行UI設計的小夥伴!


2.微信小程式設計規範
這是一篇關於微信小程式設計規範的文章 (內附PSD+Sketch原始檔 ),微信小程式是一種全新的連線使用者與服務的方式,它可以在微信內被便捷地獲取和傳播,同時具有出色的使用體驗。掌握了這篇文章可以為你進行小程式設計打牢基礎。


3.圖片壓縮不求人
身為一名UI設計師,經常和運營、前端、開發小夥伴打交道。切完圖之後,考慮到頁面載入速度和資源空間佔用等問題,特別是大背景圖,banner型別圖片,都要進行壓縮處理。 但是如何在確保圖片質量損失的前提下,最大可能的壓縮圖片體積到最小 ,那這篇文章就是可以告訴你呢!


4.網頁首屏設計的那些事兒
這是一篇關於網頁首屏設計規範的文章,作為一枚UI設計師,對於網頁設計那是家常便飯了,有很多人在微信群裡問我,網頁的首屏設計多高合適?設計多寬?版心尺寸設計多少合適?我根據我的一些個人經驗跟小夥伴分享一下關於網頁首屏設計的那些事兒,希望可以幫到你。


5.LOGO設計的30種技巧
UI 設計已經不再是興起的時候那樣簡單了,有的公司還要擔任起平面設計師的職責,相信各位小夥伴在做設計的時候,都涉及到LOGO設計,這時候想必大家一定很頭大,不知從何下手,那該怎麼來設計呢,下面的30種方法和技巧,讓你輕鬆搞定LOGO的設計,趕緊來看看吧


6.成為優秀UI/UX設計的必備技能
對於一款應用來說,UX (user experience) 設計 和 UI (user interface) 設計都是非常重要的,UX設計包含諸多方面,比如視覺化佈局、資訊架構、可用性、圖形、互動等等,UI設計也屬於UX範疇。那麼優秀的UX設計師和UI設計師,應該掌握哪些必備的技能呢?這篇文章分享可以給你帶來幫助。


7.一款APP設計的從0到1(一):專案立項
很多時候,我們都忙碌在每天的擼圖和改稿中,很少的去整理歸納結和思考工作的一些問題和方法,善於總結反思才能達到事半功倍的效果。今天嚴哥在這裡將自己在APP專案立項中的一些經驗和技巧分享給小夥伴們,希望可以給你一定的幫助。


8.一款APP設計的從0到1(二):專案預估時間
關於APP設計的專案預估時間問題?這篇文章為大家分享一下關於 UI 設計師設計一款APP時候,如何對專案進行時間和工期的預估,希望點滴經驗可以給你幫助!


9.一款APP設計的從0到1(三):介面設計
本文從介面設計工具、設計稿尺寸、圖示尺寸、設計字型這4個方面,進行專業介面設計基礎、設計規範與介面設計流程、介面設計所用字型大小和一些注意事項 對APP介面設計這幾個維度進行分析。希望通過本文的梳理帶給更多 UI 設計師對於APP介面的設計,更加的透徹、更加的得心應手。


10.一款APP設計的從0到1(四):切圖標註
切圖和標註,也是UI設計師工作中的必要技能,本文從切圖工具、標註工具、介面切圖、介面標註、切圖中最常見的問題和需要注意的事項,這6個方面進行了詳細的講解和分析,希望通過本文的梳理帶給更給你的切圖和標註答疑解惑。


11.一款APP設計的從0到1(五):視覺還原
很多設計師都會有這樣的疑問“為什麼開發出來的介面,和我的設計稿差距很大?”;我們都知道,無論設計師的標註稿多精確,開發出來的產品,多多少少都會有誤差,專業來說就是視覺效果落地還原度,視覺還原度越高,與設計稿越接近,APP就越精細;反之,就越差。本文為大家全面系統地分析如何讓設計稿落地還原度稿的經驗,希望帶給你更多幫助。


12.一款APP設計的從0到1(六):上線準備
一款完整的APP,經過這樣的一個流程:專案立項啟動→設計產品原型→設計效果圖→進入開發階段→開發成功後進入測試階段→測試將問題反饋給開發人員進行除錯→多次測試確認沒有bug→提交市場、正式上線。當一款APP開發完畢,測試通過,這時候就需要準備提交正式上線了,但是在上線之前,我們設計師還需要配合,做一些上線前的工作,嚴哥帶你來看一看需要做哪些工作?


13.UI設計師必須要知道的介面切圖命名規範
規範的命名方式可以提高開發人員的開發效率和整個開發團隊的友好合作。我看到過很多小夥伴的切圖命名,大多數人和新手是用拼音命名的,還有直接漢字的……肯定還有更多這樣類似的情況,本文為大家全面系統地講解如何規範的對切圖命名,希望帶給你更多幫助。


14.100+個免費可商用字型集合
作為設計師,我們在作圖時要使用大量的字型來達到我們想要的效果,但是字型都是有版權的,據說前幾年暴風、保潔被方正告,賠了幾百上千萬(我的天吶,嚇死寶寶了)......本文為大家全面系統地整理了100+個免費可商用的字型集合,從此告別律師函。


15.如何讓你的切圖輸出更快,更高效?
如何讓你的切圖輸出更快、更加高效?方法全在這裡,希望帶給你更多幫助。


16.做設計稿前應該做哪些準備工作?
如果你正要開始設計一款移動APP UI介面設計的時候,如何來進行一些基本的準備工作呢?我們在做設計稿前應該做哪些準備工作呢?希望本文可以給你一定的幫助!


17.【設計資源】設計師進階必讀設計書目(共5.4G)
設計是一條不斷成長的路,永遠別說你已經通透了這其中的奧妙,因為你要學的還有很多很多,也要有廣闊的視野和豐富的知識面。今天U妹把一些值得設計師進階必讀的書目分享給小夥伴們。按由淺到深,必讀到可讀的順序。主要方向是設計、UI、視覺、WEB設計、互動設計、使用者體驗、色彩、產品、創意思維以及理論、常見工具入門教程等等。可能也不夠全面,也有個人偏好在裡面。本文為大家全面系統地整理一下設計師進階必讀書目資源(共5.4個G)


18.你必須要知道的動效設計軟體有哪些?(附C4D教程)
隨著UI設計的不斷髮展,UI動效越來越多的被應用於實際的生活中。手機、iPad、電腦、網頁等各裝置都在大範圍應用,那麼問題就來了,為什麼UI動效越來越被廣泛應用?它有哪些優勢呢?有哪些軟體是可以設計UI動效的?
本文推薦的這14個軟體都可以做出酷炫的動效設計,功能上各有優勢,但效果絲毫不輸AE喲


19.一款APP設計的從0到1之:安卓介面設計規範
Android的設計規範不同於iOS,Android是一個開源的系統,國內外有很多的手機廠商,這就導致了有非常多的Android機型,如小米、華為、魅族、三星、OPPO、vivo等,每一家都有自己的作業系統,都有一套自己的UI設計規範。本文從 基礎概念、Android介面設計規範、Android切圖標註、安卓開發單位換算等眾多個維度分析闡述,幫你輕輕鬆鬆掌握安卓介面設計規範。


20.一款APP設計的從0到1之:iOS介面設計規範
本文是一片關於iOS介面設計規範的文章,主要從專案立項、專案預估時間、介面設計、切圖標註、視覺還原、上線準備6個方面深度詳細闡述,本文為小夥伴們全面系統地分析iOS介面設計規範的經驗,希望帶給你更多幫助。


21.讓你事半功倍的設計逆天神器
很多設計師會忽略日常設計資源的重要性,總是在需要的時候才去尋找一些資源,但是總會徒勞或者事倍功半,耗時耗力。……你肯定遇到過這樣類似的情況,本文為大家全面系統地整理歸納了讓設計師事半功倍的設計資源,希望帶給你更多幫助。


22.點九切圖,你知道怎麼切嗎?
有很多的小夥伴在微信群問我點9圖怎麼切的問題,今天嚴哥把工作中積累的關於點9切圖的經驗分享給大家,希望大家可以掌握這些切圖方法,帶給你更多幫助。


23.UI設計新人如何快速自我提升?
設計新人如何快速成長,成為一名優秀的UI設計師?相信這個問題也是各位小夥伴們一直關注的問題,因為關乎自身成長!本文是嚴哥將自己在設計成長道路上如何快速成長的一些經驗分享給大家,希望可以助力新人設計的提升!


24.輕鬆搞定互動動效原型設計
近年來,互動設計被越來越多的提及,並且還產生出了新的工作崗位“互動設計師”,而且互動設計在產品設計中所佔的地位也越來越重要;嚴哥也是一直想轉互動,瞭解過Flinto,Principle,Framer,Origami等等,但不是原型保真度不滿意,就是學起來太難,或者就是各種程式碼表達式,很難上手。其實互動設計並沒有你想象中的那麼難!!!


25.史上最全的UI設計學習指南
本文彙集和整理了共 265篇乾貨 ,從 設計基礎知識 — 工具 — 介面設計 — 網頁設計 — 設計規範和原則 — 色彩搭配 — 排版佈局 — 互動動效 — 設計技法 — 前端基礎知識 — 資源 — 流行趨勢 — 擴充套件視野 ,共13個方面進行了總結,這265篇文章都是按邏輯次序排版的,從入門基礎知識到設計原理、規範、趨勢、技法到未來的預測,當你看完每篇肯定會獲得很大的成長~~~


26.【設計教程】2.5D插畫字型設計
2.5D插畫在近年來也被越來越多的應用,並且成為了一種設計流行趨勢,無論是海報、H5、閃屏、banner都會運用2.5D插畫風格,2.5D在設計運用中一直非常火熱。希望這篇教程可以對你有一些幫助!


27.設計師必須安裝的10款APP
做為一枚設計師,我們的手機上有許多優秀的APP,這些APP都可以給工作、生活帶來便利。所以不管你計劃做一些動畫、產品原型草圖,或是使用特定的工具來幫助自己的日常設計工作,還是想認真地幫自己管理專案、時間和金錢,這些APP對設計師而言才是最值得推薦的。
在諸多設計工具中,總會有一些極為突出、相當實用的APP值得推薦,而今天推薦的這10款APP,能在不同的功能上給予設計師給予很大的幫助。


28.iPhone XR、XS、XS Max如何做適配?
2018年9月,蘋果在美國加利福尼亞州的Apple Park園區召開了2018年蘋果秋季新品釋出會;釋出的三款新iPhone包括兩款OLED螢幕的 iPhone XS和iPhone XS Max ,螢幕尺寸分別為5.8英寸和6.5英寸,和 iPhone XR ,配備6.1英寸LCD液晶屏。
新機型的釋出,必然會對UI設計師的適配產生一些影響,這篇文章將幫助你更好的去做好iphone各系列機型的適配問題!


29.設計四大基本原則
要想成為一個優秀的設計師,就必須要知道設計的四大基本原則是什麼?作為設計師的你知道設計四大基本原則是什麼嗎?不知道也沒關係,本文為你全面系統地分析了4大設計基本原則,希望帶給你更多幫助。


30.【流行趨勢】2019年設計流行色
設計是一個緊跟潮流和時代的一個行業,每一年都有每一年的設計流行趨勢,色彩也不例外,每年都有每年的設計流行色,你知道2019年的設計流行色嗎?


31.微信大改版之UI設計分析
微信7.0大改版,你知道哪些細節發生了變化嗎?在UI上你是否發現了很大的不同和很小的小細節的變化?是否知道改版的原因?本文為你闡述了微信7.0大版本的UI視覺方面進行分析,希望可以幫到你!


32.【流行趨勢】2019年UI設計行業最新流行趨勢
本文為大家全面系統地分析了2019年所有設計行業的最新涉流行趨勢,針對不同領域的顏色、字型、形狀和大小都有不同程度的分析,相信對大家一定有幫助哦~


33.2018年 Dribbble 設計作品集
2018年,已經離我們而去了,這一年你的收穫有多少呢,你給自己制定的小目標實現了嗎?這一年你努力過了嗎?為自己的小目標奮鬥過了嗎?為你的夢想付出了嗎?本文是我的2018年度個人Dribbble設計作品集,是我對2018年的一個設計總結!


34.【設計資源】UI設計學習資源合集(1000G)
本文是一片設計學習資源彙總文章,這是我個人長期以來在私藏或者分享過的一些設計資源,歸納整理了一下,分享給各位小夥伴,彙總包括了:軟體外掛、設計規範、各種外掛、設計字型、各種樣機素材、設計書籍、設計資源網站和視訊學習教程等,幾乎所有的學習資源都在這裡了,就看你會不會合理利用了~


35.【學習教程】Adobe XD學習教程
Adobe XD 是目前最全面、最可靠的 UX 設計應用之一,使用者可以在 Mac 和 Windows 系統免費安裝和使用它。Adobe 期望它能夠成為 UX 設計師的首選工具。本文內附大量的XD學習教程,希望可以助力你更好的掌握Adobe XD。


以上是我對UI嚴選 2018 年產出的一些設計經驗和作品分享,希望能夠帶給你更多幫助。在 2019 年會分享更多更好的知識和技能給大家!
三、 2018年小部分 作品分享
2018年,除了在設計經驗分享以外,還有一小部分設計作品分享給大家。(其他作品由於特殊原因,不放麼分享)









2018年,感謝小夥伴們這一年的支援與陪伴,希望在 2019 年大家共同努力,一起進步成長!
設計師的這條路,並不太好走,
你需要一些天分,
還需要更多的堅持和努力付出。
成為設計師不難,
但是要做好一位設計師卻並不是那麼容易的。
但是嚴哥相信,每一個還“成長中”的設計師,都是可以做到的~