每當(dāng)我們?nèi)デ舐毣蛘吒薪涣鞯臅r(shí)候，或多或少都會(huì)問(wèn)問(wèn)PC端與移動(dòng)端在UI設(shè)計(jì)方面什么區(qū)別，比較明顯的區(qū)別到底在哪些方面呢？

其實(shí)，人家考核你的能力就是多平臺(tái)用戶(hù)界面設(shè)計(jì)的轉(zhuǎn)換能力，需要UI設(shè)計(jì)師要基于小屏幕的交互來(lái)思考整個(gè)設(shè)計(jì)和優(yōu)化的策略。

不妨可以跟Hr面試官聊聊下面五個(gè)方面的區(qū)別。

1、更大的展示字體，因?yàn)槠聊恍×恕?/strong>

在小屏幕上顯示的內(nèi)容，應(yīng)該適當(dāng)?shù)卦黾哟笮。層脩?hù)能夠更輕松地閱讀和消化。通常，在移動(dòng)端上，每行容納的英文字符的尺寸在30~40個(gè)最為合理，而這個(gè)數(shù)量基本上是桌面端的一半左右。

在移動(dòng)端上排版設(shè)計(jì)要注意的東西還有很多，但是總體上，讓字體適當(dāng)?shù)脑龃笠恍?，能讓整體的閱讀體驗(yàn)有所提升。

2、排版布局的尺寸和形式的優(yōu)化 ??

從PC端遷移到移動(dòng)端，應(yīng)該讓用戶(hù)更易于訪(fǎng)問(wèn)，形態(tài)也需要跟隨著平臺(tái)的變化而進(jìn)行適當(dāng)?shù)膬?yōu)化和修改。對(duì)于整體尺寸和排版布局的設(shè)計(jì)，應(yīng)該更有針對(duì)性。

比如大量的大尺寸的圖片需要跟著移動(dòng)端的需求而進(jìn)行優(yōu)化，考慮到移動(dòng)端設(shè)備上用戶(hù)的瀏覽方式，圖片最好被切割為方形，或者和手機(jī)屏幕比例相近的形狀；比如選擇尺寸更合理的圖片，放棄不匹配移動(dòng)端需求的JS動(dòng)效等。所有的按鈕或者可點(diǎn)擊的元素都按照用戶(hù)的手持方式，放到手指最易于觸發(fā)的位置

3、移除不必要的特效

在PC端網(wǎng)頁(yè)上，旋轉(zhuǎn)動(dòng)效和視差滾動(dòng)常常會(huì)讓網(wǎng)頁(yè)看起來(lái)非常不錯(cuò)，但是在移動(dòng)端上，情況則完全不同。內(nèi)容在遷移到移動(dòng)端的網(wǎng)頁(yè)和APP上的時(shí)候，效率和可用性始終是第一需求。快速無(wú)縫的加載和即點(diǎn)即用的交互是用戶(hù)的首要需求，剝離花哨和無(wú)用的動(dòng)效，會(huì)讓用戶(hù)感覺(jué)更好。

作為UI設(shè)計(jì)師，你需要圍繞著點(diǎn)擊和滑動(dòng)這兩種交互來(lái)構(gòu)建移動(dòng)端體驗(yàn)，懸停動(dòng)效要去掉。移動(dòng)端上手指觸摸是主要的交互手段，懸停動(dòng)效是毫無(wú)意義的存在。

4、精簡(jiǎn)優(yōu)化導(dǎo)航體系

當(dāng)用戶(hù)打開(kāi)APP的時(shí)候，他們通常傾向于執(zhí)行特定的操作，訪(fǎng)問(wèn)特定的頁(yè)面，或者你希望他們點(diǎn)擊特定的按鈕，所有的這些操作能否實(shí)現(xiàn)，大多是要基于導(dǎo)航模式的設(shè)計(jì)。

在PC端網(wǎng)頁(yè)上，一個(gè)可用性較強(qiáng)的導(dǎo)航能夠承載多個(gè)層級(jí)、十幾個(gè)甚至20多個(gè)不同的導(dǎo)航條目，但是在移動(dòng)端上，屏幕限制和時(shí)間限制往往讓用戶(hù)來(lái)不及也不愿意去瀏覽那么多類(lèi)目。

移動(dòng)端的導(dǎo)航需要精簡(jiǎn)優(yōu)化，不用沿用PC端的導(dǎo)航模式，可以采用側(cè)邊欄或者底部導(dǎo)航等更適合移動(dòng)端的方式。搞清楚整個(gè)導(dǎo)航的關(guān)鍵元素之后，就可以有針對(duì)性地做優(yōu)化和調(diào)整了。

5、每屏完成一項(xiàng)任務(wù)即可

雖然手機(jī)的屏幕越來(lái)越大，但是當(dāng)你的內(nèi)容在移動(dòng)端設(shè)備上呈現(xiàn)的時(shí)候，依然要保證每屏只執(zhí)行一個(gè)特定的任務(wù)，不要堆積太多的內(nèi)容。

用戶(hù)的習(xí)慣和多樣的應(yīng)用場(chǎng)景使得移動(dòng)端界面必須保持內(nèi)容和界面與內(nèi)容的簡(jiǎn)單直觀(guān)，這樣用戶(hù)在繁復(fù)的操作中，不至于迷失或者感到混亂。

那么怎樣保證這種清晰的體驗(yàn)?zāi)兀孔屇闶褂玫乃蠻I設(shè)計(jì)元素都用來(lái)幫助戶(hù)作出執(zhí)行操作的決定就可以了！