网站页面前端设计,这是一个严肃的话题。
自我从大二学习 asp.net 开始,便和这个结下了不解之缘。
本以为这是件很容易的事情,但是经过我的反复验证,才探知个中的真实情形,其实这并不是一件轻松或者容易的事情~
我想这个结论应该能应用到各种涉及到艺术设计的领域,譬如说 3d 建模、审美、服装设计等等~
这一切的一切,最终目的无非是要让自己的作品得到别人的认可,让自己付出的努力不会白费
要别人认可当然得自己先来认可!
据说达芬奇画“蒙娜丽莎”花费了数年仍不能满意~
其实普通人也一样的,谁不想做出优秀的作品来得到别人的认同?
以前去我一个现在担任接近美工职务的同学那里玩,看他做过一个页面
那过程可真是纠结无比
就像以前学过的一篇课文里面的罗素一样
我感觉自己就像那位被接见的客人,一直等啊等的
直到等到了天黑,才被对方发现~
其实实际的情形并不是这样的,因为我一直坐在他的边上看他弄,然后产生了疑惑还会去问问他
或者是他遇到了什么问题,我在旁边学习他是如何来解决这个问题的~
不得不说我学到了很多东西,但是也不得不承认
凡涉及到美感、艺术设计之类,很难让融入其中的主体清晰的感觉到时间是以怎样的速度流逝的!
这个体验我已经有过多次了
最开始是在我以前准备做一个3d游戏时产生的
那时候做3d游戏首先要把模型准备好吧,于是我一头钻到3d max里面
学习如何制作3d模型,其间我观看过一些视频教程
感觉完全不是那么回事,3d建模根本就不是那么轻松的事情
就拿人脸来说,一个模型人脸的每个点都是由制作者弄出来的
至于要让这张脸显得真实或者大体上看起来像一张脸,那两者之间的工作量是有巨大的差异的
不过我也不太清楚,我看的视频估计也是强调锻炼初学者的基本能力
其实人脸啊、身体什么的都应该会有比较高级的创建工具,毕竟都是些大同小异的东西~
回到正题,当初我刚开始做的时候,3d max本来就不会用,先还要去学习3d max
包括自身又没有艺术涵养,当然是别指望能做出什么拿得出手的物件来了
反正我只知道,做出一个真正像人的模型来花费的时间肯定是不菲的,如果自己重复造轮子的话~
最后,晒晒我最后做出来的东西
(给蒙上皮了,在ps里面随便画上的几笔,也绑好了biped骨架,动作是从动作库里面取的~
动作库网上倒是比较多,下载下来直接用就行了,真让我自己来设计个什么动作,倒还是难题~)
现在来下结论:凡涉及的艺术设计、有关美感的领域,做出漂亮的东西来要花费不菲的时间的!
(其间可能因为不满意做出n多次的细微调整甚至全盘抹除~)
下面来看看我做的几个练手网站的页面,第一个是一个静态网站,还记得自己用花生壳的免费域名发布过!
明眼人一下就能看出来,这只是一个我套用别人模板做出来的页面,以前觉得还看得过去甚至觉得有点儿漂亮
现在才觉得真是太简陋了~
<br/>
之后是 ASP.NET 动态网站的页面,很丑,但是却是自己做出来的,或者说改出来的,稍微有了一点儿自己动手的成分~
<br/>
再后来就是我做的Java电子书店,这个还是用的别人的模板,个人感觉还是蛮漂亮的,只不过内容太少让页面感觉空空荡荡的~
这个项目的页面在现在看来,我都感觉比较漂亮,这应该算得上是我接触网站制作以来做的最成功、感觉最满意的一个页面
不过问题依然存在,就是这个静态模板如果是在IE中浏览,会发生变形,当时不懂,也就没在意~
还准备在课堂上向老师和同学们演示这个项目的(由于怕在IE中变形,U盘中常规配置了FF安装文件)
最后老师竟然将这件事情不了了之了,真是白费哥哥我的心血啊!痛一个~
最后是我前段时间花了数日做出来的一个前台页面,网页布局用的 div + css,感觉表格布局现在已经过时了~
这是一个很普通的静态页面,菜单的下拉条都是自己用 JavaScript 写出来的
而且菜单和子菜单的下拉条中的 item 都是通过js数组动态配置的
光这个菜单的效果就费了我蛮多的时间,主要是因为我是用的 JQuery
它里面的函数对于我这种没有美工经验的人来说,该用什么我还是难以抉择的
难免会以错误的方式来使用某些函数,从而导致一些未可知的潜在错误
最最麻烦的就是div的定位,左右两边的大绿叶儿的效果我早就想整了
在以前做 Java 网上书店 的时候就准备由自己来完成所有的页面,一点都不用别人的模板
但是以前毕竟经验尚浅,加上心志不坚,做了几天就把自己弄得痛苦不堪
对于前端设计这一行,如果真不下点功夫的话,还真是没办法弄,感觉就是自己很无力,根本做不下去,做到哪儿在哪儿碰壁~
这次总算是达成了自己的目标,总结以前失败的原因主要还是因为以前对 css 标准不熟悉
还有就是 JQuery-UI.js 库带的一些效果,诸如文本框自动补全、卷展层效果
不得不提的是 JQuery-corner.js 的圆角效果,实在是很漂亮,不过遗憾的是使用平铺背景的时候有些瑕疵~
再个就是透明、阴影的效果,感觉这两个效果一用,整个页面看起来清爽了很多
而且我还特地找来了红砖墙的平铺背景,看起来感觉相当地不错~
其间火狐浏览器的 firebug 为我调试 js 代码提供了诸多的便利,感觉用起来真的是很爽
还有就是 DreamWeaver,最喜欢的就是里面的编辑器,代码补全倒是常见~
但是编辑器的默认小字体和关键字高亮等功能,真的是很漂亮,这让一切看起来感觉是那么的整洁、清新!
......
说是说不完的,来手底见真章吧,有道是一图顶万言,上图来
怎么样,果然还算不错吧,看看这透明效果和右侧的阴影效果,察觉到了么?
这两片大绿叶儿可是我精挑细选,相中已久的啊,一直没机会给用上,这次总算是逮着机会了~
这个页面我是准备用来做个人博客的,现在还很简陋,不过我相信在被博文、评论和广告填充值后,应该会有所改善!
之后我会陆续将 “个人博客” 的 数据库E-R图 、PowerDesigner 数据库设计图 给贴上来。
敬请期待~
^ ^
注:
花费了个把小时的时间才撰写完这篇日志,纪念我逝去的年少时光,也记载我在前端设计领域成长的脚步!