开发

依然熟悉,却全然不同

长期关注我的网站的朋友(如果有的话),应该见证了我的网站视觉风格的不断变化,从最初的大图+大标题形式的第一代,一直到逐渐稳定下来的全景大图字幕宣传语+三栏最近更新内容的首页版式。

这样的版式其实已经维持了快两年,也就是从第三版开始,整体的设计风格已经趋于稳定。我的第三版首页已经实现响应式设计,可以根据浏览器宽度提供不同的排版,PC端、tablet端和手机端上能看到用同样代码呈现出来的不同效果,这得益于CSS3的最新技术支撑。

第三版网站首页截图

在我的设计路上,一直是依靠自己的技术积累来提高整体设计风格和水平的,可以说是技术主导向的,第一版简陋的网站是通过初中时接触的HTML和CSS知识用table搭建起来的,甚至当时连CSS也把握不好,所以看起来非常的粗糙和简陋,更不用提代码的杂乱和冗余了。

不过经过疯狂地学习,我很快掌握了基本的手工编写HTML和CSS的技能,并且掌握了div排版,这使我的网站在前端部分基本已经达到了主流水平。另外,我还继续学习了一些javascript,给网站增加一些小特效和小功能,这就是我的第三版网站。

走在前端的不归路上的我,另一只脚又踏上了另一条不归路。2014年我终于忍受不了全静态的网站,买了一个Linux主机,开始研究使用Wordpress建立后台,在这同时,我也在制作基于现有的网站风格的Wordpress主题,在前端方面,我致力于将新版网站做到Fully Retina-ready和Fully Responsive-design,结合HTML5和CSS3以及Javascript等技术,使得我的网站在前端方面继续保持在目前的主流水平。

至于后台方面,因为我对PHP完全是路人,加上Wordpress的相关技术文档和博客文章非常多,大部分的操作对PHP的要求不是特别高,所以我也并没有打算过多的涉入这方面(其实是觉得太难了…)。但是通过主题的制作,我也对PHP有了基本的了解。还是很希望以后能够有机会全面的学习。

好了,现在我的网站已经是一个响应式设计、对Retina屏幕友好,通过Wordpress平台支撑的全功能网站了,不过在很多细节方面还会进行不断的修改,相信大家很快就能看到成果。另外,此后我会把我的个人博客作为自己一个非常重要的事务去经营,博客的功能也会越来越完善,希望大家持续关注!

如果你对此有任何意见建议,欢迎在下方留言给我!

(30 篇文章)

一个视觉设计师,一个喜欢科技、数码,也喜欢音乐、电影,热爱生活的好青年。

查看该作者全部文章