Contact | 简体版 | 繁體版

视觉艺术-巴洛克

所谓“巴洛克”,意大利语义为奇形怪状矫揉造作;葡萄牙语义为形状不规则的珍珠。

PDD 产品特性驱动设计

产品特性驱动设计,我们可以将它使用在我们的日常设计工作中,它可以运用在你的大小设计项目中,这是一种行为模式,一种思考角度,或者我们把它作为一种指导方法.它依靠产品的自身特性来....这就是PDD.

设计的沟通与协作

任何事情,懂得再多理论,都要注意知行合一。

交互设计(10)—别让我思考

生活中有很多总让我们感觉莫名其妙,或者停下来需要思考的情况,有时不得不求助,到了互联网上,可能很多情况发生了也没什么求助的方法,只能自己猜,不猜了就只好关掉。

交互设计应该看人下菜碟

交互设计师一多半的时间其实是在做逻辑分析,从业务逻辑到产品逻辑的迁移;然后另一部分时间是在做按钮的摆放。(注意,我说的是部分,不是全部!)在这两个过程里需要注意的最重要的问题就是不能懒!

信息分类是为了更好的索引

分类并不单单是给人看的,同时也是给机器看的。用户不断地抽取、提炼核心关键字给计算机学习,让机器去做分类、索引这样的重复工作,帮助用户提高效率。

UI在中国

因为GUI与WUI各专业体系纵深发展的日趋分化,顶尖GUI高手一般只专注于GUI领域。

注意你的网站布局对访者的友好程度

在设置布局的时候,请把自己当作是你所做那种类型网站的狂热迷。自己体验一下布局给你带来的感受,然后一点一点慢慢改。

浅谈网站首页元素的放置

网站信息栏目是一个网站重要的部分,网站作为信息载体,这些都是必要的元素。

网站设计中程序员和美工的配合问题

公司的项目都是基于B/S结构的,绝大多数操作界面都是通过网页的形式展现在用户面前的,页面的美观就成了非常重要的问题。

优秀的页面美工设计需要注意的几点

 如果你是一个成功的页面设计者,你至少会在做出页面前已经把整个页面构思好了;如果你很宽容地对待图片中1个像素的差别,那说明你还不是很合格。

商业网站设计主要原则

网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为...用到设计中。

谈用户体验,别落下商业利益

前天看到《他想要什么?》中提到这样一个现象:用户点击标题链接,跳转到的页面是该标题的栏目页,并且在首屏看不到该标题的内容。并以此分析出: ……设计者的理由是:不仅给用户...所以,就如题了。

豆瓣广场疑惑

这不是一篇鸡蛋里挑骨头的文章,豆瓣广场上线是个好东西,至少技术部的同事们的工夫没有白费,首页去掉了很黄很暴力的评论之后,成了friendfeed中文版。

给用户带去快乐的设计

设计是可以带给别人快乐的事,我们不要忘记这是设计师的魔力,不要忽略我们是给带有情绪的用户设计产品。

B2c杂思:需求的显性化

B2c电商拥有无穷的界面空间,和数据化、低成本的呈现组织能力,可以规模化地组织多样化的情境化呈现,根据界面互动精确匹配用户需求,这是其与现实店相比的最大天然优势之一。

以什么为中心的设计

所以产品设计即用户设计,包括两个方面:为用户设计、设计用户(这里的设计不是指陷阱)。

简谈衡量界面视觉设计的方法

视觉界面设计犹如美妙的歌曲一样,需要节奏和韵律感,通过层次来营造。

微软设计主管一些经验分享

不要害怕打破常规,尝试一些完全不同的东西。如果您不试试,永远不会找到真正的答案。

网页布局的位置重心与位置间的对比关系

我们在处理图片的时候也会用到布局,比如我们的文字放在什么地方,标志放在什么地方这些都是布局的范畴。这里也要应用上述的概念,重要的要核心不要放在正中或是过于偏向角落

谈谈网页的个性化设计

网站架构要清晰、操作要人性化、界面要简洁明了、功能要实用、操作要简单。

URL的优化

对英文网站来说,当然URL中的描述性关键词比较好写。对中文网站可以考虑实使用拼音。但是对比较长的词,用拼音就不容易读懂,这种情况下还是建议使用英文单词。

科学、科普、设计

优秀的科学家说得最多的一句话是“这个问题,我不知道。”科学的进步使人谦卑,科普作者,应该也把谦卑放在第一位,因为他们最知道,在自己身后,其实有海量的更内行的专业人士,只不过,他们没有写文章罢了。

网页的漂亮不是救命稻草

体验设计的本领是体验,应该说更擅长于模拟关键用户的情境,讲究简约流畅的互动之美。链接是链接的样子,按钮是按钮的样子,简单得有些单调的几个模块被错落有致地排列着。

合理的网页设计

网站的定位很重要,网站的定位就是说在做站前要有目标,你的网站主要针对哪些客户群体,针对哪个年龄层次的人群,这个直接决定了下面网站应该使用什么样的结构。

网站设计之合理架构css

当我们变得依赖css而使样式表日渐复杂时,就需要正确的计划来避免犯错,并使代码易于维护。既然完美无缺的方案并不存在,那么了解css的工作方式以及文件、选择器和属性的多种组织方...码,经受住时间考验。

做什么、怎么做

流程往往是被逼无奈的选择,并且在流程精细的情况下,抛开速度和效率不说,信息在流程中传递的时候往往容易失真

关于网站导航的压力测试

读了一篇关于导航的压力测试的文章,觉得挺有帮助的,所以想把里面的一些方法推荐给大家。

产品要有侧重点

产品没有侧重点,就无法分析运维成本及伤害成本,运维成本是重点推自己想推的核心功能

大网站的改版

我们说网站的形象维护,就像经营一个品牌。当客户足够多的时候,尤其是有很多黏性客户的时候,用户跟你成了老朋友,在他们心中你是原来的样子,可是突然做了很大变化,那用户就不好接受了。

读《用户不会记得点了多少下》有感

现在的从事产品设计的人员很少有经过系统的、专业的培训和学习,那么只有是靠自己在项目中总结以及阅读相关书籍进行提高,这样对应的问题不可避免的产生了。

产品设计决策一:将你想的推给用户

“意外”,“意想不到的地方” 在产品设计的决策中 是如何决定的呢?它们是如何从“非主流”成为“主要功能”的呢?

留言设计的继续讨论

今天我们讨论主题是一个普遍得不能再普遍,基础得不能再基础的留言功能,并由此产生了用户体验、设计乃至站点理念,设计者考虑角度等多方面的话题。 这比讨论一些更“大”的问题反而更容易集中到关键点之上。

SEM基本指导原则:DICA漏斗

总结了一个SEM的基本指导原则:DICA漏斗;D=Display,展现;I=impressions,印象(取自于CPM的概念CPM的M就是impressions,我一直不知道...买都是行动的一种

网站注册及其登陆过程

网站的注册、登陆、购买、支付等几个环节是与网站信息架构有关且对整个网站至关重要的。

网站注册那些事儿

今天在这里简单聊下在不考虑运营指标和商业目的的前提下,基本的注册功能如何设计。

简单是小说网站的最佳用户体验

大部分小说网站终极目标无非还是盈利。最近没有看到报道,两三年前的数字是80%的网站是不赚钱的,其中最主要的原因之一就是盈利模式不清晰。

淘宝网动画节日LOGO的创新

相信大家从去年圣诞节开始,逐渐发现淘宝网首页的标志开始有了新的形式,从过往的静态图片节日LOGO变成了FLASH的动画小故事LOGO。

互联网产品的用户体验看着“很美”

这几年来,我们这个行业一直都在谈用户体验,以用户为中心的设计。“用户体验”是指用户访问网站的界面、功能、相关信息的可读性、操作的方便性,交互性等方面的过程中建立起来的心理感受...象和感觉是否满意等。

产品设计8条基本原则

根据自己的经验,总结了8条产品设计中最基本的原则,希望对于一些刚刚接触产品设计方面的朋友有所帮助。

良好的用户界面设计

界面会引导应用程序与用户的交互。为了得到有效界面,需要适当的标注控件,并使用上下文相关的帮助。

交互设计师修炼之“变色龙”

做交互设计师,要做变色龙。在项目的不同阶段,要有不同的“形象”。

从线框图到最终设计

我们能做什么来确保我们所绘制的梦幻般的线框图能激发同样梦幻般的图形设计并最终创建一个梦幻般的网站?

电子商务网站评论设计探讨

电子商务网站商品的评论很重要,好设计可以提高用户参与度,好的参与度可以得到更多的优质评价,更多的优质评价可以直接提升产品销售率。因此,我们今天话题也聚焦在“电子商务”领域,因...为一谈意义不大。

方便和实用

 方便和实用之间到底是什么关系,设计师应该关注的是什么?有两点,一点是技术体验,一种是交互体验。作为一个交互设计师,要去考虑的更多是体验的问题,而并非功能的问题。

表单设计中的常见问题

合理设置默认选项,满足多数人需要,智能默认有助于回答问题。网络表单有很多地方可以利用智能默认,减少选择次数,加快完成填表。

定制UI?

可以定制UI,是不是就是说以后日常生活中的各种工业产品和人交互的部分,都可以定制了呢?

对网页宽度设计的问题应如何讨论?

Web 排版设计上,没有一个单位(指CSS长度单位)是可靠的。哪怕在CSS中理想化的分成了相对长度单位和绝对长度单位。

网站内容的排版

最近几日在筹划小说类网站的建设,在文字排版方面,遇到几个问题,结合论坛上及朋友们的讨论,总结一下最后的解决方案.

交互设计的KISS原则

在KISS原则之外, 应该有一个更重要的原则: Useful. 满足需求是一切产品的低限. 也许需求本身也应该KISS, 简单的需求意味着底成本, 高效率. 可惜客户有时候很...客户做设计.

软件与网站设计的区别

网站设计与平面设计是两套截然不同的路数。比如很多艺术出身的设计师做网站时会发现,设计出来的作品总是被研发工程师否定,这个不能做,那个不好做。要想抹平这中间的隔阂,视觉设计师至...懂网站界面原理。

基于数据还是基于直觉的设计

如果把设计看作一个“创新”+“沟通”的过程的话,创新阶段,直觉很关键,在沟通阶段数据就很重要了。

“后台体验”中若干原则的补充

同样都是Web页面,为什么要人为的区分为“前台”和“后台”呢?有个缘由在其中:那些需要受到特殊安全保护的表单和网站控制中枢,在某些情况下必须集中的设计和部署。

产品设计过程中的一些体会总结

自认为从业以来看到,听到,感受到一些可以总结成点的东西,这些东西会在设计过程中经常出现,写下来给自己一个提醒,同时也看看别人的意见。

网站设计的思考之网站的风格和设计

任何两人都不可能设计出完全一样的网站。当我们说:"这个站点很cool,很有个性!"那么,是什么让你觉得很cool呢?它到底和一般的网站有什么区别呢?本文试图用最简明的语言来说明

细节决定成败与web用户体验设计

每个设计师都会觉得自己是一个不赖的web用户体验设计师,我们设计有原则,有理念,有的人博览欧美最前卫和最火热的网站,有的阅读过大量用户体验设计相关的书籍,有资深的设计经验,有...读数据…..

怎样拓展网站内容

经常看点石博客的读者一定知道,我们一直强调网站内容的重要性。不过很多读者的疑问是,网站内容并不是那么容易就写得出来的。记得有一个读者在评论里就问过,有的企业的核心产品只有一个...富网站呢?

如何改进和维护你的留言板

这一篇文章,我将着重谈谈如何改进和维护我们的留言板。我们在维护留言板的过程中需要注意那些事项。

设计的技术含量

设计方法曾经是个很尴尬的话题,因为经常看上去很美。专业人士们动手动脚折腾一大圈,出来的结果令人大跌眼镜。也有些设计师总喜欢把方法、概念吹的特神。结果导致好多人认为设计很简单,...出定量结果。

发布网站改版时的3要3不要

在项目规划初期,发布的计划和策略常常被忽视或小看。我们想通过对发布策略深入分析来提醒大家认识到计划的重要性。在此,列出3个方法来帮助计划大家的下一次发布。

交互设计师应该具备哪些素质

近几年好像很多人都喜欢成为交互设计师,感谢这股热潮让这个专业有了很大的发展,请各位有兴趣成为交互设计师的同学冷静一下,看清楚交互设计师会是个什么样子,想清楚自己要成为那样的人吗?

需求分析,要先归纳再分析

需求分析与技术分析的最大的不同是思路的本质差异,技术分析是“树干——树枝——树叶”的任务分解过程,技术人员很适应并乐于用这种方式思考,可以把大问题分解成小问题,发现难点逐一攻...需求的这个过程。

用户不会记得点了多少下

做交互设计的人或多或少都听说过多年前Freddy Kreuger提出的网站设计“点三下原则”,大致意思是说好的设计不应该超过3次点击。然而随着网络的发展,设计规则的逐步完善,...设计历史舞台的时候。

不同声音,一个设计

当然一方面、借助这些不同的声音可以让我们的思考不必受限在盒子中、但另一方面、常常“达成共识”又是一个复杂漫长的过程。怎样让“达成共识”能更容易一些?

确定?没法确定!

确定”与“取消”按钮应该可以算是Web应用里最无敌的组合了,你可以随处看到他们以及他们的姊妹组合“完成”/“取消”、“是”/“否”….当然,他们也不是每次都表述的是同一个交互...是我们总会遇到。

交互设计实用指南系列

交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、...交互设计的目的。

文案设计的三个层次

这次来谈一个很细节的内容——文案,这里不是指网站里大段文字的编辑工作,而是指产品中随处可见的文字。

软件与网站设计的区别

在专业角度,网站设计与平面设计是两套截然不同的路数。比如很多艺术出身的设计师做网站时会发现,设计出来的作品总是被研发工程师否定,这个不能做,那个不好做。要想抹平这中间的隔阂,...懂网站界面原理。

设计师挖掘用户需求浅谈【中篇】

罗哩罗嗦说了一堆关于设计师挖掘用户需求的重要性,基本上大家能够保有一颗想要贴近用户的心。那么作为设计师,我们在能力可及的范围内可以做些什么呢?本篇简短的说下我做过的小事。

购物网站交互小体会15点

本文为大家总结了购物网站交互15点小体会,希望能为大家有所帮助.

在设计师的角度讲系统开发

要求系统开发人员严格按着设计图和规范来走,不要只关注自己开发的那点功能,代码结构不清晰,样式在页面头、标签上到处定义的都是,考虑一下日后改版怎么办,不能将上千个页面再重写吧。...系统可能糙、乱。

一个网站的礼仪

不知从什么时候开始,“以用户为中心”成了网络圈的流行时尚,勇于承认这种理念是先进的,希望不要仅仅成为某些人的口头禅。尊重用户从网站的礼仪开始,一个有尺度、讲道理、明是非、精内...依赖和归属。

网页制作之“事不过三”

关于做网页笔者总结了些经验,想在这里和大家交流。

关于网页设计中的颜色

颜色在主页设计中是有相当的戏份的,颜色的取用我想并无什么理论依据的,更多的只是个人的感觉,经验或是风格,当然也有一些是视觉上的因素。

谈谈眼动研究的一些作用

眼动模式这个维度去分析问题,可弥补其它用户研究方法的不足。而眼动研究方法,与后台数据分析、可用性测试和用户访谈等方法结合起来,也可以使研究结论更加全面和有效

精致的web设计

工作中遇到一个很棘手的问题,交互设计师和视觉设计师在做出高保真原型后提交给前端开发工程师,最后得到的web产物从细节上和布局上都和高保真原型有所差距

Google浏览器地址栏的设计

Google浏览器地址栏最大的特色就是它的二合一设计,即无论是输入网站的地址,还是输入搜索关键字,都可以输入在这同一个地址栏中。

登门槛效应分析网站用户体验

当个体先接受了一个小的要求后,为保持形象的一致,他可能接受一项 重大、更不合意的要求,这叫做登门槛效应,又称得寸进尺效应,哈哈~这个效应是美国社会心理学家弗里德曼与弗雷瑟于1...验中提出的。

产品主流程设计中容易出现的一个争议

在保持产品主流程简单的同时,如果遇到复杂的分支流程,是不是可以将分支划走,不要进入这个功能模块?

解读敏捷设计

虽然设计师和开发者通过不同的视角观察世界,敏捷哲学从本质上是足够灵活能够支持这两种不同的方式和思想的。在敏捷的世界仍然有方法可以适应高品质的设计。

初衷和结果

产品初衷需要做到利益最大化,找最大的蛋糕,为最大目标人群服务,换句话说,就是为谁设计。

闲言碎语:设计提案的要点

图片的设计是一个学问,如果你对此没有好的素材和经验,那么请尽量保持你的图片的简单,清晰。一个图片只能说明一个主题,即使是数据和信息表格也是如此,过多的信息会让人没有焦点,一旦...众就会分心。

也随便谈谈虾米网的星座电台

如果我们把用户和音乐分别看做分类的两极进行互相匹配来说, 那么玩玩音乐网 已经做过了是按照音乐分类出发的,即使是对于好心情还是坏心情也是先分类音乐再推向相应用户的方式

输入框的大小

输入框的高度应该由系统规定用户可输入的文本来确定,不可能一个只允许输入150个字的论坛介绍搞一个高的出奇的输入框。对于有字数限制的输入框,当用户输入的字数达到上限时应该强制不...字符内容并告知删除。

使用用户的语言满足用户

系统不应该强制用户按照系统定义的命名规则给用户取名。应当允许用户使用任意长度的用户名,如果系统因为某种原因无法处理或者不不愿意处理长用户名的时候应该提供友好的错误信息,并允许用户重新编辑用户名

产品设计师的提升 第三篇

本来是想继续分享一些关于产品文档和产品过程的东西,但总觉得用语句很难表达的清,还是用网上一位童鞋的PPT总结,大家容易接受。

关于“用户问题”的严重程度定义

和问题解决的优先级挂钩,让衡量标准透明化,其意义就相当于业务部门的KPI定义一样,便于大家目标一致,并且用相同语言沟通

《Web信息架构》-导航系统

导航系统的作用:告诉你在哪里,可以去哪里,这里有什么,附近有什么,指引你下一步的行为。

使用Title提升可访问性二

针对不同知识领域读者时,有时会大量用到专业术语或特殊短语,但不属于简写、缩写范畴。

慢慢的网页

可以说信息瞬息万变,也可以说一刻千金。但是如果你可以慢慢的看下你的生活,你会发现极速让你变得不是更爽,而是更沮丧。现在没有人能够满足于56k猫的时代的速度了,网速越来越快,偶尔变慢大家会烦躁不安。

产品设计师的提升 第二篇

对市场的需求,一般都是跟所做产品的行业有关,所以我们往往都会按产品进行市场分类。比方说,我们要做一个互联网营销方面的产品,这时我们需要了解当前互联网营销的整体市场状况,遇到的...的哪部分需求的等等。

如何引导客户

引导客户是个细活,也有不少设计师认为这就是商务人员的工作,其实在今天的商业合作关系中,设计师早就被拎出来作为pre-sales的挡箭牌了,因此行业的压力迫使我们需要掌握一些商...合作的技巧。

产品设计师的提升

产品需求,归结为需求工程,我们把它当作一种创造,一种艺术,那不是一件很有意义的事!

内容可访问性不是全部

能进入站点才能享受服务,享受了服务才能体验功能,体验功能后才能看到内容,“内容”可访问性只是web可访问性的站点、服务、功能、内容层次之一

改变世界的Web前端开发

如果你是一名Web前端开发工程师,却没有听说过“栅格”两个字,那你一定是工作太忙太专心了。

设计方针精髓

割裂于整体的计划是远远不够的——绝大多数计划都要不断变化。另外重要的一点事,你要用理念和愿景让计划始终保持正轨。

对产品设计的一点思考

这些年,随着互联网行业的发展,有越来越多的人开始从事产品管理与产品设计工作。很多人、而且由于各个公司的岗位设置不一样,所以有很多不同部门、不同职业的人,都纷纷从自己的角度出发...多,闲谈的倒是不少。

不需要存在的原型

线框图原型是网站核心策略“着陆”的重要步骤。将机巧的想法转化为实际产品是一个复杂过程,这种复杂并不仅仅体现在技术层面,而更突出的表现在团队配合中

如何正确的审识一幅优秀的网页作品

网页设计是一们新兴的设计类和网络的交叉学科,近几年随着网络的发展而逐渐收到人们的重视,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给受众。如何正确的审识一幅优秀的网页作品呢?

网站LOGO设计规范的思考

LOGO的应用一直是CIS导入的基础和最直接的表现形式,其重要性是不言而喻的,网络标识的设计尤其如此。

需求分析,要先归纳再分析

通过各种需求采集的方法,得到很多信息,接下来我们要做的自然就是需求分析了。

体验设计的10点杂谈

如何通过设计使产品达成良好的用户体验呢?很显然,这是一个复杂且系统的事情,尤其在今天,用户体验这个词被严重滥用,我们更要思考如何通过设计实质性的影响产品的体验质量,而非其他。

产品设计的情感与情绪

。在不同的应用情景下,用户的产品使用过程会触发不同的情绪反应,对多变情绪的把握,就是所谓的“产品感”,是一个产品设计人员最重要的才能。

设计师挖掘用户需求浅谈

掌握独立研究的方法和流程,可以帮助我们更有效的开展工作。而且方法是通用的,即便不是设计师的角色,习得此项技艺也会受益良多。

网页设计之黄金分割

1.618,听起来并不陌生,数学上称黄金分割点。据说用次比例数分割是最具美感的, 从美眉身材到高楼建筑,从艺术到绘画无不出其之左,因此被称为"神奇的"黄金分割点 。与此同时,...的实际问题。   

视觉设计师扛起UE大旗?

视觉设计是所有的产品设计工作中最直观的一个工种,是唯一直接与用户接触的最外沿

看弹出窗口和浮出层的使用体验

关于弹出窗口,尤其是alert窗口,小组成员们纷纷指出,它其实不是一个基于web的设计,而是基于浏览器等客户端的设计。在遥远的web技术发展初级阶段,受到很多技术限制,但它的...,设计开发之必备利器

美工自我培养的几点经验总结

随着公司影响力的壮大和产品的不断提升,相关的形象设计要逐步跟得上,需要逐渐提升,所以就招一个应届生美工,算是一块成长。应届生有拼劲、肯学,但也好高骛远,起点都差不多,如何培养美工就变得至关重要了。

交互设计之出路选择原则

出路选择原则是指用户在产品中进行阅读、操作等情境下,产品要随时为用户提供“出路”。

从需求的变迁看地图的发展

随着历史的时间轴,此时众多国家对于地图的需求均在于战争。百姓对于地图的需求也并没有太多的发展。

闲言碎语:设计的技术资本

支付宝首页改版

前一阵子支付首页改版了,据支付宝的人说改版以后效果十分之不错。那么我们来看看这次支付宝改版有那些值得借鉴的地方。

方便和实用

方便和实用之间到底是什么关系,设计师应该关注的是什么?有两点,一点是技术体验,一种是交互体验。

设计师挖掘用户需求浅谈

作为交互设计师,你是否在一个项目中花费大量的时间来沟通、修改、明确需求?其实这些前期工作(设计原型前)是我们和PD、运营、开发之间必须要做的功课

谈网页优化及网站优化的技巧

网页的优化工作是由很多方面的优化组成的,作为一名优秀的网页优化工作人员必须具备多方面的知识,不仅仅要掌握网站设计制作技术(包括网站架构设计、网页设计以及制作页面编写代码等等)...业运作等相关知识。

谈产品运营

需要运营的产品,基本上是内容型的产品,受到“趋同扩散”法则的影响。因此必须得建立内容标准,什么样的内容是好的,被提倡的;什么样的内容是不好的,不受欢迎的。

网络使用性的五大特质

根据网页设计大师Jakob Nielsen的定义,使用性(usability)是衡量使用者和网站、应用软件等设备互动经验的指标。若以水龙头为例,一个水龙头的使用性包括使用者是...易开启它?

个人网站如何转型成商业网站

个人网站可能不采用松散的管理模式吗?如严格的正规化管理是否可能?假如大家认为松散而不规范的管理可以比严谨而规范的管理创造更多的价值的话,那么,社会上现有的各种规章制度,还有存在的必要吗?

帮助用户做一点

用户自己会在使用产品的时候思考么?其实大多数情况下,不会。用户不会思考,而会感觉。感觉不爽的时候,有的人会写出来;有的人会回避,不再理睬或者使用;有的人根本不会说或者做。

小谈用户身体语言的阅读经验

对人类身体语言的研究也算是一门极复杂的学科,可是也非常容易入门,因为我们每时每刻都在跟各种各样的人打交道,只要有意识的去仔细观察,一定可以发现更多有趣有用的东西

让用户快速找到想要的表情

在表情面板里选表情,大脑的活动过程大致是这样:设定目标,我要的是哪个表情,该表情长得什么样;缩小搜索范围,为提高匹配的速度,先锁定我要的表情在什么某个区域,再在这个区域里进行...一样的图片。

设计三要素:信、达、雅

其实设计的本质还是信息的表达,其中关键的三要素最应该套用严复老先生的“信达雅”三字真言。

用Word画原型

关于原型,有太多故事了。说起快速的原型制作(区别于软件工程的快速原型法),应该以文本文档/富文本文档(如Word)为主。

再谈网易首页的改版

改版后的网易新首页主要新闻字号从12px上升到了14px,这的确是一个提升,对用户的显示器分辨率越来越大是一个很好的解决方案,然而有一个问题是,字体变大了,整体的结构宽度却并...大的空间需求了。

斜杠的作用与导航

在互联网世界中,斜杠“/”是很常见的一个符号。它的位置在右 Shift 的左边,不用按 Shift 就能够输入。

让复杂变为清晰

Web design的本质是信息和内容,我们一贯提倡的观点如此,并且认为国内互联网大环境的畸形发展导致我们误解长达十年之久。尤其在阅读完Christina Wodtke, A...方法体系的看法。

如何写一个优秀的Use Case

做一个互联网产品设计者,编写Use Case是日常工作的一个重要内容,也是重要的技巧。

不要忽略了颜色的可用性

注意文字颜色的对比度是件容易被忽略的事。据我所知腾讯对一些产品的视觉风格是做用户研究的,其中也包括色彩的定位。

Google浏览器地址栏的设计

Google浏览器地址栏最大的特色就是它的二合一设计,即无论是输入网站的地址,还是输入搜索关键字,都可以输入在这同一个地址栏中。

信息 分类 方法

网站设计当然是要给用户看的,因此信息的易读易找对增加用户体验、增强网站粘性并最终达成商业目标就很重要。所以分类的方法自然应该是从用户的角度出发。

互联网设计操作参考

很多时候,往往以为自己理解了概念,却只有等再理解下个概念之后,才明白以前认识还不够。我们都是在某个点出发,逐渐放大试图了解全局,然后才可能正确认识自己的位置,并找到适合自己的突破口。

漫谈产品设计

一般而言,产品设计有两种类型,一种是改良设计,一种是新产品研发设计。

方便和实用

方便和实用之间到底是什么关系,设计师应该关注的是什么?

艺术与视觉设计批判——用户

艺术与视觉设计的区别在哪儿?在于服务的对象不同?目的性不同?实现的途径不同?我们不妨大胆的抛出言论:它们的区别在于“用户”不同!

当设计师遇上前端开发

通常情况下,产品设计师的产出物多是线框图(wireframe),视觉设计稿(mockup)等,前端负责编写HTML,CSS等代码(demo),有时还会根据需要编写程序代码(如...点是截然不同的。

良好体验,必须是全方位的

用户体验(User Experience,简称UX 或 UE)是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受。因为它是纯主观的,就带有一定的不确定因素。个...新2.0模式的精髓.

文案设计的三个层次

这次来谈一个很细节的内容——文案,这里不是指网站里大段文字的编辑工作,而是指产品中随处可见的文字。

提升产品也要重视用户习惯

以用户为中心是指“为用户着想,从用户的角度和利益出发”。

设计规范不应是摆设

设计规范不仅仅是几页纸的文字,  团队的形成和设计规范的形成应该是同时的,设计规范应该是帮助工作的,而不是限制思路的

看起来很美:自定义选择框

为什么不鼓励在 Web 页面中使用自定义选择框呢?

色彩与视觉艺术

两种以上色彩组合后,由于色相差别而形成的色彩对比效果称为色相对比。它是色彩对比的一个根本方面,其对比强弱程度取决于色相之间在色相环上的距离(角度),距离(角度)越小对比越强,反之则对比越强。

视觉设计时不应产生新信息

纯粹的对视觉效果的追求是有价值的。“是否传达这个信息”应该是有计划的、理性的,而不应该是在设计视觉效果的过程中high着决定的。不应该在追求视觉效果的过程中产生新信息。

页面制作是如何精确还原设计稿的

细节决定成败,真可谓失之毫米差之千里,如果你是想打造一个精品项目真的有那么可怕。所以在前面啰嗦那么多是想大家多重视页面细节问题,真的要把页面当原子弹来做。这里分享一下我工作中的一点经验吧

页面重构中的模块化思维

网站改版时的顺序问题

一个网站应该突显的是内容,而非视觉,想要增加用户的的回访率以及忠诚度,内容永远是最重要的

迷你屋视觉规范简介

迷你屋商城项目在视觉设计的过程中建立了一套相对简单合理的视觉规范,这里介绍一下规范的内容以及制定规范的思路。

网站的视觉设计

从工艺品设计到平面设计到网络设计,虽然设计原则不离其宗,但经验下来的心得告诉自己,设计媒介的变化带来很多媒介自身的特殊性,下面总结下网站视觉设计的一些要点

为什么视觉设计师需要懂HTML

对于平面设计师来说,画面是设计的核心,画面就是他们所想要表达的内容;而对于网页设计师来说,画面则是用来衬托内容的一种形式,内容才是网页设计师所要表达出来的核心。

浅谈品牌的视觉识别

品牌,这个熟悉而又陌生的名词,有时总会让人产生误解。品牌很广,广到一个意会颇深的战略发展理念;品牌很小,小到一个清晰可见的图形符号。

用Word画原型

关于原型,有太多故事了。说起快速的原型制作(区别于软件工程的快速原型法),应该以文本文档/富文本文档(如Word)为主。因为,白板、草图虽然快但不易保存,HTML虽然丰富但制...使用也复杂。

产品设计和视觉设计杂谈

有些时候,理论上的认识远远大于产品与设计本身,会直接关系到工作方法和有效程度。从产品设计上看视觉设计,从视觉设计上理解产品本身。两者如何在方法论上统一?

栅格设计---页面版式的隐形架构

你日常所见的许多页面都有栅格存在。你可能注意不到,但它确实存在,并且支撑着设计内容,建立整体的架构,引导着页面的元素。

数字设计及视觉特效帝国收编三维新军

近日,全球二维、三维数字设计软件业领导者欧特克公司(Autodesk, Inc.)宣布已签署协议,将全面并购 Avid Technology旗下、为影视及游戏市场开发三维技术...3500 万美金)。

由一只兔子引发的玩偶设计风潮

杭州的一个创意市集上有一只有趣的兔子(它有很多款式,但总体都是细长的“苗条版”),它的主人是“陈幸福”——在网络上已经声名远播,而“陈幸福”作为一个标签已经深深印在网友心中。

工业设计之美

工业设计在国内已经让很多人耳熟目详,也让很多企业家、工业设计从业人员、甚至消费者为之激动不已。在中国过去几十年傻大粗笨为特征的工业产品横行时期,大家信奉的实用理论不可置疑。对...说可以杀人的武器了。

设计与细节:中国制造外功疲软

如果说,技术与营销是中国制造建立自我品牌缺少的两门“内功”,那么,工业设计与细节就是中国制造缺少的两门“外功”

品牌LOGO设计的四大法则

为了创作出为心灵而设计的图腾之符,在方寸之间表现出深刻的精神内涵和艺术感染力,给人以静谧、柔和、饱满、和谐的感觉,做到润物无声,品牌LOGO设计,我们须要遵循下面的四大设计法则。

图片投射法在会员官网中视觉运用

图片投射是一种定性分析技术,源于心理测量中用于人格评估的投射技术(Projection Technology)。投射是指人们把自己的态度、愿望、情绪等不自觉地反映在外界事物上...和情绪等内在心理活动

网站推广之用户搜索行为

下面主要简单地介绍为什么网站推广过程当中要研究用户搜索行为,以及目前公认的用户搜索行为的三大变化趋势。

简单是小说网站的最佳用户体验

简单是小说网站的最佳用户体验,网站优化,是针对搜索;而搜索,是针对用户体验;而用户体验,倾向与简单.这体现在一下几方面。

从需求的变迁看地图的发展

现代,随着互联网的快速发展,信息更加开放,人们对地图的需求不断的升级,不仅停留在于地图的常规需求,更多的已体现在对 衣、食、住、行等生活方面的需求。去哪里购物?去哪里吃饭?置...其优势不言而喻。

如何使用整洁的HTML标记构建页面?

网络是个不断发展变化的有机体,如何建设可以长久适应互联网发展的页面是很重要的,它可以是你的网站在互联网发展的激流中迅速跟进。使用整洁的HTML标记,构建符合标准的页面可以帮助...省大量的时间和金钱。

大框架,小细节

经过几个产品的设计过程,总结了一些问题和思考,供大家分享交流。所涉及的到人员包括老板,产品经理PM,产品设计师PD,交互设计师UE,界面设计师UI,测试QA。

简约的google好,还是华丽的淘宝好?

做产品设计的,一般都非常注重产品的用户体验,在用户流程的设计上也尽量流畅,把多余的砍掉。而网站的运营以及市场,销售等收入部门则往往更希望能把PV利用起来,向用户push更多的...这样的矛盾。

简说相册的排序如何最好

对于相册,排序有两种方法,一是按照时间的先后,二是按照时间的后先。 对于照片,排序也有两种方法,一是按照用户上传顺序的先后,二是按照用户上传顺序的后先。到底是先后好,还是后...方式去安排。

简易分析豆瓣和校内的区别

有人问我豆瓣和校内的区别,这方面话题不是我的特长,我想把话题岔开,反问他,免得变成他面试我。 结果皮球还是被踢了回来,我不得不代表个人跟他聊聊。 以下是我的意见,记录一下,算个总结。

如何果断准确的进行灵感捕捉

灵感思维是视觉艺术思维中经常使用的一种思维形式。在创作活动,中,人们潜藏于心灵深处的想法经过反复思考而突然闪现出来,或因某种偶然因素激发突然有所领悟,达到认识上的飞跃,各种新...的境地,这就是灵感。

视觉设计如何有效的训练

由于艺术创作中有许多具体的形象或形式存在,在视觉艺术思维训练的过程中_我们可以结合这些特点进行带有诱导性的提示。如视觉艺术思雄能否邀过对艺术用材的选择进行有目标得诱导 对形象...视觉艺术思维的效果。

眼动数据分析—诠释与过度诠释

眼动研究一大难点在于,如何处理貌似丰富却陷阱重重的数据。丰富是指,有多种多样直观的结果可视化方式;陷阱在于,每种可视化方式在不同的设定下都可能引起误导。对研究者来讲,在分析时...据!

Apple与Microsoft网站可用性研究

今天我们要对两家大公司——苹果和微软——的网站做一个比较。 这两大巨头都对生产尖端产品以及引领软硬件的发展感到自豪,但他们的网站又怎么样呢?如何做出比较?更重要的是,哪一个...严密的剖析。

产品初期的用户群划分

 很多人都明确了:“用户需要吗?”是产品设计过程中第一个应该问的问题。但并不明确“用户”是谁?因为那些用户似乎都是一样的…  不!无论是什么样的产品,无论在什么阶段,无论是...子敲下去的买卖.

简约的google好,还是华丽的淘宝好?

做产品设计的,一般都非常注重产品的用户体验,在用户流程的设计上也尽量流畅,把多余的砍掉。而网站的运营以及市场,销售等收入部门则往往更希望能把PV利用起来,向用户push更多的...宝也存在这样的矛盾。

网页设计风格和色彩搭配经验谈

在一般人眼中,“网站”几乎就代表着“互联网”。网站本身的价值正在被人们不断的发现,不断的认可。“如何设计一个成功的网站?”已成为越来越多的网页设计师所思考、关注的问题。本人...色彩搭配。   

为你的网页绽放最炫目的特效

相信很多人都会记得.com热潮不断升温的年代,上网一族都会申请个人主页空间玩玩,建造网上属于个人的“家”。现在虽然.com泡沫破灭了,但是很多人都会对以前用过的一些特效软件印...程的人的福星。

网页的漂亮不是救命稻草

视觉设计的本领是视觉,老板说为什么不够大气不够豪华时,而后整个网站的页面将到处是华丽丽的花纹、高光、渐变、水晶…… 这些视觉元素应用得非常泛滥,好像不会这些,你就不是设计师...应该怎么做。。。

简洁和优雅

最理想的设计应该是简洁而且优雅的,其次是简洁但不优雅,再次是优雅但不简洁,最次是既不优雅也不简洁。简洁是科学(参考《简单法则》),优雅是艺术。科学不需要天分,可以通过学习掌握...离不开天分。

网页设计的审美需求

网页把各种信息以最快捷、方便的方式传达给受众。人们对美的追求是不断深入的,网页设计同样如此。网页不光是把各种东西放上去,能看就行,这是远远不够的!要考虑如何受众能更多的和更...升网站的形象。

关于网页设计中的颜色

颜色在主页设计中是有相当的戏份的,颜色的取用我想并无什么理论依据的,更多的只是个人的感觉,经验或是风格,当然也有一些是视觉上的因素。在页面中不要去用好几种颜色一般就3-4种差...的感觉。

 聚焦UML实践第一步

前段时间和一个朋友在MSN上聊到UML,他一声叹息:“知道UML是好东西但是用不起来。尝试过,结果领导要求文档中要充分使用UML,事无巨细皆UML,结果本来很简单的一份设计文... UML第一步

如何有效的提交网站到Dmoz目录

网上有很多关于如何向Dmoz提交网址的经验文章, 其中有很好的也有一些是完全错误的。今天编辑了300多个网址, 也一次性见识了多种类型的提交者, 所以想借此机会给新的提交者一些中肯的建议。

大框架,小细节

在产品设计中,我们要着眼于产品的主要特性,确保方向和大框架是正确的,它将是产品成功的关键,同时还要注意细节、亮点的把握,这将有助于提升产品的整体品质。

Axure动态面板的使用

 按照Axure官方网站的解释 :动态面板控件(Dynamic Panel)可以让你实现高级的交互功能,实现原型的高保真度。动态面板包含有多个状态(states),每个状态可...件到线框图中。

在网页中实现细线表格边框的方法

如何用表格嵌套呢?大家都知道,用Bgcolor可以在表格中任意定义表格的背景颜色,用Cellspacing可以控制表格单元的额外空间,如果定义两个表格,把其中一个的表格背景设...而达到细边框的效果。

网站的视觉设计

工艺品设计到平面设计到网络设计,虽然设计原则不离其宗,但经验下来告诉我们,设计媒介的变化带来很多媒介自身的特殊性

什么是CI设计

CI是企业的目标、理念、行动、表现等为一体所共有的统一要领,是企业在内外交流活动中,把企业整体向上推进的经营策略中重要的一环。

类视觉艺术——抽象艺术

进入二十世纪以来,抽象艺术的界定,已不再只是用来做为写实风格的对立面。具象、抽象及叙述性的内容,已在西方抽象表现的发展中,获得了认定。复合媒材的使用,更打开了形式表达的局限,...性,更为宽广。

网页的新颖效果-marquee

marquee移动属性的设置,这种移动不仅仅局限于文字,也可以应用于图片,表格等等活动字幕的使用使得整个网页更有动感,显得很有生气。

需要掌握的八个CSS布局技巧

Windows版IE经常导致width与height的计算问题。有些方法可以解决此问题,但如果母元素需要指定高度与宽度时,最好能够在母元素之内的子元素套用margin,或者当...ing以达效果。

该用多大的字

将来电脑的大显示屏会越来越普及,并且从现在web设计作品中能观察到两点趋势:页面布局普遍更宽; 页面内容文字普遍更大。

艺术与视觉设计批判---用户

艺术与视觉设计的区别在哪儿?在于服务的对象不同?目的性不同?实现的途径不同?我们不妨大胆的抛出言论:它们的区别在于“用户”不同!

标志设计中色彩的运用

色彩与眼睛的重要性就象我们的耳朵一定要欣赏音乐一样,很难想象如果在一个没有色彩世界里,将会是什么样子?色彩能唤发出人们的情感,能描述人们的思想,因此在LOGO设计里,与所有的...色彩是很倍受关注的。

为什么企业需要一个标志

标志是企业品牌视觉形象的核心,不仅仅应该看起来漂亮,一个成功的标志更要具备塑造企业品牌形象的功能目标。你的品牌形象从开始建立就需要一个精炼的、鲜明、难忘的标志。从标志的色彩到...,少走弯路。

色彩与视觉的原理

光色并存,有光才有色。色彩感觉离不开光。 自然界的物体五花八门、变化万千,它们本身虽然大都不会发光,但都具有选择性地吸收、反射、透射色光的特 性。当然,任何物体对色光不可...的黑色或白色。

弹性流体布局

标签水平右对齐更适合中文网站

找了国内30个比较著名的网站的注册表单做样本,对标签和输入区对齐方式做了统计,得到了一个结论:标签水平右对齐更适合中文网站,或者说右对齐更适合中文的表现。设计师们闲下来后最大...的设计里融入新元素。

关于"反馈提示"的交互设计

反馈这个词儿其实是控制论的基本概念,泛指发出的事物返回发出的起始点并产生影响。在信息交互过程(输入输出)中,它是一种界面输出物,用以提醒信息输入者他的操作结果。它有很多种形式...理位移(如震动)等。

视觉设计常见的3种误解

视觉设计师在特定产品领域或职业生涯中会面对各种困难,但有三种误解频繁发生: 视觉设计是美化产品; 突出显示能改善视觉设计; 可以分割评估视觉设计。

屏幕分辨率和布局简述 (二)

也有人说到了网页布局中使用黄金分割率的原理。黄金分割率的概念大家都知道。下面我引用一段非常专业的解释:“黄金分割最早见于古希腊和古埃及。黄金分割又 称黄金率、中外比,即把一根...叫黄金分割。

屏幕分辨率和布局简述(一)

1. 屏幕分辨率和布局的定义、2. 现行主流使用的屏幕分辨率和布局与用户体验的关系

网页设计如何突出专业、美观

一进入网站的首页,仅从界面上就可以轻易的识别出专业和非专业的区别,那么怎么才能让网页设计的专业、美观?这就要涉及到美术的一些基本常识。首先网页风格的形成主要依赖于网页的版式设...与文字的组合形式等。

网页设计之道

道之于90年代恰如禅之于70年代。事无巨细,皆可受之道,或推之道。Web 设计之事,虽小技,然而通览道德经,我们仍然会发现其中包含深刻的道理。道是哲学,象佛,是一种生活与处世...涵盖了人类的经验

网站首页设计的艺术处理

主页的设计主要是网页设计软件的操作与技术应用的问题。但是,要使主页设计、制作得漂亮,必然离不开对主页进行艺术的加工和处理,这就要涉及到美术的一些基本常识。本文将介绍一些主页设...作的时候参考。

什么是用户体验设计

“用户体验”(user experience,UX)这个术语已被广泛流传,但很多企业都没弄清楚它到底是什么以及它对企业自身的成功有多重要。 用户体验设计并非……

网站建设-便宜的害处

在用户打开网站后,网站给访问者的第一印象非常重要,这直接决定着访问者是否能转换为你的客户,因此网站的设计的美观度是非常重要的。

遵循DIV+CSS设计 更好实现SEO效果

DIV+CSS设计的网站是按照W3C标准的,如果一个站点完全是CSS+DIV制作的,那么你网站的SEO(搜索引擎优化)工作已经完成了30%!为什么会这么说?SEO其他方面在哪好,请接着我的思路往下看:

网站的视觉设计

logo、文字、广告、内容图片、icon、可点击(button)、背景图片、图文排版、当前状态、交互控件、loading、用户反馈_ 成功、出错、提示、无结果、动画效果、首尾...设计样稿、页面、阅读

国际最新LOGO设计趋势总结

趋势之一 —— 可爱星形、趋势之二 —— 混合、趋势之三 —— 爆裂/迸发、趋势之四 —— CMYK、趋势之五 —— 火焰、趋势之六 —— 条状球、趋势之七 —— 编织、趋势... 热狗(香肠)形

香港地区视觉艺术的发展现状(2)

3、《香港视觉艺术年鉴》的编撰

香港地区视觉艺术的发展现状(1)

1、香港艺发局与康乐及文化事务署扶持与开展视觉艺术活动、2、香港艺发局对视觉艺术的资助

英国视觉艺术发展现状(2)

英格兰艺术理事会是英国的国家艺术发展机构,其资金主要来源于政府和国家彩票基金。英格兰艺术理事会通过向艺术组织提供常规资助、艺术津贴、全国巡回展和战略上的主动等手段来扶持视觉艺...于2005年秋公布。

英国视觉艺术发展现状(1)

根据英格兰艺术理事会(Arts Council England)对“视觉艺术”的定义,视觉艺术包括当代艺术实践、艺术家的移动影像、建筑、工艺、现场艺术(live art)、新...艺术及文学相行并提。

何谓视觉艺术(二)

创造(create)、表情特征(expressive features)、观念(ideas)、感知(perception)、过程(process)、结构(structures... problems)

何谓视觉艺术(一)

视觉艺术(visualarts):一种广义的范畴,包括传统美术(诸如素描、绘画、版画、雕塑);传播和设计艺术(诸如电影、电视、图形制作、产品设计);建筑和环境艺术(诸如城市设...其他材料的艺术制品。

视觉艺术传达

视觉传达设计是文化的综合展现,它不仅满足人实用的基本需求,反应人类与自然共处的因应之道,并且表现了人类文明的人文、艺术和科技的成就。视觉传达设计是艺术的表露,也是技术的展现,...中的各种文化现象。

视觉艺术

视觉艺术是用一定的物质材料,塑造可为人观看的直观艺术形象的造型艺术,包括影视、绘画、雕塑、建筑艺术、实用装饰艺术和工艺品等。造型手法多种多样;所表现出来的艺术形象既包括两维的...艺术等视觉艺术形式。