2019-09-22
日常生活中，大部分对手机使用的依赖性已远远超过电脑。事实上早在几年前，PC端流量已经开呈现断崖式下滑，90%-95%的流量来源于手机端，这也使得越来越多企业开始对手机端网页设计感到兴趣。但在现实生活中，不少设计师不知是水平不够，还是方法出了问题，导致手机端网页设计总是不够好。那么，手机端网页设计做不好的原因是什么呢?
要想设计好手机端网页，首先我们需了解手机端网站和PC端网页的区别：
进行网页设计时，PC端网页在网页设计软件中实时浏览的视觉效果，基本上就是其完成上线后的试试效果，可以说电脑上的视觉浏览比例和上线比例几乎1：1。
但手机端页面在网页设计软件所看到的试试效果，与真正在APP中的展示还是有很大的区别。试想想，电脑屏幕这么大，手机屏幕这么小，将手机屏幕所有东西放到手机屏幕中，难免会显得非常突兀。
正常来说，我们在使用手机时，眼睛与手机的距离大概会有20公分作用，加上制作时的视觉感受会与上线后出现一定的视觉比例差异，导致手机端难以将画面中的信息，准确清晰地传达给用户。
既然，手机端网站设计与PC端网站设计存在那么多区别，接下来我们来看看设计手机端网站时需要注意什么?
很多设计师在设计手机端网页时都会存在这个毛病，按照PC端网页的思维进行设计，忽略手机页面效果的真实呈现，导致作品大打折扣。因此，在设计手机端网页设计时应该有竖版作图的思维，将需要表达的信息，通过图文并茂的方式向用户准确无误的方式传达，向用户传递网站的重要信息才是核心内容。
很多人设计页面时，往往只关注局部的设计，而忽略整体的重要性，影响网站内容的流畅度，减少用户继续浏览页面的兴趣，继而影响用户在页面上的停留时间，也增加内容传播的难度，商业价值也随之降低。
与电脑相比，手机的屏幕更小，对信息的捕捉能力远远低于电脑，所以在设计上应该遵循简约网页设计风格，避免页面元素太多导致页面产生凌乱之感。
前面说了那么多，其目的都是为了围绕关于「做好手机端网页设计」这一问题出发。
所谓的竖屏构图，并不是单纯的上下结构，而是「屏」。与PC端网页设计不同，手机端网页设计时，是将「屏」作为制作单位，以此提升内容的流畅度及用户捕捉信息的效率。
不知道大家有没有尝试锁定手机屏幕方向，若没有，当手机横向摆放时，我们不难发现横向构图空间狭小，拓展性弱。但竖向构图则会更灵活，可塑性也比横向构图更强，符合用户浏览习惯。
设计手机端网页时，除了强调视觉，还要兼顾运营和销售的特质，因此很难将每个内容都做成一屏的展示形式，但同时又需要在一屏内展示更多内容。为此，我们在设计手机端页面时，仍需按照竖屏构图的思维方式设计。
手机端网页若采用卡片式设计的形式展示，会让页面在手机端展示的内容信息更加有条理性，减少用于捕捉信息的阻碍。通常，卡片式设计比较适用于手机端页面，提升用户捕捉信息的效率，视觉上也会比较舒服和谐，但这种设计形式并不适合PC端发挥。
所谓「少即是多」，即留白，手机屏幕本就细，加上用户在页面停留的时间短暂，若不在短时间内把有效的文字信息、视觉信息等传递给用户，那么这个手机端网页设计的并没有将其作用发挥大最大。
手机端用户浏览节奏快，停留时间短，若图文并没有放大，辨识度不高，难以让用户捕捉到网页的信息，同时也让网站难以给用户留下深刻的视觉印象。
为何手机端网页设计总是做不好?是因为自己设计水平不够，其实不然，而是我们经常按照PC端设计的思维方式去做手机端。要想设计好手机端网页设计，就需要在短时间内尽可能传达所有有效信息，减少用户浏览压力。
