当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

排版知识,网站主题部分文字的排版设计知识(3)

来源:AnyForWeb 作者:UED 学习:10593人次

2.重复

设计中的元素可以在整个网页设计中重复出现,对文字来说,可能字体、字号、样式的重复,也可能是同一种类型的图案装饰、文字与图片整体布局方式等。重复给用户一种有组织、一致性的体验,可以创造连贯性,显得更专业。

比如HeyJuice网站在产品准则部分采用了统一的“图片+标题+正文”形式。内容不同,而布局方式统一,图片风格一致。用户一眼看过去,就能知道这是属于同一个版块的内容,这样的重复很容易有一种连贯、平衡美感。

排版知识,网站主题部分文字的排版设计知识_www.16xx8.com

比如土巴兔装修网的流程,标题文字在图片同样的位置、采用同样形式,既与图片背景颜色形成对比,又是文字样式的重复。

排版知识,网站主题部分文字的排版设计知识_www.16xx8.com

重复原则在网页设计上应用非常广泛,单一的重复可能会显得单调,设计师却可以根据不同网站的需求灵活使用,比如有变化的重复能增加创新,给网页设计增加活力。

3.对齐

在网页设计中,元素在页面上不能随意摆放,每一项都应与页面内容存在某种联系。对齐可对齐是网页设计必不可少的部分,它可以帮助设计师做出吸引人的设计,是优秀网页设计的潜在要求。

对齐的案例就非常多了,我们随意列举两个。

曼秀雷敦网站的左对齐:

排版知识,网站主题部分文字的排版设计知识_www.16xx8.com

Darry Ring网站的居中对齐:

排版知识,网站主题部分文字的排版设计知识_www.16xx8.com

左对齐和右对齐是文本看起来更清晰、效果分明;居中对齐显得更庄重、正式、稳重。

4.亲密性

位置的接近意味着存在关联,亲密性是指将相关项组织在一起让它们从整体看看起来和谐统一。

亲密性可以从两点入手:适当留白、以视觉重点突出层次感。

比如以下案例中图文搭配,这是多个元素在一起的组合排版。

排版知识,网站主题部分文字的排版设计知识_www.16xx8.com

人眼首先被Banner图和里面文字吸引,然后再向下移动到文字描述及链接文字,这些元素的亲密性与对比形成一种平衡。

以上就是本次分享的内容啦。如前文所言,排版的好坏考验一个设计师的基本功底,平时的功夫可是必不可少的哟,我们期待大家设计的精彩排版!

本文最初由AnyForWeb UED发布,转载请注明出处。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!