首页 > 其他 > 详细

前端开发页面设计风格优化指南

时间:2020-06-10 18:43:26      阅读:63      评论:0      收藏:0      [点我收藏+]

从Ant Design + element风格谈起

 

1、Ant Design提出的原则:【足不出户】

能在这个页面解决的问题,就不要去其它页面解决,因为任何页面刷新和跳转都会引起变化盲视(Change Blindness),导致用户心流(Flow)被打断。频繁的页面刷新和跳转,就像在看戏时,演员说完一行台词就安排一次谢幕一样。

 

举实例来说,在某些操作,比如删除的时候,为了防止错误操作,产生无法挽回的后果,最好在删除的时候进行二次提醒。

但是如果像这样

技术分享图片

 

 就犯了上面提出的错误。

Modal 的出现,太过突兀。

在element的框架中,更建议使用Popconfirm 气泡确认框。

 

前端开发页面设计风格优化指南

原文:https://www.cnblogs.com/Zhang-jin/p/13086851.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!