canvas教程

广州UI设计:教你一些网页设计的排版技巧

字号+ 作者:H5之家 来源:H5之家 2017-06-27 17:04 我要评论( )

大家都知道,网页设计的排版风格各种各样,关于如何把网页设计得更好看这件事,广州UI设计别样小编有一些排版的小技巧要分享,希望对大家有用。 首先,我们要知

大家都知道,网页设计的排版风格各种各样,关于如何把网页设计得更好看这件事,广州UI设计别样小编有一些排版的小技巧要分享,希望对大家有用。
首先,我们要知道排版的目的是什么。作为一个设计师,第一需要考虑的是我们的产出是否有商业价值,再考虑创意与美观。所以,设计的目的就是更高效的向用户传达信息。因此在设计的时候需要突出主内容,让画面层次分明,引导视线点缀还有吸睛的创意与配色 。
接下来,就是具体的排版小技巧:
一、背景
网页以什么样的方式作为背景呢?纯色、渐变、图片这三种都是可以的,但以用照片作为网页背景为最佳,这样不仅可以达到展示的目的,还可以达到强烈的视觉表达效果。



 

二、大图
网页设计中的背景图片是很重要的,简约、突出主题、瞬间抓住用户眼球,靠的都是大图。
三、突出字体
在网页设计中突出字体尤其重要,合适的排版和适当的字体强调,不仅可以让用户快速的抓住网站中的重点,一样可以增强网站对用户的吸引力。



 

四、视差滚动
让多层背景以不同的速度移动,形成运动视差的3D效果,这样的效果以后很可能会在H5的网站中更加常见和流行。



 

五、响应式设计
响应式网页设计能够集中创建页面的图片排版大小,智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局,这是一种很好的设计方式。



 

六、字母覆盖式
在页面上铺上不规则自然错落的英文字母,排列要有规则,并且和内容要有一定的联系,视觉的流引导。之前说了排版首要目的是信息的传达,所以我们不仅仅是铺上字母就可以了,更重要的是信息的传达和引导。



 

由广州UI设计别样设计原创,原文地址:,转摘请保留版权,谢谢。

爱编程-编程爱好者经验分享平台

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评