- 1、本文档共5页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
版式设计入门篇!四个超实用的网页设计构图原则
编者按:四个经典构图原则帮你入门版式设计!今天聊一聊常见的几类构图方式:对称平衡、不对
称平衡、水平平衡以及垂直平衡,有分析有案例,强烈推荐学习,来感受下 。
对称平衡
如果你想在你的网页看上去美观和优雅,那么你应该做一个网站对称。这种效果很容易通过将类似
的对象上的中心轴线的任一侧来实现。这可以通过相同的尺寸,基于网格的文本段落,或具有匹配
文本相片的图像进行说明。这里有一对遵循这一格式的网站设计实例。
Mount Barker High School
Wonder Bread Ballon
您可以轻松地在网上找到各地的许多中心的布局,实际上,对称性设计被认为是最赏心悦目的设计
。这也是大多数人的典型思维模式。
当然,当你准备采用对称性设计的时候,更多的时候它并没有你想象中那么肤浅简单。考虑到这点
,你不妨以平面配色方案开始。如果你是新手,可以尽量多运用白色,直到你有足够的能力创造你
自己的设计。
毕竟这样的设计最赏心悦目,所以大多数人都喜欢干净简洁并且完美对称的网页。但是更多别出心
裁的设计师会采用一些更加新颖的一些更复杂的设计布局。
不对称平衡
不对称平衡带来一种自由随意的感觉。尽管有时候看上去不是那么自然,但是它还是经常在 网页设
计中得到实用。你可以看到不对称平衡常常运用在一些大的高清图片作为页面背景,主体远离了中
心轴线的情况,目的是为了把更醒目的标题留在中间。
Orangina European Site
The Enterprise Foundation
它的设计的主要目的是移位到左边或右边(或顶部或底部)。因此,如果您决定要用不对称功能,
你应该准备好多次的试验,以避免混淆网站的访问者。
无论什么类型的对称,核心就是你要让整体平衡。
水平平衡
水平平衡是网页最经典的页面布局。大部分人都习惯从左向右阅读,所以左右布局也是最自然的一
种布局方式。
这是最经典的一种布局设计,如果你的客户比较传统,那么你的设计也应该简单明了。这里有个
案例。
Business Accessorie
垂直平衡
垂直结构用于头部和底部的元素非常相似的情形。这样的布局往往运用于小图片的展示,比如下面
的例子:
Portfolio by Ryan M. Stryker
Paradox Labs
结论
平衡是网页设计中最重要也是最容易忽略的东西。视觉上的平衡可以通过对界面元素的布局来调和
,比如选择最合适的配合,元素的大小和位置。有的时候,也需要大胆创新,不要拘泥于传统。
原文地址: blog.enqoo
人人都是产品经理( )中国最大最活跃的产品经理学习、交流、分享平台
您可能关注的文档
- 板框压滤机的操作流程.pdf
- 板框压滤机工作原理选型方法及注意事项.pdf
- 板栗的贮藏保鲜两种技术.pdf
- 板式换热器的计算方法.pdf
- 板式换热器工作原理.pdf
- 板式换热器选型.pdf
- 板式换热器选型计算.pdf
- 板式换热器选型计算的方法与公式.pdf
- 板式家具工序标准及要求.pdf
- 板式家具企业标准.pdf
- 10《那一年,面包飘香》教案.docx
- 13 花钟 教学设计-2023-2024学年三年级下册语文统编版.docx
- 2024-2025学年中职学校心理健康教育与霸凌预防的设计.docx
- 2024-2025学年中职生反思与行动的反霸凌教学设计.docx
- 2023-2024学年人教版小学数学一年级上册5.docx
- 4.1.1 线段、射线、直线 教学设计 2024-2025学年北师大版七年级数学上册.docx
- 川教版(2024)三年级上册 2.2在线导航选路线 教案.docx
- Unit 8 Dolls (教学设计)-2024-2025学年译林版(三起)英语四年级上册.docx
- 高一上学期体育与健康人教版 “贪吃蛇”耐久跑 教案.docx
- 第1课时 亿以内数的认识(教学设计)-2024-2025学年四年级上册数学人教版.docx
文档评论(0)