Menu
发布日期: 2017-12-27
DESIGN x WEB x SIGN SYSTEM
BRAND
BUSINESS x INFORMATION
x
掌握版式设计的7个技巧,构建平衡的页面布局
x
文章来源:互联网 由半人马设计搜集整理
版式设计是平面设计的一个很基础的部分,无论是报纸、杂志、宣传册、网页设计都涉及其中。信息传达杂平面上的一种归纳整理方式,也将直接影响用户的信息摄取和阅读体验。无论何种版面,都需要使用一些常见的原则来确保页面(或版面)的平衡性。一个好的页面构成应该既赏心悦目,也能清楚地将关键信息传达给目标受众。半人马简单叙述版式的7个技巧,然后构建平衡的页面布局。
不管是印刷小册子抑或是app UI 设计,设计任何项目的主要目标都是为了向受众传达清晰有效的信息。
页面布局通常涉及很多元素的放置,重新排列和栅格化,许多设计师都将这一过程随机结合在一起,通常会创造出一些自我感觉良好的效果。虽然这可能会创造一些出色的页面布局,但使用这种自由并毫无章法的方式更可能会导致页面缺失视觉平衡性。
一个好的页面构成应该既赏心悦目,也能清楚地将关键信息传达给目标受众。在此我将向大家介绍几种技巧,以帮助一些不懂页面布局技巧的设计师们在做设计时能够轻松创建平衡的页面布局。无论你应用于哪方面的设计,这些方法都能很好地创造出平衡的布局。
让页面具有一定平衡性的最简单方法之一莫过于使用网格系统,网格系统可以说是印刷设计中唯一遗留下来的一种经典布局方法,自数字媒体发展起来的这些年以来,网格系统已经帮助设计师完成了许多线上设计工作,成功将网格系统的概念移植到数字媒体中。
通过使用网格系统来规划页面上不同元素的位置,就可以创建并促进页面中不同元素之间的连接。这可以产生很强的页面平衡感,为受众提供一个清晰的结构参考。
这一点很重要,因为当所有的页面元素都具有互相连接的感觉时,整体效果会让受众感觉更舒适,并帮助他们浏览重要部分,即内容。
创造平衡的页面布局最有效的方法之一就是在布局中找到一个焦点,关于这个观点有个最好的例证:在设计中常用到的大图像,便是页面中最大的单一焦点元素。
一股强大的视觉效果可以强有力地吸引受众进入页面中,也提供了一个很好的结构元素,这时候可以围绕它安排其他内容。如果你有多个视觉元素,用格式塔理论的邻近原则将它们组合在一起,并用对齐原则对齐它们。
同样的还有用标题或者引文副标题等方式作为一个焦点存在,一个好的标题可以和大图像一样产生强大的视觉吸引力,并且以此为基点安排其他元素,最终达到页面布局的平衡。
创造平衡的页面布局最有效的方法之一莫过于设计师们最喜欢的三分法则(或黄金比例法则)。三分法则简而言之就是,将页面垂直和水平分为三分之一,而网格线相交的点提供了现成的自然焦点。
通过将关键元素与这四点对齐,便可获得比页面中心点更令人满意的构图。本身三分法则不会神奇地为布局提供平衡,但是通过扩展原理,使用这个趋向于自然的焦点很容易实现平衡的页面布局。
三分法则最常用的使用方法是将页面的最重要元素放置在页面的上部(或下部)三分之一处,使主焦点对齐以匹配其中一个交点。
04、使用留白
新手设计师通常会把页面上的每一个空白都填充内容,直到填满每一个空白。更有经验的设计师则知道,有时候最好的设计就是把元素排除在外,而不是把它们固定其中。留白也称“负空间”,实际上,空间并不都是有色的,任何与焦点信息无关的空白空间都可以被归类为“留白”。
在印刷媒体中,利用留白的最常用方法是扩大页边距和间距。在网络上,只要在元素周围提供充足的呼吸空间,就可以使整体布局趋向合理和平衡。
要想达到一个很好的留白效果,需要用一个清晰的布局把内容固定好(如使用网格系统),否则随意使用留白可能会导致页面元素与元素之间相互脱节。
重复是格式塔原则中的另一种原则,设计中使用重复原则可以达到很强的联系性和平衡性。其思路是通过识别和再利用图案进行设计处理并贯穿整个布局,这样可以为受众提供一个参考,使不同的区域在感觉上是连通的,并且感觉是相同整体布局中的一部分,页面达到和谐、统一的视觉效果,并能加强给人的印象,也可以达到一种有规律的节奏感和形式美感。
06、使用层次结构
实现页面布局平衡的关键方法之一便是创造清晰的结构和层次,前面我们已经谈到了结构,但同时也要传达出页面上不同内容的相对重要性。例如,标题总是比正文内容更占有视觉上的重要性。
看看构成页面的不同元素,并决定哪个元素是最重要的,并以此元素为基准调整页面上其余元素的层次关系,使其保持最重要。
07、使用比例、对比和和谐
最后,比例的使用可以说是页面布局设计中实现良好的视觉平衡的一个非常行之有效的方法,通过让一些元素比其他元素更大,就会出现秩序和层次感。这有助于创建一个舒适的布局,因为受众会自动首先查看布局中的较大元素,紧接着查看较小的元素。
这个原理也适用于增加对比度,通过对比将页面上的元素隔离开来,会使眼睛首先关注该重要点。这就提供了一个方式吸引受众关注到页面,并再次给出一个有用的结构焦点来引导接下来的布局设计。
比例和对比度适用于一个元素时效果最好,使其与布局的其他部分脱颖而出。而使用和谐的原则,则能在判断两种以上的要素或部分与部分的相互关系时,给我们在感觉上和意识上是一种整体协调的关系。
其实,再伟大的设计方法都是在最基本的设计基础知识之上发展而来,以上7种方法也都是设计构成学中的基础知识点。关键是需要温故知新并且勤于练习和运用,才能稳固地掌握并推陈出新。
关键词: 网站设计
2023-04-26
干货:AI人工智能绘画软件StableDiffusion豪华安装包+教程资料包,200G免费下载提供方式:百度网盘获取方式:查看文章底部,无套路下载文件大小:2
2021-08-28
苦苦守了几个月,Behance大神@Milo的年度设计趋势预测终于又来了!在今年这样一个变化万千的环境下,设计趋势又将迎来怎样的变化呢?赶紧来了解一下吧~——正
2020-12-02
对于大多数网站设计师来说,基于特定的目标受众来计划一个网站设计项目是显而易见的。它可能是为那些喜欢苏打水或购买电子游戏或对运动鞋有亲和力的人。但是另一个需要考虑
2020-12-02
今天,我们要讲的是如何简化您的网站设计,使用和厨师一样的原则来确保您有最愉快的用餐体验。就像您更有可能回到一家为您提供体验而不是混乱的餐厅一样,当您的设计干净、
2020-10-06
您网站设计上的表格可能会存在问题,它在手机里看起来或用起来用户体验可能不是那么顺畅。这听起来像是一个简单的问题(应该有一个简单的解决方案),但事实可能不像您想的
2020-09-12
企业网站设计成为企业发展和弘扬企业文化的一种方式,对于企业品牌传播和业务推广有着很不错的效果,这种意识开始的时候在一些大型企业或者是中外合资企业最先得到追捧,中
2020-08-22
我们在做网站设计的时候,常常遇到网页页头的代码head的部分有一个关于lang的声明,它的作用就是告诉浏览器本页面的显示语言,HTML的lang属性bai可用于
2020-08-06
设计一个网站需要很多批判性思考。首先,你必须考虑一个可以轻松吸引用户的设计,然后你必须适应该设计中的内容和元素,还必须为诸如添加或删除元素之类的更改留出空间。这
2020-07-28
品牌设计概念起源于德国。30年代,受希特勒法西斯主义的压迫,代表先进意识的德国包豪斯设计学校绝大部分师生出走美国,开始担任美国大学的设计负责人和开设计公司,这样
2020-07-28
我们经常听到客户这样说:“VI设计就是标志设计嘛!”一个logo很简单呀!应用设计COPY套用就成。甚至有些设计师也这样做,这真是设计界的悲哀。无可否认,很多人
2020-06-26
史上最强TopazAI人工智能来袭!配合adobe简直如虎添翼!opazBundle是著名公司TopazLabs的程序的集合。可以免费下载的程序经过精心设计,可
2020-05-03
今天给大家带来一期AI脚本插件合集3.0版包含了很多实用的AI功能增强脚本,如刀模线绘制、二维码生成、条码制作、角线绘制、置入多页面PDF、自动拼版、尺寸标注等
PHP网站源码坪地网站改版丹竹头网站搭建木棉湾网站关键词优化南山网页设计坪山网站推广方案南澳百度seo荷坳标王大芬网站建设设计深圳网页制作福田标王布吉百搜词包爱联网页制作木棉湾阿里店铺托管大鹏设计公司网站龙岗网站设计宝安seo优化南澳如何制作网站西乡网站优化排名塘坑网站开发大芬网站seo优化大运网站搭建福永网站开发光明品牌网站设计民治网络广告推广木棉湾seo排名大芬品牌网站设计南山网站定制罗湖百度标王惠州seo网站优化大运网站建设歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运