中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

移動(dòng)網(wǎng)站設(shè)計(jì)的視覺體驗(yàn)

2022-06-22    分類: 網(wǎng)站設(shè)計(jì)

各式或華麗,或炫目,或讓人迷惑,或讓人嘆服的Web Design已經(jīng)愉悅我們很長(zhǎng)很長(zhǎng)的日子了。 可是,當(dāng)有一天我們發(fā)現(xiàn)了一個(gè)新事物——用手機(jī)上網(wǎng),在手機(jī)上看網(wǎng)頁,我們看到了一種不一樣Web,這種網(wǎng)頁大家通常叫他們Wap頁面,這種頁面形式用簡(jiǎn)潔的視覺效果,清晰的頁面架構(gòu)和小分量的頁面體積第一次滿足了我們手機(jī)上網(wǎng)的需求。



  但到了人類歷史的某一天,鋪天蓋地的Iphone 某某 和Android誰誰都出現(xiàn)了,碩大的屏幕尺寸,華麗的界面展現(xiàn),用手指頭去完成各式的操作,手機(jī)的的歷史使命再也不是打電話發(fā)短信,人們大呼“我們要上網(wǎng)!”我們需要給予用戶手機(jī)上網(wǎng)合理的體驗(yàn),豐富的內(nèi)容和交互。又由于Html5的“說是快,那是及”的出現(xiàn),時(shí)勢(shì)造英雄Mobile Web 華麗登場(chǎng)了。



(一) 我是一種延續(xù)——Mobile Web承接Web的視覺體驗(yàn)

  以www.deviantart.com為例,她已經(jīng)是無數(shù)設(shè)計(jì)師生活的一部分,在個(gè)人電腦上我們擁有她,在手機(jī)上我們也需要她。



  Mobile Web的任務(wù)很重要的就是要滿足用戶們從個(gè)人電腦到手機(jī)的延續(xù),用戶在個(gè)人電腦上看,在手機(jī)上也看,對(duì)于像”www.deviantart.com”這樣的有很久時(shí)間積累的產(chǎn)品,她的視覺風(fēng)格在用戶的腦子里早已形成了一個(gè)具象的畫面,在移動(dòng)設(shè)備上我們的”m. deviantart.com”同樣需要延續(xù)這樣的品牌視覺風(fēng)格。



  從例子里我們看到好的品牌視覺延續(xù),幫助用戶在使用移動(dòng)設(shè)備訪問該網(wǎng)站時(shí)立刻建立起親切的視覺初體驗(yàn)和品牌認(rèn)知。更重要的是,好的視覺設(shè)計(jì)的延續(xù)可以很好的幫助用戶在使用Mobile Web時(shí)快速的定位自己在個(gè)人電腦上使用Web產(chǎn)品時(shí)已經(jīng)熟悉的各種功能,使得用戶在Mobile Web上快速上手完成自己的交互需求。

(二)我是一種重生——Mobile Web視覺設(shè)計(jì)的創(chuàng)新

  作為Mobile Web的舞臺(tái),Iphone 某某 和Android誰誰都有著各自,各式各樣的“規(guī)章制度”,而且各自特立獨(dú)行,我行我素。Mobile Web的舞蹈要與他們渾然天成,就需求穿上他們提供的舞衣才能與君共舞。



  www.yahoo.com 的頁面效果 與m.yahoo.com的頁面效果



  www.baidu.com的頁面效果與m.baidu.com的頁面效果

  一個(gè)優(yōu)秀的Mobile Web設(shè)計(jì)在延續(xù)了自身品牌的一致性后,與移動(dòng)設(shè)備本身的品牌視覺特性相結(jié)合是成功的重要因素之一。一致性能幫助用戶得到與設(shè)備本身和諧的流暢體驗(yàn)。

  在上圖中我們分別看到門戶產(chǎn)品yahoo和搜索引擎產(chǎn)品baidu分別在個(gè)人電腦端和移動(dòng)設(shè)備端的Web與Mobile Web的視覺呈現(xiàn)有很大的差異。一個(gè)優(yōu)秀的Mobile Web設(shè)計(jì)在延續(xù)了自身品牌的一致性后,與移動(dòng)設(shè)備本身的品牌視覺特性相結(jié)合是成功的重要因素之一。一致性能幫助用戶得到與設(shè)備本身和諧的流暢體驗(yàn)。



  www.naver.com的頁面效果與m.naver.com的頁面效果



  m.naver.com的眾多帶有移動(dòng)終端特點(diǎn)的視覺設(shè)計(jì)

  在naver的Mobile Web視覺設(shè)計(jì)中使用了大量移動(dòng)終端本身的視覺特點(diǎn),如產(chǎn)品的鏈接采用app icon的方式,各級(jí)頁面中導(dǎo)航的設(shè)計(jì)等等。

  我們可以發(fā)現(xiàn)好的品牌再設(shè)計(jì),也會(huì)給品牌本身帶來更多的視覺展現(xiàn)的可能,也迎來了味道更純正的Mobile Web,真的為Mobile 而設(shè)計(jì)——“為了用戶感受的一致而不一致的去做設(shè)計(jì)”。

(三)我是Mobile Web——新的物種

  曾經(jīng)我是 Web的一個(gè)化身,但我在Mobile 的星球生活,我開始變化,我有了自己更多的特性,有一天我終于意識(shí)到我成為一種新的物種。



  www.baidu.com 的首頁與m.baidu.com的首頁

  用戶在使用個(gè)人電腦上網(wǎng)與使用移動(dòng)設(shè)備上網(wǎng)時(shí)的需求,因?yàn)槭褂脠?chǎng)景,使用時(shí)間 ,使用群體等等的不同,以及移動(dòng)設(shè)備本身的反推可能有著越來越大的差異。所以我們看到在個(gè)人電腦端的baidu首頁沒有“小說”鏈接,但在移動(dòng)終端的baidu首頁上擁有獨(dú)立的“小說”頻道。



  Baidu小說頻道

  這樣的差異衍生出一批批Mobile Web自有產(chǎn)品,這樣的產(chǎn)品為滿足用戶在移動(dòng)設(shè)備上的強(qiáng)需求而設(shè)計(jì),這樣的設(shè)計(jì)不再有過去為人們所熟悉的個(gè)人電腦Web設(shè)計(jì)的影子,成為真正的Mobile Web。



  www.google.com.hk的首頁與m.google.com.hk首頁



  Google移動(dòng)端周邊搜索

(四)我是云端的App—— Mobile Web App視覺設(shè)計(jì)

  隨著網(wǎng)絡(luò)的不斷發(fā)展,Mobile Web又迎來了Mobile Web App,不需要下載,將我添加到桌面,就成了一個(gè)App應(yīng)用。



  Naver Mobile Web App

  Mobile Web 的視覺設(shè)計(jì)進(jìn)入到全面的客戶端化視覺設(shè)計(jì), Mobile Web 與Mobile Web App的視覺設(shè)計(jì)真是老虎老鼠傻傻分不清楚。

分享標(biāo)題:移動(dòng)網(wǎng)站設(shè)計(jì)的視覺體驗(yàn)
鏈接地址:http://m.rwnh.cn/news/170526.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司

網(wǎng)站設(shè)計(jì)知識(shí)

抚州市| 淮北市| 固始县| 桦川县| 北碚区| 宁强县| 万荣县| 旅游| 大城县| 大丰市| 修武县| 德安县| 舒兰市| 宿州市| 康乐县| 临清市| 大田县| 永济市| 郎溪县| 广河县| 稷山县| 镇宁| 大洼县| 绥滨县| 余姚市| 石门县| 岳普湖县| 香格里拉县| 德安县| 宣汉县| 黄浦区| 德清县| 惠州市| 樟树市| 武夷山市| 永昌县| 磐安县| 兴仁县| 浦江县| 平原县| 荃湾区|