1.準(zhǔn)備工作

設(shè)計(jì)工具

Sketch

精不精通Sketch，就看插件用的溜不溜，推薦個(gè)網(wǎng)站：http://sketch.cm/

無論是學(xué)習(xí)Sketch，還是搜插件、找素材，都是Sketch使用者的優(yōu)選項(xiàng)。

Sketch是OS X平臺(tái)獨(dú)占，需要下載Sketch可以到這個(gè)網(wǎng)站去下載。

這里推薦個(gè)Mac平臺(tái)應(yīng)用的下載網(wǎng)站，使用Mac的小伙伴可以去這里下：http://xclient.info/

我個(gè)人是很推薦使用Sketch做UI設(shè)計(jì)的，軟件本身已經(jīng)提供了大量的IOS和Android系統(tǒng)設(shè)計(jì)資源，配合各類插件，幾乎無所不能。

Photoshop

相比于Sketch來說，體型胖了點(diǎn)，在UI設(shè)計(jì)上略遜一籌。不過因?yàn)镾ketch是OS X獨(dú)占，所以因?yàn)槠脚_(tái)限制的原因，用PS設(shè)計(jì)也沒有問題。

我很久沒用它做UI設(shè)計(jì)了，也沒啥可推薦的了。

Adobe XD

全稱為Adobe Experience Design；這是一款集原型、設(shè)計(jì)和交互于一體的小清新時(shí)代風(fēng)格的設(shè)計(jì)軟件。雖然有人說，Adobe XD將會(huì)是Skech的勁敵。然而在windows系統(tǒng)當(dāng)中，Adobe XD的確是產(chǎn)品原型設(shè)計(jì)領(lǐng)域最順手的設(shè)計(jì)軟件。它使用簡(jiǎn)單，界面整潔，雖然之前一直使用的是Axure 8.0，但看來，Adobe XD在界面、素材以及設(shè)計(jì)操作上的確甩了Axure好幾條街，至少它成功的吸引到了我。

做好版本管理、文件歸檔的工作

專業(yè)水平不僅體現(xiàn)在設(shè)計(jì)能力之上，優(yōu)秀的管理能力也是重要的職業(yè)素養(yǎng)。

合理規(guī)劃好設(shè)計(jì)版本，進(jìn)行明確的文件歸檔工作，有助于提高設(shè)計(jì)師的工作效率。

這里不贅述了，每個(gè)人有自己的版本管理方式，不過目標(biāo)只有一個(gè)：清晰高效。

2.關(guān)于手機(jī)的基礎(chǔ)概念

這里的概念性內(nèi)容不要強(qiáng)行記憶，理解即可，它是做移動(dòng)UI設(shè)計(jì)的理論常識(shí)。

手機(jī)分辨率

手機(jī)屏幕的像素點(diǎn)數(shù)。比如750*1334、720*1280等等，細(xì)分還有物理分辨率和邏輯分辨率，這里不擴(kuò)展講解了，想了解自行百度吧。

手機(jī)分辨率牽扯到的就是工作時(shí)設(shè)計(jì)稿的尺寸，只要記住設(shè)計(jì)尺寸就可以了。

屏幕尺寸

手機(jī)對(duì)角線的物理尺寸，單位是英寸。IPhone 6/7/8的尺寸就是4.7英寸……

屏幕尺寸和設(shè)計(jì)其實(shí)關(guān)系不大，主要是用來計(jì)算屏幕密度的。

屏幕密度(DPI或PPI)

每英寸的像素點(diǎn)數(shù)。簡(jiǎn)單理解就是屏幕密度越大，畫面越逼真細(xì)膩。

下面是屏幕密度的計(jì)算方法，范例是5英寸，分辨率為1920*1080的手機(jī)：

屏幕密度牽扯最多的是安卓系統(tǒng)，安卓手機(jī)屏幕本身的密度種類非常多，這也是導(dǎo)致了安卓系統(tǒng)需要提供多套切圖的原因。(使用SVG格式圖片可以解決多套切圖和適配的問題，這個(gè)我們下面會(huì)提到)

3.基礎(chǔ)設(shè)計(jì)規(guī)范——IOS系統(tǒng)

這是蘋果的開發(fā)者官網(wǎng)：https://developer.apple.com/

這里有持續(xù)更新的最新設(shè)計(jì)規(guī)范和資源模板，雖然是全英文的，但并不影響閱讀。

設(shè)計(jì)師應(yīng)該學(xué)會(huì)從官方獲得設(shè)計(jì)資料，這比其他途徑獲得的資料更加全面和權(quán)威。

最新系統(tǒng)版本：IOS 11.4.1

中文字體：蘋方黑體

英文字體：San Francisco

官方系統(tǒng)設(shè)計(jì)模板下載：

https://developer.apple.com/design/resources/

官方系統(tǒng)設(shè)計(jì)字體下載：

https://developer.apple.com/fonts/

下圖是截止到目前，可能還需要支持的機(jī)型和對(duì)應(yīng)的設(shè)計(jì)尺寸：

設(shè)計(jì)稿尺寸

只推薦750*1334的尺寸來做設(shè)計(jì)稿，這是向上向下都最容易適配的尺寸，包括用這個(gè)尺寸去適配Android版。

除了IPhone X的比例特殊外，其他的IPhone比例幾乎差不多的，比較容易適配。

Sketch設(shè)計(jì)

使用375 * 667尺寸即可，開發(fā)在Xcode里也是使用這個(gè)尺寸。

導(dǎo)出的@2x圖適配IPhone 5/5S/5C/SE   6/6S/7/8

導(dǎo)出的@3x圖適配Iphone 6/6S/7/8 Plus    IPhone X

Photoshop設(shè)計(jì)

畫布就建成750 * 1334尺寸的即可，在這個(gè)前提之下，

導(dǎo)出原尺寸圖片加后綴@2x，適配IPhone 5/5S/5C/SE   6/6S/7/8

導(dǎo)出1.5倍圖片加后綴@3x，適配IPhone 6/6S/7/8 Plus    IPhone X

常用數(shù)據(jù)

下面的內(nèi)容蘋果官方提供的模板文檔其實(shí)都有對(duì)應(yīng)的數(shù)據(jù)，可以去官網(wǎng)下載。

字號(hào)使用建議(這個(gè)不是硬性規(guī)定，根據(jù)視覺效果酌情使用)

導(dǎo)航文字            34-38px

標(biāo)題文字            28-34px

正文文字            26-30px

輔助文字            20-24px

Tab bar文字       20px

圖標(biāo)尺寸建議

APP應(yīng)用圖標(biāo)，建議使用1024*1024尺寸去做，逐級(jí)縮小去應(yīng)用到各種場(chǎng)景中。

SKetch已經(jīng)提供了IOS和Android系統(tǒng)的APP尺寸圖標(biāo)模板，直接使用就可以了。

界面適配

程序內(nèi)部的功能界面：這種界面通過寫成自適應(yīng)的界面可以很好的適配各種機(jī)型；如果有特殊的布局要求，也可以讓開發(fā)根據(jù)特定機(jī)型去調(diào)整，不需要單獨(dú)為各類機(jī)型再做設(shè)計(jì)稿。

覆蓋全屏類的界面：比如閃屏、啟動(dòng)頁、引導(dǎo)界面、插畫頁面等等，這類覆蓋全屏的界面必須要單獨(dú)為IPhone X的比例重新繪制或者調(diào)整設(shè)計(jì)稿。

其他的IPhone機(jī)型，遇到這種界面，整體放大縮小、微調(diào)之后按照各機(jī)型的設(shè)計(jì)尺寸輸出對(duì)應(yīng)的切圖就可以了。

IPhone X的安全區(qū)域：IPhone X的安全區(qū)域就是扣除頂部劉海狀態(tài)欄和底部虛擬home鍵之后，中間的內(nèi)容顯示區(qū)域。如果你不得不使用IPhoneX的尺寸做設(shè)計(jì)稿，請(qǐng)一定設(shè)置好參考線，不要把內(nèi)容做進(jìn)這兩塊區(qū)域內(nèi)部。

IPhone X規(guī)范：iPhone X 人機(jī)交互指南及其設(shè)計(jì)細(xì)節(jié)

簡(jiǎn)單理解APP構(gòu)成

下圖是IOS開發(fā)工具Xcode里的一個(gè)空白頁面，圖片的文字標(biāo)注請(qǐng)仔細(xì)閱讀。

本質(zhì)上，開發(fā)寫APP界面和設(shè)計(jì)做設(shè)計(jì)稿是一樣的，只不過兩者實(shí)現(xiàn)方法不同。

APP的構(gòu)成遠(yuǎn)遠(yuǎn)要比上圖寫的復(fù)雜的多，我們這里使用最簡(jiǎn)單的理解方式。

設(shè)計(jì)稿的標(biāo)注

根據(jù)上圖我們可以理解設(shè)計(jì)稿和程序之間的關(guān)系：

設(shè)計(jì)稿里的按鈕、文字、圖標(biāo)、列表、背景色、線條等等所有的設(shè)計(jì)元素，

在Xcode里都有對(duì)應(yīng)的控件，設(shè)計(jì)元素必須使用對(duì)應(yīng)控件，才能在APP的界面里顯示出來。

設(shè)計(jì)稿的標(biāo)注，實(shí)質(zhì)上是標(biāo)注的各類控件的屬性以及相對(duì)于其他控件的關(guān)系：

設(shè)計(jì)稿中：

文字的自身屬性：顏色、字號(hào)、字體、行間距、對(duì)齊方式、透明度；

圖片的自身屬性：寬高、間距、距離、透明度。

至于標(biāo)注在上篇文章有詳解：一款A(yù)PP從設(shè)計(jì)到切圖標(biāo)注適配全記錄，這里就不累贅了！

程序的對(duì)應(yīng)控件

Label的自身屬性：顏色、字號(hào)、字體、行間距、對(duì)齊方式、透明度；

Image View的自身屬性：寬高、間距、距離、透明度。

實(shí)際上各類控件的屬性也要比這個(gè)復(fù)雜的多，這里是最簡(jiǎn)單理解的舉例說明。

如今使用本地化插件Sketch Measure，幾乎不用手工標(biāo)注，標(biāo)注導(dǎo)出HTML后，扔給開發(fā)，他們想看什么屬性自己點(diǎn)擊查看就是了，所以我們這里了解下標(biāo)注原理就行。

而一些線上工具的插件，比如藍(lán)湖、墨刀、Mockplus等等，功能更加豐富，各位根據(jù)自身情況靈活運(yùn)用吧。

Sketch Measure去http://Sketch.im下載

設(shè)計(jì)稿的切圖

IOS目前常用的還是輸出2套PNG圖片。@2x、@3x的后綴，是為了在Xcode導(dǎo)入圖片資源時(shí)，識(shí)別對(duì)應(yīng)機(jī)型所用的圖片。

Xcode里提供了相應(yīng)的位置，相同命名圖片會(huì)根據(jù)后綴填入到對(duì)應(yīng)的位置。

目前Sketch提供了PNG、JPG、TIFF、WebP、PDF、EPS、SVG格式。

但是對(duì)于UI設(shè)計(jì)來說，常用的圖片格式就以下幾種：

PNG      常用圖片格式，沒什么解釋的，目前大部分產(chǎn)品還在使用此格式；

WebP    安卓的圖片格式，同等質(zhì)量圖片下體積非常小，非常推薦給安卓使用；

SVG      矢量格式，完美解決適配問題，但也有部分缺點(diǎn)。

想具體了解WebP和SVG，可以查看之前的文章。

切圖輸出規(guī)范

前提：同一類型、位置的切圖，請(qǐng)保證切圖尺寸、規(guī)格一致，圖片尺寸為偶數(shù)大小。

1.有操作功能、可點(diǎn)擊的功能性切圖：最小點(diǎn)擊區(qū)域問題

蘋果官方提供的能準(zhǔn)確點(diǎn)擊的最小點(diǎn)擊區(qū)域：88 * 88px;

小于這個(gè)范圍也可以點(diǎn)擊，但是點(diǎn)擊不靈敏，體驗(yàn)較差。

對(duì)于比這個(gè)范圍小的可點(diǎn)擊按鈕，周圍需要用透明區(qū)域填充后再輸出切圖。

解釋下為什么用透明區(qū)域填充來擴(kuò)大點(diǎn)擊區(qū)域范圍：

圖標(biāo)這東西，對(duì)設(shè)計(jì)師來說沒區(qū)別，都是圖片。

但對(duì)開發(fā)來說，可操作和不可操作的圖標(biāo)是兩種類型的控件，圖標(biāo)的樣式不過是傳給該控件的顯示圖片罷了。

可操作的功能圖標(biāo)在Xcode對(duì)應(yīng)控件是UIButton。

對(duì)控件來說，如果不在代碼里明確固定控件的大小、點(diǎn)擊區(qū)域等等各類屬性，設(shè)計(jì)師傳給我多大的圖，這個(gè)控件就會(huì)被這張圖撐到多大。

你給我一張40*40的按鈕切圖，如果開發(fā)什么都不做，那這個(gè)UIButton在手機(jī)界面里就被撐到40*40的大小。

我也可以在Xcode里寫幾行代碼，固定圖片的大小就是40*40，擴(kuò)大UIButton這個(gè)控件的大小變成88*88，這樣這個(gè)控件的點(diǎn)擊區(qū)域也擴(kuò)大了。

但是一張規(guī)范的切圖就能解決的事情，為什么還要在代碼里再手動(dòng)加幾行呢？

一個(gè)可點(diǎn)擊按鈕需要加一行代碼，整個(gè)APP就可能多加上百行上千行的代碼。

規(guī)范的切圖也是可以提升產(chǎn)品開發(fā)效率的。

2.非功能性切圖，比如列表圖標(biāo)、說明圖標(biāo)等，按統(tǒng)一規(guī)格的最小尺寸切。

這么切還可以減少一些程序因圖片資源大小導(dǎo)致的體積大小問題。

這類切圖，對(duì)應(yīng)的是UIImageView控件，就是一張圖片，無操作，只是占位和顯示。

所以你按照相同規(guī)格，最小尺寸切就可以了。

有朋友問：一定要切正方形的嗎？如果圖標(biāo)都是30*20的，那我統(tǒng)一切30*20的行不行

答案是：可以，這個(gè)沒有完全的硬性規(guī)定。雖然我是設(shè)計(jì)師，但也會(huì)去寫一些IOS程序。正方形規(guī)格切圖就是為了方便開發(fā)，當(dāng)然還是推薦你使用正方形規(guī)格來切圖。

但實(shí)際開發(fā)過程中，只要保證同一位置，切圖規(guī)格統(tǒng)一就可以。

切圖輸出狀態(tài)：

同一按鈕、元素的不同狀態(tài)，要明確命名對(duì)應(yīng)狀態(tài)之后，分別輸出對(duì)應(yīng)圖片。

下圖示例按鈕的選中狀態(tài)多出現(xiàn)在游戲APP中，這里僅表示說明。

命名規(guī)范

不要使用中文、特殊字符，請(qǐng)使用英文、下劃線、數(shù)字對(duì)切圖命名，數(shù)字不要打頭。

命名方式盡量清晰，推薦采用：種類_位置_功能_狀態(tài)

示例說明：

btn_homepage_seach_normal@2x.png

開發(fā)看到就會(huì)明白：這是位于首頁，處于正常狀態(tài)的搜索按鈕2倍切圖。

4.基礎(chǔ)設(shè)計(jì)規(guī)范——Android系統(tǒng)

這是Android Material Design中文版的地址

https://www.mdui.org/design/

Android的英文版地址

https://material.io/

最新系統(tǒng)版本：Android 9.0

中文字體：思源黑體

英文字體：Robot

Android不整理各類機(jī)型的尺寸規(guī)范了，數(shù)據(jù)零散，難以整理。所以我們從屏幕密度這里理解設(shè)計(jì)規(guī)范就可以了。

Android手機(jī)屏幕密度

上文我們提過屏幕密度的計(jì)算方式，安卓手機(jī)因?yàn)楦鞣N屏幕尺寸和分辨率，導(dǎo)致如果單純按照數(shù)值計(jì)算，可能屏幕密度種類會(huì)多到讓設(shè)計(jì)師崩潰。

所以為了解決這個(gè)問題，安卓手機(jī)出廠時(shí)，屏幕有自己初始的固定密度，系統(tǒng)會(huì)根據(jù)這些屏幕密度自行適配，下圖是對(duì)應(yīng)的屏幕密度表：

Android的開發(fā)單位以及設(shè)計(jì)尺寸

正因?yàn)锳ndroid手機(jī)分辨率多樣，為了保證同一設(shè)計(jì)在不同屏幕密度的手機(jī)上顯示效果一致，Android系統(tǒng)使用了下面兩個(gè)單位：

dp：android開發(fā)單位，相當(dāng)于比例換算單位。使用該單位，可以保證控件在不同密度的屏幕上按照比例解析顯示成相同視覺效果；

sp：android開發(fā)文字單位，和dp類似，也是為了保證文字在不同密度的屏幕上顯示相同的效果。

當(dāng)屏幕密度為MDPI（160DPI）時(shí)，1dp=1px

當(dāng)屏幕密度為MDPI（160DPI）時(shí)，1sp=1px

按照上面兩個(gè)公式的換算，同樣dp大小的圖片在不同屏幕密度的手機(jī)上如下圖所示，

基本可以保證圖片顯示效果在各類手機(jī)上相同。

設(shè)計(jì)稿尺寸

通過上面的分析，在xHDPI這個(gè)密度等級(jí)下，倍數(shù)關(guān)系為2，推薦使用720*1280尺寸做設(shè)計(jì)稿，換算方便，適配容易。

不過目前的現(xiàn)狀是，如果公司的產(chǎn)品有IOS和Android兩個(gè)版本，基本上設(shè)計(jì)師只會(huì)做IOS的版本，然后套用給Android，這樣做也是可以的。兩者的切圖，在這個(gè)設(shè)計(jì)尺寸之下是可以通用的。

設(shè)計(jì)稿的標(biāo)注

推薦使用dp和sp進(jìn)行標(biāo)注。但是呢，如果你用720*1280做設(shè)計(jì)，使用像素單位標(biāo)注，現(xiàn)在也不會(huì)影響什么。

因?yàn)榍懊嬉呀?jīng)提到過IOS的標(biāo)注了，這里也就不再贅述了。

設(shè)計(jì)稿的切圖

理論上，對(duì)于Android系統(tǒng)來說，如果你想完美適配各種機(jī)型，應(yīng)該為不同的屏幕密度提供不同尺寸大小的切圖，而Android的開發(fā)工具也為不同的屏幕密度提供了對(duì)應(yīng)的資源文件夾。

但實(shí)際上，并不需要提供上面密度表那么多套的切圖，程序安裝包的大小基本就是由于圖片占用了太多的位置。

所以需要提供多少套圖片，請(qǐng)和公司的開發(fā)溝通，確定你們的產(chǎn)品實(shí)際支持哪些屏幕密度。

圖片格式

WebP和SVG

我個(gè)人是推薦現(xiàn)在為Android系統(tǒng)使用WebP格式，體積小，顯示效果好；

而SVG這種矢量圖片格式完美解決了Android多套切圖的問題，一套切圖，完美適配各種屏幕密度。

最小可點(diǎn)擊區(qū)域

48dp：這和IOS的最小點(diǎn)擊區(qū)域性質(zhì)是一樣的，都是考慮到手指點(diǎn)擊的靈敏性的問題，設(shè)計(jì)可點(diǎn)擊控件的時(shí)候要考慮到這一點(diǎn)。

更多的注意事項(xiàng)和IOS切圖是相同的，這里不再贅述了。

5.UI設(shè)計(jì)師的職業(yè)道路

如今的移動(dòng)UI設(shè)計(jì)行業(yè)已經(jīng)很成熟了，針對(duì)移動(dòng)UI設(shè)計(jì)的便捷工具層出不窮；移動(dòng)UI設(shè)計(jì)的理論體系知識(shí)也已經(jīng)漸漸完善。但這些都是外部因素，社會(huì)發(fā)展了，我們跟著一起向前適應(yīng)就好了；

但對(duì)于設(shè)計(jì)師工作能力的提升，還需要有明確的方法體系，更要有清晰的職業(yè)規(guī)劃！

很多設(shè)計(jì)師工作了幾年，卻一直在原地踏步，苦苦掙扎，甚至沒有職業(yè)目標(biāo)。

目前我工作5年，就從我自身的體會(huì)來分享我自己的方式，當(dāng)然資深的、精英設(shè)計(jì)就別跟我較真了，我代表的是那90%還在向上努力爬的普通設(shè)計(jì)師~

工作能力，不僅僅指的是自身的專業(yè)技術(shù)水平，還包含了各種綜合性能力，請(qǐng)務(wù)必對(duì)自己有明確的職業(yè)規(guī)劃和能力發(fā)展軌跡。

工作0~2年

這個(gè)階段對(duì)于新人來說，是一個(gè)設(shè)計(jì)能力和工作經(jīng)驗(yàn)的快速積累過程，不夸張的說，這兩年內(nèi)的經(jīng)驗(yàn)可以決定你之后的職業(yè)發(fā)展道路是否順利。

此階段目的：提升設(shè)計(jì)專業(yè)能力、完善理論知識(shí)、積累實(shí)際項(xiàng)目經(jīng)驗(yàn)

這個(gè)階段就別想著一專多能了，先把那個(gè)“一?！备愫镁涂梢粤?，當(dāng)然不是不讓你學(xué)習(xí)別的知識(shí)，而是說重心應(yīng)該發(fā)在提升目前的專業(yè)能力上。

提升設(shè)計(jì)能力：

一方面，通過公司的實(shí)際商業(yè)項(xiàng)目提升能力，這個(gè)沒什么可說的；

另一方面，業(yè)余時(shí)間務(wù)必進(jìn)行大量的作品練習(xí)，無論是臨摹、還是重設(shè)計(jì)都可以，目的就是一個(gè)：量大 從優(yōu)！

臨摹請(qǐng)用高質(zhì)量作品，臨摹一堆垃圾還不如不做，臨摹請(qǐng)務(wù)必做到99%以上的相似度，不然那不叫臨摹，臨摹的過程是考驗(yàn)軟件功力、設(shè)計(jì)技法能否完美復(fù)制的過程。

重設(shè)計(jì)請(qǐng)使用成熟知名產(chǎn)品，不要重設(shè)計(jì)一堆垃圾應(yīng)用，成熟產(chǎn)品每個(gè)界面的布局、樣式、功能、邏輯都是經(jīng)過深思熟慮后呈現(xiàn)給你的。

重設(shè)計(jì)的目的是要體會(huì)產(chǎn)品背后反映的設(shè)計(jì)意圖，不是為了重設(shè)計(jì)而重設(shè)計(jì)。

所以重設(shè)計(jì)之前請(qǐng)自己思考原產(chǎn)品這么做的目的再動(dòng)手。

完善理論知識(shí)：

沒有理論體系方法的支持，在設(shè)計(jì)道路上是走不遠(yuǎn)的。

現(xiàn)在關(guān)于UI設(shè)計(jì)的知識(shí)網(wǎng)站已經(jīng)很多了，當(dāng)然不局限在這類專業(yè)性網(wǎng)站上。

人人都是PM、UI中國(guó)、25學(xué)堂等等很多這類網(wǎng)站都是學(xué)習(xí)理論知識(shí)的好地方。

當(dāng)然，你也可以關(guān)注我嘛~（給自己打個(gè)廣告，吼吼~）

工作2~3年

3年對(duì)于互聯(lián)網(wǎng)從業(yè)者是一個(gè)坎兒，其實(shí)這是相對(duì)于職業(yè)規(guī)劃來說的。

通過前兩年的積累，對(duì)于UI設(shè)計(jì)本職工作已經(jīng)可以勝任了，接下來的要考慮的是個(gè)人的職業(yè)發(fā)展規(guī)劃了。

此階段目的：拓展技能、明確職業(yè)目標(biāo)、為進(jìn)大廠做準(zhǔn)備

拓展技能：

這個(gè)階段可以考慮“一專多能”的多能了，作為UI設(shè)計(jì)師，可以學(xué)習(xí)的東西實(shí)在太多了，交互、動(dòng)效、產(chǎn)品設(shè)計(jì)、開發(fā)等等。

不要求你達(dá)到那些專業(yè)從業(yè)者的地步，你要學(xué)到專業(yè)程度，還干什么UI設(shè)計(jì)啊。

目的是為了拓展自己的技能樹，為自己提供更多的競(jìng)爭(zhēng)力，這個(gè)習(xí)慣要一直保持伴隨之后的工作……

明確職業(yè)目標(biāo)：

設(shè)計(jì)師最怕的就是迷茫，如果說前兩年因?yàn)閯側(cè)胄?，?duì)行業(yè)，對(duì)自身都不完全了解，那情有可原。但工作兩年后，對(duì)自身的情況再不清醒那就說不過去了。

可以從以下方面考慮：

是始終堅(jiān)持在一線崗位的設(shè)計(jì)技術(shù)大牛，還是想做設(shè)計(jì)管理者，亦或者想從UI設(shè)計(jì)師轉(zhuǎn)職成交互設(shè)計(jì)、產(chǎn)品設(shè)計(jì)等等。

工作兩年已經(jīng)對(duì)自身，對(duì)行業(yè)有理解了，自己的能力是否適合設(shè)計(jì)崗位，對(duì)設(shè)計(jì)的熱愛是否能經(jīng)久不變都可以作為參考調(diào)節(jié)了。

為進(jìn)入大廠做準(zhǔn)備：

剛工作，可能限制于能力實(shí)力問題，委身于小公司。

但是！雖然我們身在小公司，但心要在BAT CAO  TMD，

Apple、Google也不是不可以！

Skr！Skr！

這階段可以為大廠準(zhǔn)備一下，當(dāng)然不是讓你工作兩年多就去面試啊，如果你的能力特別突出，就當(dāng)我放屁吧~

意思是，可以以進(jìn)入大廠為目標(biāo)，綜合性的考慮自身的缺陷并盡量彌補(bǔ)。

千萬別以為就在小公司將就著干吧，反正拿的錢也差不多，大公司的滋味你是體會(huì)不到的。

拿同樣的薪水，在小公司和大公司的感受可是完全不同的，小公司對(duì)個(gè)人的眼界、人脈、能力提升的幫助都不可能和大公司相提并論。

工作3~5年

對(duì)互聯(lián)網(wǎng)人來說，3年一個(gè)坎，5年一個(gè)坎，都是職業(yè)規(guī)劃的節(jié)點(diǎn)時(shí)間。

3到5年的設(shè)計(jì)師，如果你真的用心工作了，一個(gè)人可以實(shí)實(shí)在在的頂起來一個(gè)項(xiàng)目。

我們上面說，為進(jìn)入大廠做準(zhǔn)備。在這個(gè)階段，可以考慮進(jìn)入一些中大型企業(yè)，提升個(gè)人的綜合能力、拓展人脈。

部分企業(yè)也比較喜歡要這個(gè)階段的設(shè)計(jì)師，有工作能力，職業(yè)道路又剛開始，搞不好可以在公司培養(yǎng)起來。

此階段的目的：提升綜合能力、拓展人脈圈子

這時(shí)的個(gè)人專業(yè)水平其實(shí)已經(jīng)不是問題，繼續(xù)在工作中磨練積累就可以了；

這里需要的是打開個(gè)人在職場(chǎng)上的道路。

說實(shí)話，即使是互聯(lián)網(wǎng)行業(yè)，搞技術(shù)除了要保證自身技術(shù)過硬之外，會(huì)不會(huì)發(fā)展人脈，能不能提升綜合能力才是最后職業(yè)道路能不能走遠(yuǎn)走高的決定因素。

提升綜合能力：

與各部門的溝通能力、對(duì)設(shè)計(jì)資源的協(xié)調(diào)能力、在公司業(yè)務(wù)上的話語能力、對(duì)項(xiàng)目的把控能力等等，都算綜合能力，這是對(duì)內(nèi)部的能力。

不要以為對(duì)設(shè)計(jì)師來說，我悶著頭接需求，做設(shè)計(jì)就可以了。

這樣的設(shè)計(jì)師，也許你可以踏踏實(shí)實(shí)當(dāng)個(gè)接需求的小設(shè)計(jì)，但你永遠(yuǎn)也只是一個(gè)這類的設(shè)計(jì)，對(duì)于有更高更強(qiáng)的職業(yè)追求的人來說，沒有幫助。

所以，張開嘴、邁開腿，一步一步嘗試去推動(dòng)自身進(jìn)步吧，這個(gè)沒什么技術(shù)性方法，必須要自己親自去做。

拓展人脈圈子：

人脈對(duì)個(gè)人職業(yè)道路的幫助，遠(yuǎn)遠(yuǎn)要比專業(yè)能力的幫助要大的多，這是對(duì)外的能力。

設(shè)計(jì)師的圈子，說實(shí)話不算大。搞技術(shù)的，本身就坐辦公室，而做設(shè)計(jì)的人本身性格也有一部分原因，但還是請(qǐng)你努力拓展自己的人脈。

對(duì)于自身的專業(yè)圈子，努力分享自己的設(shè)計(jì)經(jīng)驗(yàn)、工作心得，總結(jié)自己的體會(huì)，發(fā)布到各類設(shè)計(jì)專業(yè)論壇上，積極的幫助別人，這都算一種拓展方式。

時(shí)間久了，就會(huì)結(jié)識(shí)非常多的設(shè)計(jì)界朋友，設(shè)計(jì)大牛也會(huì)逐漸注意到你，這些都是你職業(yè)道路上的寶貴資源。

還可以認(rèn)識(shí)幾個(gè)不錯(cuò)的獵頭朋友，有好的職位，他們都會(huì)優(yōu)先想到你的。

作者自述

這也是我寫的最后一篇關(guān)于基礎(chǔ)規(guī)范類文章，也算是整理一下工作到現(xiàn)在的基礎(chǔ)常識(shí)類內(nèi)容，以后不再寫這類基礎(chǔ)文章了。

人總要進(jìn)步的，設(shè)計(jì)師還是要靠干貨作品來撐腰的，對(duì)吧。

以后發(fā)的內(nèi)容都是我做過的實(shí)際商業(yè)項(xiàng)目，我會(huì)把設(shè)計(jì)經(jīng)驗(yàn)和工作方法融入到這些作品實(shí)例里來寫，這總比我單純講理論知識(shí)要強(qiáng)。

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)