{{sellerTotalView > 1 ? __("sellers", {number: sellerTotalView}) : __("seller", {number: sellerTotalView}) }}, {{numTotalView > 1 ? __("items", {number: numTotalView}) : __("item", {number: numTotalView}) }}
free FREE

Change Your Zip Code

Inventory information and delivery speeds may vary for different locations.

Location History

{{email ? __('Got it!') : __('Restock Alert')}}

We will notify you by email when the item back in stock.

Cancel
Yami

Jingdong book

腾讯网UED体验设计之旅(全彩)

{{buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start")}}

腾讯网UED体验设计之旅(全彩)

{{__(":people-members", {'people': item.limit_people_count})}} {{ itemCurrency }}{{ item.valid_price }} {{ itemCurrency }}{{ item.invalid_price }} {{ itemDiscount }}
Ends in
{{ itemCurrency }}{{ item.valid_price }}
{{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }}
{{ itemDiscount }}
{{ itemCurrency }}{{ item.valid_price }} {{ itemCurrency }}{{ priceFormat(item.valid_price / item.bundle_specification) }}/{{ item.unit }} {{ itemCurrency }}{{ item.invalid_price }} {{itemDiscount}}
{{ itemCurrency }}{{ item.valid_price }}
Sale ends in
Sale will starts after Sale ends in
{{ getSeckillDesc(item.seckill_data) }}
{{ __( "Pay with Gift Card to get sale price: :itemCurrency:price", { 'itemCurrency' : itemCurrency, 'price' : (item.giftcard_price ? priceFormat(item.giftcard_price) : '0.00') } ) }} ({{ itemCurrency }}{{ priceFormat(item.giftcard_price / item.bundle_specification) }}/{{ item.unit }}) Details
Best before

Currently unavailable.

We don't know when or if this item will be back in stock.

Unavailable in your area.
Sold Out

Details

Full product details
Editer Recommend

《腾讯网UED体验设计之旅(全彩)》出版之际,首先要感谢近40位大咖及体验设计团队的倾情力荐,他们分别是(排名不分先后):马化腾、柳冠中、陈菊红、鲁晓波、黄心渊、唐沐、陈妍、贾伟、莫康孙、伦洁莹、解建军、胡晓、雷海波、廖翔、黄峰、刘超、顾晓元、朱印、任恬、吴卓浩、张磊、王路平、魏东、马泉、隋涌、董景博、朱君、韩雪冬、张鹏、徐海波、郝华奇、网易研究院UEDC、三星电子研发中心UX体验部、搜狗桌面EDC、黄蔚、李明顺、牛MO王、陈晋涛。
这真的是一本获得重磅级专家联合力荐的重磅级设计类图书。
其次要感谢腾讯网UED团队的辛苦写作和积极修改,在《腾讯网UED体验设计之旅(全彩)》出版前,我和他们就书的内容、排版等进行了多次讨论,他们的高效率、幽默及充满朝气的工作氛围让我如沐春风。作为中国优秀的UED团队之一,他们写的书必须是高质量、高美感的,对图书版式、内容、图片的多频次更改,也展示了他们对《腾讯网UED体验设计之旅(全彩)》细节的重视,以及设计师独有的视角。该稿件的审读以及反馈工作可谓是热火朝天,稿件刚刚通过终审,我们便迫不及待做了两本假书来阅读和体验,送印之前,大家还在进行着最后一轮的讨论,当然,在设计师的眼中,修改无终点……直到印务老师果断叫停并送印。送印后的几个小时,所有人的心仍在颤抖……
《腾讯网UED体验设计之旅(全彩)》的内容有趣、热情、真诚,《腾讯网UED体验设计之旅(全彩)》的阅读让人惬意而又充满了美感,希望读者朋友也能与我有同样的感受。
话不多说,大家还是通过书来感受吧。

Content Description

《腾讯网UED体验设计之旅》是腾讯网UED的十年精华输出,涵盖了丰富的案例、极富冲击力的图片,以及来自腾讯网的一手经验,通过还原一系列真实案例的幕后设计故事,从用户研究、创意剖析、绘制方法、项目管理等实体案例出发,带领读者经历一场体验设计之旅。、
《腾讯网UED体验设计之旅》核心内容涉及网媒用户分析与研究方法、门户网站未来体验设计、H5技术在移动端打开的触控世界、手绘原创设计、改版迭代方法、文字及信息图形化设计、媒体产品的交互设计、大项目设计管理方法等。
《腾讯网UED体验设计之旅》是一本“干货”型读物,内容专业而真诚,案例具体而真实,图文并茂、印制精美。推荐广大设计爱好者、互联网设计从业人员、视觉设计师、交互设计师,以及用户体验从业人员参考阅读。

Author Description

任婕,腾讯网UED设计总监,腾讯网UED团队负责人,亲历腾讯网十年成长历程,见证了网络媒体发展的历史,拥有丰富的产品设计经验和用户体验设计团队管理经验,是业界专业的互联网产品体验设计专家。
腾讯网UED团队(QQ.COM User Experience Design)致力于提升腾讯网UX体验,坚持腾讯互联网产品“以用户为中心”的设计原则,主要负责腾讯网门户产品腾讯新闻、迷你首页、腾讯微博、腾讯视频、新闻百科信息图表及奥运会、世界杯、世博会、NBA官网等在业界影响深远的众多互联网产品。本着“在用户身边,为用户设计”的团队一准则,用专业的精神、细微的改善,每天给用户带来感动和惊喜。

Comments

★腾讯网成立12年以来,UED团队也伴随着它的发展而不断成长,很欣喜看到我们的UED团队能在互联网飞速变化的环境中做出快速、敏捷的反应,并不断地探索尝试,积累了很多用户体验设计、网页视觉设计方面的经验和方法。很高兴他们能以开放的心态,把这些经验和方法分享出来。书中有大量详实的案例,希望能对大家有所启发和帮助。
——马化腾(腾讯创始人、首席执行官)

★好的交互和设计,是互联网媒体产品不可言传的气质。
——陈菊红(腾讯网络媒体总编辑)

★用户体验是时下设计师和团队的关注热点,良好的用户体验是让用户爱上产品的关键。本书的可贵之处在于,腾讯网UED团队将其设计案例毫无保留地分享给读者,内容全面而具体,是腾讯网UED团队十年实战经验的积累和沉淀。
——鲁晓波(清华大学美术学院院长)

★这是一本内容详实且不失可读性的体验设计佳作。通过还原一系列真实案例的幕后设计故事,作者带我们共同经历了一段风光旖旎且时有惊喜的设计旅程。掩卷之余,心情愉快,收获良多,衷心祝愿每位读者都能从中收获思想、感悟与愉悦!
——黄心渊(中国传媒大学动画与数字艺术学院院长)

★如果你现在打开几大门户网站的首页并比较,你会发现QQ.com仍然是排版雅的门户。自2009年马化腾亲自参与,历经两年时间完成数十次方案更迭的大改版之后,这个中国浏览量极高的门户几乎已成为中国门户网站的设计标准,这和一直在幕后默默耕耘的腾讯网设计中心关系很大。在本书里,他们用大量案例详细描述了如何做好一个门户网站。在移动互联网和App盛行的今天,本书值得认真一读!
——唐沐(小米路由器事业部总经理)

★本书记录了腾讯网UED十年的成长和经验的积累。作为内容运营型的团队,腾讯网UED在对时间有极高要求的情况下保持了高质量的设计和源源不断的创意,并在互联网环境与技术的快速更新下保持研发的热情,引领潮流且成为了业界的标杆!这也是腾讯设计人的骄傲。如此有诚意的作品,推荐互联网设计从业者阅读借鉴。
——陈妍(腾讯CDC 负责人)

★好设计,源自对用户的理解,更依赖成熟的方法论及卓越的设计管理。本书深入探讨了用户体验设计的诸多方面,是设计思想的结晶,对很多设计师都裨益良多。本书不但详述了方法论、项目思考、流程和设计管理,更深入内部让大家了解其团队是怎样通过设计来创造价值的。团队的经验和思考,能帮助整个行业更快速地发展。
——贾伟(洛可可设计集团董事长)

★随着媒体环境、传播渠道的改变,创意方式和十年前相比已经有了很大的变化,传统创意人正在经历着一次数字技术的深刻洗礼,急需成功经验的引领。本书是腾讯网UED设计团队十年来非常齐备的实践总结和经验分享,让人爱不释手,强烈推荐!
——莫康孙(麦肯光明广告有限公司董事长)

★UX向来就是互联网设计的基本功、一步。在网站、移动、应用、游戏设计中,无论想法如何出色,内容如何精彩,忽略UX简直是自废武功。本书是腾讯网UED体验设计团队融合体验与美学设计而成的条理分明、内容丰富的分享,是一本很好的UED教科书。
——伦洁莹(LOWE睿狮广告传播董事长、首席执行官)

★UED从业人员是非同一般的人才,通过本书,我们可以看到腾讯网亲和而大气的设计是如何诞生的,更可以看到完成一个出色的UED设计需要具备怎样的技能。书中大量干货,读之兴奋!设计,不只是个技术活!
——解建军(东道品牌设计有限公司董事长)

★本书不仅记录了腾讯网大型门户网站的用户体验变革与设计分析,同时汇集了大量的设计方法与应用实战经验。深入阅读本书能够帮助你快速提升和掌握互联网媒体产品的设计方法和理论精髓,特别推荐给产品经理和设计师!
——胡晓(国际体验设计协会IXDC秘书长)

★这不仅是一本写给设计师们的好书,也适合每个设计从业者和相关行业的创业者阅读。书中介绍了很多腾讯网原创设计产品品牌的设计,为我们讲述了品牌设计的方法和品牌背后的故事,同时致力于用户研究及新闻阅读用户的大量数据研究,是一本不可多得的佳作。
——雷海波(中国工业设计协会理事、视觉中国创始人、太火鸟创始人兼CEO)

★如果你是一名认真且好学的设计师,那么强烈推荐你阅读《腾讯网UED体验设计之旅》。本书是汇聚了腾讯网70多名设计师的心血和经验的力作,它会让你更懂设计,更了解互联网的用户体验是怎样炼成的。
——廖翔(视觉同盟联合创始人)

★用户体验的发展依赖专业的积累和在商业、服务与产品层面的价值提升。在过去的十年里,腾讯网UED作为出色的国内互联网用户体验实践团队之一,一直乐于与业界分享其宝贵的实践经验总结,对用户体验行业整体水平的提升功不可没。
——黄峰(UXPA中国共同创始人&主席、唐硕用户体验创新咨询CEO)

★设计师是一个可爱、无私的群体,他们会愿意与你分享一切有意思和有价值的内容。本书记录了腾讯网UED大部分重要且经典的案例,很值得一读。
——刘超(百度用户体验部总监)

★一个脚踏实地而又求索激进的设计团队,一本细数平常而又颇感诚意的书籍。无论是行业变化、团队运作,还是专业意识、设计方法,本书都通过具体真实的案例不遮不掩地大方呈现,读起来明明了了却又倍感温情。
——顾晓元(阿里无线事业部UED团队专业专家)

★用讲故事的方法找到了设计方向,用逆向思维的方式寻到了关键词,用穿插的形式觅到了突破点。本书从大项目的管理到小细节的突破,从大屏幕的设计到小屏幕的转变,都体现了腾讯网UED独到的思维方式和设计方法。
——朱印(Rigo Design 用户体验设计师)

★本书内容讲解由浅入深,给广大设计师提供了非常好的示范案例和企业项目设计经验,有大量的干货,相信能让设计师们从不同的纬度了解到在商业公司里面,好的设计是怎样发起、完善并被合理执行的。在设计行业里,对设计师有用的好书真的太少,我觉得本书能给正在或希望从业的设计师们提供宝贵的经验和参考!
——任恬(小米科技MIUI设计总监)

★多年以来,腾讯网在产品用户体验方面做出的成绩有目共睹,其培养出来的人才也在各处桃李芬芳,其用户体验工作的经验总结、免费工具也一直是业界良心,本书作为腾讯网用户体验设计的全新结晶,值得被更多的人阅读和思考。
——吴卓浩(INWAY Design创始人、创新工场用户体验总监)

★如果你希望在媒体类产品的体验设计与用户研究方面有所了解,或者对运营类设计中的方法和技巧感兴趣,又或者想探寻腾讯设计师面对海量用户如何进行大型产品的设计迭代和流程管理,那么本书将会是一个不错的选择。
——张磊(联想公司设计总监)

★也许本书的封面并不会让你立即联想到其迷你首页所欲呈现的那种由繁化简的 MINIMALISM式体验,但如其所承诺的,这是一本“干货”型读物,涵盖了大量的H5案例。正因如此,它是“可读”式的。因在这个已然驾临的“微”时代里,宝贵的依然是除却科学论与方法论的、古典的、手工的、入微的及实践的生成与积累。
——王路平(阿里云计算用户体验团队设计总监)

★体验是产品的性格,体验是留住用户的理由,体验也是新设计的核心。腾讯网UED这次彻底把“体验”这个事情由浅入深地写在了纸上,将大理论落实到产品中,对“体验”这个词从多维度进行解释。用户分析、移动设计、手绘原型、主题设计、迭代方法、设计流程,这些中的每个维度都应是UI设计师去了解和学习的关键!
——董景博、朱君(UI中国设计平台创始人)

★本书内容基于腾讯网这个大平台,所以“体验设计之旅”当然是可以叫得响当 当的,从本书内容我们也能体会一二:针对用户浏览行为给出设计评估方法,针对触控潮流给出H5技术的应用与推广,等等,这些都是值得我们学习与借鉴的。
——韩雪冬(优艺客设计平台创始人)

★腾讯网UED团队是一个高水平的用户体验设计团队,拥有丰富的用户体验设计经验。他们从自己设计的完整案例出发,涉及用户体验设计领域的多种知识,涵盖了设计中的多个环节,内容丰富详实,是一本研究用户体验设计的出色书籍,适合用户体验设计师及对用户体验感兴趣的读者阅读。
——魏东(北京印刷学院设计艺术学院副院长)

★本书是腾讯网UED的十年精粹,涵盖了丰富的案例、极富冲击力的图片,以及来自腾讯网的一手经验。腾讯网毫不吝啬地与大家分享的精神值得我们推崇!这是一本不可多得的好教材,希望对学设计的同学与设计师有很好的启迪。
——马泉(清华大学美术学院视觉传达设计系教授)

★这是一本聚合了腾讯网UED团队多年项目实战经验,以典型案例阐述用户体验方法及理念的极具价值的专业书籍。书中案例涉及用户体验设计中的用户研究、交互设计、视觉设计、前端技术,以及跨屏设计、迭代设计、信息设计、设计管理等热点问题,值得在用户体验行业从事相关工作的广大人士阅读。
——隋涌(北京印刷学院设计艺术学院网络艺术设计工作室主任)

★这是一本不可不读的书,除了让我们更好地了解这些经典产品背后的设计思维,更有利于我们了解更多不同的方法论,感谢腾讯网UED的设计师们。
——徐海波(百度用户体验部高级经理)

★此书不可多得,值得设计师们入手,想进入腾讯工作的朋友更应该看看。优设,有幸见证了腾讯网UED这一路旅程,相信设计团队还会让我们在设计之路上看到更多的绮丽风景。为了干货,加油!
——张鹏(优设网创始人)

★设计是一个需要扎实投入的工作,腾讯网UED团队在工作中进行了非常有益的探索,他们把工作中用到的用户研究方法、设计技巧、项目管理经验无私地展现出来,比如针对体育赛事、游戏、媒体等不同内容特性进行的界面定制和思考,比如奥运等大事件项目的跨团队合作……大量详实的案例剖析让本书称得上是一本干货十足的佳作。
——郝华奇(华为终端UI设计部主管)
Catalogue

别急!让设计飞一会儿

01 我们的用户 3
我们了解用户吗 4
常用的用户研究方法 6
腾讯网用户研究全接触 17
设计目标与设计评估方法 34

02 下一代腾讯网为你而来 45
总要有人做出改变 46
门户网站的个性化时代 47
腾讯网为你而变 51
2015腾讯网新迷你首页诞生记 55

出发!开始你的UED之旅

03 从大屏到小屏 67
为什么要设计H5页面 68
H5可视化资讯报道在信息传播中的使用 70
H5互动游戏与媒体的结合 89
H5交互式动画界面的设计 103
从技术实现角度谈H5页面设计的几个注意事项 123
H5汇聚地―― “5汇” 127

04 手绘原型诞生记 129
从一张白纸开始 129
紧扣主题 137
脱稿案例 139

05 皮肤设计72变 145
腾讯网首页皮肤是什么 146
儿童节/圣诞节皮肤是怎么设计出来的 152
过大年!春节系列皮肤绘制方法 159
动态皮肤?就是这么动感 164

06 改版的迭代思维与方法 169
明确项目背景:频道为什么要改版 170
挖掘有效元素,传承产品的DNA 173
根据数据反馈来跟进迭代工作 177

07 主题型页面的设计创新 179
从页面布局开始思考 180
系列页面的设计 187
解构思维与再设计 197
从球技引发的设计思考 204
灵活的版式造就视觉盛宴 212
化繁为简――可扩展的设计 229

08 文字的力与美 241
娱乐,有你好看 244
体育,在腾讯也在现场 249
新闻,事实派 260
科技,简捷不等于简单 265
时尚,潮流前沿 267
各频道原创设计面面观,百花齐放 271

09 信息图形化设计 273
什么是图形化设计 274
钓鱼岛的前世今生 275
韩亚航空空难 282
移动端信息图形设计 287
信息图形设计总结 291

10 媒体产品的交互设计 311
让新闻故事动起来――某案件回顾 312
响应式设计――“大家”栏目 319
横向滚动页面――图片栏目“活着” 322

11 回归与想象力 333
设计团队如何推动一个项目的视觉体验升级 335

12 大项目的设计管理与流程 347
盛大之美―― 腾讯网络媒体大项目设计 348
好的弓箭手绝不轻易射出一箭――设计的准确性 350
设计里的职人精神――规范的建立 353
设计工具的重要性 357
如何让别人喜欢你――跨团队合作的“暴露设计” 359
看得见的彼岸 361

Book Abstract

灵活的版式造就视觉盛宴
在信息化社会的浪潮中,快节奏的生活让人们开始学会选择性关注。如何在纷繁的信息中引导用户?有没有科学的方法?这是当今设计师所面临的问题。界面版式的构成是信息传播的桥梁,也是视觉传达的重要手段。科学的编排技术,以及实用性与艺术性的合理运用,才能成就更快、更准确的信息传递。时尚频道作为腾讯网中更强调视觉呈现的频道,在运营的过程中通常有非常鲜明的案例。本节我们就从这些案例中剖析一些方式,来感受版面设计中的科学性和趣味性。
图片的排列组合
距离感
“距离”在心理上表示亲近的程度,亲近度减弱则表示变远,亲近度增强则表示变近。在排版设计中,同样也可以用距离的远近表现各部分内容之间的亲密程度。例如,通过调整各部分内容的间距,来表现各部分内容之间的关联性。但需要注意的是,过多不同的距离设定反而会违背区分其关联性的初衷。
接下来我们来看一下时装周秀场专题界面秀场图的展示部分。由于每场大秀为相同的层级关系,所以其图片排布采用了相同的距离来展现。利用距离进行明确的组别划分,将一类的图片进行整合,同时也缓解了图片繁多的压迫感。同时每场秀的权重是平等的,所以运用了相同尺寸的图片平铺设计,利用了组合图片的反复效果,带给用户信息充足而又凝练的印象。
而街拍的部分则运用大小不一的图片排布,通过主次关系的区分,突出独家看点的内容,同时图片的间距相同,代表它们仍然是从属于一个大环境下的平级内容,亲密度是相同的。
这里也运用了数学上的两个理论,对称与等比。
对称构图有左右对称与上下对称等形式。对称的构图方式能够给用户带来一种整齐安定的印象。在基本的对称形式上加入一些微妙的变化,也会给用户带来惊喜,就如同此案例在对称的基础上进行了垂直翻转的处理。在设计此版块的前期,需求方提出此版块的内容为自动调取,均为正方图。因此我们运用了等比缩放的图片处理,减少了后期维护的工作成本,调取一张图片后,简单的JavaScript代码即可实现将其运用在任何位置,并保证其达到要求的呈现质量。同时,通过图片大小的不同,明确了图片之间的主次关系。为避免尺寸类型过多带来的杂乱感,我们只设置了大、中、小三个层级的尺寸,并调整了其平衡关系。
由此可以推导更多的呈现形式,把这种等比递进展现的方式运用在单品抠图的排布方式上也会有不错的效果,其对称和缩放的原理是一致的。如同下面两个例子,虽然呈现的形式为抠图的单品,但其尺寸的层级实则仅为两个层级,同时版式的排布也采用了对称的形式,因此还是有规律可循的。
而接下来的两个例子则更加讨巧,图片尺寸虽然只有一个层级,但却因为菱形的分割显得灵动独特。
节奏感
节奏是指在自然、社会和人的活动中,与韵律结伴而行的有规律的突变。如音乐快慢激烈缓柔、美术韵律、文学作品铺垫高潮结尾等。在版式的处理上,节奏也是一个重要的元素。
通过重复有规律的形式,可以让用户感受到某种节奏。就如同下面的例子,图片的排布始终遵循着“上下上下”的摆放原则,灵动且有规律可循。
同时,由于这个例子运用的图片形状为矩形,因此我们又要引申一个数学的规则:黄金比例。黄金比例是一个定义为( -1)/2的无理数,它被运用的层面相当广阔,例如数学、物理、建筑、美术甚至音乐。这个古老的数学方法所拥有的魔力在实际中屡屡发挥着我们意想不到的作用。按照1∶1.618的黄金比例构成的矩形,也被认为是最理想的矩形比例。一种广为流传的说法是,比黄金比例更细长的矩形是一种端正的、女性的图形;与之相反,随着它逐渐趋向于正方形,这个矩形就会变得更加男性化。这作为一种设计参考,还是值得借鉴和尝试的。
接着来说节奏的应用。除了规则的形式重复以外,如果在一系列节奏中加入某些不同的要素,那么构图就会发生变化,这个与其他部分不同的要素就会成为页面中的重点内容,构图也会变得更加生动灵活。
当然还有一种更为随性的版式节奏,即场景化的排布方式。如同美国20世纪50年代的老海报拼贴,或者散落在桌面的明信片排布,显得更为随意自然。
同时,用颜色来体现节奏则突破了单纯排版的想法,以更加直观的手段带给用户明确的感知,并掌握其中的规则。正如接下来的例子,虽然呈现的内容信息量不小,但6种颜色明确了其中的节奏规律,将内容进行了整合。
引导性
说到引导性,比图片排版更加直观的是时间轴的运用。突出每个节点,结合之前提到过的距离和节奏的方法,呈现更加新颖跃动的排版形式。
图片与文字的相辅相成
在排版的过程中,图片与文本的组合方式也是重要的问题。必须要有意识地避免将图片的美观与文字的易读性相互消解,两者之间的配合非常重要。作为说明图片内容的文字,它与它所说明的部位的对应关系必须是明确的。一方面要避免图片与其文字说明的距离过远,另一方面还应该尽量将某图片的文字说明与容易引起误解的图片拉开距离。
当然,如果所有内容都被过度统一化地进行了处理,则有时会起到相反的作用。在图片的排版过程中,整齐中加入变化是一个不错的选择。
另外,不要用图片将文字切断,这样会损坏文字的可读性。如果在整段的文字中插入图片,那么阅读的视线就会被打断,用户往往不知应该从什么地方继续下去。而对于图片中插入的文字,选用容易辨识的颜色是很重要的。通常最好的选择是白色或黑色。如果选用与图片同色系的颜色,就会不易辨识。同时,应该尽量将文字放置在不影响图片效果的位置上。
文字的组合呈现
文字的目的是使内容能够被读懂。在文字的排版中,易读性是需要重点考虑的问题。为了明确表现出不同内容之间的差别,最基本的处理方式就是改变文字的字号或者颜色。对于需要重点展示的文字,可进行单独的视觉化处理。例如,图片下方的两行文字为正文采访内容的重点导读,不仅变化了颜色,还对其进行了斜体处理,让用户在阅读之前就能预估一下正文是不是自己感兴趣的内容,从而决定是否阅读全文。
问答形式以icon引领,再次遵循之前提到的节奏法则,用户可以直观地了解到要阅读文章的时间成本,层级关系也一目了然。而引号的运用,也达到了突出重点内容的效果,且增强了整体氛围的代入感。
图解的传达
即便是传递相同的信息,单纯的文字表现方式与夹杂了视觉要素的表现方式也会带给用户不同的印象。如果通过单纯的文字表现无法让读者迅速理解信息,则可以通过视觉化的处理使内容变得易于把握。那些用文字方式表现时显得冗长的说明,一旦换成视觉化的表现方式就会马上清晰明了。图解起到了凝缩信息内容、增加图像比重的作用。
将数据分别用不同的颜色以量化形式呈现,能够便于读者直观地理解其中的内容。图中对复杂的内容进行了合理整合,按照大类别逐个进行了分析。并且运用了圆饼图、长条图、曲线图的变形,来实现其视觉传达的目的。对于通过颜色区分各部分的应用,需采用对比鲜明、同色系或对比色系的处理,以颜色的明暗来区分其中的差别。
对黑眼圈的专题描述,如果单纯用文字描述,则用户将很难理解氛围和场景。用熊猫拟人化体现,在增加了趣味性的同时,还让用户在轻松愉快的氛围中了解了所表述的内容。
“DIOR迷醉东京”案例分析:一场樱花飞舞的视觉盛宴
该项目的最初需求是要有日本气息的DIOR潮流感。承载的内容为迪奥精神-2015东京大秀的独家专访,以及现场图片推送,其中包括访谈、点评、图片信息展示的功能。
了解了情境之后,如何用科学的方法进行设计呢?首先就是主题的突出,由于秀场位于日本东京,所以日式的元素必不可少。由此进行发散,提炼出关键词樱花、折扇、禅意。因此封面气氛以大面积樱花铺底营造,主题仅对文字进行排列,以衬线体的英文与中文组合,放大所要重点突出的内容“迷醉东京”及“DIOR”,并在保证英文识别度的基础上,对其进行切割,运用距离与节奏的方法,体现主题的主次关系。线描樱花的处理则是基于禅意对于圆满的追求,运用点、线、面的基本组合原理,搭建视觉中心的完整性。两侧日文“DIOR”的点缀,在细节处强调日式 东方的气息,不抢镜也加分。引导进度条以折扇的形状作为引导,运用之前谈到的时间轴的引导方法,保证用户在浏览的过程中掌握阅读的进度,对自己的浏览有心理预估。
内部内页更多承载的是信息的输出,因此应避免大面积的氛围强调。为保证基调性的统一,我们以禅意的麻布质感铺底,两侧仅放出樱花盛放枝头的延伸,与封面氛围呼应。关于内容信息如何良好输出,这里以专访页面和后台细节为例简单分析一下。首先看专访页面,由于界面中需承载着专访人物、主打妆容作品、好友寄语及专访对话四大内容,因此如何处理它们之间的逻辑关系则是首要问题。首先,抓住核心主体,即为专访人物Peter,而所有的内容承载都以他为中心进行展开,因此在视觉比重上他的图片也被着重强调,其主打的妆容作品围绕在周围但小于主体。这里运用了不同的形状,从而使间隔看上去更大。这里抛弃了方图的处理方式而运用了圆图的处理方式,在信息量大的排版中,巧妙营造了透气效果。好友寄语部分以便签变形的形式体现,区别于主体的功能性,作为辅助性功能点缀。最后则是专访对话内容的呈现,由于权重较高,同样留有较大的布局处理。问答的形式运用了之前提到过的文字排版法则,用不同的颜色区分不同层级的内容,营造阅读的节奏感。后台细节页面同样运用了对称与等比的法则。但在此对称的设计中,运用了不规则的处理方式,以发散的形式呈现图片的排版,营造若有若无的动感。同样,为方便需求方的自动调取,图片仍采取等比的处理方式,降低维护成本。图片的尺寸仅设置了大、中、小三个层级,调解了其平衡关系的同时又有规律可循。
对于整体界面的呈现,设计师进行了有目的性的留白,迎合禅意的主旨。留白的目的是减轻用户浏览的压迫感,赋予界面构成以变化感,让其得到更多的扩展空间,从而达到宁静的氛围营造效果。背景点与线的搭配,在功能上对相似内容进行了分类统一,同时建立界面版式的平衡感。页面的主体内容在1000px之内,保证了宽窄屏用户的无损浏览,但对于大屏用户的浏览体验,就会显得过于寡淡,所以在页面1000px以外,对日文“DIOR”进行了拆分排版,力求该用户人群浏览的视觉美感。
同时,此项目也配以HTML5的响应式设计,保证了移动端用户的浏览需求,其设计氛围与PC端视觉统一,但对复杂元素进行了拆分与删减,更加明确信息的主体,利用移动端自身的优势增加了满屏大图的展示,在强调视觉效果的同时也便于用户细致浏览。通篇界面樱花花瓣缓缓飞舞,所营造的气息自然扑面而来。
总结
总结本小节的内容可以看到,一切的版面设计都是基于内容的存在,体现内容的主题思想,用视觉化的手段增强读者的注意力与理解力,以科学的方式实现层级递进的效果。大视觉、小细节,一个都不能少。
……

Introduction

自序
很荣幸收到电子工业出版社张国霞编辑的邀请,让我们把工作资料整理出来编纂成书。对于这样的邀请我们既兴奋又紧张:一方面源于对设计工作的热爱,这么多年的成果得以呈现必然倍感欣慰;另一方面团队成员都是设计师,对写书完全没有任何经验,加上互联网的飞速发展,每天都有可能出现新的潮流和趋势,昨天的经验很快就out了。怀着这样的忐忑,我和团队的小伙伴们开始了历时一年的案例梳理和文字编写。
虽然写作任务开始得突然而又艰难,但是腾讯网有大量的案例积累,还比较容易操作。团队成员讨论过后,决定以设计师的实际输出过程为主要展示方式,详述从用户研究到设计分析再到项目管理的各个方面。用小伙伴的话来说,就是“纯干货”!
我们希望通过本书让更多的人知道腾讯网是如何做体验设计的,每一个画面的呈现、每一个创新的源起,都凝聚了设计师们百折不挠的心血。
腾讯网络媒体总编辑陈菊红女士说:“好的交互和设计,是互联网媒体产品不可言传的气质”。网媒行业有内容为王的特殊性,设计源于内容并反向印证内容,两者之间是互相推动的关系。我们必须在第一时间把更多信息、更多内容呈现给用户,设计师不但要有对美感的把握,同时要有对新闻的敏感性和身为媒体人的责任感。除了能直达用户的品牌和视觉呈现,还有更多的体验设计隐藏在技术和运营层面。打磨一个良好的用户体验,离不开产品团队的投入和技术团队的实现,流畅的闭环流程是项目输出的保障。正如马化腾先生所说:“腾讯人的日常工作中,大部分时间和精力都用于琢磨和研发更好的用户体验。”
在腾讯这么多年,令我感触最深的就是团队积极向上的风貌,不管任务大小、时间急缓,设计师都愿意尽最大努力去做出不一样的东西来。腾讯网UED是个年轻的团队,在这里很容易感受到设计师们独有的热忱氛围。“首先要对自己的作品负责”“对于用户的需求,我们永远是发现者,而不是创造者”“用最合适的设计配合最恰当的内容,用最清晰的交互配合最强大的功能”“我从不相信设计可以一蹴而就,当你把击碎的灵感重新慢慢拼贴时,好的东西就挤出来了”“在设计团队里除了要do better,大家还会追求do it differently,这种追求差异、追求个性的氛围激发了我的很多创意细胞”“2年零5个月后长了30斤肉”……
感谢为本书奉献私人时间的许鑫、谢冰,他们花费了大量的时间编辑、校对、与出版社沟通;感谢全体设计师输出整理个人作品,感谢张建青、杨芳、王兆龙、吕沛东、李坤明、姜蒙、何瑀、郑成、姜昊成、高蓓蓓、杜小娟、林珊如、廉莲、郭浩伟、于洋、程蕾、郗鉴等参与编著,感谢设计圈的好友和资深人士对本书的支持和认可,正是大家的鼓励和坚持才有了本书的出版。
感谢团队成员这么多年不离不弃,见证了腾讯网从无到有并走向卓越,我们庆幸在这样一个高速成长的公司里共风雨。这是一个时代的机遇,它让你的微不足道的想法成为现实并和亿万人分享,它让你的执着和理想有了最好的栖息地。
感谢曾经给予我机会的人们!
任婕
腾讯网UED设计总监
2015年3月于北京

推荐序一
“体验设计”的热潮又一次从西方波及了中国的设计界,但这一次最敏感的恰恰是“媒体”!每当一个新概念在国内传播时,国内商业界、媒体界乃至学术界都兴奋无比,又一轮获取名利的机遇到来了!试想从花店买来的鲜艳无比的插花在花瓶里能保持几天?几天就枯萎了!而花农培育鲜花的花圃却持续茂盛,还不断地培育出更新的优良品种。一个新概念诞生的土壤往往被消费者忽略,他只关心其结果——“产品”,如设计师们也跟随媒体、商人一起喧嚣,不去深入探讨产品、概念的生成本质,岂不永远徘徊在“引进”、“拷贝”的怪圈中不能自拔!永远躺在洋人、古人的摇篮中不能“自力”,所谓“创新”就成了时尚的口头语了!为此我愿意为此书写“序”,推荐本书的目的即出自这个本意。提倡“实践”的同时,必须与基础原理、背景渊源研究同步,甚至提前,否则又被耀眼的“时髦”裹胁了,一旦浪花落下,海平面仍回落原地。“时髦”永远只是“短命鬼”!
“设计”的本质,不是提供“产品”,拘泥于“产品”的是媒体和商人,而“产品”的服务对象——消费者真正需要的是“使用”和“服务”!“体验”才能真正满足乃至引导健康、合理、公平、可持续的人类社会生存方式。“体验”不只是为了视觉感官的刺激,而是深刻理解消费者在使用全行为过程中的反馈,包含了“情感”“意义”“价值”的沉淀。当前的“设计”,尤其是商家和媒体为了制造消费“黑洞”,大多沉溺于“感官”刺激,靠外观、美化、造型、明星代言人、广告、无“品”的“牌”之“品牌”去刺激消费者“虚荣心”膨胀!
文化的形成在于沉淀,即已逝去的生活方式,即在过去的地理、气候、出产、经济、政治、习俗、价值观等作用下的人们的生存方式,即“存在”决定了意识(包括文化)!所以,文化成因最关键的是被时代渲染下的“地域”或称“空间”!简言之,文化具有“空间”属性。说得再直接些,这一页是“过去时”,至多是“进行时”!过分注重文化,忽略“文明”,是很令人担忧的!“文明”是时间进程,它有过去、现在和未来的轨迹!它是“空间”被“时间”定义的!所以,不同时讲“文明”的“文化”起码是幼稚的!也是危险的!一个民族、一个国家若不更加关注未来,那么文明的进步将被历史淘汰!所以,文化传统是在特定时间下被特定地区的人类创造的,一个有智慧的民族一直在创造文化传统,而不是“继承”!否则,人类会永远在树上!第一个猴子离开树上到地面生存,肯定是被大多猴子鄙视的,但猴子终究改变了被时间定义的生存空间,才有了人类的今天!探索、研究未来才有我们中国未来的生存空间!千万別为了“点缀”餐桌上的调味瓶,而忽视了生存最根本的“主食”!就象参观非洲博览会,你会被涂满色彩的非洲人敲树皮鼓跳舞而感动,但事后你会留下感叹——落后了!!!是要被欺压、是要挨打的!
柳冠中
清华大学美术学院教授、著名设计学者
2015年3月19日

推荐序二
在互联网媒体的演变中,媒体不仅要“告知”,还要“展示”,如今更要让用户“感受”。如果内容和立场代表一家媒体的灵魂,那么一个友好的界面无疑代表其容貌。在这个“看脸”的时代,让用户接受你的内容和思想就要符合时代的审美!
回想十年前,最初的门户首页仅仅是信息的罗列、版块的堆积,以及密密麻麻的文字、规规矩矩的边框和下划线……,毋庸置疑,那个时代人们可以容忍一条新闻loading几分钟,还有什么页面不能容忍呢?毕竟互联网本身已经充满了神秘色彩。用腾讯公司创始人之一张志东的话讲,“PC时代是粗暴的连接”。于2004年诞生的腾讯网天然地继承了腾讯的产品基因,在其他门户还使用编辑+设计师组合改版的时候,腾讯网第一个设立了Web产品和交互设计的岗位,以及非常严格的产品流程,任何重要页面改版都要经过用户需求分析-产品原型-交互设计-设计及验证-灰度A/B测试等一系列缜密的工序,才能最终上线。
科技网站TechCrunch曾报道,在信息流时代,随着社交媒体发展,“信息传播的呈现逐渐以实时流(real-timefeed),取代以往的固定网页”。据此,瀑布流设计成为主流,时效性高、海量滚动的信息给用户可以无限下拉屏幕的感觉。腾讯网当然不会错过这个潮流,科技频道也在门户网站中率先推出瀑布流,满足海量内容的不断推陈出新,设计师大胆采用图文摘要的方式,把互动和分享的入口以及内容的热度都直接展现在首页上,实现用户快速浏览内容的目的。当时的数据显示,并没有因为单屏内容量减少而使得点击量降低,相反,不仅页面pv大增,还带来用户时间黏性的增加,互动分享的数据也实现了翻倍。这个信心让腾讯网核心页面都纷纷普及,也让很多其他门户网站相继借鉴。
而随着自媒体的出现,信息内容井喷,看不完的内容流也给人带来负担,今日还在流行的瀑布流终将退出舞台。甚至一些反瀑布流开始兴起,比如Yahoo News Digest,比如微信新闻,都把新闻量缩减到极致,把文章内容压缩,但精雕细琢。也有在瀑布流的基础上进行个性化探索的,比如腾讯首页和新闻客户端的尝试,完全按照个性化为用户提供内容;甚至很多新兴媒体比如今日头条、一点资讯等一开始就建立在个性化技术的基础之上。
经过十几年的积累,腾讯网UED团队已形成了70多人的规模,每个人不仅仅是视觉上的工匠,每日出品数百个新页面;更是交互体验的洞察者,在意每一个微小的细节;关注前沿的视觉潮流和用户审美,亦不断创新、创造引领互联网媒体“用户核心”的设计理念。
科技发展远远超越人类的想象,一个朋友圈的段子值得回味,“明朝离我们仅仅500年,我们都用上了苹果的产品,再过500年世界会变成什么样子呢?”事实上可能用不了那么久,美国预言学家雷?库兹韦尔在《奇点临近》中就大胆预测,人类技术的力量也正呈指数级增长,到2045年人工智能的数量将大约是当今存在的所有人类智能数量的10亿倍。如果这是真的,那么我们也一定是这个奇迹的参与、创造者!
赵国臣
腾讯网副总编辑
2015年3月

Specifications

Brand Jingdong book
Brand Origin China

Disclaimer

Product packaging, specifications and price are subject to change without notice. All information about the products on our website is provided for information purposes only. Please always read labels, warnings and directions provided with the product before use.

View Full Terms of Use
Add to favorites
{{ $isZh ? coupon.coupon_name_sub : coupon.coupon_ename_sub | formatCurrency }}
{{__("Buy Directly")}} {{ itemCurrency }}{{ item.directly_price }}
Quantity
{{ quantity }}
{{ instockMsg }}
{{ limitText }}
{{buttonTypePin == 3 ? __("Scan to view more PinGo") : __("Scan to start")}}
Sold by JD@CHINA
Ship to
{{ __("Ship to United States only") }}
Free shipping over 69
Genuine guarantee

Added to Cart

Keep Shopping

More to Consider

{{ item.brand_name }}

{{ item.item_name }}

{{ item.currency }}{{ item.market_price }}

{{ item.currency }}{{ item.unit_price }}

{{ item.currency }}{{ item.unit_price }}

Coupons

{{ coupon.coupon_name_new | formatCurrency }}
Clip Clipped Over
{{ getCouponDescStr(coupon) }}
{{ coupon.use_time_desc }}
Expires soon {{ formatTime(coupon.use_end_time) }}

Share this item with friends

Cancel

Yami Gift Card

Get this exclusive deal when paying with gift card

Terms and Conditions

Gift card deals are special offers for selected products;

The gift card deals will automatically be activated if a customer uses gift card balance at check out and the balance is sufficient to pay for the total price of the shopping cart products with gift card deals;

You will not be able to activate the gift card deals if you choose other payment methods besides gift card. The products will be purchased at their normal prices;

If your account balance is not enough to pay for the products with gift card deals, you can choose to reload your gift card balance by clicking on the Reload button at either shopping cart page or check out page;

Products that have gift card deals can be recognized by a special symbol showing 'GC Deal';

For any additional questions or concerns, please contact our customer service;

Yamibuy reserves the right of final interpretation.

Sold by Yami

Service Guarantee

Yami Free Shipping over $49
Yami Easy Returns
Yami Ships from United States

Shipping

  • United States

    Standard Shipping is $5.99 (Excluding Alaska & Hawaii). Free on orders of $49 or more.

    Local Express is $5.99 (Available in Parts of CA, NJ, MA & PA). Free on orders of $49 or more.

    2-Day Express (Includes Alaska & Hawaii) starts at $19.99.

Return Policy

Yami is committed to provide our customers with a peace of mind when purchasing from us. Most items shipped from Yamibuy.com can be returned within 30 days of receipt of shipment (For Food, Beverages, Snacks, Dry Goods, Health supplements, Fresh Grocery and Perishables Goods, within 7 days of receipt of shipment due to damages or quality issues; To ensure that every customer receives safe and high-quality products, we do not provide refunds or returns for beauty products once they have been opened or used, except in the case of quality issues; Some products may have different policies or requirements associated with them, please see below for products under special categories, or contact Yami Customer Service for further assistance).
Thank you for your understanding and support.

Learn More

Sold by Yami

Terms and Conditions of Yami E-Gift Card

If you choose “Redeem automatically” as your delivery method, your gift card balance will be reload automatically after your order has been processed successfully;

If you choose “Send to Email”as your delivery method, the card number and CVV will be sent to the email address automatically;

Any user can use the card number and CVV to redeem the gift card, please keep your gift card information safely. If you have any trouble receiving email, please contact Yami customer service;

Yami gift card can be used to purchase both Yami owned or Marketplace products;

Yami gift card will never expire;

Yami gift card balance does not have to be used up at once;

All rights reserved by Yami.

Return Policy

Gift card that has already been consumed is non-refundable.

Sold by JD@CHINA

Service Guarantee

Yami Free Shipping over $49
Yami Easy Returns
Yami Ships from United States

Shipping

  • United States

    Standard Shipping is $5.99 (Excluding Alaska & Hawaii). Free on orders of $49 or more.

    Local Express is $5.99 (Available in Parts of CA, NJ, MA & PA). Free on orders of $49 or more.

    2-Day Express (Includes Alaska & Hawaii) starts at $19.99.

Return Policy

You may return product within 30 days upon receiving the product. Items returned must be new in it's original packing, including the original invoice for the purchase. Customer return product at their own expense.

Sold by JD@CHINA

Service Guarantee

Yami Cross-store Free Shipping over $69
Yami 30-days Return

Yami-China FC

Yami has a consolidation warehouse in China which collects multiple sellers’ packages and combines to one order. Our Yami consolidation warehouse will directly ship the packages to your door. Cross-store free shipping over $69.

Return Policy

You may return products within 30 days upon receiving the products. Sellers take responsibilities for any wrong shipment or missing items. Packing needs to be unopened for any other than quality issues return. We promise to pack carefully, but because goods are taking long journey to destinations, simple damages to packaging may occur. Any damages not causing internal goods quality problems are not allowed to return. If you open the package and any quality problem is found, please contact customer service within three days after receipt of goods.

Shipping Information

Yami Consolidation Service Shipping Fee $9.99(Free shipping over $69)

Sellers in China will ship their orders within 1-2 business days once the order is placed. Packages are sent to our consolidation warehouse in China and combined there. Our Yami consolidation warehouse will directly ship the packages to you via UPS. The average time for UPS to ship from China to the United States is about 10 working days and it can be traced using the tracking number. Due to the pandemic, the delivery time may be delayed by about 5 days. The package needs to be signed by the guest. If the receipt is not signed, the customer shall bear the risk of loss of the package.

Sold by JD@CHINA

Service Guarantee

Free shipping over 69
Genuine guarantee

Shipping

Yami Consolidated Shipping $9.99(Free shipping over $69)


Seller will ship the orders within 1-2 business days. The logistics time limit is expected to be 7-15 working days. In case of customs clearance, the delivery time will be extended by 3-7 days. The final receipt date is subject to the information of the postal company.

Yami Points information

All items are excluding from any promotion or points events on Yamibuy.com

Return Policy

You may return product within 30 days upon receiving the product. Items returned must be new in it's original packing, including the original invoice for the purchase. Customer return product at their own expense.

Yami

Download the Yami App

Back Top

Recommended for You

About the brand

Jingdong book

为您推荐

Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折
Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折
Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折
Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折
Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折
Yami
欣葉
2种选择
欣叶 御大福 芋头麻薯 180g

周销量 600+

$1.66 $1.99 83折

Reviews{{'('+ commentList.posts_count + ')'}}

Have your say. Be the first to help other guests.

Write a review
{{ totalRating }} Write a review
  • {{i}} star

    {{i}} stars

    {{ parseInt(commentRatingList[i]) }}%

Yami Yami
{{ comment.user_name }}

{{ showTranslate(comment) }}Show Less

{{ strLimit(comment,800) }}Show more

Show Original

{{ comment.content }}

Yami
Show All

{{ formatTime(comment.in_dtm) }} VERIFIED PURCHASE {{groupData}}

{{ comment.likes_count }} {{ comment.likes_count }} {{ comment.reply_count }} {{comment.in_user==uid ? __('Delete') : __('Report')}}
Yami Yami
{{ comment.user_name }}

{{ showTranslate(comment) }}Show Less

{{ strLimit(comment,800) }}Show more

Show Original

{{ comment.content }}

Yami
Show All

{{ formatTime(comment.in_dtm) }} VERIFIED PURCHASE {{groupData}}

{{ comment.likes_count }} {{ comment.likes_count }} {{ comment.reply_count }} {{comment.in_user==uid ? __('Delete') : __('Report')}}

No related comment~

Review

Yami Yami

{{ showTranslate(commentDetails) }}Show Less

{{ strLimit(commentDetails,800) }}Show more

Show Original

{{ commentDetails.content }}

Yami
Show All

{{ formatTime(commentDetails.in_dtm) }} VERIFIED PURCHASE {{groupData}}

{{ commentDetails.likes_count }} {{ commentDetails.likes_count }} {{ commentDetails.reply_count }} {{commentDetails.in_user==uid ? __('Delete') : __('Report')}}

Please write at least one word

Comments{{'(' + replyList.length + ')'}}

Yami Yami

{{ showTranslate(reply) }}Show Less

{{ strLimit(reply,800) }}Show more

Show Original

{{ reply.reply_content }}

{{ formatTime(reply.reply_in_dtm) }}

{{ reply.reply_likes_count }} {{ reply.reply_likes_count }} {{ reply.reply_reply_count }} {{reply.reply_in_user==uid ? __('Delete') : __('Report')}}

Please write at least one word

Cancel

That’s all the comments so far!

Write a review
How would you rate this item?

Please add your comment.

  • A nice nickname will make your comments more popular!
  • The nickname in your account will be changed to the same as here.
Thanks for your review
Our community rely on great reviews like yours to find the best of Asia.

Report

If you find this content inappropriate and think it should be removed from the Yami.com site, let us know please.

Cancel

Are you sure to delete your review?

Cancel

You’ve Recently Viewed

About the brand

Jingdong book