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