此文主要適讀人群：夢想成為“全棧設(shè)計師”的你（偏向移動端產(chǎn)品）耍贾！
當然設(shè)計都是相通的，即使你的職位是產(chǎn)品設(shè)計路幸、交互設(shè)計逼争、網(wǎng)頁設(shè)計、平面設(shè)計也都不妨一看劝赔，相信你也可以有所收獲誓焦！
之前我就說過關(guān)于高級設(shè)計師的必經(jīng)之路就是建立自己的設(shè)計體系，那作為一名視覺設(shè)計師到底應(yīng)該有怎樣的設(shè)計體系呢着帽？今天菜心就來分享一下自己的整個體系規(guī)劃杂伟，這是一個非常旁大的系統(tǒng)，目前我也正在按照這個系統(tǒng)來逐一總結(jié)仍翰，當然這需要一段十分漫長的過程才能完成赫粥，但是只要我們有了清晰的規(guī)劃，至少這份規(guī)劃可以讓我們清楚自己處在什么階段予借，避免發(fā)生自我迷茫的情況越平。
這個體系只是我本人擬定的一份粗略規(guī)劃（僅供參考），有一些點之前總結(jié)過灵迫，還有很多暫時沒有總結(jié)秦叛，以后會陸續(xù)推出，希望大家持續(xù)關(guān)注瀑粥！
大綱如下（哪gggggvvxxdgu[45
++*里不會補哪里吧）：
1挣跋、對app基礎(chǔ)控件的認知
2、字體
3狞换、配色
4避咆、圖標設(shè)計
5舟肉、標注與切圖規(guī)范
6、排版的基礎(chǔ)原則
7查库、簡單的動效設(shè)計
8路媚、走察規(guī)范
9、交互常識
10樊销、項目文件管理
11整慎、個人素材、資源庫
12现柠、開發(fā)常識
13院领、數(shù)據(jù)分析能力
14弛矛、產(chǎn)品常識
15够吩、用研常識
1.對app基礎(chǔ)控件的認知
作為移動端產(chǎn)品的視覺設(shè)計師，我們首先要對app內(nèi)的一些基礎(chǔ)控件有所了解丈氓，比如說：按鈕周循、導航、彈窗万俗、浮層湾笛、表單等等，當然這里的每一項其實都有各自的一套體系闰歪，完全可以單獨拿出來講解嚎研，之前我有系統(tǒng)的總結(jié)過關(guān)于彈窗的分類，大家有興趣的可以查看：http://www.reibang.com/p/3f35badaae00库倘，之后也會陸續(xù)更新其他部分的內(nèi)容临扮。
這里需要強調(diào)一點，如果有精力的同學可以看看蘋果和安卓的系統(tǒng)控件教翩，對我們深入了解app規(guī)范會有很大的幫助杆勇。
對于控件如何分類，其實想有一個十分精準的定位與分類其實是非常困難的饱亿，尤其是在現(xiàn)在雙系統(tǒng)（蘋果和安卓）趨于同質(zhì)化的今天蚜退，我們更難單維度的去將所有控件精準無誤的分類，但我們可以參考業(yè)界的規(guī)范彪笼，針對自己的平臺屬性去進行梳理與分類钻注，還是那句老話，只要有理論依據(jù)并且對實際工作有指導意義配猫，那就是正確的队寇。
2.字體
對于字體，我們需要了解各個系統(tǒng)使用的默認字體章姓，還需要知道一些常用場景下的字體大小佳遣，比如說：導航欄一般使用32识埋、34、36px的字體大小零渐，底部標簽欄的字體大小一般為20px等等窒舟，這些內(nèi)容在網(wǎng)上有很多資料，大家可以自行查閱诵盼。
當然對于平面運營類的設(shè)計惠豺，字體還有另外一套說法，我們會將字體分為以下幾種類型：襯線體风宁、非襯線體洁墙、手寫體、書法體戒财，當然還可以自己去設(shè)計字體热监，如果平時經(jīng)常會接到運營類的需求，不防對每一種字體的特點和使用場景都好好總結(jié)一番饮寞。
溫馨提示：電腦里的字體不用太多孝扛，每一種類別的字體裝一兩個即可，關(guān)鍵是將其用好幽崩。
關(guān)于字體的總結(jié)推薦看一下牛mo王的文章苦始，鏈接如下：http://www.zcool.com.cn/article/ZMTQ5Nzcy.html
3.配色
對于顏色，至少我們要學會以下兩點
（1）顏色的基本認知：http://www.uisdc.com/head-first-color-theory
（這一篇文章還不錯慌申，推薦一看）
（2）實際項目中陌选，我們應(yīng)該如何選取顏色、如何制定顏色規(guī)范蹄溉，這也是我后期準備總結(jié)的內(nèi)容咨油。
4.圖標設(shè)計
關(guān)于圖標設(shè)計，之前我有簡單總結(jié)過类缤，大家可以選擇性查看：http://www.reibang.com/p/062929b72336
這里我就不多說了
5.標注與切圖規(guī)范
以前在用ps做界面設(shè)計時臼勉，標注切圖是個很麻煩的事情，不過現(xiàn)在隨著sketch 的普及餐弱，標注和切圖都已經(jīng)趨于自動化宴霸，越來越便利，但是對我們的設(shè)計稿規(guī)范要求也越來越高膏蚓。
關(guān)于切圖的命名規(guī)則之前菜心有總結(jié)過：http://www.reibang.com/p/6178216c65a3
后期會對標注以及如何切圖進行更深入的總結(jié)瓢谢。
6、排版的基礎(chǔ)原則
這里提兩個比較基礎(chǔ)的知識點
（1）排版的要素：構(gòu)圖（視角）驮瞧、顏色氓扛、字體、點綴。
（2）排版的原則：對齊采郎、對比千所、親密性、重復蒜埋。
建議大家可以買一本《寫給大家看的設(shè)計書》淫痰，寫的非常棒，對于沒有排版經(jīng)驗的小伙伴很有幫助整份。
如果不想買書的話待错，也可以在網(wǎng)上找找相關(guān)的資料與教程，或者等我以后總結(jié)烈评。
7火俄、簡單的動效設(shè)計
會做點動效會給我們加分不少，尤其是做一些加載動畫讲冠，這是我們經(jīng)常會遇到的需求瓜客，關(guān)于加載動畫的場景分類之前有總結(jié)過，不了解的可以自行查看：http://www.reibang.com/p/845559ef6d08
至于使用的工具沟启，其實很多軟件都是可以的忆家，我一般會用ps做一些動態(tài)表情犹菇，用AE做一些加載動畫德迹，而頁面之間的交互動效大家可以使用flinto、principle之類的軟件揭芍。
8胳搞、走察規(guī)范
關(guān)于走查，不同的團隊有不同的規(guī)范與形式称杨，目的是為了檢查我們設(shè)計稿的還原程度肌毅，是視覺設(shè)計師必須要經(jīng)歷的工作環(huán)節(jié)，小公司的話可以直接和開發(fā)進行溝通并修改姑原，但是在大公司一定要將問題點梳理清楚后發(fā)郵件給項目組與開發(fā)哥哥悬而，有些不清楚的地方也需要當面進行闡述。
基本的做法就是將手機上現(xiàn)實稿截屏與原版設(shè)計稿進行對比锭汛，列清楚所有問題點笨奠，并告知如何修改，至于用什么軟件唤殴，可根據(jù)自己團隊的需求統(tǒng)一規(guī)定般婆。
9、交互常識
交互和視覺有很多交集的地方朵逝，比如控件的分類與定義蔚袍、頁面信息的布局方式等等，但是交互有很多值得視覺學習的地方配名，其中最重要的一點就是思維邏輯啤咽，對于產(chǎn)品的邏輯晋辆，他們要比我們思考的更加全面、透徹宇整。至于他們?nèi)绾嗡伎颊煌希拔乙部偨Y(jié)過一篇文章，大家可以選擇性的查閱：http://www.reibang.com/p/9677e3bc4848
如果你覺得視覺設(shè)計是你的重心没陡，以后也不想往交互方向發(fā)展涩哟，那就點到為止，了解一些基礎(chǔ)即可盼玄，一定要把握好自己的方向贴彼，千萬不要忘記主次。
10埃儿、項目文件管理
這里就是告訴大家器仗，每個項目的文件自己都要管理好，不然后期隨著文件的增加童番、版本的迭代精钮，如果沒有一個分類規(guī)則，找文件時非常麻煩剃斧。至少我們在做項目之前轨香，需要建幾個最重要的分類文件，如下圖：
至于里面怎么細分幼东，以后再找機會詳細的講解臂容。
11、個人素材根蟹、資源庫
定期要對自己的資源進行整理與分類脓杉，比如說你的網(wǎng)站資源，下面的這張圖是我的資源管理分類简逮，大家可以參考：
后期我會再詳細的整理一下球散，和大家分享一些我收藏的資源。
12散庶、開發(fā)常識
作為視覺設(shè)計師蕉堰，經(jīng)常會和開發(fā)對接溝通，如果我們能了解一些關(guān)于開發(fā)的基礎(chǔ)知識和他們的思維邏輯督赤，一定可以避免很多不必要的時間浪費嘁灯。在上次制作規(guī)范時，由于對很多開發(fā)邏輯的不清楚躲舌，導致執(zhí)行過程中遇到很多問題丑婿，后來進行了梳理總結(jié)，總結(jié)地址：http://www.reibang.com/p/463c14b869f5
大家可以選擇性查閱。
13羹奉、數(shù)據(jù)分析能力
對于數(shù)據(jù)分析能力秒旋，對我們要求不高，但至少我們需要知道網(wǎng)站流量統(tǒng)計指標大致可以分為三類：IP诀拭、PV迁筛、UV（現(xiàn)在IP已經(jīng)很少用了）。
至于這三個概念是什么意思耕挨，百度一下细卧，網(wǎng)上有很多。
我們還需要通過這三類數(shù)據(jù)的變化筒占，簡單分析出產(chǎn)品可能存在的問題及解決方案贪庙。舉個簡單的例子，如果進入支付頁面的點擊率有很顯著的增加翰苫，但是平臺的交易額卻不見增長止邮，那我們就應(yīng)該很快分析出，一定是支付環(huán)節(jié)的設(shè)計或程序發(fā)生了故障奏窑，要么有程序有bug导披，要么體驗有漏洞等等。
這就是一個最簡單的數(shù)據(jù)分析埃唯。
14撩匕、產(chǎn)品常識
關(guān)于產(chǎn)品常識，對我們的要求也不高筑凫，短期內(nèi)把需求分析滑沧、產(chǎn)品定位等等這些基礎(chǔ)的知識點理解清楚就足夠用了并村，近期會分享一篇關(guān)于產(chǎn)品定位的總結(jié)巍实，敬請期待。
15哩牍、用研常識
用研常識也一樣棚潦，也是一些基礎(chǔ)的知識點，短期內(nèi)了解即可膝昆，比如用戶旅程圖丸边、情感圖譜、問卷調(diào)查等等荚孵，不要過于深究妹窖，以免本末倒置。
以上就是菜心目前的設(shè)計體系規(guī)劃收叶，可能還不夠全面骄呼，后面會慢慢查缺補漏。
我們?yōu)槭裁磿?jīng)常迷茫，其實就是因我們不清楚自己的方向蜓萄，不清楚自己的規(guī)劃隅茎，不清楚自己所處的位置，這也是我做這份規(guī)劃的原因嫉沽，希望能給大家一點思路上的啟發(fā)辟犀。
最后菜心還是想說：看的再多那也都是別人的，你的總結(jié)才是自己真正沉淀下來的绸硕，在這么一個信息爆炸的時代堂竟，我們?nèi)鄙俚牟皇切畔⑴c資源，而是一份專注與沉淀玻佩。2017跃捣，我們一起加油！
