设为首页 加入收藏

手机版 郑州清新教育-郑州电脑设计培训学校典范,专业课程包括:室内家装建筑装饰设计培训学习班,平面广告网页美工动漫设计培训,淘宝开店美工运营推广网站手机开发培训等课程
郑州清新教育电话

当前位置:首页 > 网页美工设计

网页美工设计

网页设计中的排版原则有哪些

编辑: 时间:2018-01-20 08:16:47

   UI设计中,除了我们强调的配色方案,字体,UI元素之外,还有一点是很重要的,那就是-设计布局的四大原则。

  设计页面最基本的就是排版布局了,如果你觉得自己设计的页面总是哪里不对劲,为什么别人的页面看起来那么舒服,也许这篇文章能解答你部分的疑惑。

  

 

  UI设计中,除了我们强调的配色方案,字体,UI元素之外,还有一点是很重要的,那就是-设计布局的四大原则。(对齐,对比,亲密性,重复)

  一、对齐

  对齐(Alignment):任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

  这个页面是一个推荐关注的列表页,处处能体现设计者的对齐方式。最左边的与屏幕边缘的对齐,列表的推荐名字的对齐,右边的“关注”按钮的对齐 等等。这个页面看上去所有的元素都统一,有联系而且彼此相关,各个单独的元素之间存在着某种视觉纽带,虽然没有间隔线,但是通过统一对齐的方式,使页面看起来更容易且美观。

  二、对比

  对比(Contrast):对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常食最重要的一个因素,正是它能使读者首先看这个页面。

  这个页面是内容推荐列表页,从文字的对比分析来看,文章的标题与简介的对比,点赞数评论数和文章标题的对比,一目了然,使页面更易读。

  三、亲密性

  亲密性(Proximity):彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。

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

  四、重复

  重复(Repetition):让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。

求学问答专业答复,快速响应
电话:0371-63218905
手机:13613841515
QQ:
有问题需要老师在线解答? 立即提问 马上回复
更多 热门课程排行榜
郑州清新教育电脑学校

室内家装设计知识平面广告设计知识网页美工设计知识

模具机械设计知识电脑办公文秘知识游戏动漫设计知识

郑州清新教育电脑学校

清新教育新闻资讯清新教育报班选课清新教育就业服务

关于清新教育联系清新教育清新教育乘车路线

关于我们 版权所有:郑州清新教育(www.qingxinedu.cn)备案号:豫ICP备11011661号