如何设计高转换的手机网站详情页?众所周知,手机网站不同于PC网站它的屏幕比较小,而且智能设备端的屏幕千姿百态。而对于手机端的详情页重要性也就不言而喻,只有合理的排版才能让用户更好的读,了解产品的详细内容。那么,对于手机端网站设计详情页就提出了难度,如何才能设计出具有高转换的手机详情页呢?下面为深圳网站设计公司跟大家分享手机网站详情页的版式四原则:
1、对齐
对齐很好理解,就是将内容用某种对齐规则进行排列,使它们产生视觉联系,这样画面会显得规整和严谨。如图所示,尽管只是简单的文字对齐,但画面却有明显差异:没对齐的左图文字非常混乱,让人不适;而对齐的右图文字井然有序,便于阅读。对齐又可以分为:左对齐、居中对齐、左右对齐、右对齐、顶对齐、绝对对齐、视觉对齐等。
2、保持一定的亲密性
亲密性是指文字间的关联性,简单说,就是内容的间距越小则关系越近;而间距越大则关系越疏,这和“格式塔原理”中的“接近性”相一致,一般我们会将相互靠近的内容当成一个组合,而把彼此远离的内容当成独立模块。那么我们可以通过网页间的字间距、行间距、 段间距、模块间距等方面进行调整。
3、采用对比方式
采用对比方式是网站设计中处处可用的方式,而这里所以的对比则是“版式对比”,其本质是让内容之间差异化,形成视觉反差。如果说“亲密性”是让信息的层次更清晰,那“对比”就是让信息的主次更分明。例如:利用文字的大小形成差异化、精细对比、字体对比、色彩对比来进行设计。
4、重复
重复是让某些规则或元素在排版时反复使用,核心为了版式更加统一、整体、有序。例如下图中,共有两个版块,单看任何一个,文字排版都无太大问题,但两个衔接一起时,就会发现标题、内文的大小并不一致,对齐方式也有两种,这样排版就不统一,缺少整体性和必要关联性。
在手机端网站设计详情页时,我们可以合理利用以上这些原则让版式变的条理清晰、视觉均衡、便于阅读。若再回看每条原则所展示的案例,会发现所有案例其实都是几条原则的综合使用,它们无法独立存在,排版时要同时考虑、综合使用,总之忽视任何一条原则都可能让版式出现明显问题。好了,深圳网站设计公司博纳网络本文关于“如何设计高转换的手机网站详情页?”的相关知识,就分享到这里,谢谢关注!