网页设计的实战技巧 -pc6资讯

您的位置：首页 → 网页设计 → 经验技巧 → 网页设计的实战技巧

网页设计的实战技巧 时间：2009/12/26 17:08:00来源：本站整理作者：我要评论(0)

　（一）垃圾还是经典
　　网页技术更新很快，一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品，都没有所谓的经典。经典只存在于是哪个首次成功创新性的应用。一个闭门造车者做出的东西，是远远赶不上综合借鉴者的。网页设计不同于其他艺术，在模仿加创新的网页设计领域当中，即便是完全自己设计的，也是沿用了人们已经认同的大部分用户习惯，而且这种沿袭的痕迹时非常的明显！还有那个设计者敢腆着脸说，这都是我自己的原创设计？对于业界来说，经典只是个理念和象征！
　　（二）国内网页设计环境
　　不可否认，国内网页设计环境目前还停留在初级的认知阶段，也就是说，绝大多数人不知道网络的真正的可用之处，你去做一个业务的时候，不得不去做大量的说服教育工作。以乙方的身份去说服甲方，以专业角度去教育非专业认识，结果是可想而知的。也正是这种全体社会普遍的低认知水平，导致了大量网络垃圾的产生。
　　举个简单的例子，看看“阿里巴巴”中文和英文两个版本的页面。中文版主色是橙色（与标志色统一），英文版是极不协调的蓝橙（具有很明显的生凑效果）。
　　为啥中文版是橙色，呵呵，不要以为哪是为了和标志统一，其实那时国内最常用的商业色。橙色代表什么？肉色，淫欲。商业是性质？贪婪、拜金。对于社会主义初级阶段群众的普遍思想来说，橙色就是最突出的体现，它不仅仅是网页首选商业色，它还体现了当今社会经济发展条件下的“浮躁”和“糜烂”，它还说明了“低认知水平”的国人，需要用这个刺激的颜色，去宣教引领他们被动接受。
　　为啥英文版是蓝橙？因为洋人已处于发达社会，他们首先需要的不是“宣教引领”，而是“功能”。一个弱化的界面更能强化显示功能，使人方便使用。较刺激热烈的颜色，会引起洋人的反感，所以用的浅蓝灰色。那么为什么又会出现极不协调的橙色捏？原因有二，一是要与标志颜色统一，二是中英文要有传承，所以出了这末个一半是火焰一半世海水的结果。
　　（三）什么是好的网页设计
　　（1）内容和功能决定表现形式和界面设计
　　常常拿到的任务是一张小纸条，上面两句话，叫你去做一个网站设计。有的人看看纸条就去设计页面了凭，凭两句话，你就可以为客户做一个页面设计，以我7、8年的设计经验，我都不敢去做，你真是我的偶像阿！
　　做网页设计，你需要了解客户的东西很多：
　　1、建站目的
　　2、栏目规划及每个栏目的表现形式及功能要求
　　3、主色、客户性别喜好、联系方式、旧版网址、偏好网址
　　4、根据行业和客户要求，那些要着重表现
　　5、是否分期建设、考虑后期的兼容性
　　6、客户是否有强烈的建站欲望
　　7、你是否能在精神意识上控制住客户
　　8、面对你未接触的技术知识，你有底吗？
　　9. 网站类型
　　等等...
　　当你把这些内容都了解清除了时候，你的大脑中就已经给这个网站有个全面而形象的定位了，这时才是有的放矢去做界面设计的时候了。
　　（2）界面弱化
　　一个好的界面设计它的界面时弱化的，它突出的是功能，着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。
　　要让访客在0.5内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣战展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。
　　（3）模块化和可修改性强
　　模块化不仅可以提高重用性，也能统一网站风格，还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了，不再冗述。
　　，无论是架构还是模块或图片，都要考虑可修改性强。举个简单的例子，logo、按钮等，很多人喜欢制作图片，N个按钮就是N张图片。如果只做3-5类按钮的背景图片，然后用在网页代码里打上文字，那么修改起来就简单了，让程序员自己改字就可以了。然而网页显示的字体是带有锯齿的，一般即能清晰又保证美观的字体字号有几类：
　　宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+ |
　　（4）创艺是可耻的，分析能力远比创艺来的重要
　　设计界动辄就大谈什么“创意”，我要说的是，还没有搞清目的意义内容，还没在技术制作上臻于完善的基础上班，用创艺和特效来迷惑客户和访客是可耻的。一个网也设计者的分析能力远比创艺来的重要。
　　（5）兼顾还是抛弃
　　CSS、XHTML、web2.0、Ajax等等山雨欲来，学习先进技术固然是有好处的，但对于目前国内普遍的低认知水平，决定了客户的需求和价格也是相当低的。之前，说到经济决定网也设计，所以有的时候，是不允许你做出更多的兼顾的，抛弃和放弃也是无奈之举。
　　（四）结尾，送上思洋广州的一些经验
　　（一）网页配色基本概念
　　（1）白纸黑字是永远的主题，谁都说不出不好来。
　　（2）网页最常用流行色
　　·兰色——蓝天白云，沉静整洁的颜色。
　　·绿色——绿白相间，雅致而有生气。
　　·橙色——活泼热烈，标准商业色调。
　　·暗红——宁重、严肃、高贵，需要配黑和灰来压制刺激的红色，
　　（3）颜色的忌讳
　　·忌脏——背景与文字内容对比不强烈，灰暗的背景令人沮丧！
　　·忌纯——艳丽的纯色对人的刺激太强烈抗议，缺乏内涵。
　　·忌跳——再好看的颜色，也不能脱离整体。脱离群众是自取其辱！
　　·忌花——要有一种主色贯穿其中，主色并不时面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作用。
　　·忌粉——颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。
　　·蓝色忌纯，绿色忌黄，红色忌艳。
　　（4）几种固定搭配
　　·蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮或ICON做点缀。
　　·绿白兰——绿为主调。白底，绿标题栏，兰色或橙色按钮或ICON做点缀。
　　·橙白红——橙为主调。白底，橙标题栏，暗红或桔红色按钮或ICON做点缀。
　　·暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。
　　（二）网页设计理念
　　（1）内容决定形式
　　先把内容充实上，再分区块，再定色调，再处理细节。
　　（2）先整体，后局部，最后回归到整体。
　　全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。
　　（3）功能决定设计方向
　　·看网站的用途，决定设计思路.商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。

相关视频

没有数据

文章评论

查看所有0条评论>>