<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>体验细节 &#187; 设计</title>
	<atom:link href="http://ucd123.cn/Tag/%e8%ae%be%e8%ae%a1/feed/" rel="self" type="application/rss+xml" />
	<link>http://ucd123.cn</link>
	<description>以用户为中心，抓住细节才能抓住用户</description>
	<lastBuildDate>Sat, 03 Jul 2010 07:55:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>设计中的色彩：灰色</title>
		<link>http://ucd123.cn/2010-04-shejizhongdesecaihuise/</link>
		<comments>http://ucd123.cn/2010-04-shejizhongdesecaihuise/#comments</comments>
		<pubDate>Thu, 22 Apr 2010 06:36:26 +0000</pubDate>
		<dc:creator>岸边</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://ucd123.cn/?p=856</guid>
		<description><![CDATA[译自：Color In Design: Gray 中文：设计中的色彩：灰 色 原作者：Jennifer Farley 请尊重版权，转载请注明来源！ 在这个系列中，我们差不多了解了彩虹中的每一种颜色及其在设计中的应用。在这篇中，我们将讨论一下七彩之外的色彩，让我们看一下灰色。灰色是一个平 稳的、中立的色彩，它在网页设计中非常漂亮。它不会激发非常强烈的情感(或许除了一种不好的心情)，而红色、橙色或者紫色则会。它不像黑 色那么鲜明，但是一个非常暗的灰色可以做同样的事情。同样非常浅的灰色又不像白色那么死板，而且有的时候它还可以填补白色占据的空间。 灰色有正面和负面的含义。&#8220;灰质(Gray matter)&#8221;会联系到智商与脑力。不过好像灰色的贬义词比较多，&#8220;灰色&#8221;本身就被用于描述一些暗淡和单调的东西，比如灰色地带、灰姑娘、灰心等。公司 中常常是清一色的灰色西装。灰颜色的名字包括炭灰色、炮铜色、粉灰、苍白色、铅灰色以及蓝灰色。 设计中的灰色 使用灰色很难会犯太严重的错误。它好像可以和任何色彩搭配。由于它的中立性，它常常被用作背景颜色。它可以让其 它色彩突出。正如前面提到的，你可以使用浅灰色替代白色或者用暗灰色替代黑色。要想得到一个更暖的更有泥土气息的灰色，使用灰褐色，它是一种带浅灰色的褐 色。 使用灰色和柔软的粉 色可以产生一种女性的感觉，而暗色搭配灰色可以产生更男子汉的感觉。暗灰和红色或橙色是一个特别吸引 眼球的组合。请欣赏下面的电影海报： 灰色常常被用作作品集的背景色(无论是在线的还是离线的)。它允许照片、插画或其它的色彩元素走到最前面同时为作品集提供一个坚实的支柱。让页面中 的大部分布局使用灰色几乎可以使背景消失，从而使其它颜色的颜色真正的凸显出来。 使用灰色的网站设计 灰色无论是作为背景颜色还是标题或者主字体颜色都很流行。这里是一些使用灰色的几个很不错的网站设计。 另外，灰色是极 简主义网站设计的首选色彩，这类网站通常(当然不是全部)会选用浅灰色作为背景色彩，然后选用深灰色作为主要的字体颜色。 Ok Cog Aoke Digital Podge 2009 Eilersen Christopher Meeks Broader Sheet Ricardo Gimenes Ectomachine Jeff Finley Nokia Music Almighty 相关话题：设计中的单色运用&#160;源地址：http://www.qianduan.net/color-in-design-gray.html 网友还看了相关的2009年11月11日 -- 翻转页面导航 (0)2009年11月5日 -- 支付宝lab logo设计创意发想 [...]]]></description>
		<wfw:commentRss>http://ucd123.cn/2010-04-shejizhongdesecaihuise/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>翻转页面导航</title>
		<link>http://ucd123.cn/2009-11-fanzhuanyemiandaohang/</link>
		<comments>http://ucd123.cn/2009-11-fanzhuanyemiandaohang/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 14:17:14 +0000</pubDate>
		<dc:creator>岸边</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[UItrends]]></category>
		<category><![CDATA[导航]]></category>
		<category><![CDATA[应用]]></category>
		<category><![CDATA[模式]]></category>
		<category><![CDATA[翻转]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[页面]]></category>

		<guid isPermaLink="false">http://ucd123.cn/?p=314</guid>
		<description><![CDATA[在UItrends上看到一个新的导航趋势的应用：翻转页面导航。其实这个早期一直是photoshop表现视觉效果的手法，就像kate曾经提到过的，这种效果仅仅用来代表视觉隐喻，没有什么实际内容。 早期由于这种设计只有一种固定的模式，缺乏动态效果，另外冗余的样式对页面的加载速度也有不小的影响，其应用并不广泛。后来随着带宽的提升和web应用的多样化，这种表现手法被越多地方用到交互应用中，在形式上类似于开关的切换，而在功能上实现了两个tab页的跳转（只不过其中一个tab被弱化或隐藏起来）。它的交互缺陷为：只有用户点击了以后才知道页面下面隐藏的内容。 在什么地方使用这种导航形式呢？下面谈谈我的理解：（为了区分，暂且把显示在页面上的叫tab1，隐藏在下面的页面叫tab2） 1.在展现信息上，tab1显示的优先级一定高于tab2，而且tab2所实现的功能一定是建立在tab1的内容之上的－－通常作为附加应用（高级应用）而存在。 07年的yahoo注册就使用了翻转页面，点击右上方的翻转tab可设置进行密码保护设置（基于登录的安全性扩展）。 2.强化该功能，吸引用户关注更多的信息。在tab2所呈现的内容较多时，tab1下单屏显示会造成页面布局拥挤，用这种导航方式不仅能视觉上引起注意，还解决了新的合理布局。同时需要注意的是，这种导航仅使用于比较简单的页面，强化的重点一个足以，否则将会产生视觉噪点。 Chrome Themes 上线以后，改版页面最大的亮点就是下方那个卷起来的页脚，让人禁不住想点进去看看。这也能看出来google把Themes这个功能作为重点推荐的战略意义（对Chrome 倒感觉不出没什么，对Chrome OS 的意义就完全不一样了），估计以后也会搞得像iGoogle 的主题一样，做成开放性的库， 让全球不同的艺术细胞自由交流&#8230;有点跑题了&#8230; 点进去后的主题页面。 3.移动平台应用等。 iphone上的google maps应用以及Slashdot.org也将赞助商链接放在投票上。 相关话题：导航设计 源地址：http://lovelyrosa.blogbus.com/logs/50829703.html 网友还看了相关的2010年04月22日 -- 设计中的色彩：灰色 (0)2010年01月9日 -- 展望：2010 Web 设计应用趋势观察 (0)2009年11月10日 -- 新版LinkedIn：改进导航栏，主页更简洁 (1)2009年11月5日 -- 亚马逊购物的用户体验分析 (2)2009年11月5日 -- 支付宝lab logo设计创意发想 (1)2009年11月5日 -- 日本设计见闻录(上) (0)2009年11月4日 -- 改版，可以让设计先行 (0)]]></description>
		<wfw:commentRss>http://ucd123.cn/2009-11-fanzhuanyemiandaohang/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>支付宝lab logo设计创意发想</title>
		<link>http://ucd123.cn/2009-11-zhifubaolablogoshejichuangyifaxiang/</link>
		<comments>http://ucd123.cn/2009-11-zhifubaolablogoshejichuangyifaxiang/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 16:35:48 +0000</pubDate>
		<dc:creator>岸边</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[LOGO]]></category>
		<category><![CDATA[创意]]></category>
		<category><![CDATA[实验室]]></category>
		<category><![CDATA[支付宝]]></category>
		<category><![CDATA[支付宝LAB]]></category>
		<category><![CDATA[方案]]></category>
		<category><![CDATA[淘宝]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[设计师]]></category>

		<guid isPermaLink="false">http://ucd123.cn/?p=230</guid>
		<description><![CDATA[支付宝lab的意思是支付宝实验室，也就是概念产品聚集地，可以让用户快速试用这些新产品。本次支付宝lab logo设计历时一个星期，视觉设计组成员群策群力，从创意发想，初稿试水，到最后的成稿执行都凝聚着每一个成员的智慧。 以下是创意发想阶段的线描草稿 在创意发想阶段，我们共同提出了灯泡，电池，龙舟，瓶子，灯丝，化学，七巧板这几个方案。每一个方案的执行又有几个不同的变形，比如电池的充电方式可以表现成尾部新加电池充电或者将支付宝三个字看成三个电池同时为这三节的正极充电。又如在七巧板方案中，我们出了两套方案，分别是以lab做七巧板和以支付宝这三个字作为七巧板。   以下是根据草稿进一步细化的设计稿 在设计过程中大家都学习到了以下设计技巧和方法： 设计logo时会特别留意缩小后的显示效果（比如龙舟的方案缩小后会看不清楚）； 元素切忌过多堆叠使用（比如七巧板不宜过多，保持七个即可）； 线条不必过于拘泥于原字体，可以根据设计需要灵活变化（比如最终灯丝方案的设计，lab这几个字可以稍微胖一点，流动一点以符合灯泡的造型）； 做到清晰突出重点（例如电池的L表达起来不是很容易显得清晰和突出）。 综合以上的这些考量因素最终决定使用灯丝的logo设计（见下图）。该设计创意十足，同时兼具实验室元素，执行结果也显得得十分可爱和清晰。 这只是一个开始，相信UED视觉小组成员经过本次活动能够越来越多的参与到更多创意活动中来。用自己的力量营造UED的创意氛围，也让我们的用户眼前一亮！ 源地址：http://ued.alipay.com/?p=1222 网友还看了相关的2010年01月6日 -- 象素画の初体验 (0)2010年04月22日 -- 设计中的色彩：灰色 (0)2010年01月27日 -- 脆弱的用户体验 (1)2009年12月24日 -- 又见淘宝广告 (1)2009年12月24日 -- 网页设计师是怎样下地狱的 (0)2009年12月18日 -- IDEO以人为中心的设计工具包一【介绍篇】 (0)2009年12月14日 -- 轻设计，让网站灵敏轻便的6个技巧 (0)2009年11月16日 -- 香港的设计师 (0)2009年11月11日 -- 翻转页面导航 (0)2009年11月5日 -- 日本设计见闻录(上) (0)]]></description>
		<wfw:commentRss>http://ucd123.cn/2009-11-zhifubaolablogoshejichuangyifaxiang/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>日本设计见闻录(上)</title>
		<link>http://ucd123.cn/2009-11-ribenshejijianwenlushang/</link>
		<comments>http://ucd123.cn/2009-11-ribenshejijianwenlushang/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 16:35:00 +0000</pubDate>
		<dc:creator>岸边</dc:creator>
				<category><![CDATA[行业体验]]></category>
		<category><![CDATA[中国]]></category>
		<category><![CDATA[产品]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[日本]]></category>
		<category><![CDATA[环保]]></category>
		<category><![CDATA[见闻]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://ucd123.cn/?p=235</guid>
		<description><![CDATA[将本次日本自由行中有趣的设计整理了一下，分为衣购、食、住、行四部分。本篇将介绍前三部分。 东京是绝对的购物天堂，会让血拼族彻底疯狂。撇去商品极大丰富不说，购物环境也是非常赞。试举两例——   LOGO设计 公车站牌很可爱 地铁站看到的森大楼（主建筑）像素画 六本木Hills是 著名的“都市更新”计划之一。这个大型的购物区域，集中了办公场所、商场、餐厅、美术馆、咖啡店、电影院、酒店（蔡国强设计的入口）、朝日电视台、露天剧 场，以及公园。这已经不仅仅是商业味十足的血拼区，而是融入了丰富文化元素、有内涵的大型建筑。而公园和优美的散步道，使之成为任何普通人也能“消费”的 公共空间。除了有前卫的建筑设计，服务和设施也非常人性化。从免费派发的指南就能看出来——导航之巨细无遗，可及性（accessibility）之高，让人折服。 Keyaki Zaka， 榉树坂华丽大道，是东西长400米的林荫大道。两旁是顶级名店、老字号餐馆以及咖啡馆。大道上还有十位艺术家设计的、风格各异的椅子供路人休息。 1. 主体建筑依山坡而建，风格各异但整体和谐。 2、3、4. 名艺术家们设计的椅子。其中3是伊东丰雄的作品《波纹》 京都，著名的古都。但是进入京都的门户——京都车站， 却充满现代意味。它是建筑师原广司的代表作，包括酒店、百货、购物中心、电影院、博物馆、展览厅、地区政府办事处、停车场等。虽然这并非“景点”，却吸引 我逛了好几小时——深为这座公共建筑的创意折服。处处可见设计的用心，但毫不张扬，以不断给人惊喜的方式让你留下深刻的印象。 空中植物园，喇叭还会播放轻柔的鸟叫声。可以看到不少白领来这里休息。 几何感十足的围栏。 夜晚的车站中庭，非常有未来感。 京都车站将另撰文详述。 除了购物场所设计足够赞，商店又是一大亮点。最突出的特点是：尽最大可能差异化。通过设计——从概念到产品到包装——使店铺/品牌与众不同。 在东京著名景点浅草寺外有一条著名的仲见世通步行街，都是些老字号。由于这些店都有各自的定休日而不是集中在一天休息，就可能出现一条街上某几家店没开的情况。但他们不会让来者失望，在紧闭的大闸上画上极具风情的画——而且我找不到一幅是相同的！ 如果说这只是“门面工夫”，到了高山市、白川乡、京都，更让人体会到日本人有多么强调原创、个性化。篇幅有限，请关注日后的游记。 在 商品开发方面，日本人很爱的一个概念是“限定”。如季节限定（上图2，名曰专为男性设计的巧克力饼干棒、梅子口味的百利滋），地方限定（上图3，东京特产 香蕉巧克力）。当然，商品的包装是很重要的一环。每家店铺都会使用自家的包装纸、包装袋（上图1），绝对不雷同，让你回家拆纪念品时，也会想起小店的美好。 坦白说，日本菜的烹饪实在不敢恭维。但是食材太新鲜美好了！牛奶那个甘甜，番茄那个甜美。可惜的是，日本物产不算丰富（尤其跟中国比），他们弄来弄去五花八门的渍物（图1），其实就是咸菜。而之所以要摆弄咸菜，就因为没啥新鲜菜，只能变着花样搞搞萝卜啊酱瓜啊。 但是日本菜为啥远销海外后都是高档菜系？例如在美国，一提chinese food可能第一反应就是电视剧上常见的外卖面条、宫保鸡丁，还有黑人和老墨等贫下中农特别爱吃的中式自助餐。但是日本菜往往贵价、高档，在中国也一样。 明明烹饪水平低还能高档？恰恰正是日本人懂得在吃上设计：从用餐环境到餐具器皿，从食物摆放到造型。所以尽管吃下去觉得不过尔尔（生吃那些除外，那些就图 个鲜），你也会觉得是一种美好的用餐体验。 在大阪，我们在连锁快餐店松屋牛肉饭吃了一顿，见到这个自动贩卖机。食客必须先通过这台机器买食券，交给服务员后他端给你。服务员并不也不能够直接收钱。免去收银缓解后，大约2、3人就能打理整个店，效率奇高。 上方大色块表示饭或套餐，下方是追加的单品，如鸡蛋、沙拉、饮料等。 先放钱，再选餐，然后领券、找零。 全貌。 在日本，自动贩卖机可谓俯首皆是（对于我这种嗜咖啡者实在是一大方便）。由于竞争激烈，各公司都会花尽心思。比如新推出的单品，陈列时会做立体特效吸引眼球。 临走在机场免不了买些特产，选择是非常丰富的，而且包装超会搞（小馒头还能弄个八景）——尽管实际上就是些糯米团子。不禁想到江浙一带那些包装差劲，摸起来还油腻腻的苏式糕点。其实可能更好吃，只是我们不会设计不会弄。 在日本的7个晚上，有3晚住民俗，4晚住酒店。民俗是最普通的榻榻米，所以很便宜，但是被铺很舒服。酒店一大特色是，都会备好日式浴袍一件。另外，酒店的AV节目单让人印象深刻，表格很复杂，设计很到位。 第一晚在酒店洗完澡出来，我以为遇到灵异事件——一大块玻璃，竟然有一长方块丁点雾气都没有！后来想到是为了免除客人自己抹玻璃的麻烦，故意在一部分玻璃后装了加热板，使雾气无法形成。实在很周到。 马桶都可以洗屁屁（从两个方向），还可以自动除臭、清洗，自动热马桶圈。 实名制的打扫制度，增加工作人员的责任感。 临走在地铁站闲逛，发现一家10分钟1000日币（约人民币70多块，但这个价格在日本是非常便宜的）理发店。设计很有趣。后来查了查，这个QB HOUSE很有名哦，香港也有分店，而且其商业创业获过大奖。 1.转筒灯颜色代表现在入门需要等候的时间。 2.简明清晰的流程示意图。 3、4.图解理发全过程。 5.等候着的人们。 日本人环保意识非常强烈，也正因此，他们拥有极其干净的环境、水、空气、食物。关于一些我没有看到的细节，可以参考中国城市陷垃圾处理困境对日本的介绍。 超市外的牛奶盒、塑料瓶、塑料盘回收桶。 无印良品的果汁及其回收指引。 ————完————— [...]]]></description>
		<wfw:commentRss>http://ucd123.cn/2009-11-ribenshejijianwenlushang/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>改版，可以让设计先行</title>
		<link>http://ucd123.cn/2009-11-gaibankeyirangshejixianxing/</link>
		<comments>http://ucd123.cn/2009-11-gaibankeyirangshejixianxing/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 12:18:52 +0000</pubDate>
		<dc:creator>岸边</dc:creator>
				<category><![CDATA[网站体验]]></category>
		<category><![CDATA[产品]]></category>
		<category><![CDATA[改版]]></category>
		<category><![CDATA[策略]]></category>
		<category><![CDATA[网站改版]]></category>
		<category><![CDATA[设计]]></category>
		<category><![CDATA[颜色]]></category>

		<guid isPermaLink="false">http://ucd123.cn/?p=166</guid>
		<description><![CDATA[参与过很多次的改版。但这次的尝试是觉得比较成功的一次。 一个大新的网站，在新的内容、功能架构还没有正式出来之前， 界面设计可以提前模拟出未来。 在4个月前，我们做了一套网站可视化系统配色提案（节选）： 前言 汽车生活是丰富多彩的，几乎包含了世界中的所有颜色， 红绿灯是汽车生活的典型元素，蓝色也在交通指示牌中被经常使用。 颜色与心理暗示 不同的颜色搭配会有不同的心理暗示， 这一些暗示的产生是因为生活中的景物对心理认知的影响： 颜色与产品对应、区分 我们尝试将颜色、以及心理感受和我们不同的产品属性对应起来， 以让网友更容易的理解自己的在网站中的位置。 将颜色应用到不同产品中 红、黄、绿，3中颜色在整个页面中起到点缀作用，更多的背景色、主色调是蓝色， 我们尝试A、B、C，3种不同的蓝色与红黄蓝的搭配。 前期界面模拟原型方案： 1 2 3 让设计先行，很好的控制了后期的界面设计工作的走向。 每个频道根据自己的属性进行设计，很少出现领导，产品经理，部门内部关于设计的多余讨论。 沟通成本降到最低。 严格的控制下，最后的结果还是让人满意的：易车网新版。 相关话题：网站改版 源地址：http://hi.baidu.com/ui88/blog/item/d07ab402a8158b054afb512b.html 网友还看了相关的2009年11月5日 -- 日本设计见闻录(上) (0)2010年04月22日 -- 设计中的色彩：灰色 (0)2009年11月11日 -- 翻转页面导航 (0)2009年11月7日 -- 美国排行前25名的网站CNN.com 将彻底改版 (0)2009年11月5日 -- 亚马逊购物的用户体验分析 (2)2009年11月5日 -- 支付宝lab logo设计创意发想 (1)]]></description>
		<wfw:commentRss>http://ucd123.cn/2009-11-gaibankeyirangshejixianxing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
