雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

以規(guī)范帶來視覺體驗,讓移動端APP更具美感

Time: 2019-09-25

現(xiàn)如今已經(jīng)是手機(jī)移動端的天下,人們最長使用的也是手機(jī)中的各類APP.移動端的APP創(chuàng)意設(shè)計已經(jīng)層出不窮,但與其說是娛樂APP占據(jù)了半壁江山,不如說所有的軟件都帶有一定的娛樂性質(zhì)。而此時看似簡單的移動端手機(jī)界面,卻對UI設(shè)計公司設(shè)立了無數(shù)的設(shè)計規(guī)范。當(dāng)然,只有規(guī)范的UI設(shè)計,才能給用戶帶來更好的使用感受,以及賞心悅目的視覺體驗。

4.png

在此,在手機(jī)端界面設(shè)計中,我們首先以Android為例,上圖所列出來的只是一些我們常用的屏幕尺寸,但是大家都知道,Android的移動端設(shè)備屏幕尺寸是非常之多的,其碎片化的程度也是非常嚴(yán)重的。在一個外行人眼中,對這樣的數(shù)據(jù)肯定是摸不著頭腦,僅僅只是這些后綴也足以讓人頭昏腦脹,更不要說最上行文字的含義了。對于設(shè)計上的操作來說,不同屏幕的像素密度也成了一大難題,但是其實Android已經(jīng)事先不同的設(shè)備的像素密度劃分出了一些區(qū)間范圍,雖然這的確讓人頭疼,但是好在Android已經(jīng)提前給出了解決的方法,對于那些不同范圍的設(shè)備,Android定義了不同的倍率,來保證顯示效果相近。而相較于Android的碎片化,IOS的系統(tǒng)更加有跡可循。所以看起來麻煩且令人頭大的數(shù)據(jù),在處理中也是有許多捷徑的。

2.jpg

其實通過上面的問題不難看出,雖然UI設(shè)計規(guī)范看起來很麻煩,但是只要掌握了設(shè)計規(guī)律,其實這樣的規(guī)范更能讓UI界面清爽、整潔。比如IOS系統(tǒng)中對間距和對齊方式的要求,一般的規(guī)范最低要求是8pt空白或邊距,這樣會帶來足夠的留白空間,使得布局更容易掃描,文本也更具有可讀性,而且在這樣的基礎(chǔ)上,UI元素應(yīng)對齊,文本應(yīng)該有同樣的基準(zhǔn)位置,這樣的布局雖然看起來是對設(shè)計師的硬性要求,但同時也兼顧了使用者的視覺感受。

1.jpg

綜上所述的內(nèi)容其實僅僅只是UI設(shè)計規(guī)范里的一小部分罷了。除此之外還有字體規(guī)范、大小、標(biāo)準(zhǔn)色等等,也正是規(guī)范既構(gòu)造出了我們手機(jī)中的一個個娛樂APP?;蛟S在一定程度上,UI設(shè)計規(guī)范加大了設(shè)計師們的工作量,但是從長遠(yuǎn)來看,只要適應(yīng)了這樣的嚴(yán)格,反而能給UI設(shè)計帶來更大的便利,也讓使用者們欣賞到了設(shè)計的美感和視覺上的體驗。






合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開