前言:中文期刊網精心挑選了網頁設計報告范文供你參考和學習,希望我們的參考范文能激發你的文章創作靈感,歡迎閱讀。
網頁設計報告范文1
記得初到公司時,我對公司的了解僅僅局限于公司網站的簡單介紹,除此之外,便一無所知了。但是,在領導和同事們的支持和幫助下,我不僅加深了對公司的了解,而且很快就掌握和熟悉本崗位工作的要求及技巧,嚴格做到按時按量完成產品終端頁等頁面的制作,保證頁面的與效果圖的一致性和頁面在各個瀏覽器中的兼容性。同時,減少頁面中冗余的代碼,保證頁面的加載速度。此外,注意用戶體驗問題,站在用戶的角度瀏覽網頁,發現問題、解決問題,以提高網站的瀏覽量。
自從擔任網頁制作以來,雖然在工作中取得了較好的成績,但也還存在一些不足之處。例如:工作中沒有充分領會領導的意圖,有時會忽視公司的工作流程等等,這些都是由于工作態度和細節決定的。這些不足都需要在今后的工作中加以改進。
在今后的工作中,我將努力提高技術水平,克服不足,朝著以下兩個方向努力:
1、在以后的工作中不斷學習技術知識,通過多看、多學、多問、多練來不斷的提高自己的各項業務技能。
2、提高自己解決實際問題的能力,并在工作過程中慢慢克服急躁情緒,積極、熱情、細致地的對待每一項工作。
網頁設計報告范文2
一、實習工作介紹
我所在的這家公司,是一家做網上招商的商業網站,公司接收各種廠家提供的信息,然后由網絡的技術人員,將商家的信息做成網頁廣告,然后掛在我們的網站上,以此達到商業推廣的目的,類似我們公司的網站在同行業還有u88、28招商網等。
我和其它幾位同事做為網絡部的技術人員,主要的工作就是接收美工人員的網站模板,將其通過photoshop切片,然后導入dreamweaver進行排版,(排版主要使用css+div),并進一步的加以制作,完善美化,如加入js代碼,或透明flash,因為網頁是用css+div進行排版的,所以在最后一步的時候,我們還需要進行瀏覽器測試,因為css+div排版方式有一個最大的缺點就是:瀏覽器不兼容的問題,典型的如:ie與fireworks,因為各種瀏覽器使用的協議不同,所以會導致頁面在最終瀏覽的時候有一些小問題,如:頁面混亂,圖片、文字之間的距離過大或過小,頁面不美觀等等,做為一個新人,我在有些方面的技術還很不成熟,所以在技術總監張偉的幫助下,解決了很多問題,所在我很感謝他,當每天我們做完網頁后,都會在代碼頁面加入注釋代碼,在里面寫上每個人姓名的漢語拼間和工作日期,這樣方便月底做統計工作,公司領導會根據每個人的工作數量進行獎勵,每做一個頁面會有2塊的提成,雖然少點,但是積少成多,也是很可觀的。
二、初來公司的時候
(一)初級考試
初來公司的時候,我們經過了初期考試,培訓,與最終考試三個階段,在接到公司讓我面試的電話后,我來到了**公司,因為要干的是網頁設計,所以要有一個小測驗,技術總監要求我們在網上自找圖片和文字,做一個簡單的頁面,要求是:什么樣的頁面都可以,考查的主要是面試者相關軟件的操作能力與代碼掌握的熟練成度,說實話,從畢業后,有一段時間沒有寫代碼了,剛一上機,還有點生疏,但是憑借在學樣扎實的學習功底,我很快就恢復了自己的英雄本色,將html代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術總監看了以后,說不錯,讓我三天后參加培訓,合格扣就可以正式上班了。
(二)三天的培訓工作
三天后,我來到了公司,一看,來參加培訓的人有很多,大概在十多個人左右,其實所謂的培訓,就是讓大家先熟悉這家網站的工作,先做一些他們平時干的活,做一些廣告網頁,這些網頁都是靜態的,沒什么難度。我后來發現,自己在這些人當中,還是較較者,心里優勢還挺好的。
(三)最后的考核
三天的培訓后,我們迎來了最后的考核,合格的人會被留下,并得到一份為期一個月的實習合同,然后會在根據你在實習期的表現決定你的去留問題,最優秀的人會轉正,得到很優厚的待遇。
考核的內容,就是在公司的商務網站上任選一個頁面,然后在規定的時間內做完,我還不錯,技術比較熟練,是第四個做完的。當我們把網頁做完后由這家公司的經理進行審核,最后的結果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而后面做完的,只有提成,沒有底薪,他們的提成是每個頁面5元錢,最后的幾個人就被淘汰了,制度雖有點不近人情,但是剛畢業的學生能忍也就忍了,就這樣,我們每個人得到了一份一個月的臨時合同,正式開始了實習工作。
三、正式工作
我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀輕輕,干勁十足,來了以后就工作,連平時聊天的內容也和本行業分不開,我喜歡他(她)們,回為是實習期,所以每天做的數量沒有太大要求,但是每個人都玩命似的干活,抓緊時間做網頁,我們做的網頁是比較簡單的從上到下式的網頁,通過css+div排版,這樣在后期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的麻煩,的很不錯,不過有些追求精致,我做網頁的速度慢了很多,最初每天只能做3--4個網頁,這對于我來說是不能接受的,后來我改變了工作方法,我第次工作的時候,先訂下計劃,比如今天做多少網頁,然后我將要做的所有網頁,先做好排版,這時的網頁雖然排過版,但是不美觀,因為沒有進行美化工作,然后我會在下午的時間,集中全力做美化工作,就這樣我的速度提高了很多,快了將近一倍多。只要更加熟練速度不會更快,我相信自己。
四、業余的生活
每天的工作都是很快的,有時感覺時間過的很快,想停都停不住,早上出去的時候,見的是太陽,晚上下班后看到的是即將落日的夕陽或者是星星,每天就這么快的過去了,每個工作日結束后,我都會在下班后步行一段時間,去附近的圖書城充會電,或者放松一下,找一些我喜歡的書,看上幾個小時。
網頁設計報告范文3
關鍵詞:計算機;圖像處理技術;網頁設計
運用隨著信息技術的進步以及人們生活水平的提高,互聯網已經深入家家戶戶。網站是目前人們最常用的信息獲取渠道,而網頁設計直接決定了網站的質量。計算機圖像處理技術是網頁設計中的常用技術,主要目的是提高網頁的整體藝術感,將多樣化的內容呈現在瀏覽者面前。通過計算機圖像處理技術進行網頁設計,能有效提高網頁設計的藝術感,使網頁更具有感染力,獲得瀏覽者的共鳴。
1圖像在網頁設計中的重要性
圖像在網頁設計中占有較大的比重,也是最能吸引瀏覽者的因素之一。圖像在網頁設計中的功能可以分為以下兩方面:第一,視覺吸引功能。圖像和文字相比,對瀏覽者的感覺更直觀,能有效吸引瀏覽者的注意力,激發瀏覽者的興趣,從而提高網站的瀏覽率。正是因此,圖像的直觀功能能為整個網頁設計起到畫龍點睛的作用,提高整體網頁設計的藝術感。有調查報告顯示,圖像是決定瀏覽者對網站興趣的重要影響因素;其次,信息引導功能。網頁設計的根本目的是滿足不同瀏覽者的多樣化需求,使瀏覽者能迅速在網頁中發現自己所需的信息。而圖像則具有一定的信息引導功能,能夠使瀏覽者在眾多的信息中迅速發現自己需要的內容,節省了大量的時間。同時也可以通過圖像對單純的文字進行美觀,提高網頁的吸引力,從而保證網站的瀏覽量。
2計算機圖像處理技術
計算機圖像處理技術即對圖像進行針對性的加工、設計以及美化等,從而表達出相應的含義。目前,計算機圖像處理技術主要包括以下幾方面:
2.1圖像去噪計算機系統
在采取圖像的過程中,可能會出現一定的噪音,這主要是由計算機的硬件特性所導致的。而這些噪聲也會對圖像的質量造成相應的影響,因此可以通過計算機圖像處理技術進行去噪處理,從而提高圖像的質量。
2.2圖像增強
圖像增強指的是對圖像的某個固定區域進行針對性的加強,從而突出圖片的核心信息,同時削弱非重要信息的影響,方便之后圖像在網頁設計中的應用。圖片增強是網頁設計中較常用的圖像處理方法,主要用來改變圖像的畫質。這是由于計算機在對圖像進行采集時,會受到環境、分辨率等多種因素的限制,導致畫面的立體感不強,因此需要進行相應的增強處理。目前,圖像增強的方法較多,例如邊緣增強、色彩增強、銳化增強等。雖然圖像增強技術沒有增加圖像的信息量,但卻突出的重點內容,對網頁設計具有重要的意義。
2.3圖像壓縮
圖像壓縮也是較常用的處理類型之一,根據網頁設計的需求,對圖像的數據進行適當的壓縮,從而保證圖像傳輸的有效性,同時也避免了圖像傳輸過程中可能出現的失真情況。
3計算機圖像處理技術在網頁設計中的應用
網頁設計中,計算機圖像處理技術的核心在于體現出圖像的效果,提高整體設計的合理性與藝術性。而多數計算機所采取的原始圖片并不能達到此要求,因此,就需要通過計算機圖像處理技術進行相應的加工:
3.1滿足網頁設計對圖片格式的需求
網頁設計一般都會對圖片的格式進行一定的要求,在設計過程中,需要結合網頁設計的要求設置相應的圖片格式。在實踐過程中,圖像的種類較多,例如攝影圖像、截圖、連接圖片等等,不同的圖片類型給瀏覽者帶來的直觀感受也不同。一般網頁設計中應用較多的為攝影圖片,通過搭配文字的方式吸引瀏覽者的注意力。但這種方式也會直接增加網頁設計的工作量,影響整體的網頁效果,無法充分表現出網頁的目的。因此,計算機圖像處理技術必須要結合網頁設計的實際情況,選擇合理的圖像格式。
3.2控制網頁設計對圖片大小的需求
這主要是由于計算機屏幕的長度、寬度有限,因此網頁設計中的圖像也需要有一定的限制,一般不能超過計算機屏幕的長寬。其次,網頁設計中的圖像大小與情緒度之間有一定的聯系,若通過圖片處理技術后放大圖片,則其清晰度就會有一定程度的下降。但如果圖片的清晰度過高,也會大大提高網頁的加載速度,對瀏覽者造成一定的影響。因此,必須要根據具體情況,把握圖片大小與清晰度的平衡。
3.3優化網頁設計對圖片定位的需求
不同的圖片在網頁設計中的作用也不同,需要通過圖像來表現出網頁的風格。例如圖像可以通過背景、表格、導航等多種方式存在,也可以直接展現出網站的內容。當需要圖像在網頁設計中作為背景時,不能將單一的圖片作為網頁背景,而是要結合內容,設置文字或其他類型的資料,從而提高網頁的層次感,提高瀏覽者對網頁的興趣。此外,在網頁設計中,可以應用一些篇幅較小或線條型的圖片,取代單一的連接標志,動靜結合,提高網頁的美觀性。
4結語
通過計算機圖像處理技術在網頁設計中的應用,能夠對圖像進行多樣化的設計,提高網頁瀏覽的速度、效率,也是目前網頁設計中的核心。通過計算機圖像處理技術,能根據網頁的具體需求調整圖像的格式,并在清晰度與大小間保持一個良好的平衡,提高網頁的加載速度。此外,還能夠根據圖片定位充分發揮圖片的作用,提高網頁設計的美觀度和藝術感,從而提高網站的瀏覽率。
參考文獻
[1]雷萌.如何在網頁設計中運用計算機圖像處理技術[J].信息與電腦,2016(02):156-157.
[2]智立甫,王春寫.淺談網頁設計中的圖像處理技術[J].中小企業管理與科技,2015(05):213-213,214.
[3]吳明珠.網頁設計中圖像處理的最佳化分析[J].電腦知識與技術,2017,13(05):164-165.
[4]韋燕.網頁設計中計算機圖像處理技術的應用[J].現代商貿工業,2013(22):181-182.
網頁設計報告范文4
關鍵詞 Dreamweaver 表格 層 布局
中圖分類號:TP39 文獻標識碼:A
2016年1月22日,中國互聯網絡信息中心(CNNIC)第37次《中國互聯網絡發展狀況統計報告》(以下簡稱為《報告》)?!秷蟾妗凤@示,截至2015年12月,中國網民規模達6.88億,互聯網普及率達到50.3%,半數中國人已接入互聯網。同時,移動互聯網塑造了全新的社會生活形態,“互聯網+”行動計劃不斷助力企業發展,互聯網對于整體社會的影響已進入到新的階段。
瀏覽網頁已經成為現代社會人們生活中不可或缺的重要部分。網頁作為信息在網絡傳播中的主要載體,人們除了關心里面的內容以外,對它的版面設計也非常關注。如何將所有的文字、圖片、動畫等頁面元素按照設計要求精美地排列在頁面中,即網頁如何布局,是網頁設計的重點和關鍵所在。
利用Dreamweaver進行網頁設計時,基本的布局方法是使用表格和層。這兩種方法在頁面布局時各有自己的特點。
表格是網頁設計制作時不可缺少的重要元素,既可以單純地轉二維數據,又可以用來組織頁面內容,將不同的頁面元素放置在不同的表格或單元格里,以簡潔明了的方式將各種頁面元素井然有序地顯示在頁面中,并且可以設計出布局合理、結構協調、美觀勻稱的網頁。
使用表格布局頁面時,定位各種頁面元素過程簡單,用戶在頁面上方便地繪制布局單元格,并能夠靈活的將其移動到所需位置。使用多個布局表格可以將頁面布局分隔成多個區域,每個區域相對獨立,當對某一個區域進行編輯時,不會影響其他區域。利用布局表格,用戶可以快捷制作出結構復雜的版面。
使用表格布局,用戶還可以創建固定寬度的布局和自動伸展為整個瀏覽器窗口寬度的布局,因此兼容不同平臺、不同分辨率的瀏覽器。
表格布局比較規范、整體性強,表現得中規中矩,不太有其他豐富功能。
有些人在網頁設計時喜歡整個頁面使用一個大表格,然后在大表格中再嵌套小表格,使得瀏覽器在打開這個大而長的表格時只能等待整個表格的內容都接收完后才顯示,從而增加了瀏覽器的負擔。
網頁中的層就是網頁內容的一個容器,使用層可以靈活放置網站內容,層中放置各種頁面元素,甚至還可以嵌套層。層也是一種網頁元素定位技術,使用它可以以像素為單位精確定位頁面元素。層最主要的特性就是可以在網頁中自由浮動,可以放置在頁面的任何位置上。層的位置可以重疊、顯示與隱藏、與時間軸結合,可用來控制元素的顯示順序,還可用來制作網站的部分重疊效果,使頁面有豐富變化。
層布局的靈活性同樣也體現了一定的不穩定性。通常情況下,層加入到頁面中是游離的,雖然移動方便,但在頁面中的位置是固定的,因此當瀏覽器窗口變化時,層還在原位,沒有跟著相對位移,因此會出現位置上的偏差。
CSS樣式大多用于控制層的排版布局,一般使用外部CSS文件重用。統一使用一個外部CSS樣式表文件,可以實現“一改全改”的效果,維護成本低。但一個網站所有頁面在加載時都要訪問同一個文件,后臺支撐成本無形中提高、服務器消耗增加。
目前,瀏覽器的種類很多,版本也很多。對于CSS(樣式表)并不是所有瀏覽器的所有版本都支持的很好,這就使得在頁面制作的過程中需要針對不同瀏覽器版本進行測試,以保證兼容性,無形中增加很多工作量。
很多情況下,可以同時使用表格與層混合搭配進行布局。先使用多個上下關系的表格進行頁面的整個布局,再使層成為單元格的一個元素,既利用表格的整體規范性使整個布局規范,又利用到層的靈活性和豐富功能,從而使頁面設計更加精彩。
網頁設計中,好的網頁內容還要結合精美的網頁布局。頁面布局合理、有新意,才能完美展現網頁內容,才能在瀏覽者處加分,引起瀏覽者的興趣和共鳴。
作者簡介:劉珍,(1972-),碩士,研究方向為計算機應用。
參考文獻
[1] 文杰書院.DreamweaverCS5[M].清華大學出版社,2011(01).
網頁設計報告范文5
以研究網絡營銷白手起家的夏爾巴人出版集團(Marketing Sherpa)最近出版了一項名為《企業網頁設計手冊》的研究報告。這份長達185頁的PDF研究報告由數十張彩圖 (其中一張在下文列出)組成,單冊售價247美元,雖然3月15日后有折扣,但預計價仍為197美元每冊。通過運用精密復雜的“視線追蹤”測試以及訪談網絡營銷員的親身經驗,該項研究報告為那些有在線業務往來的公司提出了七條“黃金規則”。
多數網頁只被搜索而不被閱讀。網頁與打印出的文檔不同,它被訪客瀏覽的時間不過屈指可數的幾秒。在如此短暫的瞬間,人們或者只瀏覽標題的幾個字(恐怕連標題都不會看全),或者只看看網頁上幾張圖片或幾條目錄,就會匆匆做出該網站是否值得進一步瀏覽的判斷。
圖片勝過閱讀。在英語中,人們有從左到右從上到下的閱讀習慣。夏爾巴人研究小組發現這種習慣在人們瀏覽網頁時也不例外。也就是說,當網頁上有圖片的時候,人們會不自覺地被圖片吸引,特別是帶人臉的圖片更能吸引人們的目光。但一張位于網頁右方的圖片可能會使訪客無法注意到網頁左方的文字。
把重要的圖片放在頁面左方。該項研究的一個重大課題,就是圖片在網頁上居于什么位置才能吸引訪客更多的注意力。如果網頁上需要掛一個很重要的圖片――比如產品照片或研究人員的照片,應該掛在網頁左邊。這樣可以讓讀者們注意到照片之后,又能自如的把視線移動到位于網頁右方的文字索引上。這樣才能做到尊重閱讀習慣,比讓瀏覽者納視線在文字和圖片之間來回切換更加自然。
網頁左上角總能被注意到?!耙暰€追蹤”的研究結果表明:頁面左上角總是能被訪客注意到。這也是多數網站設計者不自覺地把公司標志放在這里的原因。但夏爾巴人出版集團還發現相當數量的訪客會把他們的目光集中在標志下方的空間上,這就使標志下方的一線空間成為表述網站特色的非常地帶。
圖片字幕是讀者關注率很高的。與剛剛提到的“左上角規則”同理,網頁上圖片下方緊鄰的位置也是極具價值的?!耙暰€追蹤”研究發現圖片下方的位置瀏覽率很高。與其在這個位置不放東西或放些無關緊要的東西,還不如把公司產品介紹放在這里。
超文本鏈接引人注目。研究小組還發現:任何用藍色下劃線或藍色本身標注的文字都會非常引入注目 (就像一個超文本鏈接,不論它是否有用都會引起注意)。這種色彩效應太強,以至于訪客的大腦還來不及做決定就會本能地去閱讀被強調的文字?!斑@個網站(不)適合我。”這不是從網頁上去除超文本鏈接的理由,超文本鏈接應該是廠商展示自己商品的最好舞臺。
除去網站導航。與上文提到的超文本鏈接不同的是,網站導航鏈接或按鈕會使訪客偏離前來該網站的初衷。網頁設計者應該去掉網站導航工具條,包括網站地圖以及關于我們等按鈕,在只希望訪客采取單一行動的頁面上,例如把選購商品放入購物籃子上或為免費使用資源而填表的頁面。雖然讓訪客進入一個帶領他們周游全站的頁面可能會是例外,但這根本不現實,因為站點是不可能從單純的訪客身上獲得收益的。
另外有一點非常重要:不要讓公司的網頁設計師把光標也設計成圖案。夏爾巴人出版集團的總裁安?赫蘭德在一次電話采訪中表示:“訪客會被你光標上的圖片或按鈕所吸引,以至于忽略你網頁上其他重要的信息?!?/p>
為夏爾巴人出版集團進行視線追蹤研究的是愛圖有限公司(Eye tools lnc)。該公司位于洛杉磯,是一家專門從事人與互聯網互動關系研究的公司。下方展示的熱圖就是愛圖公司的在頁面設計報告中的一部分。測試頁標注成紅色的區域的瀏覽概率是100%,以綠色標注區域的瀏覽概率是50%,而以深藍色標注的區域幾乎沒有人注意到。
該測試網頁正是愛圖視線追蹤研究小組的一則廣告。該研究小組注意到幾乎所有訪客都會將視線集中到被紅色標記的標題上,哪十白僅僅看了幾個單詞。研究小組發言人的照片在右邊,也被紅色標記了,說明此照片被100%的訪客看到,同時大多數訪客都掃過了位于頁面左方的文字。這個頁面被刻意設計成能吸引更多訪客的形式,從而引起更多人對愛圖視線追蹤研究小組關注。
愛圖視線追蹤研究小組改進了傳統視線追蹤研究的方式和路徑,排除了厚厚的鏡片以及幾年前用于與電視廣告視線追蹤的笨重頭盔,通過在電腦顯示器上方的儀器記錄瀏覽著眼球的移動軌跡,從而實現了點對點追蹤。
網頁設計報告范文6
關鍵詞:移動互聯網;4G;網頁設計;通訊產品;智能手機;平板電腦
通行設備性能與無線網絡通信速度的提升,以移動智能終端數量的快速增長為主要標志,主要體現在智能手機和平板電腦在大眾生活中的出現。據中國工業和信息化部的研究與統計及互聯網應用報告分析認為,中國在全球互聯網世界中所扮演的角色,部分程度上是由其互聯網市場的規模所決定的。據研究顯示,2015年,中國移動互聯網用戶數預計達到了7.9億人,與2014年數量相比增長8.4%,增速呈現走低的趨勢,進入平穩增長階段。2015年,中國移動互聯網市場規模達到23134.3億元,增幅達到72.2%。而2016年,移動互聯網整體將繼續保持高增長速度。雖然人口福利消失,但是基于商業模式的不斷創新,單用戶價值將呈現大幅提升的趨勢。預計在未來3~5年的時間里,移動互聯網規模將繼續保持高增長的速度。但是,每一項科學技術的發展都會帶來相關產業的變化,從互聯網到移動互聯網,體現在網絡速度得到飛速提高、網絡資費套餐更加優惠。同時,擺脫了寬大固定的顯示屏和鍵盤鼠標的局限,替代的是小巧方便的智能手機,易于攜帶的平板電腦以及各種各樣的袖珍終端。這樣,網頁設計作為網絡瀏覽的載體,在一定程度上也帶來了變化及要求。如何應對及改造這一變化,成為移動互聯網中重要的問題。
1 移動互聯網當前發展現狀
1.1 4G網絡的應用推動了移動通信服務的發展
移動互聯網通信服務全世界得到了長足發展,而且發展勢頭十分迅猛,主要是通過4G網絡的推動。4G網絡,即移動通信系統的第四代產品,它的最大特點主要就是在通信容量上超大,在速度上超快,以及可在全球范圍內實現自由對接、任意漫游。并且,能夠很好地處理圖像、聲頻和視頻,能夠以影視等各種多媒體形式來提供商務電話與視頻、電話會議及網頁瀏覽等信息服務。[1]所以,4G移動在生活中的廣泛應用,給人們生活與工作帶來了便利,也有效地提高了移動互聯網的發展。
1.2 移動互聯網應用的采用模式
在應用的層面上,移動互聯網的業務在目前階段主要使用兩種應用模式,其一為WAP方式。它所使用的是無線網絡應用協議,其網站模式主要是針對手機電腦而設計的。移動終端與移動通信網絡二者的速率都有著自身的特點,固定互聯網就是依照它們的速率特點,從而設計出全新的適應移動互聯網應用的采用模式。在這個過程中也相應地失去了一定的固定互聯網內容。其二為Web方式。它所使用的是固定互聯網,將移動終端的速配完全輸進固定互聯網的內容。它不需要再次開發網站內容,只要通過移動客戶終端,使用移動瀏覽器就能夠實現。目前所采用的兩種移動互聯網應用模式,都可以滿足在互聯網中用戶實現網絡沖浪的需求。
2 移動互聯背景下網頁設計的可行性原則分析
2.1 明確目標用戶群
在每一項產品設計中,最重要的是對目標用戶群的確定。對移動互聯產品進行網頁設計。通常的慣性要求是以使用移動網絡用戶的需求為主要設計目標,設計對象是移動手機電腦終端客戶群。因為利用手機上互聯網的用戶比使用電腦上互聯網的用戶數量多得多,所以在網頁設計上應充分考慮到手機用戶的喜好特性,明確設計產品具體針對哪些用戶群,以達到事半功倍的效果。
2.2 了解應用平臺的細節
由于網頁本身和外在的因素影響,在瀏覽網頁上呈現出的移動通訊產品具有一定的復雜性。所以,首先要掌握目標應用平臺的相關細節。一般來說,生產軟件或硬件的廠家會根據用戶的需要提供和介紹詳細的規范文檔,以便從中規范文檔中獲得自己所要求的目標平臺信息,然后將所有不同的信息進行綜合處理,形成一種個性化的版本,這樣就提高了移動應用的可用性。[2]
3 移動互聯產品在網頁設計上的具體策略
智能手機、平板電腦及各種移動互聯網的載體,為了使用戶方便攜帶及被充分利用,需要挖掘出一些使用功能。例如,功能的多方面改造提升,需要提高產品價格;尺寸的大小變化,要考慮到電池上的耐用問題。最重要而言,移動互聯網具有豐富而精彩的多媒體服務,這是受到終端客戶群青睞的重要原因。因此,要想使這些豐富的多媒體服務成為現實,在網頁設計上實行人性化設計是必不可少的。
3.1 改造舒適性整體
為了移動通訊產品能夠走進人們的現實生活中,并被廣泛地接受,首先要針對網頁設計在整體性上進行有效改造。一般來說,用戶在瀏覽網頁時都是處于隨機狀態或者是浮動狀態。因此,網站上所有的信息要達到迅速、準確、容易、方便地被瀏覽或者被閱讀。所以,在網頁設計中要合理地規劃菜單和文本,盡可能地優化圖片與內容,把較大面積與分辨率縮小成手機或平板電腦的顯示屏中,避免由此造成各種不合理的縮放變化,為用戶打造一個舒適性的網頁整體。
3.2 精準化內容
利用最小的成本呈現最有價值的內容,是對流量的節約,用戶體驗的改善,最直接的是為用戶省去不必要的費用。[3]網頁設計者可以從精簡頁面設計到導航與書簽功能,盡可能地幫助用戶避免不必要的文本信息輸入,縮減不必要的程序與功能,減少設計過深的多級菜單,以人性化與客戶滿意度為主要目標,對呈現內容盡量精準化。
3.3 增添延續性操作
互聯網的發展十分迅速,由Web1.0發展到Web2.0,再由Web2.0發展到現在的Web3.0[4],所用時間非常之短。Web1.0是互聯網的發展初期,使用的技術是靜態網頁開發技術,由于靜態網頁為互聯網的發展初期,交互性差是它的短板,但是它具有快速訪問的特點以及穩定性強的特點。Web2.0的發展保存了Web1.0的優點,而揚棄了它的交互性差的缺點,從而改善了Web1.0存在的漏洞,提高了網站與用戶的交互性,給新聞網站、博客和電子商務等帶來了便利,但是它的缺點是安全性能不高。隨著在傳統技術上的改造與發展,Web3.0改善了這些技術問題,并逐步完善了網絡體系。因此,移動科學技術的發展與更替,還是以傳統互聯網為基礎?,F不少手機用戶仍然堅持著傳統的互聯網操作,所以在網頁設計上,最好延續傳統互聯網的特點,取其精華,去其糟粕,讓用戶能夠更快地熟悉移動通訊產品的新興上網功能,更快地與移動互聯網融合。
3.4 設計視覺要素
在網頁設計中,文字、色彩、圖形以及圖像是最為根本的視覺傳達元素。通過點、線、面構成了立體基本形態,在交互中以瞬息萬變的視覺變化沖擊著受眾的眼球,從而形成了網頁設計的視覺語言。文字作為一種傳統的視覺符號,設計人員通過對復雜繁瑣的文字信息經過精心處理變成簡單濃縮的特性,有利于改善客戶的心理體驗。
把文字信息逐步向圖形、圖像及色彩轉變。[5]隨著網絡的不斷發展,原本只能呈現單一文字的互聯網現在可以利用每一個栩栩如生的圖形和圖像進行顯示。并且,這些圖形和圖像所表達的信息量大大超過了任何文字的表述,從而使用戶在視覺上受到了強烈的沖擊。但因圖形圖像本身數據量占用空間及數據量較大,給用戶在時間上和流量上產生了不少的費用。因此,網頁設計要盡可能地減少使用色彩艷麗的圖像。這樣不但能夠使數據量的穩定性得到有效的保證,而且又可保障圖形圖像的表達效果,提高設計程序的工作效率。
3.5 增加返回按鈕和鏈接
為用戶帶來更好的人性化服務及直觀體驗,最好在網頁上設計出返回按鈕,以及設置鏈接等。[6]由于一些智能手機和平板電腦其自身程序沒有設置返回按鈕,所以在設計的過程中盡量設置返回按鈕,以便為用戶提供更多的方便。由于在移動網站上進行輸入非常不方便,其難度較大。因此,在網頁設計過程中,應當向客戶給出單選按鈕及列表,這樣用戶就能夠根據自己意愿進行自由選擇。一般來說,移動設備屏幕面積尺寸都較小,用戶點擊鏈接時需要準確地點擊,所以設計師可以使用以下方法:第一,要適當地設計出較大的字體;第二,在鏈接的周圍,應當設計出較大面積的留白;第三,要為鏈接加上下劃線及背景顏色,以方便移動設備用戶能更快地確認他們點擊的鏈接內容。
4 結語
通過對移動互聯網的使用,人民群眾的工作和生活變得更加豐富多彩、方便快捷。移動互聯網將成為一種嶄新的多功能平臺,它包括媒體信息服務、社會公共服務、電子商務以及生活娛樂等等。網頁設計技術必須緊跟科學時代的發展不斷改革創新,為移動互聯網服務。如今,移動互聯網已成為大眾獲得信息和生活交流的一種重要方式,對移動設備的網頁進行科學設計是時代的要求。移動通訊產品的網頁設計大大地提高了人民群眾的生活水平。
參考文獻:
[1] 梅倩.移動互聯網時代下的網頁設計[J].科技創新導報,2010(4).
[2] 陸遠蓉,李曉婷.與職業能力對接的高職計算機課程開發探索――以《移動互聯網站設計》為例[J].九江職業技術學院學報,2014(2).
[3] 陸遠蓉,李曉婷.基于工作過程系統化的《移動互聯網站設計》學習情境設計[J].當代職業教育,2014(6).
[4] 楊穎.高職“網頁設計與制作”課程教學改革探索[J].職教通訊,2015(18).
[5] 周勝安,王圓.移動互聯網下的電子商務專業課程體系構建[J].中國信息技術教育,2014(19).
[6] 李歡.基于移動互聯的IM交互設計研究[D].北京交通大學,2013.
[7] 于淼.淺析網頁設計的發展趨勢[J].中國科技博覽,2011(14).