自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

看完小米設(shè)計師這篇分析,才知道界面細節(jié)能做得這么極致!

移動開發(fā) Android
數(shù)字是金服業(yè)務(wù)中最為重要的設(shè)計要素之一,這是因為在金服業(yè)務(wù)中,有大量的諸如電商、支付、財富管理等場景需要數(shù)字來直接表達。而當前現(xiàn)狀是我們有整個大品牌體系下的諸如小米蘭亭這種通用字體,但唯獨缺少針對金服業(yè)務(wù)這種特殊需求的特定數(shù)字字體以及數(shù)字的表達規(guī)范。因此需要總結(jié)出一套適合我們業(yè)務(wù)的數(shù)字的功能設(shè)計需求。

數(shù)字是金服業(yè)務(wù)中最為重要的設(shè)計要素之一,這是因為在金服業(yè)務(wù)中,有大量的諸如電商、支付、財富管理等場景需要數(shù)字來直接表達。而當前現(xiàn)狀是我們有整個大品牌體系下的諸如小米蘭亭這種通用字體,但唯獨缺少針對金服業(yè)務(wù)這種特殊需求的特定數(shù)字字體以及數(shù)字的表達規(guī)范。因此需要總結(jié)出一套適合我們業(yè)務(wù)的數(shù)字的功能設(shè)計需求。

一、了解金服業(yè)務(wù)場景特征

那么在金服業(yè)務(wù)中的數(shù)字字體與其它業(yè)務(wù)的數(shù)字字體有哪些特殊之處?可以先以業(yè)務(wù)為導向,從小米金服現(xiàn)有業(yè)務(wù)的產(chǎn)品方案中例舉場景: 

從現(xiàn)有的業(yè)務(wù)中可以篩選出如下金服數(shù)字不同應(yīng)用場景下的功能和特點:

1. 三位以上大額金額含小數(shù)的表達,即大于999.99元

電商大額價格標簽,保險額度,貸、還款金額以及理財本金金額等。

2. 三位以內(nèi)小額金額含小數(shù)的表達,即小于等于999.99元

小額訂單和收銀臺金額,現(xiàn)金和米幣余額,公交卡和 MiPay 金額,投保金額,理財收益與貸款利息等。

3. 十位以上長整數(shù)的表達

銀行號,身份證號,訂單號、手機號等。

4. 十位以內(nèi)含十位短整數(shù)的表達

信用分,車牌號,積分等。

5. 其它

利率,百分比,匯率與金融符號等。

二、基于人們現(xiàn)實生活場景的習慣和認知

通過例舉現(xiàn)實生活場景,發(fā)現(xiàn)與金服業(yè)務(wù)相交集的實際數(shù)字的具體應(yīng)用之處: 

在這些實際場景中總結(jié)出數(shù)字應(yīng)用的相關(guān)共性:整數(shù)與小數(shù)、可識別性、環(huán)境關(guān)系以及組合與等寬。

三、整數(shù)與小數(shù)

通過對現(xiàn)實中的超市小額價簽、股市數(shù)據(jù)展示等等收集整理,可以得到一些價格標識的基本共性:商品價簽,年報數(shù)字,股市數(shù)字,電子表計時數(shù)字,票據(jù)數(shù)字等。 

1. 一般小額金額的兩種標識方式:有小數(shù)點的表達與不帶小數(shù)點的表達 

 

2. 大額金額的標識方式 

3. 金額的簡化標識方式 

四、可識別性

通過對現(xiàn)實中的注重數(shù)字功能性表達的產(chǎn)品和場景的收集整理,這些產(chǎn)品和場景包括諸如計時設(shè)備、計算設(shè)備、交通導向指示、交通工具儀表顯示、貨幣、汽車牌照等等,可以得到一些數(shù)字字體在可識別性上的基本共性。 

對這些收集的圖片素材進行字體提煉,得出12種常用的數(shù)字字體: 

 

 

 

 

 

可識別性測試方法是通過對字體進行靜態(tài)的高斯模糊以及動態(tài)模糊來大致判斷字體在極限情況下數(shù)字之間差異性程度,例如對 DIN Pro 字體進行高斯模糊: 

對 DIN Pro 字體進行動態(tài)模糊:由于是基于移動設(shè)備來進行界面的視覺設(shè)計,因此需要考慮數(shù)字字體在各個方向上受到動態(tài)殘影的識別影響: 

從而我們得出 DIN Pro 數(shù)字字體可能存在的可識別性問題: 

同樣諸如其他字體也可能存在的可識別性問題: 

 

 

 

 

 

由此獲得一些影響數(shù)字字體間可識別性的基本共性,而其中 Highway Gothic、Frutiger、LuzSans、Kint Extended、UKIJ Ekran 這4種字體的在極限情況下識別性較好,經(jīng)過對比和分析得到一些簡答結(jié)論: 

 

 

五、環(huán)境關(guān)系

通過對現(xiàn)實中的數(shù)字在陰暗、偏轉(zhuǎn)方向等極端條件下的不同粗細體、間距等案例的收集整理,這些產(chǎn)品和場景包括諸如深海潛水表、登月表、命令行、臺球,雙色球數(shù)字等等,可以得到一些數(shù)字字體在可區(qū)分性上的基本共性對現(xiàn)。 

數(shù)字的粗細體在黑白環(huán)境下的對比: 

很明顯,由于人的視錯覺關(guān)系,同樣粗細和磅值下,深底淺字粗細感比淺底深字要更顯粗: 

數(shù)字的形狀與間距關(guān)系在黑白環(huán)境下的對比: 

 

 

 

人們的閱讀習慣與環(huán)境關(guān)系: 

 

 

六、組合與等寬

數(shù)字要具有金融屬性,最重要的一點就是需要和各種貨幣符號或數(shù)學符號相組合才能體現(xiàn),因此通過對現(xiàn)實中的數(shù)字在價簽等場景展示的收集整理,另外還可收集一些現(xiàn)實中數(shù)字的靜態(tài)和動態(tài)變化的場景諸如股市、財報、汽車儀表和中控等來分析數(shù)字等寬和非等寬的實際應(yīng)用: 

數(shù)字與符號的組合的不同情況與分析: 

 

 

 

 

 

 

等寬字體在縱向排版的靜態(tài)場景中可讀性更高: 

而非等寬字體在單組橫向數(shù)據(jù)上的視覺感官更舒適: 

而在數(shù)字的動態(tài)變化中,等寬字體能夠避免字段的橫向變動,可讀體驗更好: 

七、追求形式與功能之間的平衡

隨著目前手機全面屏的普及,移動設(shè)備的屏占比將會越來越大,意味著內(nèi)容的顯示區(qū)域也可能越來越大。另一方面,為了達到更好的圖形圖像顯示效果,移動設(shè)備的 PPI 也有可能越來越高。 這些趨勢將有可能導致人們對于內(nèi)容字體在排版、細節(jié)上的要求越來越高。

基于以上對于數(shù)字在功能設(shè)計上的分析與結(jié)論,數(shù)字字體設(shè)計形式上應(yīng)與現(xiàn)有的移動設(shè)備系統(tǒng)的主流中英文字體能夠匹配,同時也能夠適應(yīng)于不同的應(yīng)用場景需求,體現(xiàn)統(tǒng)一的字面大小、行距、字重、中宮、重心等,但又不必過于刻板,感官上體現(xiàn)年輕正向最宜。 功能上能夠盡量滿足我們對于數(shù)字設(shè)計在互聯(lián)網(wǎng)金融服務(wù)上的共性和特性的理解,體現(xiàn)金融服務(wù)數(shù)字的安全嚴謹。

責任編輯:未麗燕 來源: 優(yōu)設(shè)
相關(guān)推薦

2014-10-10 13:54:00

設(shè)計小米設(shè)計

2020-07-20 10:20:30

this前端代碼

2022-07-01 13:38:48

霧計算邊緣計算

2022-02-08 13:39:35

LinuxUNIX系統(tǒng)

2020-02-23 15:55:00

疫情AI人工智能

2013-01-21 09:24:18

交互設(shè)計師

2012-08-07 09:35:03

設(shè)計設(shè)計師

2022-09-02 19:10:46

高并發(fā)架構(gòu)系統(tǒng)

2011-05-07 16:57:30

網(wǎng)頁設(shè)計師網(wǎng)站

2015-07-15 09:29:27

UI設(shè)計

2020-02-18 16:53:48

機械硬盤SMRPMR

2023-09-28 10:21:44

CSS前端

2021-08-02 15:20:28

人工智能公平奧運

2018-11-01 17:20:39

移動端設(shè)計界面

2022-08-21 14:00:11

消息中間件MQ

2009-04-03 09:12:01

Mozillafirefox瀏覽器

2011-12-06 16:07:00

網(wǎng)頁設(shè)計

2011-09-15 09:42:35

2023-10-08 08:41:04

JavaPython編程語言

2011-06-14 17:39:54

SEO
點贊
收藏

51CTO技術(shù)棧公眾號