想從網(wǎng)頁頁面設(shè)計(jì)轉(zhuǎn)手機(jī)UI設(shè)計(jì)，好轉(zhuǎn)嗎？頁頁面設(shè)計(jì)是對(duì)已開發(fā)出的網(wǎng)站或H5界面進(jìn)行的頁面設(shè)計(jì)美化工作，而手機(jī)UI設(shè)計(jì)是指對(duì)手機(jī)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，兩者既有區(qū)別，又有共通性，只要你找準(zhǔn)學(xué)習(xí)UI設(shè)計(jì)的方法，也十分容易。

下面，我總結(jié)了一些自己從業(yè)心得和經(jīng)驗(yàn)，希望能為你解惑，對(duì)你有所幫助。“想從網(wǎng)頁頁面設(shè)計(jì)轉(zhuǎn)手機(jī)UI設(shè)計(jì)，好轉(zhuǎn)嗎？”手機(jī)UI設(shè)計(jì)主要是設(shè)計(jì)APP和小程序，以及手機(jī)界面的H5界面。ipad和平板電腦也可視為手機(jī)。想從網(wǎng)頁設(shè)計(jì)轉(zhuǎn)手機(jī)UI設(shè)計(jì)，好轉(zhuǎn)嗎？好轉(zhuǎn)，做到多學(xué)，多看，多總結(jié)，再創(chuàng)新，就好轉(zhuǎn)不難。多學(xué)，就是多學(xué)設(shè)計(jì)軟件?？梢栽O(shè)計(jì)手機(jī)UI設(shè)計(jì)的軟件有PS、sketch、DX、AI、AE等。PS、Sketch、DX，主要是用于界面設(shè)計(jì)。PS功能很強(qiáng)大，但在手機(jī)UI設(shè)計(jì)中并不會(huì)運(yùn)用到PS太多功能，功能強(qiáng)大反而成了弊端，設(shè)計(jì)操作時(shí)不太方便，效率低，做矢量圖不太方便。Sketch是PS的輕量版，學(xué)習(xí)成本低，上手快，直接可以做矢量圖，可以設(shè)計(jì)圖標(biāo)。基本上會(huì)PS就會(huì)Sketch，效率高，不僅能能配合藍(lán)湖插件還能直接在設(shè)計(jì)圖上做邏輯跳轉(zhuǎn)。DX是Sketch的替代品，不太穩(wěn)定。AI主要是用于設(shè)計(jì)圖標(biāo)。AE主要是設(shè)計(jì)交互動(dòng)效，前期也可以不學(xué)AE，網(wǎng)上有很多現(xiàn)成交互動(dòng)效組件，可以直接套用，后期研發(fā)人員用起也方便。多看，就是多瀏覽優(yōu)秀的設(shè)計(jì)稿件，推薦UI中國、站酷以及花瓣網(wǎng)，那上面有很多優(yōu)秀的作品。通常UI設(shè)計(jì)是根據(jù)產(chǎn)品經(jīng)理設(shè)計(jì)的原型圖進(jìn)行設(shè)計(jì)，如果沒有產(chǎn)品經(jīng)理那么原型圖可以自己畫也可以忽略這步直接做UI設(shè)計(jì)。首先要了解和滿足客戶的功能需求，這需要看客戶需求文件。其次就是交互體驗(yàn)感簡(jiǎn)單舒適，這可以多下載一些知名App和小程序操作體驗(yàn)。接著是界面邏輯要通暢，界面邏輯要嚴(yán)謹(jǐn)不能太跳躍。其次就是界面美觀（這點(diǎn)個(gè)網(wǎng)頁設(shè)計(jì)類似）。手機(jī)UI設(shè)計(jì)對(duì)尺寸的要求比較規(guī)范。無論是界面的尺寸還是設(shè)計(jì)icon的尺寸，都必須遵循設(shè)計(jì)尺寸規(guī)范，值得注意的是安卓和ios的設(shè)計(jì)尺寸不同，但通常只需設(shè)計(jì)一種，后期程序猿會(huì)進(jìn)行適配。以App為例，我用的是iphone8的1倍圖375*667像素。以上是我針對(duì)“網(wǎng)頁頁面設(shè)計(jì)轉(zhuǎn)手機(jī)UI，好轉(zhuǎn)嗎”做的回希望通過我的講解你能對(duì)手機(jī)UI設(shè)計(jì)有個(gè)初步的認(rèn)識(shí)和了解。