当前位置:首页设计文章交互交互设计原则——对齐
交互设计原则——对齐
°
  • 素材类型: 原创-素材
  • 上传时间:
  • 版权问题: 禁止转载-禁止商业用途 (文章来源)

记笔记的阿晴(notebyaqing)独家文章,转载需署名。
全文598字,交互设计原则第5篇

对齐

交互设计原则——对齐

对齐让页面繁多的信息看起来一目了然,心情愉悦。桌面、衣柜也是如此,整齐的摆放不仅可以让心情好,也能快速找到自己想找的东西,提高时间效率。

交互设计原则——对齐
  • 反例

案例2:多种对齐方式

交互设计原则——对齐

自如APP搬家的收费标准这一页面中,分类的标题用了居中对齐,其他内容都是两端对齐。感觉居中对齐让页面看上去稍微有点乱,我把分类的标题改成左对齐,并往下挪一些空间,通过加大间距来区分不同的板块,看上去清爽一些。不过这个标题还可以再优化一下,把橙色文字改成灰色看一下效果,右边画一些渐变小插画来抵消左重右轻的现状。案例3:海报的对齐

交互设计原则——对齐

左边的海报,在左边的元素都做了左对齐,虽然有很多组内容,并且有横向和纵向的文字排版,但是整体看起来是比较清爽的。

右边这张海报,有居中对齐的,也有各自对齐的一种方式,再加上字体种类多,一眼看上去非常乱。get不到海报的重点是什么。总结

为什么设计需要对齐?

1.对齐可以让页面看起来井然有序、干净,准确快速的传达信息。2.同样的两个设计,对齐会让页面看起来视觉效果更好,提升设计稿品质。

对齐方式:

左对齐、居中对齐、右对齐

对齐的注意事项

尽量选择尽可能少的对齐方式。对齐的种类越多,页面会更乱。

  拓展阅读  

交互设计原则——对齐插图4
交互设计原则——对齐插图4

交互设计原则——即时反馈

交互设计原则——对齐插图6
交互设计原则——对齐插图6

交互设计原则——正确的意符

交互设计原则——对齐插图7
交互设计原则——对齐插图7

交互设计原则——一致性

交互设计原则——对齐插图8
交互设计原则——对齐插图8

交互设计原则——容错性

温馨提示:

文章标题:交互设计原则——对齐

文章链接:https://www.uied.cn/7107.html

更新时间:2022年12月21日

本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
UI产品设计干货

设计心理学——深入理解用户的原则

2022-12-15 13:39:45

交互产品设计干货

APP设计中交互动画的作用

2022-12-21 10:59:59

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索