版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領
文檔簡介
第頁移動端網(wǎng)頁設計要點移動端網(wǎng)頁〔制定〕要點
關于移動用戶來說,往往很容易忘記菜單項選擇項,因此,你應該把自己最關鍵的"行為呼喚'內(nèi)容放置在一個醒目的位置上。下面介紹移動端網(wǎng)頁制定要點,希望可以幫助到大家。
1、"行為呼喚'內(nèi)容要靠前或居中
關于移動用戶來說,往往很容易忘記菜單項選擇項,因此,你應該把自己最關鍵的"行為呼喚'內(nèi)容放置在一個醒目的位置上,這樣用戶就能輕松看到。所以,你必須要讓最重要的"行為呼喚'內(nèi)容占據(jù)到網(wǎng)站的主體部分上,用戶就能夠快速完成相關任務,另外,如果要持續(xù)執(zhí)行下一個任務,你可以利用菜單項選擇項標明,也可以把下個任務緊跟在第一個任務完成之后。在移動端,你的"行為呼喚'內(nèi)容應該和桌面終端不一樣,所以你必須要"對號入座',因地制宜。
總結(jié):把你最重要的"行為呼喚'內(nèi)容放置在網(wǎng)站最特別的位置上面。
2、讓菜單看起來既簡潔又親切
一個范圍較廣的菜單可能非常適用于桌面網(wǎng)站,但是移動用戶可能沒有足夠的耐心來回滑動自己的手機,他們不喜愛在查看一長串菜單項選擇項之后才找到自己想要的東西。那么,你必須要想想看,如何在最少的菜單里面放上自己最必須要的功能選項呢?舉個例子,有一家大型零售商店,他們在自己的移動網(wǎng)站上優(yōu)化產(chǎn)品類別菜單,和桌面菜單完全不同,讓移動終端的菜單項選擇項為用戶提供了一個更加簡短,更加清楚的產(chǎn)品列表。
3、要讓用戶便于回到主頁
當移動用戶在你的網(wǎng)站上面導航瀏覽時,他們會希望可以快速回到之前的主頁上面。研究中發(fā)現(xiàn),用戶往往喜愛點擊頁面上的公司Logo,因為他們覺得這種方式可以直接回到主頁上去,所以你的網(wǎng)站必須也要支持這個功能,否則,如果用戶點擊了Logo,卻毫無反應,他們肯定會覺得非常失望。
4、堅持搜索功能可見
如果用戶必須要尋找一些特別信息,那么他們就會使用網(wǎng)站的搜索功能,因此,搜索必須是移動網(wǎng)站上最重要的功能之一,一般而言,用戶希望能夠在網(wǎng)站頁面的頂部使用文本搜索功能,因為頁面頂部位置最容易讓人發(fā)現(xiàn)。
5、保證網(wǎng)站搜索結(jié)果符合用戶預期
實際上,用戶似乎并不討厭一頁一頁的翻閱搜索結(jié)果,但是他們更加看重網(wǎng)站返回的搜索結(jié)果是否符合他們的預期,因此,你至少必須要保證自己搜索結(jié)果的第一個顯示頁面能夠精準的滿足用戶搜索要求。在移動終端上面,因為屏幕非常小,所以你必須要提供一些智能搜索功能,比如幫助用戶自動拼寫,或是修正用戶的錯誤拼寫,等等。
提示:保證你的網(wǎng)站搜索功能可以返回有效的結(jié)果,另外必須要完善智能搜索,提供自動拼寫或錯誤拼寫改正等功能。
6、指導用戶去訪問較好的網(wǎng)站搜索結(jié)果
關于一個網(wǎng)站而言,用戶有各種各樣的類型,所以,在用戶進行搜索的時候,可以先詢問幾個相關問題,這樣可以保證他們的搜索結(jié)果與預期一致。舉個例子,一家大型鞋子零售商在其移動網(wǎng)站上面提供了搜索服務,但是搜索前會詢問用戶的性別,以及腳的尺寸等問題。
網(wǎng)頁制定中有哪些元素制定
一、圖形元素
網(wǎng)頁制定中的圖片提供導向和鏈接的功能。依據(jù)人機心理學研究,人們的視線在瀏覽網(wǎng)頁時,會首先垂直的落在屏幕中心,然后向四周游動。決定了制定師要將重要的信息安排在凝視點高的區(qū)域,所以制定師要依據(jù)視覺流程來合理安排圖片的適度位置。網(wǎng)頁制定中的圖片是要經(jīng)過網(wǎng)絡下載才可以最后看到,受到優(yōu)待的限制,所以要求圖形文件量盡可能的小。在圖片大小固定的狀況下,文件量越低說明圖片分辨率要越低。關于顯示器上的圖片而言,分辨率為72dpi是大多數(shù)圖片的最正確選擇。
二、色彩元素
色彩的配色制定直接影響網(wǎng)站的整體定位、風格。作為制定中不可缺少的元素,它建立在文字圖形的基礎上,依靠眼睛的功能,通過感覺的視覺沖擊力對心理起作用。每一種顏色都有不同的心理暗示。冷色中的藍色代表平靜,暖色中的紅色代表激動;黑色給人繁重感,淺色則讓物體輕快;色彩從色調(diào)、飽和度、明度三個方面影響著網(wǎng)頁,我們可以找到很多運用廣泛的色彩配色方案,來作為實際學習和工作中的向?qū)А?/p>
網(wǎng)頁制定中的色彩元素必須要符合國際色彩的標準,因為互聯(lián)網(wǎng)絡是建立在國際互聯(lián)網(wǎng)統(tǒng)一的平臺上的。最簡單的說就是采納網(wǎng)頁安全色,不能毫無克制的運用太多顏色,一般狀況下先依據(jù)總體風格的要求定出主色調(diào)和輔助色進行色彩的搭配。網(wǎng)頁色彩模式一般采用RGB模式。網(wǎng)頁制定是通過顯示器來進行展示的,目前顯示器大都采納RGB顏色標準,這與RGB顏色模式的原理分不開。RGB是從顏色發(fā)光的原理來制定定的,通俗點說它的顏色混合方式就好像有紅、綠、藍三盞燈,當它們的光互相疊合的時候,色彩相混,而亮度卻等于兩者亮度之總和,越混合亮度越高,即加法混合。在顯示器上,通過電子槍打在屏幕的紅、綠、藍三色發(fā)光極上來產(chǎn)生色彩的。
三、版式制定
用戶界面展現(xiàn)在瀏覽者面前的數(shù)字化物化界面,組成元素是與傳統(tǒng)物化界面相同的圖文信息、版面制定、色彩布局。界面制定普遍遵循了〔平面制定〕的視覺傳達方式。版式制定就是在有限的空間中遵循視覺制定原則,把各種多媒體元素進行合理的組合。不同的主題網(wǎng)站有著不同的制定思路,引起思想、情感、形式等各方面的不同。有些網(wǎng)頁直接對視覺元素進行堆砌,欠缺規(guī)劃,缺乏審美意識。各種文字、動畫、色塊等雜亂無章,令消費者厭煩。網(wǎng)站制定首先要對企業(yè)、產(chǎn)品、受眾信息等進行全面的調(diào)研和綜合分析,指定網(wǎng)站合適的整體風格,以合適的版式制定表達形式營造出相適應的氛圍。
網(wǎng)頁制定的原則
第一,網(wǎng)頁制定人員在對網(wǎng)頁進行制定時,一定要確保網(wǎng)頁命名的簡單明了,這是因為每一個網(wǎng)站室友多個網(wǎng)頁共同組成的,如果不對其進行簡化處理,很容易使人們產(chǎn)生一種混亂錯雜的觀感。因此,為了提升頁面的連貫性,使其能夠很好的鏈接在一起,制定人員應該對不同的頁面制定具有代表性的名字,這樣不僅能夠減輕〔管理〕人員的工作任務量,還極大方便了人們的快速檢索。并且,通過設置多項的關鍵詞,讓使用者更多更快的找到自己所必須的信息內(nèi)容。
第二,當用戶登錄到頁面時,第一感官印象是非常重要的。因此,制定人員還要充分合計到視覺效果問題,并對反差效果進行合理的應用。其次,還要確保網(wǎng)頁結(jié)構(gòu)和排版的流暢性。盡量在網(wǎng)頁制定中插入大量的表格形式,以此來加強整個網(wǎng)頁布局的均勻性,重點凸顯該網(wǎng)站的主要內(nèi)容,第一時間就能夠抓住人們的注意力。此外,制定人員還要對頁面的長度進行嚴格的控制,不宜過長,這是因為大多數(shù)使用者并不喜愛一直拉動滾動條,如果頁面長度非常長,就會讓用戶失去耐心。同時,為了提升網(wǎng)頁的視覺效果,無論是圖像、背景、還是文字、標題,都應該堅持風格一致,只有這樣,才不會給用戶帶來混亂的觀賞感。
第三,制定人員在對一個網(wǎng)頁進行制定時,必須清楚認知到一點問題,那就是,并不是所有的用戶都可以了解網(wǎng)站的各項制定,正是因為這一點錯誤的意識,很多制定人員往往忽視了網(wǎng)頁導覽的重要性,這就給不熟悉網(wǎng)頁的用戶造成了極大的不便。為此,網(wǎng)頁制定者為每一位用戶提供網(wǎng)頁瀏覽地圖。這樣一來,用戶就可以在主頁搜索欄中輸入所必須信息,從而逐步提升網(wǎng)頁的有用性。
第四,我們都知道,在一個網(wǎng)站中,有著大量的文字信息的圖片,為了方面用戶的使用,制定人員要在每一張的圖片下面,加注具體的說明。并且,當圖片處于緩沖階段時,用戶可以事先通過加注的文字信息來了解圖片中的內(nèi)容,這樣不僅就可以有效減少用戶的等待時間,避免用戶出現(xiàn)厭煩的情緒。
第五,文字作為網(wǎng)頁中主要的信息輸出方式,其準確率的凹凸關于網(wǎng)頁質(zhì)量的好壞有著至關重要的影響,更是用戶對網(wǎng)頁評價標準的基本前提。假設是網(wǎng)頁制定人員不注重這一問題,導致網(wǎng)頁中出現(xiàn)了大量的錯別字,即使網(wǎng)頁制定的再美麗,也會在用戶印象中大大折扣。所以,制定人員必須高度重視這一問題,并對所有的文字拼寫進行認真仔細的檢查,從而保證網(wǎng)頁各方面制定都能夠達到完美。
第六,網(wǎng)頁制定人員要定期對網(wǎng)頁鏈接狀況進行測定,保證其始終處于有效性的狀態(tài),這樣才干確保用戶可以在第一時間尋找到頁面。另外,還可以為用戶提供其所必須要信息的相關聯(lián)系方式,使其能夠更深入的了解信息內(nèi)容,以此來加強用戶對網(wǎng)頁的依賴性。
網(wǎng)頁制定的制作技巧
(1)首先要準備大量的資料。
在網(wǎng)頁制定之初,應該準備大量的資料,這些資料必須是有價值的,不能違反著作權(quán)的相關規(guī)定。大量的資料對后期合理的排版,架構(gòu)的調(diào)整,內(nèi)容的豐富有著很重要的作用。
(2)注意每頁檔案大小。
建議每個網(wǎng)頁盡量在15k以下,如果可以縮減到12k,甚至10k那就更好,但是不能在5k以下。其實我們都知道,搜索引擎最正確化的目的,實際上是為了使用者,而不是為了搜索引擎本身。
(3)內(nèi)容搭配要合理。
在網(wǎng)頁制定的過程里,合理編排內(nèi)容顯得尤為重要。要讓一篇文章表達出想要表達的意義,讓用戶在查閱時清楚的知道制定者想要表達的內(nèi)容,關鍵詞尤為重要。而關鍵詞如何放置才干起到這樣的效果呢?拿出你的關鍵字,在以下六個
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- GB/T 32000-2024美麗宜居鄉(xiāng)村建設指南
- 燈旗桿使用合同范例
- 天津濱海職業(yè)學院《經(jīng)濟法1》2023-2024學年第一學期期末試卷
- 常州市勞動合同范例
- 房屋抵押合同范例
- 真石漆專用砂漿施工方案
- 借用證件合同范例
- 水箱修理轉(zhuǎn)讓合同范例
- 烘培行業(yè)入股合同范例
- 地膠維修合同范例
- JJF(陜) 085-2022 全自動容量稀釋配標儀校準規(guī)范
- 粉末銷售合同范例
- 【MOOC】油氣地質(zhì)與勘探-中國石油大學(華東) 中國大學慕課MOOC答案
- 山東省濟南市2023-2024學年高一上學期1月期末考試 物理 含答案
- 管理咨詢服務實施方案
- 成人重癥患者人工氣道濕化護理專家共識 解讀
- 機器學習(山東聯(lián)盟)智慧樹知到期末考試答案章節(jié)答案2024年山東財經(jīng)大學
- 科研設計及研究生論文撰寫智慧樹知到期末考試答案章節(jié)答案2024年浙江中醫(yī)藥大學
- 商業(yè)倫理與企業(yè)社會責任(山東財經(jīng)大學)智慧樹知到期末考試答案章節(jié)答案2024年山東財經(jīng)大學
- 2024年輔警招聘考試試題庫及完整答案(全優(yōu))
- 2024年江蘇省普通高中學業(yè)水平測試小高考生物、地理、歷史、政治試卷及答案(綜合版)
評論
0/150
提交評論