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

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

以規(guī)范帶來視覺體驗(yàn),讓移動(dòng)端APP更具美感

Time: 2019-09-25

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

4.png

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

2.jpg

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

1.jpg

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






合作咨詢

上海(總部)

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

辦公地址地圖

北京

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

辦公地址地圖

成都

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

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

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

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