想從網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)轉(zhuǎn)手機(jī)UI設(shè)計(jì),好轉(zhuǎn)嗎
這個(gè)是很容易的,現(xiàn)在國(guó)內(nèi)簡(jiǎn)單的說(shuō)ui行業(yè)的定義,各式各樣,并不統(tǒng)一,網(wǎng)頁(yè)也算其中一部分!網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)都可以用到app端的設(shè)計(jì)!
畢竟這些設(shè)計(jì)的色彩搭配,布局,排版,都是息息相關(guān)的,唯獨(dú)不一樣的,app端設(shè)計(jì)更多重于交互!就是說(shuō)如何設(shè)計(jì),才能讓用戶更好,更方便,更簡(jiǎn)單的操作!根據(jù)市場(chǎng)用戶的評(píng)價(jià)和自己的實(shí)際體驗(yàn)總結(jié)的經(jīng)驗(yàn)!
所以說(shuō)這個(gè)并沒(méi)有什么難得,多接觸,了解其中的經(jīng)驗(yàn)以及設(shè)計(jì)工藝等等,剩下的就是你自己臨場(chǎng)發(fā)揮的創(chuàng)意了!
可以的
網(wǎng)頁(yè)設(shè)計(jì)跟手機(jī)UI還是比較相近的,都是交互類設(shè)計(jì),只是一些細(xì)節(jié)規(guī)范有些不同罷了。
細(xì)節(jié)決定了產(chǎn)品的用戶體驗(yàn),一定要遵從用戶習(xí)慣,具體可以從字號(hào)、顏色、點(diǎn)擊范圍、控件形式等等去了解。
想從網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)轉(zhuǎn)手機(jī)UI設(shè)計(jì),好轉(zhuǎn)嗎?頁(yè)頁(yè)面設(shè)計(jì)是對(duì)已開(kāi)發(fā)出的網(wǎng)站或H5界面進(jìn)行的頁(yè)面設(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)頁(yè)頁(yè)面設(shè)計(jì)轉(zhuǎn)手機(jī)UI設(shè)計(jì),好轉(zhuǎn)嗎?”手機(jī)UI設(shè)計(jì)主要是設(shè)計(jì)APP和小程序,以及手機(jī)界面的H5界面。ipad和平板電腦也可視為手機(jī)。
想從網(wǎng)頁(yè)設(shè)計(jì)轉(zhuǎn)手機(jī)UI設(shè)計(jì),好轉(zhuǎn)嗎?好轉(zhuǎn),做到多學(xué),多看,多總結(jié),再創(chuàng)新,就好轉(zhuǎn)不難。
多學(xué),就是多學(xué)設(shè)計(jì)軟件。可以設(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中國(guó)、站酷以及花瓣網(wǎng),那上面有很多優(yōu)秀的作品。通常UI設(shè)計(jì)是根據(jù)產(chǎn)品經(jīng)理設(shè)計(jì)的原型圖進(jìn)行設(shè)計(jì),如果沒(méi)有產(chǎn)品經(jīng)理那么原型圖可以自己畫也可以忽略這步直接做UI設(shè)計(jì)。首先要了解和滿足客戶的功能需求,這需要看客戶需求文件。其次就是交互體驗(yàn)感簡(jiǎn)單舒適,這可以多下載一些知名App和小程序操作體驗(yàn)。接著是界面邏輯要通暢,界面邏輯要嚴(yán)謹(jǐn)不能太跳躍。其次就是界面美觀(這點(diǎn)個(gè)網(wǎng)頁(yè)設(shè)計(jì)類似)。
手機(jī)UI設(shè)計(jì)對(duì)尺寸的要求比較規(guī)范。無(wú)論是界面的尺寸還是設(shè)計(jì)icon的尺寸,都必須遵循設(shè)計(jì)尺寸規(guī)范,值得注意的是安卓和ios的設(shè)計(jì)尺寸不同,但通常只需設(shè)計(jì)一種,后期程序猿會(huì)進(jìn)行適配。以App為例,我用的是iphone8的1倍圖375*667像素。
以上是我針對(duì)“網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)轉(zhuǎn)手機(jī)UI,好轉(zhuǎn)嗎”做的回答,希望通過(guò)我的講解你能對(duì)手機(jī)UI設(shè)計(jì)有個(gè)初步的認(rèn)識(shí)和了解。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由信途科技轉(zhuǎn)載于網(wǎng)絡(luò),如有侵權(quán)聯(lián)系站長(zhǎng)刪除。
轉(zhuǎn)載請(qǐng)注明出處http://macbookprostickers.com/xintu/151123.html