整合协调原则的例子_前端视觉设计四大原则

在前端开发领域中,最重要的就是用户体验,而用户体验大致可以分为三个部分:

  1. 视觉的感官体验,给用户带来的是视觉表现层的体验,所以我们把产品视觉设计四大原则来对照用户的感官体验。
  2. 交互的用户体验,也就是产品设计中给用户使用过程产生交互互动,比如点击效果、输入、弹出、切换等等。所以我们用交互设计尼尔森十大可用性原则来对照交互的用户体验。
  3. 情感用户体验,这是由外而内的心理作用,给用户带来心理认同,增加满足和愉悦感。所以我们用情感化设计原则来对照我们的情感用户体验。

这篇文章我们主要聊聊视觉设计上的四大原则。

来源

产品视觉设计的四大原则出自一位美国设计师Robin Williams写的《写给大家看的设计书》一书中,书中也有许多排版中案例说明,如果大伙想进一步了解排版设计等方面的规则,可以多去看看。

产品视觉设计四大原则

2af1c8777ec44cfaf5bfad76aa80ad4a.png

一、对齐

概念:页面信息对齐,左对齐、右对齐、居中对齐,保持页面视觉统一。

移动端的阅读

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值