PC电脑端与手机端网页设计的差别与设计要点

PC电脑端与手机端网页设计的差别与设计要点

差别一：视觉浏览比例不同

在设计工作进行时，PC电脑端页面在PS中即时浏览的视觉效果，基本上就可以对应其完成上线后的即时效果，

电脑上视觉浏览比例和上线比例近乎1 : 1

而手机端页面在PS里实时看到的效果与真正在APP中展示的会有很大差距

差别二：讯息的传达更难掌握

正常人在操作手机的时候，眼睛与手机的距离大概会有20公分左右，再加上制作时的视觉感受与上线后，在视觉比例上也会有一些差距，所以这就导致手机端，如何将画面中的讯息准确、清晰的传达给用户，变得更加难掌握。

设计要点一：内容识别性

将需要表达的讯息通过图文并茂的方式，向用户准确无误的传达，向用户传递信息才是核心。

设计要点二：内容流畅度

很多人在做页面设计时，往往只关注局部而忽略整体，导致内容流畅度缺点，无法激起用户继续阅读的兴趣。这也直接或间接的影响了用户在页面上的停留时间，对于内容传播也起到了很大的阻碍，商业价值也会随之降低。

设计要点三：验证设计

我们一直鼓励网页设计师，不要只使用电脑的模拟工具，模拟手机端的使用情形，而是实际拿出你身边的手机，测试你所制作的网站与网页。尤其是苹果手机与Android手机有时些微的差异，就会造成用户浏览的问题。