css3旋轉動圖 如何從平面設計轉型到UI設計?
如何從平面設計轉型到UI設計?平面設計主要做的是視覺設計,和UI設計有很多相似之處,所以平面設計轉UI設計相對快的多,但是還要補充一些UI設計的思維規(guī)范。第一階段 工具的掌握平面主要運用的設計軟件是P
如何從平面設計轉型到UI設計?
平面設計主要做的是視覺設計,和UI設計有很多相似之處,所以平面設計轉UI設計相對快的多,但是還要補充一些UI設計的思維規(guī)范。
第一階段 工具的掌握
平面主要運用的設計軟件是PS、AI、CDR,但是UI設計不僅需要掌握這些基礎工具,到了項目后期,UI設計師還需進行交互設計,以及動效設計,所以還要具備做交互設計的Axure和做動效設計的AE。
第二階段 學習UI設計規(guī)范
平面設計、美工不強調(diào)規(guī)范,而UI設計非常強調(diào)規(guī)范。每個像素都要精確,以像素單位來研究視覺效果。一般UI設計是基于安卓和IOS系統(tǒng)運行的,這兩個系統(tǒng)都有其官方的設計規(guī)范,不同機型也有不同的規(guī)范。建立設計規(guī)范能更好的統(tǒng)一管理設計進度,產(chǎn)品的定位、文化、特點。
第三階段 進行大量的臨摹
每個偉大的設計師都是從臨摹開始的,沒有人天生就會設計。平時多去站酷、UI中國、花瓣等設計網(wǎng)站看好的作品并進行臨摹,逼自己注意細節(jié)。大量的臨摹能使自己的設計水平快速提升,設計審美也不斷提升。
第四階段 參與項目
熟悉UI設計的工作流程:產(chǎn)品定位與市場分析、用戶研究與分析、原型設計、界面設計、完善工作。每個環(huán)節(jié),設計師都應該參與其中。一個項目可能由許多不同部門共同參與完成,UI設計師如何與團隊配合并發(fā)揮自己的價值非常重要。一名合格的設計師,應該能貫穿整個UI流程工作,而并非單純的圖形界面設計。
學識才淺,如有不妥觀點,請加以扶正。
我是小新,歡迎點贊和關注!
如有其它問題請在評論區(qū)留言。
ui設計需要學什么?
UI是User interface的簡稱,即用戶界面設計。
1,最根本的元素是興趣,濃厚的興趣可以激發(fā)出來設計者潛在的能量和創(chuàng)造力。
2,審美觀。美術功底培養(yǎng)是學習的第二元素,給人帶來視覺上的沖擊力和震撼,你就是一個人物了。
3,軟件方面。AI設計是許多軟件設計的綜合,通常是PS AI AE Fireworks,coreldraw.輔助設計軟件cutterman切圖插件,Mark man,PPT、Word,flash等等。沒有這么多軟件作為強大的支持,根本不可能成為一個合格的設計師,妄想一蹴而就,一鳴驚人是徒勞的。
4,設計方向。研究人,工具及人與工具的關系。
5,設計細節(jié)。
1)模擬現(xiàn)實,不斷調(diào)整。
2)界面簡潔流暢自然。
3)通用圖標和創(chuàng)新圖標結合起來。圖標不能太復雜,讓用戶費解是大忌。
4)色彩搭配盡量不要超過三個,黑白灰優(yōu)先。
5)語言使用一致性和準確性,通俗性,關懷性。
CSS3的動畫的意義何在?
1、在性能上會稍微好一些,CSS3使用GPU,瀏覽器還會對CSS3的動畫做一些優(yōu)化(比如專門新建一個圖層用來跑動畫)。
2、代碼相對簡單,在現(xiàn)代 PC 瀏覽器上,CSS3 Animation 和 Transition 好寫好用,流暢絲滑,而且動畫過程0 GC。
3、CSS3 比 jQuery animate() 更流暢,更快,更效率。
4、CSS3 更傾向于實現(xiàn)交互效果和界面建設。
但其缺點也很明顯:
1、在動畫控制上不夠靈活。
2、兼容性不好。
3、部分動畫功能無法實現(xiàn)。
所以,在實現(xiàn)一些小的交互動效的時候,就多考慮考慮CSS吧。 而在需要兼容性很好并且有復雜的事件響應的情況下使用jQuery中的animate()函數(shù)。