CRMEB Pro版自發(fā)布以來，一直十分重視用戶的體驗(yàn)，不斷豐富完善功能，強(qiáng)化系統(tǒng)性能，在3.0新版本中，我們重點(diǎn)對(duì)UI進(jìn)行了改版升級(jí)，將給大家?guī)砣碌腢I視覺體驗(yàn)。

1、圓角風(fēng)格

在Pro版v3.0 UI改版中，商城整體的風(fēng)格將調(diào)整為圓角風(fēng)格，和當(dāng)前的流行風(fēng)格契合，體驗(yàn)更絲滑。

相比舊版的UI風(fēng)格，圓角風(fēng)在界面美觀度、用戶體驗(yàn)、系統(tǒng)辨識(shí)度等方面更有優(yōu)勢(shì)。

圓角的設(shè)計(jì)讓產(chǎn)品看起來更新穎、更符合潮流，圓潤的造型也讓產(chǎn)品感覺比較容易親近，對(duì)于電商、服務(wù)性產(chǎn)品、社交軟體等都很適用。

難道說，使用圓角單純只是因?yàn)楹每磫幔?/strong>

其實(shí)，圓角的廣泛使用也是具有一些科學(xué)道理的。

在設(shè)計(jì)中有一條視覺舒緩原則，視網(wǎng)膜中區(qū)處理正圓形的時(shí)候是最快速的，而處理邊邊角角的時(shí)候則比較費(fèi)力，大腦的處理速度相對(duì)較慢，所以，圓潤的圓角矩形相較于一般矩形，更容易被使用者接納。也有研究表明，角度越尖銳，物體就看起來越明亮，但也越難以直視，給大腦的認(rèn)知負(fù)荷也越高。

如下圖，我們對(duì)比看一下，會(huì)感覺到直角凸顯性比較高，但也越凌厲，相比之下，圓角給人的舒適度會(huì)更高，也越容易識(shí)別。

（1）圓角能增加頁面的美觀度。在設(shè)計(jì)中，曲線往往具有柔和、流暢、優(yōu)雅的特征，使用圓角設(shè)計(jì)，能讓頁面整體更和諧，更有吸引力，也符合當(dāng)下的主流審美風(fēng)格。

（2）圓角設(shè)計(jì)能使網(wǎng)頁中的按鈕、鏈接等元素更易于識(shí)別和點(diǎn)擊，相比于直角設(shè)計(jì)，圓角能提高用戶點(diǎn)擊的準(zhǔn)確率和操作效率，能提升用戶的體驗(yàn)和滿意度。

（3）圓角設(shè)計(jì)能提升網(wǎng)頁的適應(yīng)性，能更好地適應(yīng)不同的屏幕尺寸和分辨率，讓頁面在不同的設(shè)備上更好的呈現(xiàn)，提高網(wǎng)頁的可訪問性和流動(dòng)性。

（4）圓角設(shè)計(jì)也能帶給人一種細(xì)膩和考究的感覺，能提升頁面舒適度，容易給用戶留下深刻的使用印象，增加網(wǎng)頁的專業(yè)度和可信度，有利于維護(hù)品牌形象。

（5）圓角設(shè)計(jì)也能呼應(yīng)設(shè)備的外形，現(xiàn)在人們使用商城系統(tǒng)的終端基本都是手機(jī)，市面上大部分的手機(jī)都具備很明顯的圓角風(fēng)格，包括手機(jī)的設(shè)備特征、APP的圖像特征，圓角風(fēng)格的頁面在富含豐富圓角特征的設(shè)備上，展示效果更和諧。

2、圖標(biāo)重制

商城系統(tǒng)圖標(biāo)全部重新設(shè)計(jì)，根據(jù)3.0的UI風(fēng)格轉(zhuǎn)換，在圖標(biāo)的設(shè)計(jì)中也使用了圓角風(fēng)格，讓系統(tǒng)整體更統(tǒng)一和諧，突出應(yīng)用的特點(diǎn)和優(yōu)勢(shì)，提升系統(tǒng)整體的辨識(shí)度。

3、動(dòng)態(tài)交互

商城將延續(xù)CRMEB的動(dòng)態(tài)圖標(biāo)特點(diǎn)，除訂單狀態(tài)的動(dòng)圖外，將在會(huì)員、余額積分等多個(gè)模塊擴(kuò)展使用動(dòng)態(tài)圖標(biāo)，體驗(yàn)更有趣，也能有效抓住用戶眼球，提升UI界面的受歡迎度，還能在一定程度上解決界面中的問題，加強(qiáng)用戶與界面之間的情感交流，使界面看起來更人性化。

4、擬物元素

商城的關(guān)鍵性元素，將統(tǒng)一調(diào)整為擬物風(fēng)格，頁面設(shè)計(jì)更加立體，增強(qiáng)用戶體驗(yàn)感，降低認(rèn)知難度，提高視覺沖擊力。

此次Pro版UI全新改版，從風(fēng)格、圖標(biāo)、動(dòng)態(tài)交互和擬物元素的應(yīng)用等方面實(shí)現(xiàn)了全面升級(jí)，提升用戶體驗(yàn)，增強(qiáng)品牌形象，將充分滿足市場(chǎng)對(duì)高質(zhì)量UI設(shè)計(jì)的需求。

CRMEB Pro版 v3.0更多功能詳解????歡迎查看了解！

UI設(shè)計(jì)規(guī)范，CRMEB Pro版 v3.0先來嘗鮮！

點(diǎn)擊查看：http://therapist.net.cn/ask/thread/39689

CRMEB Pro版 DIY功能玩法即將升級(jí)，先來一睹為快！

點(diǎn)擊查看：http://therapist.net.cn/ask/thread/39490

CRMEB Pro版v3.0，供應(yīng)商管理一站式搞定！

點(diǎn)擊查看：http://therapist.net.cn/ask/thread/39763