亚博账号登录

几何

排版法则

几何 版式构图 亚博account number登录|yabovip2|首page2浏览

制作作品集、UI界面设计、网page设计、运营设计,设计师家重设计排版,通过版式设计法则,让设计作品有精品感和品质感。

 

视觉设计排版:

  • 第一步,先把文字谌葑龊门虐妫
  • 第二步,思考场景设计与信息层级处理;
  • 第三步,进行排版设计的布郑
  • 第四步,最后做蒙屎拖附诘挠呕诱宄龇⒌较附诖碓倩毓檎逍缘脑颍龊冒暗纳杓普故尽

 

 

一 格式塔原理stay排版中的应用

格式塔原理是 20 century早期的德国心理学家Research小组find 的死嗍泳工作原理。死嗍泳跏钦逍缘模琖e会对看到的事物自建结梗琣lsostay神经系统层面上感知形状,图形和物体。「形状、region」stay德语中是 Gestalt,所以this些理论也就叫做视觉感知的格式塔原理。

 

格式塔原理的设计原则如下:

1. 邻近性原则

物体之间的相对距离会影响We认知它们的关系。相互靠近的元素被think是一组,those 距离较远的则自动划分为组外。整体看来,距离近的关联性更紧密。

下面左In the picture的圆相互之间stay水平方向比垂直距离近,那样We看到了4排圆点,而右图看成2列。

how 应用于UI设计:

邻近性原则,stay网page端或移动端的排版布局中有very广泛的应用。设计师应用此原则,调整距离或者用指钕叩壤捶挚煌杓颇J降墓菇ā此原理应用stay设浦校缑娌慵逗茫泳清晰。

按照原理,We会take谌菹嗨频脑匚恢梅胖玫酶咏瑂tay UI 设浦械目片化设计,列表组合等信息整合设计都会应用到此原理。also不同谌之间We使用指钕撸舭祝片区分等方式来使不同的谌萸指飨浴

 

2. 相似性原则

格式塔原理中的相似性通常和邻近性原则黄鹪擞胹tayproduct设浦小K指出了影响We感知分组的in addition一个原则:有共同视觉元素的物体看起来更有关联性。We倾向于take看起来相似的对象视为一组或者一个模式,alsotake它们与特定含义或者功能联系stay黄稹

how 应用于UI设计:

利用颜色,形状,大小,方向,以及纹理等视觉元素,组成相近难健I 设计规范中的控件组合成的组件,大部分都会使用到相似性原则,统一视觉样式,来表达统一的功能性。

 

3. 封闭性

人难劬tay观看时,大脑并不是stay一start就区指鞲龅ヒ坏淖槌刹糠郑莟ake各个部分组合起来,使之成为一个更easily理解的统一体。this个统一体是We日常life中常见男蜗螅正方形、圆形、三角形等,让usereasily理解。

how 应用于UI设计:

this个原则也very适用于图形user界面的图标设计或界面设浦

 

4. 连续性原则

人的视觉具备一种运动的惯性,会追随一个方向难由欤员惆言亓觭tay黄鸪晌桓稣濉O峦际两个交叉的圆弧轨迹,人们往往倾向于使视觉流跟随着相同颜色的轨迹,而不会被干扰,We能够感知this是两条弧线。

how 应用于UI设计:

连续性目前stay app product中应用very广泛。比如stay电商product中 banner region的about滑动交互模块,滑动组件和进度条展示。

main应用范围如下:

1 导航栏中的连续性设计

2 卡片模块中的连续性设计

3 模块的连续性设计

 

5. 主体/背景

We的大脑take视觉region分为主体捅尘 2 个部分。this个特征有利于We对重要信息和我信息的感知。

主体捅尘暗那餾ure从以下两个方面来控制:

  • 1 场景大小:We倾向于take处于大场景中的中间小region部分视为主体,而大场景视为背景;
  • 2 层级关系:ifstay同一个平面中,We倾向于take处于视觉第一层级的物体视为主体。

 

how 应用于UI设计:

此原则sure帮助设计师stay设计界面的过程中抓住user注意力,also让user优先看到We想让they看到的事物。比如重要信息的弹窗提示,以及弱化背景从而突出谌莸冉缑嬷卸加性擞玫此原则。

 

二 移动端版式设计原则:

版式设计,stay有限的版面空间中,take版面构成元素,如何淖帧icture、线条和颜色等,根据特定的谌荩凶楹吓帕校⒃擞迷煨鸵丶靶问皆颍压顾加雙lan以视觉男问矫栏校泶锍隼础

一个优秀的排版要考虑到user的阅读习惯和设计美感,帮助user区分重点、提升可读性。遵循平面设计原理,排版中的对齐、对比、重复、亲密性 4 大原则。

 

对齐原则

对齐是版式设计的最重要的原则之一,对齐sure建立一种整齐的外观,带给user舒服的一致性的浏览体验。基于由系较拢幼蟮接业脑亩料肮撸τ胹tay界面设浦校琧ommonly是左对齐、居中对齐和右对齐,同时同一竖线上的元素,要保持居中对齐。

 

对比原则

做排版设计时,重点的元素通过尺寸、色彩、造型等causeuser关注,this样重点谌荩呕嵬怀龀隼础I杓埔轻重缓急之郑灰让user去找重点,Don’t let users think,让user顺利的accept重要信息。

例如:picture大小的对比,让user感受到最重要男畔ⅰ

 

亲密性原则

根据亲密的原则来organization复杂男畔ⅲ瑃ake彼此relevant的同一类的元素靠近,同时把远离不relevant的元素,this样就sure大大提高界面设计的可读性。

 

三 作品集排版法则

 

设计排版法则:

1 左对齐

staypage面排版时,take你的文字设梦蠖云搿N獁hat?stay西方文化中,人们的阅读习惯是由系较拢幼蟮接业摹通过左对齐文郑劬δ芄桓黣asily地找奖咴担子谠亩痢1苊鈈ecausethis个reason 缩进段落的第一行。

 

2 使用一种字体

优秀的设计师stay排版设浦心芄煌昝朗褂两种字体,是becausethey能够把握和了解所选的字体的类型,并保证they是互补的。

howevercommonly情况下,避免使用两种相同类型的字体。例如,不要使用两种以上的非衬线体、粗衬体或手写体。

使用一种字体,直到你能够很好的运用和掌握它。如:苹方字体或Dinner字体。

 

3 跳过一个字重

stay改变字体权重时,从细体到粗体,或者从中粗体到超粗体。大师级的设计关键就是对比。

粗体和细体对比的标题字体组合,获得最大的对比。

 

4 双倍字号尺寸

当改变字号大hour,一个好的经验法则是,你使用的字号大小是现有字号的奖痘蛞话搿

 

5 对齐到一个轴线

沿着一个主坐标构建你的字体排版,并take字体元素对齐到network线。无论文字类型或大小how ,stay垂直轴上,字体对齐轴线的左边缘。stay水平轴上,寻找最佳水平元素,或对齐文字的大写字母指撸蚨云胛淖只呒纯伞

 

6 使用条框分类

使用形状/线条takerelevant的谌信息块进行分类编组。this样会使不同的元素排列很有顺序。

 

7 注意间距

段落排版中到处都是间距。if文字左对齐。右侧会出现文字的参差黄搿⑵鸱舭椎取1苊鈙tay段落的最后一行出现单字成行的情况,切勿使用强制对齐设置。

注意段落右侧的起伏形状,stay一个句子中标点符号之间使用单个空格,以避免形状和角度不美观。

间距的重要性。越是间距接近的元素,读者就会假设stay不同男畔⒖之间存staythis一种关系。

 

原文地址:

author:ExperienceDesign

 

转载请注明:亚博账号登录 » 排版法则

登录收藏
 
你probablylike的:
除了原研哉,还有Which值得关注的Japan著名设计大师?除了原研哉,还有Which值得关注的Japan著名设计大师?
what?设计still无法深化,fast来试试this个思路what?设计still无法深化,fast来试试this个思路
“上下构图”竟然有this么多秘密!“上下构图”竟然有this么多秘密!
how 做到一图多做?this组拆解一定让你眼前一亮!how 做到一图多做?this组拆解一定让你眼前一亮!
客户dad :设计sure没originality,但必须做好this6点客户dad :设计sure没originality,但必须做好this6点
巧用构图知识-设计不再套版巧用构图知识-设计不再套版
你真的,会做运动海报吗?你真的,会做运动海报吗?
商业海报设计教程,看完就能学会!商业海报设计教程,看完就能学会!
护肤品套装【水肌晶旅行套装】护肤品套装【水肌晶旅行套装】
作品不够吸引眼球,应该how 解决作品不够吸引眼球,应该how 解决