相匹配原則。盡管動(dòng)畫(huà)設(shè)計(jì)的外在表現(xiàn)形式有很多種, 比如絢麗多彩浪漫溫馨等等, 其必須與網(wǎng)頁(yè)所要表達(dá)的主題出發(fā), 不能只追求動(dòng)畫(huà)的復(fù)雜和絢麗, 要與主題相一致, 起到服務(wù)于主題的作用。

       比如, 在對(duì)紀(jì)念性的網(wǎng)頁(yè)設(shè)計(jì)時(shí), 比如設(shè)計(jì)紀(jì)念盧溝橋事變80周年的網(wǎng)頁(yè), 主題是中國(guó)人民要勿忘國(guó)恥, 并表達(dá)對(duì)抗戰(zhàn)中犧牲的英雄的沉痛哀悼, 因此網(wǎng)頁(yè)中的動(dòng)畫(huà)設(shè)計(jì)就不應(yīng)該太過(guò)鮮艷, 同時(shí)可以將蠟燭火苗的動(dòng)畫(huà)設(shè)計(jì)在網(wǎng)頁(yè)中, 利用暗淡的燭光, 來(lái)表現(xiàn)沉重的心情, 同時(shí)動(dòng)態(tài)的燭光也可以增加真實(shí)感。

隨著智能手機(jī)占據(jù)手機(jī)的主要市場(chǎng), 人們使用手機(jī)上網(wǎng)已經(jīng)越來(lái)越普遍, 但針對(duì)手機(jī)平臺(tái)設(shè)計(jì)的網(wǎng)頁(yè)卻只是互聯(lián)網(wǎng)網(wǎng)頁(yè)中極小的一部分。手機(jī)屏幕的尺寸不足一般計(jì)算機(jī)顯示器的1/20, 用手機(jī)瀏覽普通網(wǎng)頁(yè)不但浪費(fèi)數(shù)據(jù)流量, 而且視覺(jué)效果極差, 使得手機(jī)上網(wǎng)成為一種令人不太愉悅的體驗(yàn)。據(jù)統(tǒng)計(jì), 至2010年世界上有26%的人使用網(wǎng)絡(luò), 68%的人擁有手機(jī), 但卻只有不足4%的人使用手機(jī)上網(wǎng), 除使用習(xí)慣的因素之外, 手機(jī)平臺(tái)網(wǎng)頁(yè)缺乏科學(xué)規(guī)范的設(shè)計(jì)也是制約其發(fā)展的重要因素之一。
目前市場(chǎng)上手機(jī)品牌和種類(lèi)繁多, 使用手機(jī)上網(wǎng)的效果也有很大差異。影響手機(jī)上網(wǎng)體驗(yàn)的因素主要有屏幕尺寸、分辨率、橫屏/豎屏、交互模式 (按鍵/觸屏) 、無(wú)線(xiàn)帶寬等, 本文主要討論手機(jī)媒介網(wǎng)頁(yè)的版式設(shè)計(jì)問(wèn)題。
1 目前手機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的問(wèn)題
1.1 網(wǎng)頁(yè)與手機(jī)屏幕不匹配
目前市場(chǎng)上的手機(jī)型號(hào)達(dá)3 000多種, 手機(jī)屏幕類(lèi)型多樣, 尺寸從1.5英寸到3.8英寸不等, 分辨率更是從240×320到854×480像素不等, 除此之外還有豎屏與橫屏等差異。手機(jī)網(wǎng)頁(yè)需要根據(jù)不同的手機(jī)屏幕尺寸與分辨率進(jìn)行設(shè)計(jì), 即使不能針對(duì)每一種類(lèi)型, 一般也應(yīng)針對(duì)三四種主流屏幕進(jìn)行設(shè)計(jì)。而一些沒(méi)有專(zhuān)門(mén)針對(duì)手機(jī)進(jìn)行設(shè)計(jì)的網(wǎng)頁(yè), 完全依賴(lài)瀏覽器自動(dòng)轉(zhuǎn)換屏幕尺寸, 往往會(huì)導(dǎo)致文字錯(cuò)行、頁(yè)面雜亂, 甚至根本無(wú)法閱讀。
1.2 網(wǎng)頁(yè)缺乏設(shè)計(jì)
手機(jī)網(wǎng)頁(yè)由于受屏幕尺寸的限制, 設(shè)計(jì)風(fēng)格往往趨于簡(jiǎn)潔。然而簡(jiǎn)潔不等于簡(jiǎn)單甚至沒(méi)有設(shè)計(jì), 有些網(wǎng)頁(yè)一味追求頁(yè)面元素簡(jiǎn)單, 僅以文字鏈接進(jìn)行導(dǎo)航, 而刪除了一切認(rèn)為不必要的圖片、圖標(biāo)、色彩, 致使整個(gè)網(wǎng)頁(yè)成為了帶有鏈接的文字的堆砌;或者雖然使用了圖片與色彩等元素, 但完全忽略了用戶(hù)的使用及心理需求, 整個(gè)頁(yè)面缺乏設(shè)計(jì)感。
1.3 色彩應(yīng)用缺乏規(guī)劃
對(duì)于手機(jī)網(wǎng)頁(yè)的設(shè)計(jì)師來(lái)說(shuō), 要在如此小的幅面中規(guī)劃好色彩是非常考驗(yàn)功力的。缺乏經(jīng)驗(yàn)的設(shè)計(jì)師要么把手機(jī)網(wǎng)頁(yè)的色彩設(shè)計(jì)得過(guò)于簡(jiǎn)單且缺乏變化, 難以挑動(dòng)用戶(hù)的視覺(jué)神經(jīng);要么把繽紛的色彩堆砌在狹小的空間里, 讓人目不暇接。
1.4 字體應(yīng)用混亂
文字除了傳遞其字面意義的信息之外, 還能表達(dá)字面內(nèi)容以外的信息。文字的字體、大小、字距與行距等, 無(wú)時(shí)無(wú)刻不在向用戶(hù)傳遞著信息。例如, 標(biāo)題文字通常會(huì)比正文字號(hào)更大、字體更粗, 若把關(guān)系弄反了, 就容易導(dǎo)致讀者的困惑。一幅頁(yè)面中的字體也不宜太多, 過(guò)多的字體會(huì)使頁(yè)面雜亂無(wú)章。
1.5 載入速度緩慢
手機(jī)的下載速度與計(jì)算機(jī)是不一樣的, 同一幅頁(yè)面, 通過(guò)計(jì)算機(jī)查看或許是沒(méi)有載入問(wèn)題的, 但在手機(jī)上查看卻可能產(chǎn)生極大的干擾。頁(yè)面中過(guò)量的圖片、視頻、廣告會(huì)嚴(yán)重影響網(wǎng)頁(yè)的載入速度, 最終導(dǎo)致用戶(hù)的流失。
1.6 手機(jī)網(wǎng)頁(yè)與計(jì)算機(jī)網(wǎng)頁(yè)缺乏統(tǒng)一性
許多在計(jì)算機(jī)網(wǎng)頁(yè)中可以使用的設(shè)計(jì)元素, 由于受手機(jī)設(shè)備的限制而被屏蔽在頁(yè)面之外。刪減圖片、視頻等大量?jī)?nèi)容, 雖然使網(wǎng)頁(yè)在載入及視覺(jué)效果方面都運(yùn)行良好, 但還會(huì)產(chǎn)生一個(gè)嚴(yán)重的問(wèn)題, 即手機(jī)網(wǎng)頁(yè)與計(jì)算機(jī)網(wǎng)頁(yè)缺乏統(tǒng)一性, 令人無(wú)法在二者之間建立聯(lián)想。
2 手機(jī)網(wǎng)頁(yè)與計(jì)算機(jī)網(wǎng)頁(yè)的關(guān)系
2.1 手機(jī)網(wǎng)頁(yè)是計(jì)算機(jī)網(wǎng)頁(yè)的延續(xù)
手機(jī)網(wǎng)頁(yè)雖然與計(jì)算機(jī)網(wǎng)頁(yè)的應(yīng)用平臺(tái)不同, 但二者卻應(yīng)保持一定的延續(xù)性, 手機(jī)網(wǎng)頁(yè)不能完全拋棄計(jì)算機(jī)網(wǎng)頁(yè)的元素另起爐灶。
首先, 出于企業(yè)形象一體化設(shè)計(jì) (VI) 的原則, 計(jì)算機(jī)網(wǎng)頁(yè)中企業(yè)標(biāo)志、標(biāo)準(zhǔn)色彩、標(biāo)準(zhǔn)字體等元素在應(yīng)用上都有具體的規(guī)定, 目的就是保持企業(yè)形象在各種情況下的視覺(jué)統(tǒng)一性, 手機(jī)網(wǎng)頁(yè)在使用這些元素時(shí)也應(yīng)當(dāng)遵循相關(guān)使用規(guī)范。
其次, 對(duì)于VI中沒(méi)有要求的元素, 如網(wǎng)站的整體色調(diào)、按鈕圖標(biāo)、表單、分割線(xiàn)等, 手機(jī)網(wǎng)頁(yè)也應(yīng)與計(jì)算機(jī)網(wǎng)頁(yè)保持一致, 以便讓用戶(hù)在使用手機(jī)上網(wǎng)時(shí)快速找到平時(shí)用計(jì)算機(jī)上網(wǎng)的感覺(jué)。這樣既有利于用戶(hù)迅速建立品牌認(rèn)知, 也能夠形成親切的視覺(jué)體驗(yàn)。
再則, 從用戶(hù)使用的角度來(lái)說(shuō), 手機(jī)網(wǎng)頁(yè)對(duì)計(jì)算機(jī)網(wǎng)頁(yè)具有延續(xù)性能夠使用戶(hù)在二者之間架設(shè)橋梁, 幫助用戶(hù)把對(duì)計(jì)算機(jī)網(wǎng)頁(yè)熟悉的認(rèn)知轉(zhuǎn)移到手機(jī)網(wǎng)頁(yè)上, 從而快速了解手機(jī)網(wǎng)頁(yè)上各個(gè)板塊的內(nèi)容, 并掌握各功能區(qū)域的使用。
2.2 手機(jī)網(wǎng)頁(yè)是計(jì)算機(jī)網(wǎng)頁(yè)的重構(gòu)
由于設(shè)備硬件條件、使用環(huán)境等各方面的差異, 手機(jī)網(wǎng)頁(yè)不能照搬照抄計(jì)算機(jī)網(wǎng)頁(yè), 而必須把計(jì)算機(jī)網(wǎng)頁(yè)上的元素拆開(kāi)后進(jìn)行重組, 就像是視覺(jué)設(shè)計(jì)中的打散重構(gòu)。一方面, 由于屏幕尺寸的限制, 手機(jī)網(wǎng)頁(yè)要通過(guò)調(diào)整頁(yè)面的構(gòu)圖與各元素的比例, 使頁(yè)面重點(diǎn)突出、清晰可讀、方便易用。另一方面, 手機(jī)上網(wǎng)具有鮮明的“碎片化閱讀”特征, 用戶(hù)在乘車(chē)、開(kāi)會(huì)時(shí)利用短暫的空閑時(shí)間上網(wǎng), 與平時(shí)在計(jì)算機(jī)前上網(wǎng)的需求、心態(tài)都不相同, 一般借游戲娛樂(lè)打發(fā)時(shí)間或查找地圖等, 因此, 在內(nèi)容安排上, 手機(jī)網(wǎng)頁(yè)也要作出相應(yīng)調(diào)整。例如, 百度的手機(jī)網(wǎng)頁(yè)把“小說(shuō)”放到菜單的第二位, 而把“貼吧”、“知道”、“視頻”等互動(dòng)性、知識(shí)性或占據(jù)網(wǎng)絡(luò)資源較大的內(nèi)容整合進(jìn)“更多”菜單中。
3 手機(jī)媒介網(wǎng)頁(yè)的版式設(shè)計(jì)原則
3.1 簡(jiǎn)潔、“少即是多”原則
手機(jī)最大3.5英寸的屏幕使得簡(jiǎn)潔成為手機(jī)網(wǎng)頁(yè)設(shè)計(jì)的必然要求。在這狹小的方寸之內(nèi), 根本沒(méi)有足夠的空間來(lái)進(jìn)行煩瑣的設(shè)計(jì)。所謂簡(jiǎn)潔, 不單是指空間安排不擁塞, 同時(shí)還包含版式的單純和圖形形態(tài)的簡(jiǎn)練概括。就手機(jī)的屏幕寬度而言, 網(wǎng)頁(yè)一行字?jǐn)?shù)的上限為14個(gè)中文字符, 這個(gè)寬度只能縱向分成一欄, 因此手機(jī)網(wǎng)頁(yè)的版面結(jié)構(gòu)較為簡(jiǎn)單, 呈現(xiàn)垂直瀏覽的單列布局。另外, 尺寸的限制使用戶(hù)難以觀察到網(wǎng)頁(yè)中的微妙細(xì)節(jié), 所以圖形不宜太復(fù)雜, 而應(yīng)以簡(jiǎn)潔為主。簡(jiǎn)潔的網(wǎng)頁(yè)能夠使用戶(hù)保持對(duì)頁(yè)面的專(zhuān)注力, 讓人對(duì)頁(yè)面的內(nèi)容一目了然。而花哨的背景與不當(dāng)?shù)牧舭讜?huì)給頁(yè)面增添視噪, 干擾用戶(hù)的閱讀。
3.2 易用性原則
在美觀的設(shè)計(jì)與易用性發(fā)生沖突時(shí)應(yīng)該如何選擇?對(duì)于手機(jī)網(wǎng)頁(yè)來(lái)說(shuō), 答案是非常肯定的, 即易用性要比設(shè)計(jì)感更重要。有時(shí)為了網(wǎng)頁(yè)的易用性不得不犧牲部分設(shè)計(jì)感。例如, 由于手機(jī)屏幕有限, 手機(jī)網(wǎng)站不便于像計(jì)算機(jī)網(wǎng)站一樣在每一頁(yè)面都重復(fù)設(shè)置網(wǎng)站主導(dǎo)航, 以免主導(dǎo)航占據(jù)過(guò)多的空間, 導(dǎo)致用戶(hù)在屏幕上向下滑動(dòng)很遠(yuǎn)才能看到當(dāng)頁(yè)的主要內(nèi)容。此外, 手機(jī)網(wǎng)頁(yè)中應(yīng)只顯現(xiàn)最精華的內(nèi)容。手機(jī)屏幕非常小, 要確保網(wǎng)站正確識(shí)別手機(jī)發(fā)送的請(qǐng)求, 并且提供最精華、最簡(jiǎn)潔的內(nèi)容, 否則重要的內(nèi)容將被擠到網(wǎng)頁(yè)下邊或很難被發(fā)現(xiàn)。
3.3 信息扁平化原則
保持手機(jī)網(wǎng)頁(yè)的易用性還意味著應(yīng)避免不必要的交互, 所以在設(shè)計(jì)中應(yīng)堅(jiān)持網(wǎng)頁(yè)信息的扁平化原則。從登錄網(wǎng)頁(yè)到找到所需信息, 其間的步驟越多, 帶給用戶(hù)的不便也就越多。手機(jī)客戶(hù)端沒(méi)有像計(jì)算機(jī)網(wǎng)頁(yè)那樣操作方便的導(dǎo)航方式, 如目錄、樹(shù)狀導(dǎo)航和面包屑等, 若要跳轉(zhuǎn)到其他內(nèi)容頁(yè)面時(shí), 就必須一層層返回上級(jí)菜單, 再逐層進(jìn)入子菜單, 這樣會(huì)導(dǎo)致跳轉(zhuǎn)界面非常復(fù)雜。因此, 每跳轉(zhuǎn)一次界面都會(huì)造成用戶(hù)數(shù)量的損失。扁平化的信息構(gòu)架就是首頁(yè)和內(nèi)容頁(yè)之間的垂直訪(fǎng)問(wèn), 不需要有間隔層次。
3.4 少用圖原則
應(yīng)用圖片能增加網(wǎng)頁(yè)的美感, 適度地使用大圖能使頁(yè)面顯得大氣時(shí)尚。但對(duì)于手機(jī)網(wǎng)頁(yè)來(lái)說(shuō), 在目前的網(wǎng)絡(luò)技術(shù)條件下, 使用圖片要相當(dāng)謹(jǐn)慎, 圖片不但會(huì)增加文件的數(shù)據(jù)量, 拖慢頁(yè)面載入速度, 還會(huì)占據(jù)過(guò)多的頁(yè)面空間, 導(dǎo)致頁(yè)面上提供的有用信息減少。尤其手機(jī)網(wǎng)頁(yè)的背景圖, 當(dāng)與文字重合時(shí)會(huì)影響文字的閱讀, 因此成為手機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的禁忌。

1，做一個(gè)有靈魂的企業(yè)網(wǎng)站
沒(méi)有靈魂卻又不腐爛的死人被稱(chēng)為僵尸，同理，沒(méi)有靈魂的網(wǎng)站就是僵尸網(wǎng)站。有一些網(wǎng)站做完了就放到那不管了，既沒(méi)有流量，也無(wú)人問(wèn)津，這樣的網(wǎng)站就是僵尸網(wǎng)站。

2，找到企業(yè)網(wǎng)站的主打產(chǎn)品
就像我們?nèi)ス渚〇|商城旗艦店，總會(huì)先看一下它們主推的產(chǎn)品，以及什么樣的產(chǎn)品銷(xiāo)量最高、評(píng)價(jià)最好，綜合對(duì)比后來(lái)選擇自己想要的。但是偏偏很多網(wǎng)站，用戶(hù)根本就找不到它們的主打產(chǎn)品是什么，難道等用戶(hù)自己來(lái)分別對(duì)比嗎?你所需要做的就是：把你的主打產(chǎn)品，第一事件呈現(xiàn)在你的用戶(hù)面前。

3，確立企業(yè)網(wǎng)站的盈利模式
海淘專(zhuān)業(yè)網(wǎng)站建設(shè)認(rèn)為，總是有一些網(wǎng)站，也是不得不說(shuō)的，網(wǎng)站排名做上來(lái)了，卻沒(méi)想好怎么賺錢(qián)?

4，用戶(hù)獲取渠道多元化
很多企業(yè)很多時(shí)候做百度競(jìng)價(jià)花了很多錢(qián)，然而生意還是慘淡啊!但是除了百度競(jìng)價(jià)外就沒(méi)有其他獲取用戶(hù)的渠道了嗎?做SEO自然排名、微信、微博、媒體營(yíng)銷(xiāo)都不是方式嗎?無(wú)論是你做SEO、還是SEM的，請(qǐng)多為自己留一條后路，避免無(wú)路可退。

5，讓口碑來(lái)傳播網(wǎng)站
做一個(gè)成功的網(wǎng)站不僅僅要依靠自己去將其傳播開(kāi)來(lái)，更多的還要看用戶(hù)“口碑”，怎么讓用戶(hù)來(lái)主動(dòng)幫你傳播網(wǎng)站呢?其實(shí)網(wǎng)站的管理人員可以多借鑒一下微信朋友圈，每天我們?yōu)槭裁纯梢钥吹礁魇礁鳂拥霓D(zhuǎn)發(fā)呢?

6，找到網(wǎng)站的目標(biāo)用戶(hù)
很多時(shí)候不少網(wǎng)站有流量，但是就是產(chǎn)生不了良好的轉(zhuǎn)換率，是因?yàn)槟繕?biāo)用戶(hù)找錯(cuò)了!

7，品牌影響力必不可少

超市購(gòu)物，同樣的價(jià)格我們會(huì)選擇名牌的，甚至價(jià)格高幾倍，也會(huì)選擇名牌的，這就是品牌的影響力!做網(wǎng)站做品牌一樣如此，最為基本的要做：媒體軟文推廣，時(shí)不時(shí)的發(fā)布一些。品牌、產(chǎn)品百科信息、文庫(kù)信息、知道信息，這些更是必不可少!

8，網(wǎng)站頁(yè)面設(shè)計(jì)要高大上
付費(fèi)能力越高的群體，越在乎合作伙伴的質(zhì)量，而對(duì)于網(wǎng)站來(lái)講這個(gè)質(zhì)量的第一展現(xiàn)就是高大上的形象。

9，網(wǎng)站要做好用戶(hù)體驗(yàn)
好的用戶(hù)體驗(yàn)不是你一個(gè)頁(yè)面中左邊有一個(gè)咨詢(xún)窗口，右邊有一個(gè)咨詢(xún)窗口，中間還要彈出一個(gè)是否咨詢(xún)!這樣首先上來(lái)就會(huì)讓人打一個(gè)差評(píng)，多少網(wǎng)站這樣做的呢?數(shù)不勝數(shù)。
做好用戶(hù)體驗(yàn)不是你能為用戶(hù)服務(wù)多少，而是用戶(hù)想要看到的你能夠給多少。現(xiàn)在不少網(wǎng)站都太過(guò)急功近利了，根本沒(méi)有考慮這些。用戶(hù)體驗(yàn)是一個(gè)大的工程，設(shè)身處地的把自己想為用戶(hù)，才會(huì)看到更多。

10，讓用戶(hù)成為你的粉絲
一個(gè)網(wǎng)站是否成功了，在于他的粉絲是否多，忠誠(chéng)的用戶(hù)是否多，否則即使你每天100萬(wàn)IP，也總會(huì)有用光的時(shí)候。絕大多數(shù)的網(wǎng)站都沒(méi)有考慮過(guò)用戶(hù)忠誠(chéng)度的問(wèn)題，如何留住更多的用戶(hù)多次選擇你的網(wǎng)站，這是成功路上最為重要的因素!

網(wǎng)站關(guān)鍵詞：網(wǎng)站建設(shè)  網(wǎng)站設(shè)計(jì)  網(wǎng)站制作  上海網(wǎng)站建設(shè)  上海網(wǎng)站設(shè)計(jì)  上海網(wǎng)站制作  上海網(wǎng)絡(luò)公司  網(wǎng)站建設(shè)上海  上海做網(wǎng)站  上海建設(shè)網(wǎng)站  上海做網(wǎng)站公司  上海建網(wǎng)站公司  上海高端網(wǎng)站建設(shè)  上海手機(jī)網(wǎng)站建設(shè)  怎么建設(shè)網(wǎng)站  如何建設(shè)網(wǎng)站  營(yíng)銷(xiāo)網(wǎng)站建設(shè)  品牌網(wǎng)站建設(shè)  網(wǎng)站建設(shè)方案  響應(yīng)式網(wǎng)站建設(shè)  外貿(mào)網(wǎng)站建設(shè)  公司網(wǎng)站建設(shè)  建設(shè)網(wǎng)站  網(wǎng)站建設(shè)服務(wù)  高端網(wǎng)站建設(shè)  網(wǎng)站優(yōu)化服務(wù)  上海網(wǎng)站公司  企業(yè)網(wǎng)站設(shè)計(jì)  官網(wǎng)制作  官網(wǎng)建設(shè)  官網(wǎng)設(shè)計(jì)  網(wǎng)站建設(shè)公司  網(wǎng)站設(shè)計(jì)公司  網(wǎng)站制作公司