December 1, 2008 at 5:55 pm
· Filed under 劳动菇

“如何来吸引更多才华横溢的人才?”
这个世界每天都在进行着太多变革。很多时候,我们都努力让自己用理性和数据来说明问题。
可是我们发现背后还有股无息的力量,理性和数据无法丈量。
商量了一下,我们决定讲个故事给大家。
描述在UED的真实生活,把每天经历平淡而有趣的生活拼凑起来,发现大家真诚的面孔背后有太多独特的品质熠熠发光。
这,是我们最大的财富。
于是,我们只用了四个工作之余的时间来完成了这个故事,让每个朋友了解这里的真实生活。
却也正是在这样平淡的故事中,回答了开头的问题。
故事依然在进行中,淘宝UED留好了位子给你…
最后,附上这则小广告的致谢名单,让我们默数他们。
“策划&编剧&文案&视频后期”:在天
“主演”:小马
“监制&统筹”:语凝
“艺术指导”:宗羲
现场分享:飞飞
文案翻译:晓荷
手绘插画:健刚
Flash技术:天行
前端开发:明城
Permalink
October 7, 2008 at 1:19 am
· Filed under 劳动菇
在整个产品设计的过程中,视觉设计与交互设计的“工序”非常紧密,两者关系也是相辅相成,互相影响。而视觉界面作为最直接与用户交流的层面,如何把交互设计以良好表现形态展现给用户,这里主要集中探讨视觉在提升交互的可用性方面的作用:
1.提升可浏览性
2.精确与高效地传递信息与任务
3.贴合用户的心智模型
4.让交互富有情感
1.提升可浏览性:
1)信息结构的良好表现
视觉设计在对交互的帮助中,首要满足对产品与交互信息结构的展现,展现信息的清晰可读性,然后才是品牌,情感的传达。视觉语言可以通过分层,分类,对比等语言手段对产品概念及信息进行处理。
例:
pic.01

pic.02





对上面两图进行对比,同样都是文章详情页面,相信没有多少用户在浏览pic01时能快速准确地知道网站想给他什么信息,或者让用户做什么。信息主次的分布,层级,色彩,均无做好有效分布,用户一边迷惑,一边迷路。而pic02对内容按主次程度来划分,最重要的文章详情信息一目了然,结构有序,条理清晰。
我们能感受到视觉语言的有效干预,能对信息结构的展现起到很大的帮助作用。 Read the rest of this entry »
Permalink
October 6, 2008 at 7:22 pm
· Filed under 劳动菇
我们经常会遇到视觉界面设计无法衡量好坏的问题,其实简单来总结一下,可以从以下6个大方面来判断:
一.视觉有否正确传达出产品/交互意图
视觉界面设计,不是单纯的图形设计,而是整个产品设计中的一个步骤,要在理解和遵循产品概念的基础上,
参照目标群体心理模型和交互意图进行视觉设计,并且视觉设计要达到用户愉悦的目的。
二.布局
用户所接触到的网站/产品的界面,是一个平面,我们通过信息结构组织,主次内容归纳和区分,通过布局,
给用户浏览阅读的线索。
*版面布局(栅格系统 网页浏览模式)
—-以规范的栅格系统部署的界面,信息呈现清晰易读;对前端开发更具规范与灵活性。
—-网页浏览模式如“F”型模式,等,能帮助了解用户浏览和关注度特征,用依据来做视觉设计。
*层次感
—-视觉界面设计犹如美妙的歌曲一样,需要节奏和韵律感,通过层次来营造。
*留白/间距
—-有助于减少用户的认知负荷,使界面富有呼吸透气感。同时增强界面层次的结构与划分,是界面精致度
体现的重要元素。
三.信噪比(SRN)
简易浅显来说,是视觉界面上有效信息与干扰信息之比。
信噪比越高,有效信息越突出。
四.风格
风格是通过一系列视觉元素表现出来的,能体现品牌和产品情感化感受的视觉语言。
同个网站/产品/界面的视觉风格要一致,可以通过视觉规范,DPL,淘斯基等来进行规范。
五.色彩运用
*色彩经济
—-在同个网站/产品/界面的视觉设计中,建议主色不超过3种,以保证颜色及其赋予的值能被有效识别和理解。
*色彩赋值
—-把色彩看成资源,严谨赋予他合适的值,并保证统一的运用。
六.字体设计
同一界面中的字体及样式不超过3种,赋予每种字体样式值。
字体的对比度要清晰,便于阅读。
解决问题的方法肯定是越多越好,希望大家有更好更多的设计方法一起交流共享!~
Permalink
August 10, 2008 at 11:17 pm
· Filed under 梦游菇
白色的帽子
… …
“这是柠檬的味道吧?”
从护城河畔上来的一位绅士,问了一句。
“不,是夏桔的味道。”
信号灯变成了红色,司机松井踩下刹车,笑嘻嘻地回答道。
今天是六月初的一天。
夏天好像突然就开始了,一个炎热的日子。松井和乘客都把白衬衫的袖子,卷到了胳膊上。
“嗬,原来夏桔这么清香啊!”
“才摘下来的。昨天,乡下的母亲用快递给我送来的,是想把这股子清香都送给我吧!”
“嗬嗬。”
“我太开心了,就挑了一个最大的,放到了车上。”
信号灯变成了绿色,车子一齐开动起来。在这条大马路上拐了一个弯,松井的车驶进了一条窄窄的后街小巷,绅士下了车。
正要踏油门,松井吃了一惊。
(哎呀,一顶小帽子掉到了车道的边上。离车道那么近,要是再来一阵风,就被车子给压扁了!)
摇曳的绿色柳树下,孤零零地躺着一顶可爱的小白帽子。
松井下了车。
他捏住帽子往上一提,有个什么东西“呼”地飞了出来。
“哎?”
是一只白粉蝶。
松井连忙挥着帽子去捉,可眼看着那只白粉蝶飞啊飞啊,愈飞愈高,飞过了一排高高的绿树丛,看不见了。
(啊呀,是谁特意扣在这里的吧?)
帽子的里头,还用红线绣着一行小小的字:
… …
Permalink