我主要从事地理信息系统(GIS)的开发工作。个人审美水平一般,最近一年却经常来做网页前端,我也百思不得其解。但是毕竟有钱拿,还是接下了这些活,在做的过程中,也学习到了很多知识,了解到很多前端框架。因此准备来写这个系列的文章,来记录下这些前端框架的用法,同时也算是技术分享。
零审美
作为一名从黑框框学起的程序员,个人确实不擅长做好看的前端。再加上从小到大美术是我最不擅长的,所以做的前端总是被女朋友吐槽丑,她也总是说我“零审美”。
可是没办法,就算是零审美也要继续做项目,这该怎么办呢?
我想的解决办法就是,尽量自己去设计颜色,只把一些尺寸、边距、大小等参数进行调整。颜色嘛,就使用一个前端框架,默认配色就好了。
也就是说,我们主要解决“响应式布局”的问题:在界面尺寸、布局等内容上下功夫,而对于颜色,则找好的前端框架套用,采用默认配色。
这样做了之后,女朋友也承认:虽然丑,但是也好多了。
其实,GitHub那个网站,不也是自己没有该样式么,那个也不丑啊。
Web前端
个人认为,Web前端和其他类型应用的前端有一个很大的区别:Web前端不限制也不应页面的长度。这也是HTML自身不支持“充满剩下的高度”这种设计方式的原因。但是如果像要设计成这样的样式,当然也是可以的,就像CSDN的Markdown编辑器一样。
究其原因,我觉得和Web页面有其“文档”的属性,也就是Web页面可以用来展示文档。而后来开发出来的各种前端框架,都只不过让这个“文档”更好看、更具有交互性,但总逃不过其“文档”的属性。
这就是Web前端的“设计语言”(不是真正意义上的设计语言):把你的页面当成文档,不要去限制它的高度。硬要设置也是可以的,只是要花点心思研究绝对布局。
系列目的
我所设想的该系列的目的,主要是记录一些前端框架的介绍和使用,记录一些我做项目的心路历程。当然这些框架在实际使用时还是需要查官方文档。
想法很好,但是我时间有限,可能需要较长时间才能更新一次博文。当然我尽量来写啦~