用户名称: 用户密码:
网站建设快速入口 | 宏蓝主页 | 加入收藏

广州网站建设|网站制作公司|网页设计论坛--广州宏蓝科技公司官方论坛网站建设专栏网站建设专题网页设计现状以及实战技巧
    
 
网页设计现状以及实战技巧
发起人:macroblue  回复数:0  浏览数:5782  最后更新:2010/11/17 0:31:07 by macroblue
分享到: 微信 更多

选择查看  帖子排序:
macroblue 发表于 2010/11/17 0:31:07
网页设计现状以及实战技巧

(一)垃圾还是经典

  网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西,是远远赶不上综合借鉴者的。网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认同的大部分用户习惯,而且这种沿袭的痕迹时非常的明显!还有那个设计者敢腆着脸说,这都是我自己的原创设计?对于业界来说,经典只是个理念和象征!

(二)国内网页设计环境

  不可否认,国内网页设计环境目前还停留在初级的认知阶段,也就是说,绝大多数人不知道网络的真正的可用之处,你去做一个业务的时候,不得不去做大量的说服教育工作。以乙方的身份去说服甲方,以专业角度去教育非专业认识,结果是可想而知的。也正是这种全体社会普遍的低认知水平,导致了大量网络垃圾的产生。 <div class=spctrl></div>  举个简单的例子,看看“阿里巴巴”中文和英文两个版本的页面。中文版主色是橙色(与标志色统一),英文版是极不协调的蓝橙(具有很明显的生凑效果)。 <div class=spctrl></div>  为啥中文版是橙色,呵呵,不要以为哪是为了和标志统一,其实那时国内最常用的商业色。橙色代表什么?肉色,淫欲。商业是性质?贪婪、拜金。对于社会主义初级阶段群众的普遍思想来说,橙色就是最突出的体现,它不仅仅是网页首选商业色,它还体现了当今社会经济发展条件下的“浮躁”和“糜烂”,它还说明了“低认知水平”的国人,需要用这个刺激的颜色,去宣教引领他们被动接受。 <div class=spctrl></div>  为啥英文版是蓝橙?因为洋人已处于发达社会,他们首先需要的不是“宣教引领”,而是“功能”。一个弱化的界面更能强化显示功能,使人方便使用。较刺激热烈的颜色,会引起洋人的反感,所以用的浅蓝灰色。那么为什么又会出现极不协调的橙色捏?原因有二,一是要与标志颜色统一,二是中英文要有传承,所以出了这末个一半是火焰一半世海水的结果。

(三)什么是好的网页设计

  (1)内容和功能决定表现形式和界面设计 <div class=spctrl></div>  常常拿到的任务是一张小纸条,上面两句话,叫你去做一个网站设计。有的人看看纸条就去设计页面了凭,凭两句话,你就可以为客户做一个页面设计,以我7、8年的设计经验,我都不敢去做,你真是我的偶像啊!

网页设计需要了解

  1、建站目的 <div class=spctrl></div>  2、栏目规划及每个栏目的表现形式及功能要求 <div class=spctrl></div>  3、主色、客户性别喜好、联系方式、旧版网址、偏好网址 <div class=spctrl></div>  4、根据行业和客户要求,那些要着重表现 <div class=spctrl></div>  5、是否分期建设、考虑后期的兼容性 <div class=spctrl></div>  6、客户是否有强烈的建站欲望 <div class=spctrl></div>  7、你是否能在精神意识上控制住客户 <div class=spctrl></div>  8、面对你未接触的技术知识,你有底吗? <div class=spctrl></div>  9. 网站类型 <div class=spctrl></div>  等等... <div class=spctrl></div>  当你把这些内容都了解清除了时候,你的大脑中就已经给这个网站有个全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。 <div class=spctrl></div>  (2)界面弱化 <div class=spctrl></div>  一个好的界面设计它的界面时弱化的,它突出的是功能,着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。 <div class=spctrl></div>  要让访客在0.5内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣战展示性网站,诸如加特效的或Flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。 <div class=spctrl></div>  (3)模块化和可修改性强 <div class=spctrl></div>  模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了,不再冗述。 <div class=spctrl></div>  ,无论是架构还是模块或图片,都要考虑可修改性强。举个简单的例子,logo、按钮等,很多人喜欢制作图片,N个按钮就是N张图片。如果只做3-5类按钮的背景图片,然后用在网页代码里打上文字,那么修改起来就简单了,让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的,一般即能清晰又保证美观的字体字号有几类: <div class=spctrl></div>  宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+ | <div class=spctrl></div>  (4)创意是可耻的,分析能力远比创意来的重要 <div class=spctrl></div>  设计界动辄就大谈什么“创意”,我要说的是,还没有搞清目的意义内容,还没在技术制作上臻于完善的基础上时,用创艺和特效来迷惑客户和访客是可耻的。一个网页设计者的分析能力远比创艺来的重要。

客服热线:020-85562980 客服邮箱:service@macroblue.net
联系地址:广州中山大道89号国家软件产业基地天河软件园华景园区12-S05
版权所有 © 2003-2011    网站建设宏蓝科技Macroblue.NET