網(wǎng)站設(shè)計總結(jié)
最近設(shè)計網(wǎng)站的一些心法
統(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







































