面试设计问答｜PC端与移动端的设计区别

设计师经常需要进行产品的跨终端设计，这不只是迁移信息与功能，还需从各个维度了解PC端与移动端的区别，在一致性的基础上确保用户在各个设备的用户体验。

 PC端与移动端的设计区别也常在设计面试中出现，可以考察候选人是否有不同设备的设计经验与设计能力、日常的设计知识储备与设计思维模式。

PC端与移动端的设计区别可总结为以下四点：

1、 屏幕尺寸不同

PC端的大屏幕能平铺展示更多信息和功能，而移动端需要确保在首屏可以触达核心功能与信息，减少用户流失。因此需要对移动端的信息进行筛选、隐藏到二级页面加深信息层级。对于一些繁琐的流程，可以通过分步完成的方式减轻移动端用户负担。

2、 屏幕比例不同

PC端的横屏和移动端的竖屏导致同样的信息在PC端和移动端适用不同的布局方式。

导航在PC端通常位于左侧和顶部，在移动端通常位于底部、顶部或隐藏于二级菜单中。

卡片在PC端可以根据窗口宽度进行列数和宽度的响应式变化，在移动端通常展示单列（如公众号）或双列（如小红书）。

3、使用场景不同

从根本的用户需求来说，PC的使用场景通常为固定场所，而便携的移动端可随时随地使用。因此PC端多用于工作或处理复杂事务、精细操作。而移动端更适用于简单的日常事务、处理紧急情况或者休闲娱乐。

4、交互方式不同

PC端为键盘和鼠标输入，移动端为触摸和语音输入。

PC端的常用交互包括双击、右键、Hover、框选、快捷键等，m端可以左右滑动、长按、拖拽、双指缩放等。