隨著信息時代的飛速進步,手機和電腦已然成為了我們生活中不可或缺的一部分,而UI設(shè)計也就成為了軟件設(shè)計中關(guān)注的一個焦點。而因為載體有所不同,移動端的UI設(shè)計和PC端的UI設(shè)計自然也有許多區(qū)別。
以網(wǎng)易云音樂為例,同一個軟件的首頁,在移動端和PC上的差別顯而易見。
移動端
PC端
可以看到,即使是相同的內(nèi)容,由于設(shè)備不同,盡管沿用了相同的風(fēng)格,UI設(shè)計的效果也完全不一樣。最顯著的區(qū)別就是前者需要點擊和右拉才能操作的功能界面,在后者的左側(cè)直接布局,推送內(nèi)容的設(shè)置與分布也有差別,這就是移動端UI設(shè)計和PC端UI設(shè)計的差別所在。
那么,具體還有那些呢?
首先,二者屏幕尺寸的差異導(dǎo)致了分辨率、比例和倍率以及其他點有著很大的差別。所以在進行UI設(shè)計時,就必須針對不同大小的界面來安排不同的布局。比如說在移動端上對內(nèi)容進行分隔,我們一般采用上下分隔的形式,尤其是放置廣告時,移動端往往將其作為上下內(nèi)容的一個隔斷,而PC端往往是在內(nèi)容主體的兩側(cè)分布。
其次,二者的UI設(shè)計需要考慮不同的支持系統(tǒng),從而針對不同的特點進行設(shè)計。一般來說,移動端以iOS系統(tǒng)和安卓系統(tǒng)為主,而系統(tǒng)版本更新的速度相對更快一些,而相對PC端大多使用Windows和Mac而言也較為復(fù)雜,故而移動端的UI設(shè)計需要考慮諸如不同品牌系統(tǒng)之間的兼容性等更多的問題。
最后,由于移動端和PC端具有不同的操作習(xí)慣,所以在進行UI設(shè)計時,需要在保證美觀的同時,讓用戶能夠擁有簡單便捷而自由的操作體驗。在PC端,我們往往通過鼠標(biāo)進行操作,而移動端上則會用手指來點觸,能夠同時碰觸到多個點。所以在進行UI設(shè)計時,就需要針對不同的操作方式來設(shè)計。舉個例子,在查看PC端的淘寶圖片時,鼠標(biāo)停留的地方會被放大,而移動端的淘寶顯然沒有這一功能。而且,由于鼠標(biāo)操作和手指點觸的精確度不同,在UI設(shè)計時也要將圖標(biāo)和按鈕的大小作為一個重要的點進行考量,并設(shè)計不同的交互效果,讓用戶在使用時能夠更加舒心。
總之,在進行UI設(shè)計時,移動端和PC端之間的差別是不可忽視的點,想要做好軟件設(shè)計,就應(yīng)當(dāng)對不同使用端的特點有充分的了解。