| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 设计 > 人物专访 > 平面人物 > 文章正文 用户登录
内心世界的声音—
陈泓:在内心完成

变出内心图象的魔法--亂度謎城           

变出内心图象的魔法--亂度謎城

作者:艺术设计 来源:视觉中国 更新:2006-10-26 错误报告 我要投稿

点击放大图片


半夜时分,我左手端着茶杯,右手点击着鼠标,电脑荧幕上的图象逐渐成型,一股愉悦从心里荡漾开,一个网站就这样诞生了。

一个网站从构思、草稿、成型、修改到最终的样子,可以说是一个蜕变的过程。我想很多网友做网站的动机跟我差不多,就是想把自己的想法展示出来。在这个过程中,虽然网站的外形、结构会有很大不同,不过灌注在网站中的意念应该是一致的。千万不要在做网站设计的时候一味追求潮流,今天是金属字,明天是象素图,最后把自己原来的想法丢的一干二净。

『亂度謎城』的构思由来已久,中文名字来自英文randomix,这个英文又可以拆解为ran-do-mix或者random-(m)ix。ran是我的名字,random是随机,mix是混合。换而言之就是一个随我心意展现个人风貌的网站。这就注定了她不是一个设计教学网站,也不是一个设计资源网站,而只能够是一个放置我的作品的网站,于是就按着这个方向做下去了。

一个网站的构成不外乎色彩、结构、导航、字体、以及画面细节等几个方面。

色彩方面,没有使用我最喜欢的纯蓝色,是考虑到这个颜色比较刺眼,不适合大范围放置,于是就挑了一种接近蓝绿色的看上去比较舒服的颜色为基调,配以浅灰色,再用明亮的橘黄色做Hot Link颜色。在这一个版本的网站里面,导航看上去是很简单明了的,一个汉字代表一个栏目。

页面结构反传统行之,变化部分只占屏幕底部小部分,而固定部分占大多数。当然,在1024×768或更高分辨率下面,下面部分会比上方要多,但是由于颜色的关系,仍然能把观众的第一眼注意力集中在上部。而页面中间的方形与对角的RAN字母更引导视线至中间的导航条。附带说说,为了适应不同分辨率,页面采用了液体式,就是用了100%表格+重复背景。

导航方面,采用简介明了的方式:文字列表。一个汉字就是一个栏目。但细心观察之下可以发现汉字旁边的英文并非中文的翻译,而是一些很特别的单词。这也是个人网站特有的风范,商业网站最好不要玩弄这种玄虚。下层页面有新开窗口(最终页面)和二级栏目,而二级栏目最后也是通过新开窗口实现,算是比较统一风格。很不好意思的就是--用了CHROMLESS WINDOW,其实在去年9月份的时候还不是那么流行用这种窗口的,用上了就自我感觉良好。

至于图象,网站上大部分图片是亲手制作,准确来说,是用Corel Draw和PhotoShop创作出来的图片。我喜欢用平面、精巧、有些裁切痕迹的效果来构成页面,我愿意把一些立体化的东西解析出来,以平面的形式出现(不过绝对算不上是立体主义或什么解构主义,呵呵)。我不太喜欢全盘的象素画,虽然这样子看起来很精致,但是缺乏韵律,缺少了曲线的柔美和层渐的婉转。有些朋友跟我提到,我的画廊里面的缩略图很奇怪。是的,我的缩略图并不是整张作品按比例缩小,而是截取一个有特色的范围作为缩略,这是从国外网站上学习回来的。

至于整个网站的制作,我的方法是这样子的:脑中构思概念->在纸上画出站点地图(现在开始尝试用Visio处理比较大型的网站)->CorelDRAW出页面架构图->PhotoShop细化、处理切割图象—>DreamWeaver写代码加图片,有必要就用一点FLASH。

看,一个网站就是这样子,一点点的从概念中,通过思考处理,软件的制作,慢慢地产生了。

这是一个魔法,一个能变出内心图象的魔法。

http://randomix.top263.net/web/visualran.html

『亂度謎城』的几个不同设计风格的页面欣赏:



点击放大图片





点击放大图片



点击放大图片



点击放大图片



点击放大图片



文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。