童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

网页设计(webdesign)和用户界面设计(UIdesig

4月16日 辞凤阙投稿
  这是两个现在网页设计领域使用频率非常高的词。在大多数情况下,它们被相互替代。这个领域内外的很多人都认为这是两个意义基本一样的词。但是它们真的可以互相混淆么?我并没有为一些名词而去纠结的习惯,比方说我不会在“美工”和“设计师”之间与别人争论。但是我想网页设计和用户界面设计这两个词包含了很多东西,这两个词的对比可以引申出一些设计领域的发展过程和思考。
  注:这篇网志所指的用户界面设计在无特殊说明下特指网页中的用户界面设计。
  回到用户界面设计的原点
  这里不做考古,只是回想一下最初在互联网领域提到用户界面这个词的时候,是由工业设计领域的人机交互界面中引申过来的。因而谈到界面,则必然会有交互这个概念的存在。从人机界面本身的理解上来看,它是人和机器(本文特指电脑)交互的媒介。如果把机器看作是CPU、硬盘等硬件的话,那么界面就是各种各样的软件(包括操作系统);如果人交互的对象是软件里的一些对象(有可能是数据啊媒体文件啊等等),那么界面(图形界面)就是我们很熟悉的软件界面了。在软件领域,界面设计的发展已经非常成熟了,在各种环境、各种系统下都有不同的GUIBuilder,而之所以称其为界面,则必须是人会通过界面这个媒介来操作“数据”。这和网页设计是不一样的。
  从用户的需求出发来看网页设计
  用户浏览网页的需求是什么?抽象出来可以归纳为1:浏览信息;2:操作数据。这里的数据是指在数据库中躺着的数据。用户在单纯浏览信息时,不会对页面背后的“数据”造成任何操作,但用户可以点击链接,跳转页面。这部分就是网页设计有别于用户界面设计的一个主要地方。前者会花相当多的精力在如何通过设计来准确地传达信息上,而后者虽然也涉及到信息的传达,但只占一小部分。这也是为什么做软件界面的设计师在做网页设计时会遇到比较大的挑战,也并不是很成功(尽管“像软件一样”的风格也正流行着)。
  那是不是可以认为网页设计中包含一部分用户界面设计的职能,也就是操作数据的部分?事实上可以这么看,网页设计中的交互模式和用户界面设计的交互模式有很多都是想通的。但也需要注意这两者在交互模式上的差异性。目前由于网络速度、浏览器标准等原因的限制,能够完美应用到网页中的交互模式远少于用户界面设计中的交互模式,但这种差距正在逐步缩小(比如drop,realtimeedit);而在用户界面设计中,这些交互也显得更加流畅。
  网页设计受平面设计及界面设计的影响
  很难说网页设计是从平面设计或者界面设计之中派生出来的。在最早的年代,网页设计应该是由浏览器开发公司来做的,也就是网景。至于现在发展成如此蓬勃的一个领域,有望超过传统的平面设计和界面设计,中间的过程中我的脑海中是一团混沌。但无疑,现代的网页设计是受了很多平面设计以及界面设计的影响。其中我认为平面设计的影响尤甚。
  前面有提到用户在网页上一个重要需求是浏览信息,而网页设计的一个职能便是有效地、准确地传达信息,并且同时保证美感。而这正是平面设计的一个重要职能。举个最普遍的例子,大家通常谈到的网页设计中的排版和布局(layout),实际上正是来源于广泛应用在平面设计中的格式塔心理学理论的完形法则:
  相近(Proximity)。距离相近的各部分趋于组成整体。
  相似(Similarity)。在某一方面相似的各部分趋于组成整体。
  封闭(Closure)。彼此相属、构成封闭实体的各部分趋于组成整体。
  简单(Simplicity)。具有对称、规则、平滑的简单图形特征的各部分趋于组成整体。
  而色彩理论、构图理论等等,很多也是直接基于平面设计发展多年积累下来的经验结果的。甚至现在很多设计师直接把平面设计中独特的风格引入到网页设计里:PrintDesignInfluence。
投诉 评论 转载

iPad将设计师从定式QWERTY键盘解放出来本文不是关于触摸屏技术的,不是关于Dvorak键盘有朝一日取代了QWERTY键盘(也许,但不是今天)。我感兴趣的是iPad给以设计人员能够重新思考的键盘布局,给执行某些特定任务……网页设计师也该关注页面性能一名网页设计师在做具体设计的时候应该考虑的问题有哪些?业务,产品,信息结构,交互,视觉别忘了还有页面性能。我所崇尚的其实一直都是小作坊似的创业团队协作开发模式,大伙儿能快速沟通……优化网站信息架构让用户更容易地找到需要的信息1关于信息架构,网站设计的同学才是专家,我在这里只是班门弄斧,根据大学里面阅读的信息架构类文献资料的一些残存的记忆,再加上这几天临时抱佛脚的简……流程图和线框图的关系流程图(taskflow)是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成,用语言描述出想要达到的目的,每一个步骤……产品经理怎么和程序员打交道经常有人问我:“嗨,费杰你好!请问阿里巴巴的需求文档怎么写?“,但很少听到人谈:“嗨,哥们你好!请问产品经理怎么和程序员打交道?”你回去稍微琢磨了一下,心里就会得到下面三种情况……Twitter的设计原则来自Twitter的用户体验专家MarkTrammell阐述了Twitter的设计原则,包括注册流程、对新用户、忠实用户的理解等,值得一看,推荐和看Facebook如何做设计比……网站的结构应该是可以理解的一个网站就是一个小小的世界,这个世界应该是可以理解的。我们都试图去理解自己所身处的世界,是吗?为什么要去理解?因为我们希望在这个世界中更好的生活。这是积极的,如果不……数据研究在交互设计中的应用交互设计师一大宝贵财富就是他的经验和直觉,在大多数需要对当前设计作出迅速判断的情况中,交互设计师所依赖的就是他的经验和直觉。在互联网的世界中,最有价值的可能就是数据了。goog……优化站内搜索让用户更容易找到所需信息关于如何让用户更容易地找到需要的信息,上一篇文章中介绍了使用优化网站信息架构的方式,这篇文章主要介绍的是通过优化站内搜索的方式来帮助用户找到需要的信息。站内搜索已经成为目……黑丝诱惑:膨胀色与收缩色膨胀色与收缩色你听说过膨胀色和收缩色吗?像红色、橙色和黄色这样的暖色,可以使物体看起来比实际大。而蓝色、蓝绿色等冷色系颜色,则可以使物体看起来比实际小。色彩对物体大……文字色彩与可读性分析一。饱和度与易读性:上周在做F同学的一个项目时,涉及到较多列表性的文字链接。目前除去频道和首页,全站文字链接使用一致的蓝色,色值为014ccc,饱和度较高,在用户浏……网页设计(webdesign)和用户界面设计(UIdesig这是两个现在网页设计领域使用频率非常高的词。在大多数情况下,它们被相互替代。这个领域内外的很多人都认为这是两个意义基本一样的词。但是它们真的可以互相混淆么?我并没有为一些名词而……
你可能不敢相信这五块透镜会给你的产品带来多大的帮助推荐,非诚勿扰!由浅入深学留白!手把手帮你学会在网页设计中运用负空间避免3种响应式设计灾祸IM官网全新蜕变:改版(第一期)设计总结看得见才有用!聊聊移动APP导航设计的改版实战什么是极简主义?做产品的王道:用一个简单的点改变世界标签在社交产品的使用4个优秀案例帮你掌握引导页设计方法豆瓣FM产品体验报告教育类的网站建设要怎么做?
牛排土豆煎锅,馋哭隔壁小孩,真绝7)祖国在我心中还记得《西游记》中的万妖女王吗?她现在长这样了热议聚热点网 世界10大最富有的足球俱乐部老板Python3。9。0稳定版发布夕阳西下的唯美句子适合夕阳发圈短句热议聚热点网 我的偶像作文600字贝多芬宝宝从出生到100天有哪些喂养方法姜潮麦迪娜喜得千金,女儿满月网友纷纷祝福,几万点赞上热搜言字旁加告言字旁加告是什么字紫苏酱,见过的人不多,吃过的人更少,开胃。。。

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界