每个网页设计者都自以为是

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

(二)国内网页设计环境
不可否认,国内网页设计环境目前还停留在初级的认知阶段,也就是说,绝大多数人不知道网络的真正的可用之处,你去做一个业务的时候,不得不去做大量的说服 教育工作。以乙方的身份去说服甲方,以专业角度去教育非专业认识,结果是可想而知的。也正是这种全体社会普遍的低认知水平,导致了大量网络垃圾的产生。

举个简单的例子,看看“阿里巴巴”中文和英文两个版本的页面。中文版主色是橙色(与标志色统一),英文版是极不协调的蓝橙(具有很明显的生凑效果)。

为啥中文版是橙色,呵呵,不要以为哪是为了和标志统一,其实那时国内最常用的商业色。橙色代表什么?肉色,淫欲。商业是性质?贪婪、拜金。对于社会主义初 级阶段群众的普遍思想来说,橙色就是最突出的体现,它不仅仅是网页首选商业色,它还体现了当今社会经济发展条件下的“浮躁”和“糜烂”,它还说明了“低认 知水平”的国人,需要用这个刺激的颜色,去宣教引领他们被动接受。

为啥英文版是蓝橙?因为洋人已处于发达社会,他们首先需要的不是“宣教引领”,而是“功能”。一个弱化的界面更能强化显示功能,使人方便使用。较刺激热烈 的颜色,会引起洋人的反感,所以用的浅蓝灰色。那么为什么又会出现极不协调的橙色捏?原因有二,一是要与标志颜色统一,二是中英文要有传承,所以出了这末 个一半是火焰一半世海水的结果。

明白了吗?社会主义初级阶段界定了各行业都在一个初级阶段,这个初级阶段归根结底是由“经济发达水平”决定的。同样,决定网页设计的也是“经济发达水 平”,而不是个人的设计水平和思想理念。

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

做网页设计,你需要了解客户的东西很多:
1、建站目的
2、栏目规划及每个栏目的表现形式及功能要求
3、主色、客户性别喜好、联系方式、旧版网址、偏好网址
4、根据行业和客户要求,那些要着重表现
5、是否分期建设、考虑后期的兼容性
6、客户是否有强烈的建站欲望
7、你是否能在精神意识上控制住客户
8、面对你未接触的技术知识,你有底吗?
等等...

当你把这些内容都了解清除了时候,你的大脑中就已经给这个网站有个全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。

(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)功能决定设计方向
·看网站的用途,决定设计思路.商业性的就要突出赢利目的;政府型的就要突出形象和权威性的文章;教育性的,就要突出师资和课程。

(三)如何快速高效的完成设计工作

(1)天下文章一大抄。
就看你会抄不会抄。抄的是道念,思想,局部精致的点缀。
在网上搜索同类网站,找几个顺眼的,用一个为基本兰图,把几个优点整和成自己的,这样最高效快捷,而且还出成果,能学到很多东西。

(2)上设计论坛,找参考资料。

转载于:https://www.cnblogs.com/jikey/archive/2010/06/24/1764382.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/276012.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

文件夹的拷贝

文件夹用来把文件包裹起来,褪去这些外衣,说到底拷贝文件夹也就是拷贝文件 模拟实例:将F:/Picture/test 文件夹 拷贝到 F:/Picture/dir文件夹 该实例中test文件夹下只包含了test.txt文件 步骤分析: 1.通过路径得到File对象 2.递归查…

【抽奖】若川诚邀你加前端群,长期交流学习~

最近有许多读者朋友关注了我,加我好友没有来得及拉群交流。另外偷偷告诉你:公众号回复 411,参与抽奖,送极客时间100元以内的课程,今晚八点开奖,必须开奖前加了我的微信&&像是前端&&关注了我…

帝国cms重置管理员_重新设计《纽约时报》 CMS飞行员

帝国cms重置管理员1.什么是飞行员? (1. What Is Pilot?) For 10 weeks, I joined The New York Times’s Story Formats team as a Product Design Intern. Partnered with technology intern Shormie Faruque, we were tasked with redesigning Pilot.大约十个星期…

微信小程序开发 Request Headers: Provisional headers are shown

在微信小程序开发的时候,写了两个API请求: 请求A://请求Awx.request({url: https://wx.baidu.com/api/wx/getBallByDate,method: POST,dataType: json,data: {date: that.data.curDate},header: {content-type: application/json},success: function(dt…

昆山万象汇机器人_昆山十镇,在售新盘汇总

陆家建伟国际汽车城,均价 7500 元/㎡美吉特家居广场,均价 17000 元/㎡美吉特灯都,均价 17000 元/㎡花桥绿地象屿苏河公园,均价 22950 元/㎡凯德都会新峰,均价 21500 元/㎡越洋国际,均价 18000 元/㎡浦西玫瑰…

Mini 容器学习笔记6——组件的获取(应用)

1. 通过组件Id获取组件实例&#xff1a; [Test]public void GetByIdTest(){ServiceRegistry.Register<Person>("person");var person ServiceLocator.Get<IPerson>("person");Assert.IsTrue(person ! null);var person2 ServiceLocator.Get&…

JavaScript ES2021 最值得期待的 5 个新特性解析

大家好&#xff0c;我是若川。欢迎加我微信 ruochuan12&#xff0c;长期交流学习。今天分享一篇关于ES2021的5个新特性。点击下方卡片关注我&#xff0c;或者查看源码等系列文章。学习源码整体架构系列、年度总结、JS基础系列在写本文时&#xff0c;本文提到的新的 JavaScript …

uniapp延迟执行_uniapp微信小程序真机调试点击按钮有1秒延迟

详细问题描述(DCloud产品不会有明显的bug&#xff0c;所以你遇到的问题大都是在特定环境下才能重现的问题&#xff0c;请仔细描述你的环境和重现方式&#xff0c;否则DCloud很难排查解决你的问题)[内容]开发uniapp小程序项目时,在页面中点击按钮后, 数据即时更新, 视图层延迟1秒…

latex排版基础_排版基础分类

latex排版基础重点 (Top highlight)There are many parts to creating a beautiful, functional, memorizing design. That’s what all User Experience designers set out to do. You need to consider your users, strategy, features, content, color, and so much more. A…

AS3 CookBook学习整理(一)

1. 我要改变swf的尺寸和颜色 在flex builder 3里&#xff0c;默认会生成一个全屏、背景色为#869CA7、帧数为24/秒的swf文件&#xff0c;要修改这些参数&#xff0c;只需要在类文件中定义 [SWF(width"800", height"600", backgroundColor"#ffffff"…

微信小程序研发问题梳理:翻页:下拉:缓存:canvas:富文本:分享

微信小程序研发问题梳理 最近鼓捣小程序的时候&#xff0c;着实遇到了一些问题&#xff0c;尽管有些再翻看文档几遍&#xff0c;就能找到答案&#xff0c;但还是要发挥下烂笔头的功效&#xff0c;顺便梳理下。 问题列表 登录流程小程序标签页地址无法跳转问题页面翻页内容加…

Nginx重启方式

2019独角兽企业重金招聘Python工程师标准>>> 重启方式有三种&#xff1a; 1.简单型&#xff0c;先关闭进程&#xff0c;修改你的配置后&#xff0c;重启进程。 2.重新加载配置文件&#xff0c;不重启进程&#xff0c;不会停止处理请求 3.平滑更新nginx二进制&#x…

axure如何页面滑动时广告位上移_新手APP运营如何做广告位投放

运营是什么&#xff1f;这种问题在各种论坛、贴吧、百度知道、问答百科类中都会出现。上面也有各种大神各式各样的回答&#xff0c;从不同角度向我们阐述了什么是运营。用 户运营、内容运营、社区运营、活动运营、市场运营、等等&#xff0c;各种各样的文章对它们有非常多的分类…

常见的8个前端防御性编程方案

大家好&#xff0c;我是若川。欢迎加我微信 ruochuan12&#xff0c;长期交流学习。今天分享几个常见的前端防御性编程方案。点击下方卡片关注我&#xff0c;或者查看源码等系列文章。学习源码整体架构系列、年度总结、JS基础系列关于前端防御性编程我们大多数情况可能遇到过&am…

比特平面分层_平面设计中的分层

比特平面分层One of the first windows to pop up automatically, when I first started using Adobe Photoshop back in 2013, was the Layers one. Albeit I was dabbling around with it for making memes, it was one of the first things I played around with.2013年&…

微软中国推校园先锋计划,保障学生低价获取正版软件

2010年7月13日&#xff0c;人人网 Lucky 7 率先向同学们宣布了"微软校园先锋计划"上线的消息&#xff0c;该计划现在接受学生预购正版 Windows 7 专业版和 Office 2010 专业版&#xff0c;正式销售的日期为7月19日。该计划的官网是&#xff1a;http://ms.shop.edu.cn…

Nginx laraval-admin 页面小图标不显示 问题处理

laraval-admin 页面小图标不显示 类似问题 nginx下加载eot|otf|ttf|woff|svg等404 错误问题 浏览器console控制台报错 GET http://admin.xxx.com/vendor/laravel-admin/google-fonts/fonts/Source-Sans-Pro.woff2 net::ERR_ABORTED 404 (Not Found)CSS 样式引用字体 font-face …

Ajax完整资料加代码

什么是Ajax&#xff1f;答&#xff1a;Ajax是一种无需加载整个网页&#xff0c;就能够更新部分网页&#xff0c;与后台交互的技术。Ajax的优点&#xff1f;答&#xff1a;能够在不更新整个页面的前提下&#xff0c;维护数据。这使得Web程序可以更快速的回应用户的动作&#xff…

did双重差分法_Stata中双重差分操流程及代码

01简介现代计量经济学和统计学的发展为我们的研究提供了可行的工具。倍差法来源于计量经济学的综列数据模型&#xff0c;是政策分析和工程评估中广为使用的一种计量经济方法。主要是应用于在混合截面数据集中&#xff0c;评价某一事件或政策的影响程度。该方法的基本思路是将调…

Axios 如何缓存请求数据?

大家好&#xff0c;我是若川。欢迎加我微信 ruochuan12&#xff0c;长期交流学习。今天推荐这篇Axios缓存请求数据的文章&#xff0c;相信是常见的业务场景&#xff0c;感兴趣的读者可以看看 umi-request&#xff0c;支持缓存功能。另外我之前也写过 axios源码文章&#xff0c;…