郑州网站优化就选启凡网络公司,8年专注网站排名推广优化,先优化后付费,关键词排名进百度 一页,再支付优化费用,立足郑州,服务全国。

郑州网站建设,优化推广外包公司,10年经验沉淀
为企业创造价值,我们懂技术,更懂营销

页面设计的排版原则有哪些?

时间:2020-03-19
分享到:

如果你觉得自己设计的页面总是哪里不对劲,为什么别人的页面看起来那么舒服,那么页面设计的排版原则有哪些呢?下面就和启凡网络一起来了解一下!

UI设计构思中,除开人们注重的色彩搭配,字体样式,UI原素以外,也有一点是很关键的,那便是设计构思合理布局的四大标准:两端对齐,比照,亲密性,反复。

下面以APP-MONO为例进行说明,这四个排版原则在页面设计中的应用。

一、两端对齐两端对齐(Alignment):一切物品都不可以在网页页面上随便放置。每一原素都理应与网页页面上的另一个原素有某类視覺联络。那样能创建一种清楚、精致并且清新的外型。
 

 


如图所示一图示,这一网页页面是一个强烈推荐关心的搜索结果页,随处能反映设计师的两端对齐方法。左侧的与显示屏边沿的两端对齐,目录的强烈推荐姓名的两端对齐,右侧的“关心”按键的两端对齐这些。这一网页页面看起来全部的原素都统一,有联络并且相互相关,各个单独的元素之间存在着某种视觉纽带,虽然没有间隔线,但是通过统一对齐的方式,使页面看起来更容易且美观。

二、比照比照(Contrast):比照的基础观念是,要防止网页页面上的原素太过类似。假如原素(字体样式、色调、尺寸、图形界限、样子、室内空间等)不同样,那么就果断让他们迥然不同。要让网页页面引人注意,比照一般 食关键的的一个因素,正是它能使读者首先看这个页面。

如上边图二,这一网页页面是內容强烈推荐搜索结果页,从文本的数据分析看来,文章内容的题目与介绍的比照,关注数评价数和标题的比照,一目了然,使网页页面更易读。

三、亲密性亲密性(Proximity):相互有关的项理应挨近,归组在一起。假如好几个项彼此之间存有很近的亲密性,他们就会变成一个視覺模块,而并不是好几个孤立无援的原素。这有利于机构信息内容,降低错乱,为阅读者出示清晰的结构。

例如,下面图三这个页面红色框框出部分属于两个内容块,中间有一个间隙,这就是属于亲密性的运用,使得同一块内容在一个区域内。



四、反复反复(Repetition):让设计构思中的視覺因素在全部著作中反复出現。能够反复色调、样子、材料、室内空间关联、图形界限、字体样式、尺寸和照片,这些。这样一来,即能提升逻辑性,可以提升统一性。   
如上边图四,这一网页页面是內容搜索结果页,好几个內容块是归属于同一种设计构思方式:创作者+照片+题目+介绍+实际操作,每一內容的设计构思方式全是一种反复,拥有反复,阅读者能够更简单的阅读文章,无需学习培训成本费就了解是怎样的呈现方式。难以想象一个搜索结果页有多种多样设计构思方式(上边创作者正中间照片下边题目or上边照片正中间题目下边创作者or选用左中右的方式),那样不但不好看,也会给客户导致学习培训成本费,设计师和开发人员也得花大量的時间在网页页面上。

以上就是关于“页面设计的排版原则有哪些?”的全部介绍了,希望本篇内容可以帮助到大家,想要了解更多的相关信息可以持续关注我们。

经典案例 Classic case

您可以在线咨询...

400-037-1682

185-3083-1921

郑州市万达小区5号楼3单元1402室

关注有惊喜

Copyright © 2013-2018 郑州启凡计算机软件有限公司 版权所有 豫ICP备11009532号-7