热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

双折页html模板,折页设计的6种版式

折页设计的6种版式10月14,2019发表于:视觉设计.评论Sponsor宣传折页是一种纸制的宣传流动广告,通过折页的方式层层有序地将内容清晰而全面地展示给读者。相比

折页设计的6种版式

10月 14, 2019

发表于: 视觉设计.

评论

Sponsor10a45d2d0c23f68c6aa68c87bb9e706a.png

宣传折页是一种纸制的宣传流动广告,通过折页的方式层层有序地将内容清晰而全面地展示给读者。相比起传单和海报这种区分正反面的纸媒,折页拥有连贯的页面可以使用,虽然更加考验设计师的设计能力,但也提供更多的设计空间和玩法供其发挥​。下面设计达人将和大家分享6种非常不错的折页的版式设计作品,大家一起学习吧​!​

622ed075f588167a40fb90c65a224015.gif

01. 将字体放大

通过将字体放大(比如下图示例中的数字),与常规尺寸的文字形成强烈对比,再结合图文之间的错位编排而形成的留白效果。不过也要注意针对不同的内容选择相应的字号进行放大。

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

02. 对齐编排

当然啦,你也可以选择最保险的做法,以对齐为主,让元素老老实实地排版下去。其中需要控制好元素之间的对比性和整体的留白感。

622ed075f588167a40fb90c65a224015.gif

图文的左对齐

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

03. 网格编排

对于设计新手来说,要对付文字特别多的内容可不是件容易的事儿。这时就可以使用网格来帮助自己更好地布置版式以及处理信息啦。 通常来说,一个版面中纵向网格越多,版式就越灵活。使用更多的纵列数网格,以此来保证你有足够的版式空间去做一个漂亮的版式。网格的另外一个好处可以很好地营造留白。

622ed075f588167a40fb90c65a224015.gif

使用5栏网格

622ed075f588167a40fb90c65a224015.gif

使用8栏网格

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif​04. 自由编排

如果以上3种方式都满足不了你对设计的高要求,那么就尝试下自由编排的方式吧。由于这种方式完全没有规律性的,最大的特点是通过图片的张弛感来增加版面的节奏性,或许能让你的设计眼前一亮。

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

05. 水平布局

如果想做一些更大的变化,可以尝试水平布局,打破常规的折页布局。

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

06. 特殊工艺

除了在平面上的创意,在折页的工艺或折叠方式也可以做些有趣的设计,提高折页的档次。这其实是给折页赋予了装饰功能,但制作成本比较高,一般要在一些重大项目中才会用到。

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

622ed075f588167a40fb90c65a224015.gif

作者:周妙妍,微信公众号: 版式设计很简单

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com

交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。

赞助商链接

155252a6671cbe350ec7f31b0924d3ce.png

赞助商链接

喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。

版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }

姓 名 (必填)

邮 件 (必填)

网 站



推荐阅读
  • PHP 5.2.5 安装与配置指南
    本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
  • 尽管某些细分市场如WAN优化表现不佳,但全球运营商路由器和交换机市场持续增长。根据最新研究,该市场预计在2023年达到202亿美元的规模。 ... [详细]
  • 如何高效创建和使用字体图标
    在Web和移动开发中,为什么选择字体图标?主要原因是其卓越的性能,可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程,并提供了专业建议。 ... [详细]
  • 本文详细探讨了网站流量统计中常用的三个关键指标:页面浏览量(PV)、独立访客数(UV)和独立IP数(IP)。通过分析这些指标的定义、计算方法及其应用场景,帮助网站运营者更好地理解用户行为,优化网站内容与用户体验。 ... [详细]
  • 本文介绍如何在 Android 中通过代码模拟用户的点击和滑动操作,包括参数说明、事件生成及处理逻辑。详细解析了视图(View)对象、坐标偏移量以及不同类型的滑动方式。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 探讨如何高效使用FastJSON进行JSON数据解析,特别是从复杂嵌套结构中提取特定字段值的方法。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • 从零开始构建完整手机站:Vue CLI 3 实战指南(第一部分)
    本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点,并确保这些内容与实际工作中的需求紧密结合。 ... [详细]
  • 帝国CMS多图上传插件详解及使用指南
    本文介绍了一款用于帝国CMS的多图上传插件,该插件通过Flash技术实现批量图片上传功能,显著提升了多图上传效率。文章详细说明了插件的安装、配置和使用方法。 ... [详细]
  • PHP 5.5.0rc1 发布:深入解析 Zend OPcache
    2013年5月9日,PHP官方发布了PHP 5.5.0rc1和PHP 5.4.15正式版,这两个版本均支持64位环境。本文将详细介绍Zend OPcache的功能及其在Windows环境下的配置与测试。 ... [详细]
  • 掌握 Photoshop 是学习网页设计的重要一步。本文将详细介绍 Photoshop 的基础与进阶功能,帮助您更好地进行图像处理和网页设计。推荐使用最新版本的 Photoshop,以体验更强大的功能和更高的效率。 ... [详细]
  • 本文深入探讨了计算机网络的基础概念和关键协议,帮助初学者掌握网络编程的必备知识。从网络结构到分层模型,再到传输层协议和IP地址分类,文章全面覆盖了网络编程的核心内容。 ... [详细]
author-avatar
坐在河边的蚂蚁
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有