成人亚洲性情网站www在线观看_欧美又大粗又爽又黄大片视频_成av免费大片黄在线观看_在线日本v二区不卡_亚洲日本va午夜蜜芽在线电影_国模冰莲大胆自慰难受_精品国产乱码一区二区三区app_久久777国产线看观看精品_亚洲AV极品无码专区在线观看

移動(dòng)端設(shè)計(jì)大忌,PC的思路用不得

你是不是還在用PC的思路做移動(dòng)端的設(shè)計(jì)?不要不承認(rèn),我剛開始平面轉(zhuǎn)網(wǎng)頁時(shí)怎樣做頁面都像DM單頁。不管承不承認(rèn)我還是相信有一些設(shè)計(jì)師還是會這樣做的。那么什么是PC的思路?移動(dòng)端的設(shè)計(jì)又該怎么表現(xiàn)?天權(quán)中國資深設(shè)計(jì)師與大家探討一下這個(gè)問題。

1.png

PC的思路

首先我們大致的過一下PC的思路。這對于大多數(shù)網(wǎng)頁設(shè)計(jì)師來說是一個(gè)很容易回答的問題,亦或者思路會比較清晰。首先是導(dǎo)航,接下來是banner,緊接著是內(nèi)容部分,之后是footer。這好像是一個(gè)完美的結(jié)構(gòu)邏輯,至少多數(shù)的客戶都能夠接受這樣的布局。接著我們再來說一下PC的設(shè)計(jì)元素都會用到哪些。在PC的元素中我們常見的應(yīng)該是箭頭吧,各種大小形狀的箭頭分布在不同的位置,起著同一個(gè)作用。還有什么?各種聯(lián)系、關(guān)注(QQ,微信,微博之類)、返回頂部的按鈕吧,還有更多和返回之類的按鈕。另外下拉菜單好像也是PC的標(biāo)配。之后我們提一下PC的主流瀏覽方式,好像只有鼠標(biāo)點(diǎn)點(diǎn)點(diǎn),應(yīng)該沒有其他方式了吧。

移動(dòng)端思路

說了這么多PC端的特點(diǎn),其實(shí)對我們今天的主題只是鋪墊。我們先來反思一下在操作移動(dòng)端項(xiàng)目的時(shí)候是否會經(jīng)常把以上的某些經(jīng)驗(yàn)帶到項(xiàng)目中,而這些思路,元素真的是符合移動(dòng)端項(xiàng)目嗎,符合用戶思維嗎,或者根本就是雞肋?究其原因,我認(rèn)為很大的問題是智能移動(dòng)設(shè)備的搭載功能和交互方式與PC有著天壤之別。就需要設(shè)計(jì)師在設(shè)計(jì)的過程中,更多的去考慮這些因素,呈現(xiàn)出來的功能引導(dǎo)要往這些方面靠攏。

以智能手機(jī)為例:手機(jī)搭載了傳感器:包括攝像頭、陀螺儀、麥克風(fēng)等設(shè)備;手機(jī)的主要交互方式是:手勢、滑動(dòng)、長按、點(diǎn)擊、搖晃等。所以如果用PC的思路來做移動(dòng)的設(shè)計(jì)時(shí)總會給人一種非常“別扭”的感覺。用戶的很多習(xí)慣被這種思路延伸出來的設(shè)計(jì)弄得很懵。舉個(gè)簡單的例子:PC端的banner經(jīng)常是長方形的矩形,當(dāng)成比例搬到手機(jī)上是否會一種很擁擠的感覺?如果這個(gè)可以接受的話那在banner這個(gè)部分還可以舉出更直接的例子。PC的banner一般都會用箭頭的元素進(jìn)行切換,但是當(dāng)把箭頭搬到移動(dòng)端上的時(shí)候是否會很雞肋?設(shè)想一下,你會在手機(jī)上去觸碰箭頭進(jìn)行切換嗎?大多數(shù)情況下手機(jī)用戶都是用手勢滑動(dòng)的交互方式進(jìn)行切換。如果說你想要引導(dǎo)用戶這里有多張圖片,完全可以設(shè)計(jì)一些精致簡單的幾何圖形排列在圖片的下方,用戶自然不會去點(diǎn)擊指頭根本觸碰不到的小圖形也會意識到這里有多張圖片切換。這就是簡單的用PC思路做移動(dòng)端的真實(shí)事例。

2圖片1.png

沉浸式體驗(yàn)

另外,我覺得應(yīng)該用沉浸式的體驗(yàn)進(jìn)行移動(dòng)端設(shè)計(jì)。沉浸式體驗(yàn)——好像很高大上,很虛幻,說白了就是用設(shè)計(jì)流程去減少用戶的思考,讓用戶一路到底的進(jìn)行瀏覽,盡量減少打斷用戶瀏覽的思路。我認(rèn)為沉浸式的體驗(yàn)同樣也是品牌營銷的一種體驗(yàn)。為什么這么說?試想,品牌營銷的目的就是加深印象或轉(zhuǎn)化。而使用手機(jī)瀏覽信息的用戶大多是利用碎片化的時(shí)間進(jìn)行瀏覽,有可能上車下車的動(dòng)作都會打斷他們的瀏覽路徑,所以設(shè)置各種環(huán)節(jié)的設(shè)計(jì)和跳轉(zhuǎn),是不明智之舉。用戶在碎片化時(shí)間被打破后根本回想不起我剛才瀏覽了什么,瀏覽到哪里了,使他根本不能快速進(jìn)入主題,快速得到想要的內(nèi)容信息。結(jié)果就是棄你的頁面而去,而那時(shí)不管你的設(shè)計(jì)有多漂亮,動(dòng)效有多酷,都吸引不了他。所以在這方面,我們就必須減少像PC端一樣放置各種查看更多按鈕讓用戶到處跳轉(zhuǎn)。當(dāng)然這不是一個(gè)的問題,該需要跳轉(zhuǎn)還是需要的。

所以我們該用什么樣的思路去做移動(dòng)端呢?

簡-減-檢。對,我用3個(gè)jian來概述設(shè)計(jì)移動(dòng)端的思路。

你的頁面盡量的簡單,盡量不出現(xiàn)PC端左右內(nèi)容的排版,大多采用上下的排版(前方高能,記住,純色塊和留白還有圖片是這種排版方式的調(diào)和劑,能很好的幫助設(shè)計(jì)師來調(diào)整頁面的節(jié)奏)

3圖片1.png

為了沉浸式的體驗(yàn),設(shè)計(jì)師必須摒棄PC的習(xí)慣,將移動(dòng)端的內(nèi)容設(shè)計(jì)表現(xiàn)的更加順暢,減少各種關(guān)卡環(huán)節(jié)。我總結(jié)了一下,移動(dòng)端的交互,點(diǎn)擊是目的,滑動(dòng)是習(xí)慣。所以,至關(guān)重要的內(nèi)容我們就用點(diǎn)擊的方式讓用戶操作,當(dāng)然點(diǎn)擊開的內(nèi)容一定是重要的,比如是成交動(dòng)作,而其他的內(nèi)容就用滑動(dòng)來實(shí)現(xiàn)吧。不管是左滑右滑還是上滑下滑(說到這里,插一點(diǎn)。有的設(shè)計(jì)師說又不讓跳轉(zhuǎn)又不讓出下拉,移動(dòng)端的屏幕本來就小,怎么設(shè)計(jì)。其實(shí)我認(rèn)為有限的屏幕寬度背后我們可以通過滑動(dòng)來實(shí)現(xiàn)無限的展示空間。比如像地圖,我是不是很機(jī)智,你們腦補(bǔ)一下。)順便舉個(gè)例子吧:有一種洗衣機(jī)是那種左邊洗衣,右邊脫水的雙桶洗衣機(jī)。它解決了之前更老的不能脫水的洗衣機(jī)能讓衣服快速晾干的過程。當(dāng)全自動(dòng)洗衣機(jī)出現(xiàn)的時(shí)候人們是不是更青睞于全自動(dòng)呢,設(shè)定程序連洗帶甩甚至烘干一步操作完成。再舉個(gè)例子吧,簡直停不下來。我們在使用支付寶支付的時(shí)候是不是發(fā)現(xiàn)根本沒有確定按鈕,輸入金額指紋支付,錯(cuò)誤給個(gè)返回,成功給個(gè)提示。僅僅只是少了一步,感覺好爽。

4圖片1.png

當(dāng)然是檢測啦。自己做好的設(shè)計(jì)在手機(jī)上多滑動(dòng)滑動(dòng),自己試用一下看看是否順暢,邏輯是否通順,這很容易做到的。不斷的非否定自己,不斷的改正設(shè)計(jì)。你離一個(gè)優(yōu)秀的設(shè)計(jì)師已經(jīng)不遠(yuǎn)了。(推薦大家一款在移動(dòng)端及時(shí)預(yù)覽PS中設(shè)計(jì)稿的神奇——Ps Play)

5圖片1.png

當(dāng)然還有更多其他的一些應(yīng)該注意的點(diǎn)這里就不一一贅述,我相信,聰明的設(shè)計(jì)師根據(jù)這篇文章一定可以舉一反三。

再啰嗦一句:贏在之后一步,贏在比別人少一步。

非常感謝您訪問我們的網(wǎng)站
在您使用本網(wǎng)站之前,請您仔細(xì)閱讀本聲明的所有條款。
1、本站部分內(nèi)容來源自網(wǎng)絡(luò),涉及到的部分文章和圖片版權(quán)屬于原作者,本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流,切勿用于任何商業(yè)活動(dòng)。
2、本站不承擔(dān)用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關(guān)法律法規(guī),當(dāng)本聲明與國家法律法規(guī)沖突時(shí),以國家法律法規(guī)為準(zhǔn)。
4、如果侵害了您的合法權(quán)益,請您及時(shí)與我們,我們會在第一時(shí)間刪除相關(guān)內(nèi)容!
聯(lián)系方式:021-67669186?電子郵件:[email protected]

獲取方案

提交信息后,專屬顧問將會在1個(gè)工作日內(nèi)與您聯(lián)系。

立即咨詢 18917551869

    • 您想咨詢哪些服務(wù)
    • 您的預(yù)算范圍是?
    • captcha

    wpcf_error
    請注意您有信息未填完整或字段長度/類型錯(cuò)誤!
    發(fā)送失敗
    留言發(fā)送失敗,請進(jìn)入【聯(lián)系】頁面查看聯(lián)系方式
    確認(rèn)
    發(fā)送成功
    我們將在2小時(shí)內(nèi)與您取得聯(lián)系,請注意接聽來電或查看郵箱
    確認(rèn)