许斌斌的博客

浅谈网页设计师的自我修炼

作者:cnvisc 发布时间:November 27, 2009 分类:设计

前言:一直以来,想对自己从事网页设计师的职业生涯做个总结,将自己从这段经历中获得的一些经验拿出来分享,也好让那些想要从事网页设计师或是正在从事网页设计师工作的朋友做个借鉴。不过,因为本人文笔有限,这总结的事情一拖在拖。上次偶然看到Mars Lau的这篇《美工自我培养的几点经验总结》,发现其中跟我的想法有很多共同之处。这次就结合Mars Lau的这篇文章来做个总结,还望Mars Lau不要见怪。

个人认为,网页设计师的自我修炼,主要包括以下几个方面:

一、技能
这块内容主要指的是设计工具的使用。我把这块视作从事网页设计工作的一个基础。要做到运用熟练,工具里的一些功能基本上都会使用,能够使用快捷键,提高工作效率。
网页设计中应用到的一些工具主要包括:
Photoshop:这个主要用来设计网页的界面
Illustrator/CorelDraw:矢量图工具,主要用来设计网站的LOGO或者一些ICON
Flash:设计动画
这块的相关学习内容,google or 百度一下网上能够找到很多。我那时候是觉得搜索出来的东西太多,眼花缭乱,不知道从什么地方下手,于是自己买了本书,再加上同事的指导才得以入门。
更多关于技能的资料可以看看我收集整理的网页设计技能手册

二、配色
配色在网页设计的过程中非常重要,因为这块带给访问我们网站的用户第一直观印象,很有可能因为配色的问题,而导致用户打开网站后直接关闭网站。
配色这块的学习,可以先看一些关于色彩方面的基础知识,了解一下什么是冷暖色/对比色/补色、不同色彩所对应的不同含义等等。
网页设计师在运用色彩的时候更多的是一种感觉。感觉这种东西很难用文字说明,只有通过多看,看那些感觉不错的网站是如何配色;多想,想想他们为什么要这样配色。看的多了想的多了,慢慢的也就会形成了自己对配色的一种感觉,这样在从从事网页设计的时候也就能够做到得心应手了。
更多关于配色的资料可以看看我收集整理的网页配色手册

三、布局布局这块Mars Lau在他的《美工自我培养的几点经验总结》里面写的很好:
1、首先要明确内容。要知道你设计的网页上有哪些内容,这些内容可以分为具体的哪几个模块。
2、其次就是布局的样式。内容模块可以用哪些样式来进行展示?文字?图片?文字列表?图文混排?如果不知道哪种方式更好,可以看一看那些大型门户(如:新浪、搜狐、QQ、163)页面上的做法。在设计布局的样式的时候,要遵循一个网页内容权重位置的原则,一般情况下都是:网页上的内容,左边的比右边的重要,上边的比下边的重要,加粗的比不加粗的重要......像一些刚刚入门的朋友可能在布局样式这块无从下手,不知道内容怎样一个排法才会更好。大家可以先看下下面几张图:
k01

其实,布局的样式有很多很多,关键看你能不能抓住是适合自己使用的布局样式(这块涉及到目标用户、用户体验相关的东西就不细说了)。在这里还是建议大家要多看,多看一些主流性质网站上的布局样式,看到什么时候为止了?看到:当你看到交给你的网页上要展示的内容的时候,你的脑袋里就自动的浮现出几种样式让你选择。当然了,你也可以试着给自己做个布局的样式库。
3、第三点就是:美化布局。在上一点完成的基础上,来对这些样式进行美化。比如:字体的颜色、链接颜色、模块跟模块之间的间距、背景图片的使用、icon的使用等等诸如此类。这是个精细活,需要花较多的时间来完成。
在这里分享一些个人的经验给大家:在进行网页布局的时候,我一般都是先在一张纸上画出网页的一个草图,根据网页内容权重位置的原则,将各个内容模块的位置先在纸上固定好,先拿给领导审核。审核通过后再进行下面的设计。这个做法可以提高工作效率(是拿铅笔画图快还是用软件在电脑上画图快了?)。
更多关于布局的资料可以看看我收集整理的网页布局手册

PS:以上这些内容纯属个人对自己网页设计生涯的一个总结和分享,因为所处的环境和时间不同,可能跟你现在接受了解到的东西有所不同,仅作参考,无须苟同。

说说输入法

作者:cnvisc 发布时间:November 16, 2009 分类:杂记

今早看到QQ新闻有一条《腾讯起诉搜狗拼音输入法不正当竞争》,进去稍微看了下,想说两句。

我先说一下,作为一个互联网用户,想要怎样的一款输入法:
首先,词库要全,网络上不断出现的新名词都会不断的出现在词库中。
其次,是个性化。能够保存用户的个人输入习惯,以便在另外的可输入设备上使用。

我想最主要的应该就这两点,而且只要有互联网,这两点实现起来应该都不太难。
所以,当搜狗输入法上线的时候,我在第一时间内开始测试使用,并惊喜的发现,自己想要的一些的东西在其中都有所体现。就这样用了很久时间,发现事情有些不对劲了。其实这也属于C/S软件开发商的一个通常做法,做到一定程度,有一定的用户量了,就开始想办法捞钱了,比如:QQ、迅雷、暴风影音、360安全卫士、卡巴斯基....通过自己开发的C/S软件自动弹出一些东西,搜狗输入法也开始弹出一些东西了,不过它首先弹出的是自动升级词库的提示,不过我估计是为了以后弹出广告等东西做个铺垫,让用户先熟悉熟悉,习以为常。现在回想下,觉得搜狗的这个做法很失败,你升级词库是好事,但是这个频率要控制好,不能太频繁了,太频繁了会让人厌烦,而且觉得很没安全感,怎么老自动在从我电脑连外边啊?反正某一天,我是非常厌烦了,直接卸载了搜狗输入法,换成了也拥有上述两点特性的谷歌输入法,其实像这种升级词库最好的办法就是要么隐藏的很深,让用户感觉不到在升级词库;要么就让用户自己设置 是否升级词库?定时升级?做成跟杀软升级病毒库一样,都好。据我所知,我身边的很多朋友都因为这个原因改用了其他的输入法。

刚才提到了谷歌输入法,其实像今天我看到的这则新闻,同类产品之间通过法律起诉来获得更大的关注度,在更早时间,那时候QQ输入法还没上市,市面上也就搜狗和谷歌两款输入法的时候,搜狗把这招用在谷歌的身上。没想到这么快,就会竞争对手应用到了自己的身上,真是莫大的讽刺。人在江湖飘,哪能不挨刀,在中国做互联网产品特别要注意这点。

最后稍微说下当初换输入法的时候为什么选择的是谷歌而不是QQ,是因为我觉得QQ的产品实在太多,我担心QQ的输入法很快就变成它的一个广告阵地了。所以今天看新闻看到QQ承诺输入法永远无广告,看来QQ也意识到了用户的这种担心。不过这种承诺就是个P,就跟史玉柱推出征途时一样,只不过换了个从用户身上捞钱的方式。做互联网产品的,最终目的可都是为了盈利。我们不妨想一想如果不放广告,QQ怎么通过输入法从普通用户身上捞钱了?

网页设计的十条注意点

作者:cnvisc 发布时间:November 11, 2009 分类:设计

前言:这10点内容是针对以前我们团队的一位设计师量身制作的,所以大家在看的时侯可能会觉得有些注意点莫名其妙,而且因为所处的环境,我在这些注意点里面加入了一些跟搜索引擎优化相关的要求。

1、 先在纸上构思好要设计的网页的框架布局。

2、 确定你所设计的网页的宽度。
(在打开photoshop开始设计的时候先画左右两条辅助线,将网页宽度明显的表示出来)

3、 确定网页上用的几种色彩(核心色,链接色,突出色….)

4、 真正设计时,网页上内容部分不要留任何空白,要使你的网页设计出来的效果跟放到网站上展示的效果一样。

5、 使用icon的时候要清楚的明白这个icon的具象意义,也就是通常所代表的意义,不用信手乱用。

6、 有链接的地方要明确的告诉用户这个地方有链接,可以点击(可以通过文字,也可以通过样式的变化告之)。

7、 文字内容使用系统默认字,除非特别需要不要加上无法用代码直接实现的效果。

8、 符号不要乱用,描述性文字后面不要加问号。

9、 不要只关注网页上的视觉效果,也要关注内容(是什么内容?内容的展示方式,哪些内容是重要的,考虑如何突出它)。

10、合理安排好设计网页时间(构思布局多长时间,寻找素材多长时间,真正设计多长时间),不要因为自己的时间控制问题影响到整个开发过程。