如何從平面設(shè)計轉(zhuǎn)型到UI設(shè)計？平面設(shè)計主要做的是視覺設(shè)計，和UI設(shè)計有很多相似之處，所以平面設(shè)計轉(zhuǎn)UI設(shè)計相對快的多，但是還要補充一些UI設(shè)計的思維規(guī)范。第一階段 工具的掌握平面主要運用的設(shè)計軟件是P

如何從平面設(shè)計轉(zhuǎn)型到UI設(shè)計？

平面設(shè)計主要做的是視覺設(shè)計，和UI設(shè)計有很多相似之處，所以平面設(shè)計轉(zhuǎn)UI設(shè)計相對快的多，但是還要補充一些UI設(shè)計的思維規(guī)范。

第一階段 工具的掌握

平面主要運用的設(shè)計軟件是PS、AI、CDR，但是UI設(shè)計不僅需要掌握這些基礎(chǔ)工具，到了項目后期，UI設(shè)計師還需進行交互設(shè)計，以及動效設(shè)計，所以還要具備做交互設(shè)計的Axure和做動效設(shè)計的AE。

第二階段 學(xué)習(xí)UI設(shè)計規(guī)范

平面設(shè)計、美工不強調(diào)規(guī)范，而UI設(shè)計非常強調(diào)規(guī)范。每個像素都要精確，以像素單位來研究視覺效果。一般UI設(shè)計是基于安卓和IOS系統(tǒng)運行的，這兩個系統(tǒng)都有其官方的設(shè)計規(guī)范，不同機型也有不同的規(guī)范。建立設(shè)計規(guī)范能更好的統(tǒng)一管理設(shè)計進度，產(chǎn)品的定位、文化、特點。

第三階段 進行大量的臨摹

每個偉大的設(shè)計師都是從臨摹開始的，沒有人天生就會設(shè)計。平時多去站酷、UI中國、花瓣等設(shè)計網(wǎng)站看好的作品并進行臨摹，逼自己注意細節(jié)。大量的臨摹能使自己的設(shè)計水平快速提升，設(shè)計審美也不斷提升。

第四階段 參與項目

熟悉UI設(shè)計的工作流程：產(chǎn)品定位與市場分析、用戶研究與分析、原型設(shè)計、界面設(shè)計、完善工作。每個環(huán)節(jié)，設(shè)計師都應(yīng)該參與其中。一個項目可能由許多不同部門共同參與完成，UI設(shè)計師如何與團隊配合并發(fā)揮自己的價值非常重要。一名合格的設(shè)計師，應(yīng)該能貫穿整個UI流程工作，而并非單純的圖形界面設(shè)計。

學(xué)識才淺，如有不妥觀點，請加以扶正。

我是小新，歡迎點贊和關(guān)注！

如有其它問題請在評論區(qū)留言。

ui設(shè)計需要學(xué)什么？

UI是User interface的簡稱，即用戶界面設(shè)計。

1，最根本的元素是興趣，濃厚的興趣可以激發(fā)出來設(shè)計者潛在的能量和創(chuàng)造力。

2，審美觀。美術(shù)功底培養(yǎng)是學(xué)習(xí)的第二元素，給人帶來視覺上的沖擊力和震撼，你就是一個人物了。

3，軟件方面。AI設(shè)計是許多軟件設(shè)計的綜合，通常是PS AI AE Fireworks，coreldraw.輔助設(shè)計軟件cutterman切圖插件，Mark man，PPT、Word，flash等等。沒有這么多軟件作為強大的支持，根本不可能成為一個合格的設(shè)計師，妄想一蹴而就，一鳴驚人是徒勞的。

4，設(shè)計方向。研究人，工具及人與工具的關(guān)系。

5，設(shè)計細節(jié)。

1）模擬現(xiàn)實，不斷調(diào)整。

2）界面簡潔流暢自然。

3）通用圖標(biāo)和創(chuàng)新圖標(biāo)結(jié)合起來。圖標(biāo)不能太復(fù)雜，讓用戶費解是大忌。

4）色彩搭配盡量不要超過三個，黑白灰優(yōu)先。

5）語言使用一致性和準(zhǔn)確性，通俗性，關(guān)懷性。

CSS3的動畫的意義何在？

1、在性能上會稍微好一些，CSS3使用GPU，瀏覽器還會對CSS3的動畫做一些優(yōu)化（比如專門新建一個圖層用來跑動畫）。

2、代碼相對簡單，在現(xiàn)代 PC 瀏覽器上，CSS3 Animation 和 Transition 好寫好用，流暢絲滑，而且動畫過程0 GC。

3、CSS3 比 jQuery animate() 更流暢，更快，更效率。

4、CSS3 更傾向于實現(xiàn)交互效果和界面建設(shè)。

但其缺點也很明顯：

1、在動畫控制上不夠靈活。

2、兼容性不好。

3、部分動畫功能無法實現(xiàn)。

所以，在實現(xiàn)一些小的交互動效的時候，就多考慮考慮CSS吧。 而在需要兼容性很好并且有復(fù)雜的事件響應(yīng)的情況下使用jQuery中的animate()函數(shù)。