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