面試官問：PC端與移動端在UI設計方面什麼區別

每當我們去求職或者跟同行交流的時候，或多或少都會問問PC端與移動端在UI設計方面什麼區別，比較明顯的區別到底在哪些方面呢？

其實，人家考核你的能力就是多平台用戶界面設計的轉換能力，需要UI設計師要基於小屏幕的交互來思考整個設計和優化的策略。

不妨可以跟Hr面試官聊聊下面五個方面的區別。

1、更大的展示字體，因為屏幕小了。

在小屏幕上顯示的內容，應該適當地增加大小，讓用戶能夠更輕鬆地閱讀和消化。通常，在移動端上，每行容納的英文字元的尺寸在30~40個最為合理，而這個數量基本上是桌面端的一半左右。

在移動端上排版設計要注意的東西還有很多，但是總體上，讓字體適當的增大一些，能讓整體的閱讀體驗有所提升。

2、排版布局的尺寸和形式的優化

從PC端遷移到移動端，應該讓用戶更易於訪問，形態也需要跟隨著平台的變化而進行適當的優化和修改。對於整體尺寸和排版布局的設計，應該更有針對性。

比如大量的大尺寸的圖片需要跟著移動端的需求而進行優化，考慮到移動端設備上用戶的瀏覽方式，圖片最好被切割為方形，或者和手機屏幕比例相近的形狀；比如選擇尺寸更合理的圖片，放棄不匹配移動端需求的JS動效等。所有的按鈕或者可點擊的元素都按照用戶的手持方式，放到手指最易於觸發的位置

3、移除不必要的特效

在PC端網頁上，旋轉動效和視差滾動常常會讓網頁看起來非常不錯，但是在移動端上，情況則完全不同。內容在遷移到移動端的網頁和APP上的時候，效率和可用性始終是第一需求。快速無縫的載入和即點即用的交互是用戶的首要需求，剝離花哨和無用的動效，會讓用戶感覺更好。

作為UI設計師，你需要圍繞著點擊和滑動這兩種交互來構建移動端體驗，懸停動效要去掉。移動端上手指觸摸是主要的交互手段，懸停動效是毫無意義的存在。

4、精簡優化導航體系

當用戶打開APP的時候，他們通常傾向於執行特定的操作，訪問特定的頁面，或者你希望他們點擊特定的按鈕，所有的這些操作能否實現，大多是要基於導航模式的設計。

在PC端網頁上，一個可用性較強的導航能夠承載多個層級、十幾個甚至20多個不同的導航條目，但是在移動端上，屏幕限制和時間限制往往讓用戶來不及也不願意去瀏覽那麼多類目。

移動端的導航需要精簡優化，不用沿用PC端的導航模式，可以採用側邊欄或者底部導航等更適合移動端的方式。搞清楚整個導航的關鍵元素之後，就可以有針對性地做優化和調整了。

5、每屏完成一項任務即可

雖然手機的屏幕越來越大，但是當你的內容在移動端設備上呈現的時候，依然要保證每屏只執行一個特定的任務，不要堆積太多的內容。

用戶的習慣和多樣的應用場景使得移動端界面必須保持內容和界面與內容的簡單直觀，這樣用戶在繁複的操作中，不至於迷失或者感到混亂。

那麼怎樣保證這種清晰的體驗呢？讓你使用的所有UI設計元素都用來幫助戶作出執行操作的決定就可以了！

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！