第三期 | 分享简单的交互设计知识案例

用户头像
深圳/交互设计师/6年前/210浏览
第三期 | 分享简单的交互设计知识案例

分享产品细小部分、容易看懂、理解不难的交互知识案例和设计案例;
分享都是过千万级用户的产品, 大家熟悉的产品,常用的产品


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

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

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

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

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



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

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

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

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




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

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

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




明晚更新 聊聊“购物车结算按钮的设计”



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