☆☆☆☆☆
简体网页||繁体网页



点击这里下载

类似图书 点击查看全场最低价

---

产品特色

编辑推荐

　　《设计之下》没有花哨的语言，华丽的外衣，只是将实实在在的流程与方法裸裎给大家。写在书中的是搜狐新闻客户端UED团队一线经验的总结，不仅有交互设计、视觉设计每个阶段的考量和细节设计，有信息架构、原型、动画、交互、视觉、Icon、品牌的具体做法及相关人员的协助等详细记录，更有对用户体验设计的思考和感悟，以及设计人员与产品、开发、运营及市场人员沟通的方法和技巧。　　《设计之下》是设计师案前的一本极好的参考书，搜狐的这种分享精神、及时总结的做法值得所有从业者学习。对于初入设计行业的新人本书更是有极大的参考价值，通过本书你可以用快速的度掌握整体流程及详细设计方法。
　　《设计之下》由2012苹果年度获奖应用《中国古典家具》设计师董翔鹤带领搜狐新闻客户端UED团队精心打造，他们的工作内容围绕移动平台，包括视觉体验、交互设计、渠道运营、PC官网及自媒体后台支持。他们的生存面貌、发展方式体现了当下多数从业者的生存状态。

内容简介

　　

　　《设计之下：搜狐新闻客户端的用户体验设计》共三部分，全面讲解了用户体验设计的流程和方法。第一部分为“交互设计”，阐述了从项目启动、解析需求到原型设计的过程，并且总结了交互设计的要点：大局观、操作流程简捷、形式新颖且统一、各种特殊情况等。第二部分为“视觉设计”，阐述了界面、颜色、图标、质感、动画、切图等具体方法，以及如何与开发/测试工程师们合作、寻找　　平衡设计与技术的方法。第三部分为“他们眼中的优秀设计师”，通过产品经理、程序员、运营、市场经理的视角，阐述了如何成为一名优秀的设计师。

《设计之下：搜狐新闻客户端的用户体验设计》适合交互设计师、视觉设计师、用户体验从业人员参考阅读，亦可作为设计类专业学生的参考用书。

　　

作者简介

　　搜狐新闻客户端UED团队，隶属于搜狐新媒体中心，成立于2012年，专门负责搜狐新闻客户端产品的体验设计。工作内容围绕移动平台，包括视觉体验、交互设计、渠道运营、PC官网及自媒体后台支持。团队始终致力于提升搜狐新闻客户端的用户体验，改善阅读及获取资讯的方式。六人团队小而弥坚，个人与团队共同成长。我们的生存面貌、发展方式体现了当下多数从业者的生存状态，希望通过这本书能和您分享一些案例思考和感悟。

内页插图

精彩书评

　　

　　★搜狐新闻客户端的UED团队有自己的小宇宙，他们特别在乎自己的作品，特别热爱自己的作品，他们把用户满意看得比金子还宝贵，我从来没有干预过他们的视觉和交互，我不需要这么做。

　　——搜狐副总裁方刚

　　

　　★设计师应时刻心存社会责任感，着眼于用户和生活，致力于创造确实有用、好用的产品。本书作者结合从学习到工作的经历，详细讲述了搜狐新闻客户端的设计全过程。不仅有很多实实在在的设计案例，更有对用户体验设计的思考和感悟。

　　——清华美院院长鲁晓波

　　

　　★率先详细讲述单个App成功案例设计全流程的分享书，全面介绍信息架构、原型、交互、视觉、动画、Icon、品牌的具体设计方法以及与相关人员的合作细节。搜狐新闻UED团队的分享精神和及时总结做法值得从业者学习，相信这会成为设计师案前一本极好的参考书。

　　——国际体验设计协会（IxDC）秘书长胡晓

　　

　　★一本实在的书，没有太多花哨的言语，以产品为核心，系统而全面地介绍了设计流程和方法。一本很好的参考书，可以作为流程管理的范本。值得一提的是，其中一个章节专门介绍了产品、开发与运营部门对UED的看法，这对于企业内部沟通和产品塑造有着很重要的作用。

　　——Iconfans创始人董景博

　　

目录

交互设计
DESIGN FOR THE UNCONSCIOUS
第1章 项目启动
1.1 从想法到项目
1.2 什么是项目
1.3 项目启动会
第2章 解析需求
2.1 交互设计的"五要素"
2.2 阅读产品文档
2.3 交互模型
2.4 功能系统
2.5 信息架构
2.6 工具和方法
2.7 小结
第3章 原型设计
3.1 概念设计
3.2 低保真原型
3.3 高保真原型
第4章 交互设计师有话要说
4.1 大局观
4.2 操作流程简捷
4.3 交互形式新颖且统一
4.4 反馈提示
4.5 动画的重要引导作用
4.6 考虑到各种特殊情况
4.7 尊重平台特性了解技术限制
视觉设计
BEAUTY IS ORDER
第1章 准备
1.1 工欲善其事必先利其器
1.2 UI设计师的伴侣--Photoshop
1.3 开始前要做的功课
第2章 界面设计
2.1 风格
2.2 布局
2.3 被放大的标题
2.4 不同平台的特殊区分
2.5 同类之间的归纳
第3章 你的界面是什么颜色
3.1 颜色和情感
3.2 主色和辅助色
3.3 乱花渐欲迷人眼
3.4 那些微妙的渐变色
3.5 强调色的适当运用
3.6 界面上的特殊色
3.7 小结
第4章 优美的图标
4.1 哪些地方可以运用图标
4.2 风格鲜明的图标
4.3 表意
4.4 我们要做什么样的图标
4.5 实例
第5章 界面质感
5.1 拟物
5.2 扁平
5.3 质感
5.4 小结
第6章 锦上添花的UI动画
6.1 辅助建立完整的层级关系
6.2 让操作变得更有趣
6.3 指示性的动效
6.4 画龙点睛
6.5 平台区别
6.6 小结
第7章 切图
7.1 平台的不同特性
7.2 寻找自己高效的切图方法
7.3 标注文件
7.4 小结
第8章 开发与测试工程师们的建议和看法
8.1 共同推动梦想的实现
8.2 确保实现品质
8.3 最终的取舍
第9章 给设计点灵魂
9.1 优雅的等待
9.2 隐藏的情怀
第10章 关于品牌的二三事
10.1 无形的价值
10.2 脚踏实地
10.3 实践出真知
10.4 小结
他们眼中的设计师
MAGICIAN
第1章 产品经理有话说
第2章 设计在上开发在下
第3章 运营眼中的UED
第4章 一个市场人的自白
……

精彩书摘

　　4.2 操作流程简捷
　　从小到大看的电视剧可以大致分为两类，一类是某时期各台都播，但基本只会播一遍，之后就被淡忘。第二类则是首播便吸引了不少粉丝，引发了大量的讨论。之后也常常重播，每次播出都有不错的收视率。是什么原因造成这两类电视剧间的差距呢？是演员、画面还是制作呢？或许和这几个因素都有关，但最主要的还是剧情。观众或许一开始会被演员阵容和画面吸引，但如果最后发现剧情不吸引人甚至不连贯不合理，越看越无趣也难免控制不住转台，不可能得到长期的好收视率。
　　产品也是一样，视觉设计可以赋予产品迷人的外表，但实际用起来的感受和交互设计也是分不开的。如果交互设计就像编剧，交互文档就是剧本。交互文档展现了产品的所有功能，每个功能都由一个个单独的画面通过指示性的箭头互相连接而成，这相连的方式便是操作流程。操作流程就像是剧情，但这剧情追求的恰恰与电视剧相反。电视剧追求的是悬念不断、跌宕起伏，太平淡了就抓不住观众。而产品的操作流程追求的恰恰相反，流畅和平顺是基本需求，用起来越轻松越抓得住用户的心。
　　何为“简捷的操作”大约不必多说，每个人在刚开始使用某个电子产品或应用的时候心里都会有一面明镜，不依赖经验、自然形成的感受就是最好的判断标准。接下来我们通过一些例子来探讨一下如何设计出简捷的操作流程吧。
　　1. 使用自然思维而不是程序思维
　　作为设计师多年来都接触着各种电子产品和应用程序，早已成为了专家级用户。我们对很多功能和设计都已熟悉，新安装的应用稍微研究一下便知道怎么使用。我们已有能力在面对电子世界时从容不迫，但这同时也容易让我们觉得“理所当然”。我们理解各种页面和层级的结构，就以为用户也能够理解；我们能很顺畅地使用各种功能，就以为用户也会使用。运用如此程序思维设计出的交互也许没有大问题，但纵使再简化的操作流程，也无法在人性化的层面上前进一小步。
　　最经典的例子莫过于iOS和Android系统上对于删除应用的设计。iOS在删除应用时只需在屏幕上长按，待图标们开始抖动并且出现小X时，点击要删除的应用图标上的X即可，图标没有了意味着程序不在了，与在现实世界中扔掉物品差不多。（图1-4-3）而在Android的原生系统上，长按应用图标只能用于添加快捷方式，像是沿袭了PC上的逻辑。要删除应用要进入“设置”→“应用程序”→在列表中找到并点击要删除的程序→新打开的页面上展示了一堆应用程序信息的页面，终于能点“卸载”按钮了。有不少极客觉得iOS设备过于简单就像玩具一样，但正是玩具一般的、孩子和老人都能无障碍使用的才是最贴近人自然思维的设计，才能真正做到简捷好用。（图1-4-4）
　　类似的例子还有“进入编辑模式”。进入另一种模式其实是非常程序化的思维，自然中并没有另一种模式这回事，有的只是直接对目标物体进行操作，所以不如就让用户对对象直接进行操作吧。想想Clear快速划去一条条便签时的畅快感，如果加上个编辑按钮，先进入编辑模式再一一勾选要删的便签该是多么扫兴。（图1-4-5）
　　2. 围绕用户的目的和行为来设计
　　从上面的例子我们可以看出，当用户的目的和行为不同时，所适合的操作流程是不同的，对“简单快捷”的考量标准也不同。在对操作流程本身进行埋头钻研前，不如先从试图理解用户出发，设身处地来思考用户的所想、所需，透过用户的视线来审视和观察、来判断操作流程是否真的简捷。
　　3. 少点一下就更方便了吗
　　4. 将常用功能提前
　　5. 不妨遵循已经成型的用户习惯
　　……

前言/序言

　　我们每天都在面对着生活和工作中的各种问题，千头万绪中如何做到事事有序。
　　用户体验设计是什么？用户体验设计能做什么？简单地说，用户体验设计提供给人们一种适合的路径，以便轻松、愉悦、高效地解决问题。
　　解决问题的方式
　　早些年，人多聚会吃饭的时候，一个很现实的问题出现了，有的菜太远，夹不到，用餐者只能站起来去夹，让筷子变得“更长”，这样虽然解决了问题，但是方便了自己最终却造成了整个饭局的混乱。于是为了更好地解决这个问题转盘被安放到了桌子上。现在，我们再去餐馆吃饭，就很少会再遇到这样的问题了。
　　试想一下，如果我们把餐桌当成一个产品，那么使用餐桌吃饭的人就是这个产品的用户，餐桌上的很多菜，就是产品的内容，设计餐桌的人就是用户体验设计师，让吃饭的人能快捷、方便地夹到菜（获得内容），桌子能转动就是用户体验设计师设计的最好的解决问题的方式。
　　所以，在实际设计过程中，我们也要考虑到解决问题方式的多样性，尤其是在设计产品界面流程操作的时候，多问几个为什么，多找几个用户来谈谈，才能知道到底采用哪种方式才是最流畅、最有效的。
　　引导用户的路径
　　用户体验绝不是一个页面、一个icon、一个动效，而是由这些基本元素构成的一个系统的流程，可以说是用户的浏览路径。
　　宜家的购物路线设计可以说是一种典型的用户体验设计。
　　从这种路线图可以看出，只有一条主要路线，蜿蜒从入口到出口，贯穿“客厅”、“餐厅”等购物点，购物点之间有捷径打通，在不影响主路径的时候，有多种“捷径”可走。传统商场的购物点往往是散状分布的，即便有很多路径相连和功能划分，仍然容易迷路。宜家通过导视标志和墙壁的阻隔与划分形成了上面这种蜿蜒而接近唯一的浏览路径，这种设计方式巧妙地解决了顾客迷路的问题，并且保证顾客基本看到了其所提供的所有商品，从而最大限度地挖掘顾客的购买潜力。
　　在设计软件时，也要考虑用户的使用路径。从用户点击图标开始，他就进入了你的软件“商场”。你需要做的就是用最简单的方式引导，帮助他找到关注的内容和想使用的功能，快速地进行消费。
　　另外一个值得注意的细节是宜家的各个购物点不会只摆商品。你经常会看到各种“样板间”，比如一款杯子可能出现在“餐厅”区，还会出现在“客厅”、“厨房”等地点，宜家将搭配好的套餐出售给顾客。
　　宜家的做法给予了我们灵感。让商品之间产生联系，大部分消费者买了一只水杯后，会感觉其搭配的餐垫也不错，桌椅风格也相符，最后引导他买下整个餐厅的大部分装饰。
　　这是一种典型的场景化设计。从产品的角度来解释，样板间在整个购物流程中起到了流量的再分发作用，并且将模块和功能之间相互打通，是整个购物流程中的关键节点。比如，搜狐新闻客户端的订阅中心、新浪微博的广场，都是这种流量再分发在软件上的体现。
　　为了化繁为简
　　“如果所有人都忙于做所有的事，又有哪一个人能把每一件事做到完美。”
　　在2012 年12 月搜狐新闻进行了3.3 版本改版。我们对客户端UI 和交互进行了简化，阅读产品内容是核心，一切视觉元素为阅读服务，我们简化了一切质感让设计回归到本原，内容即UI。视觉上扁平不如让内容层级和交互逻辑扁平，所以我们将原有APP 分布式的功能按键全部集中在了ToolBar 上，让用户更方便地进行单手操作（图0-1）。
　　图0-1 搜狐新闻客户端2013年2月发布的3.3 版本截屏随着iOS 7 的发布，扁平化的视觉设计风格大行其道，与其让UI 扁平，不如让信息和内容扁平，设计的存在一定是为了更好地解决问题，用户体验设计提升了解决问题途中的精神感受。
　　对于用户体验设计可能每一个从业者心中的概念都不一样，但大家最终的目的却可能相同。本书以搜狐新闻客户端为案例与前辈和同学们分享我们的工作流程和方法。言语不尽，仍待来者指点。

设计之下：搜狐新闻客户端的用户体验设计 电子书 下载 mobi epub pdf txt

评分☆☆☆☆☆

不错不错不错不错不错不错不错不错不错

评分☆☆☆☆☆

不错，想想是不是能转行呢！对UI设计充满兴趣。哈哈哈哈哈。

评分☆☆☆☆☆

受点启发

评分☆☆☆☆☆

一般般 领导让买的

评分☆☆☆☆☆

1.印刷精美

评分☆☆☆☆☆

3.翻译的太恶心了！生搬硬套！

评分☆☆☆☆☆

3.翻译的太恶心了！生搬硬套！

评分☆☆☆☆☆

很喜欢的，感觉还是很划算的，比较喜欢在京东上买。

评分☆☆☆☆☆

买了三本书，另外两本还有塑料膜包着新书，但是这一本没塑料膜包而且到处可见的旧痕迹，拿旧书充当新书这也太坑了吧

类似图书 点击查看全场最低价