CRMEB Pro版自發(fā)布以來,一直十分重視用戶的體驗,不斷豐富完善功能,強化系統(tǒng)性能,在3.0新版本中,我們重點對UI進(jìn)行了改版升級,將給大家?guī)砣碌腢I視覺體驗。
1、圓角風(fēng)格
在Pro版v3.0 UI改版中,商城整體的風(fēng)格將調(diào)整為圓角風(fēng)格,和當(dāng)前的流行風(fēng)格契合,體驗更絲滑。
相比舊版的UI風(fēng)格,圓角風(fēng)在界面美觀度、用戶體驗、系統(tǒng)辨識度等方面更有優(yōu)勢。
圓角的設(shè)計讓產(chǎn)品看起來更新穎、更符合潮流,圓潤的造型也讓產(chǎn)品感覺比較容易親近,對于電商、服務(wù)性產(chǎn)品、社交軟體等都很適用。
難道說,使用圓角單純只是因為好看嗎?
其實,圓角的廣泛使用也是具有一些科學(xué)道理的。
在設(shè)計中有一條視覺舒緩原則,視網(wǎng)膜中區(qū)處理正圓形的時候是最快速的,而處理邊邊角角的時候則比較費力,大腦的處理速度相對較慢,所以,圓潤的圓角矩形相較于一般矩形,更容易被使用者接納。也有研究表明,角度越尖銳,物體就看起來越明亮,但也越難以直視,給大腦的認(rèn)知負(fù)荷也越高。
如下圖,我們對比看一下,會感覺到直角凸顯性比較高,但也越凌厲,相比之下,圓角給人的舒適度會更高,也越容易識別。
(1)圓角能增加頁面的美觀度。在設(shè)計中,曲線往往具有柔和、流暢、優(yōu)雅的特征,使用圓角設(shè)計,能讓頁面整體更和諧,更有吸引力,也符合當(dāng)下的主流審美風(fēng)格。
(2)圓角設(shè)計能使網(wǎng)頁中的按鈕、鏈接等元素更易于識別和點擊,相比于直角設(shè)計,圓角能提高用戶點擊的準(zhǔn)確率和操作效率,能提升用戶的體驗和滿意度。
(3)圓角設(shè)計能提升網(wǎng)頁的適應(yīng)性,能更好地適應(yīng)不同的屏幕尺寸和分辨率,讓頁面在不同的設(shè)備上更好的呈現(xiàn),提高網(wǎng)頁的可訪問性和流動性。
(4)圓角設(shè)計也能帶給人一種細(xì)膩和考究的感覺,能提升頁面舒適度,容易給用戶留下深刻的使用印象,增加網(wǎng)頁的專業(yè)度和可信度,有利于維護(hù)品牌形象。
(5)圓角設(shè)計也能呼應(yīng)設(shè)備的外形,現(xiàn)在人們使用商城系統(tǒng)的終端基本都是手機,市面上大部分的手機都具備很明顯的圓角風(fēng)格,包括手機的設(shè)備特征、APP的圖像特征,圓角風(fēng)格的頁面在富含豐富圓角特征的設(shè)備上,展示效果更和諧。
2、圖標(biāo)重制
商城系統(tǒng)圖標(biāo)全部重新設(shè)計,根據(jù)3.0的UI風(fēng)格轉(zhuǎn)換,在圖標(biāo)的設(shè)計中也使用了圓角風(fēng)格,讓系統(tǒng)整體更統(tǒng)一和諧,突出應(yīng)用的特點和優(yōu)勢,提升系統(tǒng)整體的辨識度。
3、動態(tài)交互
商城將延續(xù)CRMEB的動態(tài)圖標(biāo)特點,除訂單狀態(tài)的動圖外,將在會員、余額積分等多個模塊擴(kuò)展使用動態(tài)圖標(biāo),體驗更有趣,也能有效抓住用戶眼球,提升UI界面的受歡迎度,還能在一定程度上解決界面中的問題,加強用戶與界面之間的情感交流,使界面看起來更人性化。
4、擬物元素
商城的關(guān)鍵性元素,將統(tǒng)一調(diào)整為擬物風(fēng)格,頁面設(shè)計更加立體,增強用戶體驗感,降低認(rèn)知難度,提高視覺沖擊力。
此次Pro版UI全新改版,從風(fēng)格、圖標(biāo)、動態(tài)交互和擬物元素的應(yīng)用等方面實現(xiàn)了全面升級,提升用戶體驗,增強品牌形象,將充分滿足市場對高質(zhì)量UI設(shè)計的需求。
CRMEB Pro版 v3.0更多功能詳解????歡迎查看了解!
UI設(shè)計規(guī)范,CRMEB Pro版 v3.0先來嘗鮮!
點擊查看:http://www.therapist.net.cn/ask/thread/39689
CRMEB Pro版 DIY功能玩法即將升級,先來一睹為快!
點擊查看:http://www.therapist.net.cn/ask/thread/39490
CRMEB Pro版v3.0,供應(yīng)商管理一站式搞定!
點擊查看:http://www.therapist.net.cn/ask/thread/39763