學UI用敲代碼嗎？

不需要

1.產(chǎn)品劃分

現(xiàn)目前的一個產(chǎn)品分為以下幾個職能：產(chǎn)品設(shè)計、UI設(shè)計、https://www.b5b6.com/qianduan/開發(fā)、https://www.b5b6.com/houduan/開發(fā)、服務(wù)器搭建。

產(chǎn)品設(shè)計：一般產(chǎn)品經(jīng)理兼職，就是對整個產(chǎn)品做功能規(guī)劃、流程規(guī)劃以及原型設(shè)計。功能規(guī)劃就是對本產(chǎn)品應(yīng)該有什么功能或者需要實現(xiàn)什么功能解決什么問題；流程規(guī)劃就是考慮用戶在使用中產(chǎn)生的功能跳轉(zhuǎn)，頁面跳轉(zhuǎn)前后的變化；原型設(shè)計就是一個交付給UI設(shè)計的頁面邏輯變化頁面。

UI設(shè)計：通過原型設(shè)計，將產(chǎn)品的靜態(tài)圖設(shè)計出來，色彩、文字、圖形都是UI的工作，同時要考慮頁面跳轉(zhuǎn)，已經(jīng)很多提示交互效果。

https://www.b5b6.com/qianduan/開發(fā)：拿到UI設(shè)計圖，通過代碼+可視化的方式將UI靜態(tài)圖開發(fā)成可點擊跳轉(zhuǎn)的頁面，此階段基本已經(jīng)是可以操作的網(wǎng)頁了。

https://www.b5b6.com/houduan/開發(fā)：https://www.b5b6.com/houduan/主要是動態(tài)數(shù)據(jù)以及數(shù)據(jù)管理的，也就是給https://www.b5b6.com/qianduan/提供數(shù)據(jù)接口，以及返回頁面產(chǎn)生的新數(shù)據(jù)，匯總至數(shù)據(jù)中心，統(tǒng)一管理。

服務(wù)器搭建：此職能主要是設(shè)計到硬件，也就是所有數(shù)據(jù)以及代碼的存儲；以及數(shù)據(jù)監(jiān)控設(shè)備的統(tǒng)一搭建。

2.UI定位

①UI的基礎(chǔ)定義就是將規(guī)劃中或者腦海中想象的產(chǎn)品樣子，給可視化設(shè)計出來。讓甲方或者產(chǎn)品組內(nèi)人員可以直觀的了解產(chǎn)品的樣式，在通過這個設(shè)計圖去優(yōu)化迭代。

②而深一級的UI可以延展到交互，也就是考慮頁面之間該通過什么方式的跳轉(zhuǎn)，讓產(chǎn)品邏輯正常，以及更優(yōu)化用戶的使用體驗；以及考慮頁面會出現(xiàn)的報錯、確認、關(guān)閉等不同操作狀態(tài)。

③下一步就是UI的升級，可以是UX設(shè)計師，也可以是產(chǎn)品經(jīng)理。中心偏向于交互體驗而弱化UI視覺設(shè)計。這個升級是全方面的，從純設(shè)計到語言、溝通、產(chǎn)品思維、產(chǎn)品認知的全方面的提升。類似于畫家從寫實作畫，到意識流作畫的提升。

3. UI的環(huán)境

在最理論的情況下，UI是產(chǎn)品開發(fā)的基礎(chǔ)，https://www.b5b6.com/qianduan/開發(fā)和https://www.b5b6.com/houduan/開發(fā)需要以UI的設(shè)計圖為主。

但是現(xiàn)目前，更多的https://www.b5b6.com/qianduan/開發(fā)因為開源組件充裕、產(chǎn)品開發(fā)周期緊張、https://www.b5b6.com/qianduan/有時會直接使用開源組件，而不遵從UI設(shè)計圖。

所以在設(shè)計ui圖的過程中，最實際的方式就是UI設(shè)計與https://www.b5b6.com/qianduan/開發(fā)，要長期溝通，了解https://www.b5b6.com/qianduan/開發(fā)能實現(xiàn)什么程度，再對設(shè)計圖進行調(diào)整。

如果一味以UI設(shè)計為主，那么會將產(chǎn)品進度拖延，耽誤產(chǎn)品上線。這里提到的“需要了解https://www.b5b6.com/qianduan/開發(fā)可以實現(xiàn)到什么程度”指的不是UI需要會寫代碼，而是只需要知道https://www.b5b6.com/qianduan/開發(fā)使用的組件效果即可。