![](https://img-blog.csdnimg.cn/20190918140158853.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端UI交互
文章平均质量分 77
中后台、移动端、小程序前端UI交互,让工作做的更精细
loulanyijian
10年+互联网前端开发老江湖
gis出身,写过Java
对性能、规范、交互、node、架构、可视化、小程序,以及各种前端新老技术,都略懂一点
希望与大家一起交流,共同进步
展开
-
前端UI交互 - 中后台系统 - 界面布局原则
前言:界面布局原则,这个属于UI专业的范畴,作为非专业人士,在此不谈专业性质的内容,只聊一下个人开发过程中遇到的、总结的一些布局情况原创 2022-06-19 13:50:37 · 1394 阅读 · 0 评论 -
前端UI交互 - 中后台系统 - 消息提示类交互
按照交互原则之 “凡事皆有反馈”的原则,对界面的操作,会在操作前做询问,操作后做成功/失败的提示本文会涉及到element ui的Message、MessageBox、Dialog、PopConfirm等组件在系统中做删除、禁用/启用、发布等一键操作的时候,需要提醒用户,避免误操作并且写出相关的提示信息,如果操作之后 ,会有如何后果之类的两者均可以做 confirm操作,不同的是:对此选择,Ant Design的建议是使用 PopConfirm,原因是不阻断用户心智不过,我推荐的是 MessageB原创 2022-06-19 11:20:24 · 1299 阅读 · 0 评论 -
前端UI交互 - 中后台系统 - 1+4色彩模式
即1种主色+4种辅助颜色,下图源自element ui目前中后台主流的主色彩颜色,都是蓝色调,而且几大UI框架默认的颜色也是蓝色基本上来说,用户操作最多的按钮,或者你最想让用户点的那个按钮比如弹窗底部的按钮,确定按钮是主色又比如表单的提交按钮表单的选中项颜色、tab的active颜色,均使用主色调来展示如果是不分主次,都使用主颜色的话,那就说明没有主颜色了,如下图代表着四种状态,目前前端江湖上基本上统一了四种状态success:成功类,绿色,使用频率第一warning:警告类:黄色dange原创 2022-06-18 16:26:34 · 1902 阅读 · 0 评论 -
前端UI交互 -前言 作为一个前端,我为什么在乎UI交互
个人可能是个感性的人,做前端这么多年,一直对UI交互这个领域充满了兴趣,而且也觉得很有必要。做过的很多系统,也使用过更多的系统,有的体验很好,有的就很差,还是有差别的。对前端来说,很多规范,开发规范、接口规范、安全规范等,但一般来说UI规范就是UI专门做的事情了,不过UI同学们不如前端开发一样贴近代码+用户,可以说前端天然的从事着UI交互的工作由此想写一篇UI交互规范文档,但由于篇幅比较长,需要一些图片、动画来辅助展示,所以写一个专栏,用于团队规范或者自查这个无需多言,用户体验包括产品功能、产品性能,原创 2022-06-18 14:05:13 · 754 阅读 · 0 评论