手机端网页制作工具

　　1、竖屏构图

　　竖屏构图并不单单指上下结构，也强调了“屏”的概念，就是常说的：一屏、两屏……手机端页面设计中，把每一屏当做一个制作单位，会很大程度上提升作品内容的流畅度以及用户捕捉信息的效率：

　　因为在手机端设计中，横向的构图空间狭小、拓展性很弱，而竖向构图则更灵活，可塑性更强，也更符合我们的浏览习惯。这类一屏一个制作单位的形式比较适合详情页的制作。

　　在一些手机端专题页设计中，我们很难将每一个内容都做成一屏的展示形式，因为在强调视觉的同时，还要兼顾运营、销售的特质，很多运营侧会要求一屏内多展示一些内容。尽管如此，我们仍然可以按照竖屏构图的思维方式设计：

　　所谓竖屏思维可以理解为：以手机的一屏为单位，要让每一屏不管是视觉还是信息传达，都能给人一种一目了然、舒服的视觉感受。

　　2、卡片式设计

　　在手机上，把每个信息模块按照类似卡片的形式展示，会让页面在手机端展示时的内容信息更具条理性，减少用于捕捉信息的阻碍，在这方面App Store做的就不错：

　　卡片式设计比较适用于手机端页面，提升了用户捕捉信息的效率，在视觉上也很舒服、和谐。这种形式在PC端不太好发挥。

　　3、少即是多

　　由建筑大师路德维希·密斯·凡德罗提出的：“Less is more”，但又绝不是简单得像白纸一张，让你觉得空洞无物，根本就没有设计。设计中的理解就是留白，手机的屏幕本就远小于电脑，加之用户在页面上的停留时间短暂，在短时内如何把有效的文字信息、视觉信息传递给用户就是手机端设计不得不考虑的问题。减少一些不必要的装饰元素对于信息传递的阻碍，做到元素减少，信息传达的更多。

　　4、放大图文

　　由于手机端用户浏览节奏比较快、停留时间短，所以要尽量图文放大，以便提升其对用户的视觉冲击力以及用户捕捉信息的速度，同时结合前面所说的竖屏构图：

　　图文放大，对于提升信息辨识度以及视觉美观度都有很大帮助，同时也会让作品留给用户的视觉印象更加深刻。

　　四、总结

　　所以说，竖版页面总是做不好是设计水平不够吗?其实并不是!只是我们还按照PC端设计的思维模式去做手机端已不再合适，而是要转变方法，针对不同的使用场景要在思维上有所区分。手机端最主要的还是：在短暂的时间内尽可能多的传达有效信息，减少用户的浏览压力。