在創(chuàng)業(yè)公司工作的這幾年中，很多工作都要涉及到視覺(jué)設(shè)計(jì)排作，但一般公司不會(huì)那么細(xì)牵啦，在我腦海中分為三種：
1.平面設(shè)計(jì)師： 限于2d廣告設(shè)計(jì)，比如名片妄痪、海報(bào)哈雏、宣傳畫(huà)冊(cè)、單頁(yè)等等裳瘪，做出來(lái)的UI可執(zhí)行性很低罪针，很多和原生系統(tǒng)相斥彭羹，工程師會(huì)很頭疼站故。無(wú)規(guī)范可言毅舆。
2.UI設(shè)計(jì)師：限于軟件UI的設(shè)計(jì)愈腾，一般的工程師拿到設(shè)計(jì)文件執(zhí)行起來(lái)沒(méi)有很大難度憋活，但是做出來(lái)的平面沒(méi)有創(chuàng)意虱黄，從技術(shù)上來(lái)看一般，想要讓人眼前一亮或是加上營(yíng)銷(xiāo)的想法很難橱乱。無(wú)規(guī)范可言。
3.視覺(jué)設(shè)計(jì)師：有很好的審美觀念作瞄，有平面設(shè)計(jì)大作危纫，針對(duì)不同場(chǎng)所宗挥，不同功能的設(shè)計(jì)有自己獨(dú)特的見(jiàn)解與經(jīng)驗(yàn)种蝶；有3D設(shè)計(jì)經(jīng)驗(yàn)，一般都有家居搪桂、建筑設(shè)計(jì)經(jīng)驗(yàn)；對(duì)于不同系統(tǒng)的軟件UI與UE都有研究踢械，并針對(duì)不同功能的應(yīng)用規(guī)劃其功能流程讓UI的不僅美觀并且易于上手魄藕。 對(duì)于每一個(gè)公司或項(xiàng)目群都有其規(guī)范文檔裸燎。
然而我就遇到過(guò)第一種泼疑，請(qǐng)不起第二種和第三種荷荤，平面壓力很大導(dǎo)致辭職的較多，交接工作時(shí)我是來(lái)一個(gè)又要和他重新說(shuō)一遍蕴纳，一直覺(jué)得應(yīng)該出個(gè)文檔，看完之后能夠馬上上手的那種翻翩，現(xiàn)在才知道原來(lái)是叫做視覺(jué)設(shè)計(jì)規(guī)范文檔
前言：
注明使用版本、設(shè)計(jì)操作系統(tǒng)嫂冻、與開(kāi)發(fā)時(shí)要說(shuō)明的
作用：
1.指導(dǎo)分工協(xié)作
2.避免重復(fù)工作
3.視覺(jué)統(tǒng)一 ，形象加分
4.讓思路更加清晰桨仿，工作更加高效
協(xié)調(diào)人員：
視覺(jué)設(shè)計(jì)師、平面設(shè)計(jì)師钱雷、交互設(shè)計(jì)師、產(chǎn)品經(jīng)理罩抗、程序員灿椅、市場(chǎng)運(yùn)營(yíng)人員、前端開(kāi)發(fā)阱扬、軟件測(cè)試
內(nèi)容：
色調(diào)：確認(rèn)主題色、組件色
字號(hào)：根據(jù)實(shí)際用途與場(chǎng)景適配麻惶，以實(shí)際效果良好為準(zhǔn)，確定一個(gè)適合值即可卡啰。
通用組件樣式：將整個(gè)UI設(shè)計(jì)中能夠通用的組件統(tǒng)一風(fēng)格警没，比如：對(duì)話框匈辱，提示框杀迹，確認(rèn)信息框等
不同狀態(tài)下組件樣式：不同狀態(tài)下的組件樣式一般為相同的，針對(duì)使用場(chǎng)景以實(shí)際效果為準(zhǔn)
間距：框架中的間距树酪、元素與元素之間的間距
圖片規(guī)范：不同頁(yè)面、位置垂谢、圖片的尺寸疮茄、顏色等等參數(shù)要求
不同適用版本：平板滥朱、手機(jī)、電腦等不同版本
整體框架修飾：將整體框架固定排嫌，作為模板往里填鹃栽，有利于掌控整體風(fēng)格
不同級(jí)別子頁(yè)面風(fēng)格：不同子界面的設(shè)計(jì)可以完全放給下個(gè)設(shè)計(jì)師躏率，有需要也可以進(jìn)行限制
示例：
第一步確定清晰的流程與思路
第二步：
適配尺寸：android薇芝、ios不同系統(tǒng)丰嘉、不同設(shè)備 ? ?表格或結(jié)構(gòu)圖表現(xiàn)
要注意的是：
? ? anrdoid 要切圖，將圖標(biāo)和圖片元素切為hdpi饮亏、xhdpi、xxhdpi三套荐开，放入三個(gè)文件夾中打包
? ? ios要切圖，將圖標(biāo)和圖片元素切為@2x,@3x兩套晃听，放入兩個(gè)文件夾中打包
第三步：
?確認(rèn)主題色與元素色
在appstyle系統(tǒng)統(tǒng)一默認(rèn)配色中設(shè)置為主題色
在其他元素比如：分割線顏色砰识、卡片陰影顏色深度、重要顏色文字深度等等
第四步：
文字
蘋(píng)果常用字體點(diǎn)這里辫狼！
不同地方、用途中文字的字體见秤、字號(hào)
第五步：
圖標(biāo)
統(tǒng)一的尺寸，特殊用途的注明秦叛、不同狀態(tài)的請(qǐng)附加
第六步：
按鈕
按鈕的樣式與不同狀態(tài)的樣式瀑粥、尺寸
懸浮按鈕56dp三圆，普通按鈕48dp
第七步：
公共控件
比如對(duì)話框
第八步：
模塊
確定某個(gè)模塊的風(fēng)格
第九步：
布局
確定大致布局風(fēng)格
一次性不能將規(guī)范全都覆蓋到位，可以不斷的添加并注明添加人和時(shí)間修噪，經(jīng)過(guò)設(shè)計(jì)部審核才能生效發(fā)布。
