格式塔定律应用在设计中

用户头像
深圳/UX设计师/5年前/337浏览
格式塔定律应用在设计中



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

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

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

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

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




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

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

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

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



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

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

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




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

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

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




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


2
Report
|
1
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in