格式塔定律应用在设计中

用户头像
深圳/交互设计师/6年前/346浏览
格式塔定律应用在设计中



07 格式塔定律的相近、相似原则带来的设计

什么是相近原则?距离相近的各部分趋势组成整体。

案例1:网易云音乐金刚区的图标,我们只知道设计理论中,要求统一性、一致性。

从一开始接触UI设计时看到市面好的产品的金刚区图标都是只需要设计好一个模版,剩余都是遵从这样的样式去延展设计,殊不知在设计心理学中这个也可以叫相近原则或者相似原则😂,他们的形状一致和位置排版靠近,让用户把他们看成是一个整体。

案例2:分享的方式,利用相近和相似原则,让用户意识到这些都是属于可以分享到途径,上面和下面的不感兴趣个举报形成上下位置关系,也让用户意识到上下是有区别性。




08 格式塔定律的封闭原则带来的设计

什么是封闭原则?彼此相属,构成封闭实体的各部分趋于组成整体。

这一原则我们很多地方都用到,只是我们都不知道他们都有一个专业词叫封闭原则。如果换一种叫法是截断式设计,我们就很容易就理解。

在一些信息比较的多的页面中,不可能全都采取瀑布流设计,会导致一些模块隐藏太深没有曝光量,所以一些产品会采取横向布局设计,但是又想让用户知道右滑还是更多内容,就需要到截断式设计,脑补一下就知道右边还是有内容的。



09 格式塔定律的连续原则带来的设计

什么是连续原则?我们倾向于完整地连接一个图标,而不是观察藏缺的线条或形状。

这一原则在交互上很少用得到,一般是用在视觉设计多一些。抖音剪辑电影创作者,为了方便阅读者在作品区找到看到同一期的电影,有些使用大标题标注顺序,也有更好的利用连续设计风格,让阅读者在最短的时间内找到同一部电影作品,当然创作者一般不知道这个专业词,但是很优秀利用这个好设计,同样在app store中产品预览图,设计师用截图做成连续的图片,就形成一个整体性。




10 格式塔定律的主体 / 背景法则带来的设计

「主体 / 背景法则」表明“元素视为文字(不同的重点)或区域(文字后面的背景)间的对比”,当我们想要在屏幕中强调某点的时候这条非常有用。

如何应该在UI设计中?一般类似案例中红包弹框、对话题、引导提示、运营弹框等很多。只要作用是引导/或建议用户完成的操作,不被其他因素视觉干扰,让用户顺畅完成操作。




明天打算聊聊 “短信验证码”和“购物车结算按钮”


2
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】影音icon
3D卡通UI界面图标可爱插画免扣素
盲盒APP UI设计
APP/小程序商业项目UI模板|99个高保真UI+79个原型
智能家居中心 简约 UI设计组件库
新拟态风格 UI设计组件库
Security Camera UI kit
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】30个图标
【新年UI图标】秒杀icon
新能源APP应用UIKit
科技医疗透明柜UI界面设计
拟物风质感写实UI卡片合集源文件
高级感金属拟物 UI设计组件库
【新年UI图标】汽车icon
户外旅行飞机情侣假日出行
UI界面 组件
【新年UI图标】钱包icon
【新年UI图标】珠宝icon
【新年UI图标】游戏/娱乐icon
UI应用平面图标
我的钱包-UI界面设计-app
钱包ui模板
你可能喜欢
相关收藏夹
大家都在看
登录注册