导读:网页版式设计是网站建设过程中的重要环节,它不仅是网站视觉传达的手段,也是产品、业务等功能元素与页面空间合理布局的规划,直接影响网站所属主体的品牌宣传和价值输出。因此,选
发表日期:2019-06-02
文章编辑:兴田科技
浏览次数:12811
标签:
网页版式设计是网站建设过程中的重要环节,它不仅是网站视觉传达的手段,也是产品、业务等功能元素与页面空间合理布局的规划,直接影响网站所属主体的品牌宣传和价值输出。因此,选择合适的网页版式就显得尤为重要。
常用的网页版式布局基本类型主要有满版型、分割型、中轴型、倾斜型、对称型、焦点型、自由型等。
满版型
满版型以大幅图片充满版面,给人以时尚、大方的感觉。页面以图像为主要诉求点,或者将部分文字放置于图像之上,视觉传达效果直观强烈。
分割型
把整个页面上下或左右一分为二,分别安排图片和文案,整个页面的两部分可形成鲜明对比。同时也可以通过调整图片与文案所占面积,或者图文融合混排,来调节对比的强弱。
中轴型
沿浏览器窗口的中轴线将图片或文字作水平或垂直方向的排列。水平排列的页面给人以稳定、平静、含蓄的感觉,而元素的垂直排列,会使整个页面效果清爽、舒畅。
倾斜型
通过对页面主题形象或多幅图片、文字作倾斜编排,形成不稳定感以及强烈的动感,突出视觉冲击力。所以,当网页中要出现律动的、跳跃的呈现效果,可以考虑使用倾斜型。倾斜排版可以让呆板的页面产生意想不到的活力和生机。
对称型
对称的页面给人以稳定、严谨、理性的感觉,且能够呈现出一种均衡的力量感和愉悦的视觉平衡。在设计的概念里,对称分为绝对对称和相对对称。一般在设计过程中,设计师更多采用相对对称,从一些细节上的区别设计,避免页面出现呆板的现象。
焦点型
焦点型网页版式设计大致可以分为三种类型,中心、向心和离心。中心,是以对比强烈的图片或文字置于页面视觉中心;向心与离心分别是指用适当的视觉元素,引导浏览者的视线向页面中间聚拢或者向外辐射。向心是集中的、稳定的版式,离心是一种舒展的、活泼的版式。较之于向心,离心版式的网页更具现代感,但也是因为离心型所具有的活泼的特点,在设计这种版式时,也应注意避免页面产生凌乱。
自由型
页面有时候需要呈现一种跳出规则、突破束缚的感觉,因此在文字与图片等页面元素的编排上,可以不拘泥于某一种格式自由排版。不过,自由型的网页版式并不等同于胡乱堆砌,它依赖于设计师成竹在胸的布局规划。如果没有合理的元素及空间安排,自由型页面不仅视觉呈现效果大打折扣,整个布局也会显得毫无章法。
网页版式设计其实就是择优选取元素与空间的一种排列关系。设计一个网页所能用使用的版式当然不仅仅只有这几种,至于选择什么样的版式布局,标准也很简单:在用户体验到页面视觉美感的同时,也能有效的接收页面输出的信息。
上一篇:
商城网站设计八大原则更多新闻
2020
网站上线之前需要做的准备工作有很多,包括内容的校对,网站有没有BUG,网站的兼容性等等,有没有错误链接,以及用户体验是否做的足够好等等。今天,大连网站建设公司总结了以下需要重
View details
2023
引言在当今数字化的时代,拥有一个有效的网站对于任何企业而言都至关重要。。无论是初创企业还是成熟的机构...
View details
2023
引言在当今数字化的时代,软件开发已经扮演着企业成功的关键角色。。贺州软件开发业务提供了强大的技术支持...
View details
2023
引言在如今数字化的时代,无论是企业还是个人都面临着互联网竞争激烈的局面。。在这个竞争中,搜索引擎优化...
View details