統(tǒng)一基調(diào)

網(wǎng)站的基調(diào)是品牌的一個形象表現(xiàn)，如果同一個網(wǎng)站兩個網(wǎng)頁基調(diào)不同，用戶在跳轉(zhuǎn)切換時會不知所措，更無法加深品牌印象。網(wǎng)站基調(diào)的統(tǒng)一大到配色比例、結(jié)構(gòu)布局，小到文字字體、元素處理，都要統(tǒng)一。

建立視覺線

很多用戶一般用快速掃描的方式查看瀏覽網(wǎng)頁，在設(shè)計時通過大小對比、元素指引以及動畫來引導(dǎo)用戶的瀏覽路徑。告訴用戶哪些信息是重要的，以及網(wǎng)站哪些內(nèi)容優(yōu)勢突出。以此提高用戶在網(wǎng)頁的留存率。

對比

網(wǎng)頁和平面布局相似，通過對比增加可讀性，常用的是大小對比、顏色對比、字體的粗細(xì)和疏密，通過對比提高視覺層級最容易獲取網(wǎng)頁信息的傳達(dá)。

視頻展示

首屏視頻替代靜態(tài)圖片也是大勢所趨，特別是B2B的網(wǎng)站，首頁視頻大大提高了轉(zhuǎn)化率，更多的用戶愿意點擊視頻，在最短的時間了解更多的內(nèi)容，對于用戶也能傳遞更多的情感。

插畫場景

相比文字來說，圖是最容易讓視覺接納的，也是獲取信息最快捷的。相比照片，插畫是更簡單直白，更加容易理解內(nèi)容信息。插畫的形式有利于塑造輕松活力的品牌，以場景故事的方式表達(dá)，有較強(qiáng)的代入感。

交互動效

近些年動效成為了了設(shè)計趨勢，也是和極簡風(fēng)達(dá)成一個平衡，簡化但不簡單。動畫效果的設(shè)計增加了用戶瀏覽的趣味性，增強(qiáng)了用戶的參與感，以此瀏覽體驗會更舒服。從鼠標(biāo)懸浮的常規(guī)效果，到插畫場景的動效它們都會強(qiáng)化設(shè)計體驗。（動效節(jié)奏要記得保持一致性，避免界面混亂）

總結(jié)

一切的設(shè)計手段都只有一個目的，就是讓用戶看下去。從產(chǎn)品角度、交互方式、視覺呈現(xiàn)，每一個環(huán)節(jié)都要深思熟慮為什么，所以不懂產(chǎn)品的交互不是個好UI。

推薦

本次給諸位道友推薦一個svg動畫制作的平臺，而且還是矢量的。www.svgator.com