用户名称:
用户密码:
网站建设快速入口
|
宏蓝主页
|
加入收藏
登录
|
注册
|
在线情况
|
搜索
|
帮助
|
站长工具
|
登陆内部系统
|
宏蓝主页
广州网站建设|网站制作公司|网页设计论坛--广州宏蓝科技公司官方论坛
→
网站建设专栏
→
网站建设专题
→
网页设计现状以及实战技巧
网页设计现状以及实战技巧
发起人:
macroblue
回复数:
0
浏览数:
5784
最后更新:2010/11/17 0:31:07 by
macroblue
分享到:
微信
更多
简洁模式
完整模式
选择查看
帖子排序:
从旧到新
从新到旧
查看 macroblue 的资料
给 macroblue 发送邮件
搜索 macroblue 的帖子
将 macroblue 加为好友
将该帖子加入收藏夹
将该论坛加入收藏夹
2010/11/17 0:31:07
#1
macroblue
师长
角 色:版主
发 帖 数:8923
经 验 值:17676
注册时间:2009/7/23
联系
收藏
编辑
删除
网页设计现状以及实战技巧
(一)垃圾还是经典
网页技术更新很快,一个网站的界面设计寿命仅仅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
)