熟悉了这些小妙招,我的界面自然又不失优雅!

102 阅读1分钟

前端要学习的东西真的太多了,界面正确还原只是其中最小的点,如何让用户用起来自然而舒适这真的太难了!在日常使用中我运用了这些小妙招,界面还原上更上了一层楼,因为个人水平有限,没法提炼总结,但是又按捺不了分享的心,所以分享给大家!

01 缓动函数的巧妙运用

地址:easings.net/

推荐:★★★★★

介绍:现实生活中的物体不仅会立即开始和停止,而且几乎不会以恒定的速度移动,所以我们的界面动画也应该保持物理学的正确规则变化。所以过渡动画函数很重要!这个网站提供不同函数过渡动画变化的示例,点击进去可以找到!

02 界面设计模式

地址:ant.design/docs/spec/p…

推荐:★★★★★

介绍:让用户对页面结构和信息层次一目了然。antd这些设计原则打开了我的大门,也分享给大家!虽然这看似是设计的事,但是我们看了真的可以提高自己的还原界面的能力!

03 抓住图表的细节

地址:www.zcool.com.cn/article/ZMT…

推荐:★★★★★

介绍:有时候做一个可视化大屏有没有觉得图表如何摆放都不合理,信息展示怎样都没法展示完整!这篇13000的文章真的是宝典!真的可以仔细研读!

想要获取更多内容,欢迎关注 柳杉前端 公众号