在網(wǎng)站頁面設(shè)計(jì)當(dāng)中,產(chǎn)品網(wǎng)站(如facebook 、微博、等)的頁面設(shè)計(jì),注重功能,交互,設(shè)計(jì)要考慮用戶長時間的瀏覽體驗(yàn)。網(wǎng)頁設(shè)計(jì)視覺上側(cè)重間距,布局,按鈕和logo,及icon樣式。注重規(guī)范和視覺識別性。樣式通常簡潔易用,絢麗元素少,視覺上并不強(qiáng)調(diào)沖擊力。而盤網(wǎng)網(wǎng)站設(shè)計(jì)發(fā)現(xiàn)相對于市面上為大眾所喜聞樂見的活動專題頁面基本是:以漂亮精美有視覺張力的人物、卡通形象做視覺主體+有效襯托主題的場景元素做渲染背景,結(jié)合活動的主題、操作詳情等等元素,達(dá)成體驗(yàn)上清晰便捷、視覺上有沖擊力和感染力的頁面,均廣泛應(yīng)用于如京東、淘寶、唯品會等各大電商巨頭店慶、促銷等等專題頁面設(shè)計(jì),就類似這些:
專題網(wǎng)站設(shè)頁面設(shè)計(jì),簡單將其比喻為在一張紙上進(jìn)行的創(chuàng)作和設(shè)計(jì)。由于專題頁面時效性有限(大多專題是有推廣及活動時間限制的,過了這個時間,就很少會有人再訪問該頁面。),多為活動推廣和吸引用戶等內(nèi)容,能在限定的時間的吸引最多用戶才能形成有力的推廣,需要強(qiáng)有力的視覺效果,和有趣的瀏覽體驗(yàn),來達(dá)到吸引用戶的特點(diǎn)。在規(guī)范和布局甚至交互上可以適當(dāng)放寬要求。所以在設(shè)計(jì)單頁的專題時,為了讓首屏到次屏再到內(nèi)容區(qū)間的視覺更加的連貫和流暢,就要充分利用好局部對比和整體關(guān)系來使頁面效果更加的完整。在設(shè)計(jì)時我們需要重點(diǎn)注意的有以下兩點(diǎn):
一、 首屏設(shè)計(jì)(就是俗稱的頭圖)
頭圖部分的設(shè)計(jì)是整個專題網(wǎng)站的重點(diǎn),也是專題最需要突出的亮點(diǎn),頭圖可以確立整個專題的基調(diào)。一般頭圖的高度值建議在450?600之間,好的專題頭圖,除了有精美的視覺元素外,頭圖的大標(biāo)題要重點(diǎn)強(qiáng)調(diào),它通常需要設(shè)計(jì)師花費(fèi)專門的精力來制作字體的變形和特效。好的字體效果其實(shí)可以成為專題的主視覺,成為最亮眼的一部分,同時也是最直接體現(xiàn)專題主旨的方式。所以頭圖標(biāo)題需要足夠醒目,要有整個頁面最大的對比度。
二、 承上啟下很重要,頁面有頭也有尾
所謂的承上啟下,就是說頁面中要有一個貫穿整體的主要元素,去構(gòu)成整張頁面的視覺焦點(diǎn)。專題中貫穿整體的這個元素,一定要在整體頁面中一筆直下,一氣呵成,否則就會出現(xiàn)斷點(diǎn)的感覺。如果在實(shí)際需求應(yīng)用中無法做到整體設(shè)計(jì)的表現(xiàn),那么也應(yīng)該盡量在局部或者某些元素的運(yùn)用上做到這點(diǎn)。