网格化页面的h5页面设计

对于设计新人而言,做h5页面设计难的不是在拼图做素材的那一段时间,而是在进行初步页面规划与页面分割的时候,这是为复杂的,也是整个微传单设计工作中需要逻辑性的。这里小编介绍大家使用一款软件来进行h5页面设计。什么?PS?谢谢大家这么高看我,然而小编并不会用PS,所以这次推荐的还是我们的老朋友——Power Point。

h5页面制作

或许你会很惊讶,这款软件没有PS那么强大,更没有PS的美化效果,怎么能用于微传单页面规划设计呢?其实Power Point相对于PS而言的确不是件很好的图片处理工具,但用来做微传单页面规划设计已经是绰绰有余了。

我们首先进入到Power Point的页面,这里依然是推荐大家使用Microsoft Office2007及以上版本,原因就是2007以上版本对于图片编辑这一模块进行了大大的加强,而且处理效果相对于2003而言也是好得多。其中主要的一项功能就是网格化视图。

如何制作h5页面

我们点击视图选项就可以选择网格化与标尺视图。这是两个十分有用的可视化定位布局视图,我们可以利用标尺和网格线对每一个放入页面的图标或文本框进行精准的定位,从而保证了我们对空间的合理运用。那么具体来说是怎么操作的呢?首先是插入一个图片或文本框,我们在里面键入文字或进行编辑后就可以进行大小的裁剪了,之后就是移动了,当我们移动时会出现一个小十字,我们让小十字紧贴着元素的边框移动,同时可以看到标尺上有一道小竖线会根据小十字的移动而移动,这就是我们做为参考的标尺刻度线。

页面设计

当然这只是页面设计的一部分功能而已,诸如图片编辑功能,小编在上一篇已经提到过了,其实再多的功能也不如简单明了的好,毕竟我们要做的只是h5页面设计,而不是说要把自己变成技术大神。当然了,往这方面努力,设计者才会有更好的进步与发展。

当然你也是可以直接套用h5页面模板使用的,这样会更加的快速和节约成本。