最近学习了微信小程序的UI界面设计，因为接触到了一些前端框架，像Vue.js，React，发现小程序的框架体系跟它们很像。它们都推崇模块化，组件化，数据与元素绑定。这样没有繁琐的DOM操作，组件之间完全分离，样式和逻辑全都封装在模板里，别人写好的组件可以拿来直接用，这会明显地提高我们前端开发的速度。
另外，微信小程序界面小，样式好调。这意味着，我们从纸面原型到能跑的APP的实现将会是很快的，所以我们可以多花一点时间去找，或者去构思，怎么的排版，什么样子的组件会更好看，怎样的特效用户体验会更好。当然，在此之前必须要熟悉微信框架以及熟练地使用css来调样式。在这次实践中我有一个体会，当你有一定的前端基础之后，学习新的框架就是两个过程：熟悉框架和上手项目。而更快速高效的方法就是适当缩短前一个过程，把时间用在练手上。这里练手并不完全指对照着别人的项目或者看着模板组件写，相反我尝试着过一遍他的代码之后自己去实现，碰到不会实现的地方再去看。我之前就有过，对照着视频里面的代码敲，连它给的id都不敢改，生怕什么地方不一样，代码跑不起来，但是关了视频自己敲又下不了手了。这让我想起来一个图，我感觉挺恰当的。看着代码敲就像是老师讲课，一条路到终点，而自己写中途就可能会遇到各种问题，但是正是这个过程能够让你认识到这个框架的各种细节问题，从而帮你更快速的熟悉框架。希望接下来我在学习过程中能更深入了解其中的原理，进入更高的设计层次。下面是我最近设计的界面
点赞 (2)
回复