在日常的網(wǎng)站維護(hù)中，經(jīng)常有客戶需要設(shè)計(jì)制作一些活動(dòng)類主題的網(wǎng)站頁面，而對于這類頁面的合理布局和規(guī)劃，也直接會(huì)影響到客戶本次活動(dòng)的宣傳效果和設(shè)計(jì)水平，如何做好青島網(wǎng)站制作中的這類效果頁面，吸引瀏覽者的眼球呢，今天將這方面的文章整理了一下，一起分享。

1、需要將重點(diǎn)信息進(jìn)行突出體現(xiàn)

活動(dòng)頁面需要展現(xiàn)的內(nèi)容根據(jù)重要程度依次是：活動(dòng)標(biāo)題（讓用戶了解是做什么的活動(dòng)）、獎(jiǎng)項(xiàng)設(shè)置（參與能得到什么）、參與入口（進(jìn)入任務(wù)流程的通道），參與規(guī)則（如何參與活動(dòng)），活動(dòng)有效時(shí)間，排名或獲獎(jiǎng)信息。

a. 活動(dòng)標(biāo)題（包含動(dòng)詞）、活動(dòng)有效時(shí)間，獎(jiǎng)項(xiàng)設(shè)置、參與入口必須完整包含首屏安全區(qū)內(nèi)，活動(dòng)規(guī)則可部分包含在安全區(qū)內(nèi)。

b.活動(dòng)的文字信息使用倒金字塔結(jié)構(gòu)，概括總結(jié)性信息放在頂端，重要性依次遞減。使用戶瀏覽網(wǎng)站時(shí)通過最少的時(shí)間了解活動(dòng)的概貌。

2、任務(wù)操作流程順暢

a. 用戶開始任務(wù)前，若任務(wù)流程需要分步驟呈現(xiàn)，需要一個(gè)圖形化的流程示意，使用戶對任務(wù)的操作步驟有整體了解。

b. 用戶進(jìn)行任務(wù)中，若使用對話框承載任務(wù)流程的分步驟，需提供“上一步，下一步“引導(dǎo)機(jī)制。

c. 完成任務(wù)時(shí)，若當(dāng)前已跳出活動(dòng)頁外部，需要設(shè)計(jì)返回活動(dòng)頁的交互機(jī)制：

a)活動(dòng)完成后自動(dòng)跳轉(zhuǎn)回活動(dòng)頁面。

優(yōu)點(diǎn)：可自動(dòng)跳轉(zhuǎn)返回

缺點(diǎn)：當(dāng)活動(dòng)完成頁承載其它功能，無法實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)返回。

b)活動(dòng)完成頁提供返回活動(dòng)頁鏈接。

優(yōu)點(diǎn)：可解決活動(dòng)完成后無法自動(dòng)跳轉(zhuǎn)返回情況。

缺點(diǎn)：需要用戶手動(dòng)觸發(fā)返回鏈接

c)活動(dòng)頁打開模態(tài)對話框。

優(yōu)點(diǎn)：關(guān)閉對話框即可返回。

缺點(diǎn)：需要承載的信息和功能較多時(shí)，不適合使用對話框。

d)活動(dòng)頁保留，新開頁面跳出。

優(yōu)點(diǎn)：技術(shù)實(shí)現(xiàn)成本低。

缺點(diǎn)：當(dāng)支線任務(wù)過多時(shí)，經(jīng)過一系列操作，用戶窗口會(huì)比較多。

3、及時(shí)響應(yīng)用戶操作

a. 當(dāng)參與活動(dòng)與領(lǐng)取獎(jiǎng)品的資格有次數(shù)限制時(shí)，提示默認(rèn)呈現(xiàn)，任務(wù)完成后要即時(shí)刷新資格狀態(tài)。

b. 用戶在任務(wù)流程中需要操作結(jié)果反饋，常見需反饋的情況：

a)操作完成獲取獎(jiǎng)勵(lì)反饋

b)操作成功或失敗反饋

c)操作錯(cuò)誤反饋

4、正確使用視覺語言傳達(dá)界面信息

●內(nèi)容層和背景層層次分明，不能干擾主體頁面的閱讀，避免喧賓奪主。

●禁止模仿系統(tǒng)與QQ官方客戶端的控件。

●圖標(biāo)具有交互動(dòng)作不可作為裝飾元素單獨(dú)存在。

●按鈕的形式能被正確感知，醒目，突出，跳出畫面，使用高光，漸變，陰影，圓角，描邊等強(qiáng)化感知。

●頁面的視覺層級(jí)：高光>漸變>投影>純色>描邊

以上四點(diǎn)，基本概要了青島網(wǎng)站設(shè)計(jì)中的主體活動(dòng)類頁面制作要點(diǎn)，注重頁面信息的主次順序，充分利用好網(wǎng)頁的寬高比，使訪客能夠步步深入了解，提高頁面的可讀性。