• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 專題類網(wǎng)頁(yè)的設(shè)計(jì)與制作

專題類網(wǎng)頁(yè)的設(shè)計(jì)與制作

網(wǎng)頁(yè)設(shè)計(jì)師 于2019-07-04 12:49發(fā)表 閱讀次數(shù) 2497次

在日常的網(wǎng)站維護(hù)中，經(jīng)常有客戶需要設(shè)計(jì)制作一些活動(dòng)類主題的網(wǎng)站頁(yè)面，而對(duì)于這類頁(yè)面的合理布局和規(guī)劃，也直接會(huì)影響到客戶本次活動(dòng)的宣傳效果和設(shè)計(jì)水平，如何做好青島網(wǎng)站制作中的這類效果頁(yè)面，吸引瀏覽者的眼球呢，今天將這方面的文章整理了一下，一起分享。 　　1、需要將重點(diǎn)信息進(jìn)行突出體現(xiàn) 　　活動(dòng)頁(yè)面需要展現(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í)通過(guò)最少的時(shí)間了解活動(dòng)的概貌。 　　2、任務(wù)操作流程順暢 　　a.用戶開始任務(wù)前，若任務(wù)流程需要分步驟呈現(xiàn)，需要一個(gè)圖形化的流程示意，使用戶對(duì)任務(wù)的操作步驟有整體了解。 　　b.用戶進(jìn)行任務(wù)中，若使用對(duì)話框承載任務(wù)流程的分步驟，需提供“上一步，下一步“引導(dǎo)機(jī)制。 　　c.完成任務(wù)時(shí)，若當(dāng)前已跳出活動(dòng)頁(yè)外部，需要設(shè)計(jì)返回活動(dòng)頁(yè)的交互機(jī)制： 　　a)活動(dòng)完成后自動(dòng)跳轉(zhuǎn)回活動(dòng)頁(yè)面。 　　優(yōu)點(diǎn)：可自動(dòng)跳轉(zhuǎn)返回 　　缺點(diǎn)：當(dāng)活動(dòng)完成頁(yè)承載其它功能，無(wú)法實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)返回。 　　b)活動(dòng)完成頁(yè)提供返回活動(dòng)頁(yè)鏈接。 　　優(yōu)點(diǎn)：可解決活動(dòng)完成后無(wú)法自動(dòng)跳轉(zhuǎn)返回情況。 　　缺點(diǎn)：需要用戶手動(dòng)觸發(fā)返回鏈接 　　c)活動(dòng)頁(yè)打開模態(tài)對(duì)話框。 　　優(yōu)點(diǎn)：關(guān)閉對(duì)話框即可返回。 　　缺點(diǎn)：需要承載的信息和功能較多時(shí)，不適合使用對(duì)話框。 　　d)活動(dòng)頁(yè)保留，新開頁(yè)面跳出。 　　優(yōu)點(diǎn)：技術(shù)實(shí)現(xiàn)成本低。 　　缺點(diǎn)：當(dāng)支線任務(wù)過(guò)多時(shí)，經(jīng)過(guò)一系列操作，用戶窗口會(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、正確使用視覺語(yǔ)言傳達(dá)界面信息 　　●內(nèi)容層和背景層層次分明，不能干擾主體頁(yè)面的閱讀，避免喧賓奪主。 　　●禁止模仿系統(tǒng)與QQ官方客戶端的控件。 　　●圖標(biāo)具有交互動(dòng)作不可作為裝飾元素單獨(dú)存在。 　　●按鈕的形式能被正確感知，醒目，突出，跳出畫面，使用高光，漸變，陰影，圓角，描邊等強(qiáng)化感知。 　　●頁(yè)面的視覺層級(jí)：高光>漸變>投影>純色>描邊 　　以上四點(diǎn)，基本概要了青島網(wǎng)站設(shè)計(jì)中的主體活動(dòng)類頁(yè)面制作要點(diǎn)，注重頁(yè)面信息的主次順序，充分利用好網(wǎng)頁(yè)的寬高比，使訪客能夠步步深入了解，提高頁(yè)面的可讀性。

專題類網(wǎng)頁(yè)的設(shè)計(jì)與制作相關(guān)標(biāo)簽：網(wǎng)頁(yè)制作，網(wǎng)站注冊(cè)，網(wǎng)站建設(shè)方案，網(wǎng)站建設(shè)公司

相關(guān)熱點(diǎn)推薦

網(wǎng)頁(yè)界面設(shè)計(jì)教程七：動(dòng) 青島網(wǎng)站建設(shè)之前應(yīng)該做 分析網(wǎng)站排名下降的影響 網(wǎng)站設(shè)計(jì)色彩該如何搭配 未來(lái)CEO必備十大IT 如何提高網(wǎng)站的用戶體驗(yàn) 網(wǎng)站設(shè)計(jì)趨勢(shì)-互動(dòng)站細(xì) 網(wǎng)站優(yōu)化的真諦到底是什 網(wǎng)站設(shè)計(jì)如何做好風(fēng)格統(tǒng) 如何做網(wǎng)頁(yè)設(shè)計(jì)的10個(gè) 跨境電商稅改新政實(shí)施 影響網(wǎng)站排名的因素有哪 10個(gè)重要的網(wǎng)頁(yè)設(shè)計(jì)技 博客論壇推廣技巧優(yōu)化網(wǎng) 企業(yè)網(wǎng)站推廣怎么做 網(wǎng)站建設(shè)中企業(yè)所面臨的 青島企業(yè)網(wǎng)站建設(shè) 快照又回到以前的了，是 40種網(wǎng)站設(shè)計(jì)常用技巧 History.bac 建立網(wǎng)站的好處 怎樣衡量網(wǎng)站用戶的價(jià)值 建站要向你熟悉的行業(yè)前 《設(shè)計(jì)師談網(wǎng)頁(yè)設(shè)計(jì)思維 網(wǎng)站形成視覺沖擊的幾種 網(wǎng)站：首頁(yè)所應(yīng)該達(dá)到的 一家公司的網(wǎng)站應(yīng)該有哪 怎樣交換友情鏈接 企業(yè)建站系統(tǒng) 化妝品的網(wǎng)站策劃分析 網(wǎng)站設(shè)計(jì)的思考網(wǎng)頁(yè)版面 SEO技巧,爬蟲及網(wǎng)頁(yè) 靈感創(chuàng)意的八種簡(jiǎn)潔網(wǎng)頁(yè) 網(wǎng)站優(yōu)化站內(nèi)很重要 微信紅包里的錢“去哪了 網(wǎng)站優(yōu)化目標(biāo)及意義 外部鏈接的優(yōu)化之一 黃島網(wǎng)站建設(shè) nev.cn奈薇網(wǎng)站開 企業(yè)建站關(guān)鍵注意事項(xiàng)

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶