设计之下-搜狐新闻客户端的用户体验设计( 货号:712122099) 下载 pdf 百度网盘 epub 免费 2025 电子书 mobi 在线

基本信息

商品名称： 设计之下-搜狐新闻客户端的用户体验设计

出版社： 电子工业出版社

出版时间：2014-01-01

作者：本社

译者：

开本： 16开

定价： 69.00

页数：276

印次： 1

ISBN号：9787121220999

商品类型：图书

版次： 1 内容提要

内容简介形而上者谓之道，形而下者谓之器。匠者，器也。处身平凡的匠人不断追求向上的设计之道。本书没有华丽的辞藻和长篇大论的理论，作者是搜狐一线的设计团队，写作过程中他们尽力还原真实的工作场景，并总结出了一些实用的经验和方法。

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

精彩书摘

4.2

操作流程简捷

从小到大看的电视剧可以大致分为两类，一类是某时期各台都播，但基本只会播一遍，之后就被淡忘。第二类则是首播便吸引了不少粉丝，引发了大量的讨论。之后也常常重播，每次播出都有不错的收视率。是什么原因造成这两类电视剧间的差距呢？是演员、画面还是制作呢？或许和这几个因素都有关，但Z主要的还是剧情。观众或许一开始会被演员阵容和画面吸引，但如果Z后发现剧情不吸引人甚至不连贯不合理，越看越无趣也难免控制不住转台，不可能得到长期的好收视率。

产品也是一样，视觉设计可以赋予产品迷人的外表，但实际用起来的感受和交互设计也是分不开的。如果交互设计就像编剧，交互文档就是剧本。交互文档展现了产品的所有功能，每个功能都由一个个单独的画面通过指示性的箭头互相连接而成，这相连的方式便是操作流程。操作流程就像是剧情，但这剧情追求的恰恰与电视剧相反。电视剧追求的是悬念不断、跌宕起伏，太平淡了就抓不住观众。而产品的操作流程追求的恰恰相反，流畅和平顺是基本需求，用起来越轻松越抓得住用户的心。

何为“简捷的操作”大约不B多说，每个人在刚开始使用某个电子产品或应用的时候心里都会有一面明镜，不依赖经验、自然形成的感受就是Z好的判断标准。接下来我们通过一些例子来探讨一下如何设计出简捷的操作流程吧。

1. 使用自然思维而不是程序思维

作为设计师多年来都接触着各种电子产品和应用程序，早已成为了专家J用户。我们对很多功能和设计都已熟悉，新安装的应用稍微研究一下便知道怎么使用。我们已有能力在面对电子世界时从容不迫，但这同时也容易让我们觉得“理所当然”。我们理解各种页面和层J的结构，就以为用户也能够理解；我们能很顺畅地使用各种功能，就以为用户也会使用。运用如此程序思维设计出的交互也许没有大问题，但纵使再简化的操作流程，也无法在人性化的层面上前进一小步。

Z经典的例子莫过于iOS和Android系统上对于删除应用的设计。iOS在删除应用时只需在屏幕上长按，待图标们开始抖动并且出现小X时，点击要删除的应用图标上的X即可，图标没有了意味着程序不在了，与在现实世界中扔掉物品差不多。（图1-4-3）而在Android的原生系统上，长按应用图标只能用于添加快捷方式，像是沿袭了PC上的逻辑。要删除应用要进入“设置”→“应用程序”→在列表中找到并点击要删除的程序→新打开的页面上展示了一堆应用程序信息的页面，终于能点“卸载”按钮了。有不少J客觉得iOS设备过于简单就像玩具一样，但正是玩具一般的、孩子和老人都能无障碍使用的才是Z贴近人自然思维的设计，才能真正做到简捷好用。（图1-4-4）

类似的例子还有“进入编辑模式”。进入另一种模式其实是非常程序化的思维，自然中并没有另一种模式这回事，有的只是直接对目标物体进行操作，所以不如就让用户对对象直接进行操作吧。想想Clear快速划去一条条便签时的畅快感，如果加上个编辑按钮，先进入编辑模式再一一勾选要删的便签该是多么扫兴。（图1-4-5）

2. 围绕用户的目的和行为来设计

从上面的例子我们可以看出，当用户的目的和行为不同时，所适合的操作流程是不同的，对“简单快捷”的考量标准也不同。在对操作流程本身进行埋头钻研前，不如先从试图理解用户出发，设身处地来思考用户的所想、所需，透过用户的视线来审视和观察、来判断操作流程是否真的简捷。

3. 少点一下就更方便了吗

4. 将常用功能提前

5. 不妨遵循已经成型的用户习惯

……

目录

交互设计

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  工欲善其事B先利其器

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  辅助建立完整的层J关系

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  Z终的取舍

第9章  给设计点灵魂

9.1  优雅的等待

9.2  隐藏的情怀

第10章  关于品牌的二三事

10.1  无形的价值

10.2  脚踏实地

10.3  实践出真知

10.4  小结

他们眼中的设计师

MAGICIAN

第1章  产品经理有话说

第2章  设计在上开发在下

第3章  运营眼中的UED

第4章  一个市场人的自白

……

作者简介

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

暂无出版社相关信息，正在全力查找中！

暂无相关书籍摘录，正在全力查找中！

在线阅读地址：设计之下-搜狐新闻客户端的用户体验设计( 货号:712122099)在线阅读

在线听书地址：设计之下-搜狐新闻客户端的用户体验设计( 货号:712122099)在线收听

在线购买地址：设计之下-搜狐新闻客户端的用户体验设计( 货号:712122099)在线购买

交互设计师完成低保真原型时，界面的大体布局已经确定，此时视觉设计师便可开始着手视觉初稿的设计；而前端工程师可以在高保真原型和视觉设计初稿完成后，开始开发，在这个过程中，视觉设计师进行按钮等元素的细节设计，并配合工程师切图；而交互设计师可以继续优化特殊情况的表现，如“无网络状态”时的反馈文案。

对于交互设计师而言，低保真原型和高保真原型的完成便是两个时间点，因为这分别标志着视觉设计师和前端工程师开始着手项目。在这两个时间点上，都会组织相关的评审会，团队所有成员都会参与，只有大家达成共识时，才会继续下面的步骤；否则主导人员便需要优化，直到评审会的通过。

需要进行细节优化，而这些优化对于精益求精的设计师来说，是永无止境的。不过，这些优化不再受严格的时间节点约束，只需要在产品上线之前循序渐进的完成；在这个时候，设计师也可以着手下一版本的设计，或考虑产品大体框架上可能优化的点，为产品的发展提供一些建议。

在设计过程中，产品文档可能随时调整。有时是战略发生了转变，有时是交互、视觉、前端、后台、测试，甚至是市场、运营和渠道的同事从各自的专业角度，发现了更合适的方案。在这个时候，设计师不用惊慌和抱怨，感到自己似乎做了无用功。改变会让产品更好，而思考也会带来收获。没准这次没用上的设计，在下一个版本中发挥了大作用。

无论方法和需求发生了怎样的变化，解析需求的这个过程我们一定要认真对待。通过这个过程，我们应得到如下收获：

1. 理清本次项目所设计的系统架构问题，以及本一个功能之间的内在联系，为之后的原型设计奠定坚实基础。

2. 通过分析此次项目所服务的用户、平台（包括硬件特性、交互方式和竞品等多方面）、使用环境和目标等，明确每一处设计的评估标准。当我们犹豫不定时，便可以及时用这些标准来评估方案。

文档中的一个个线框图是相互关联的，有时候设计师总是想尽量把相关联的线框图放在一个页面中，觉得这样会更加直观。而实际上一页能展示的内容却总是有限的，如果在同一页中堆太多线框就会挤压说明文字的空间，以后再添加或者修改内容都会非常困难。拥挤的画面也会增加阅读时的理解难度，所以为了保持文档的易读性而多分出几个页面是非常有必要的。

当你看到一个图标，就要明白它所代表的含义。这是图标设计的第一原则。

书籍介绍

形而上者谓之道，形而下者谓之器。匠者，器也。处身平凡的匠人不断追求向上的设计之道。本书没有华丽的辞藻和长篇大论的理论，作者是搜狐一线的设计团队，写作过程中他们尽力还原真实的工作场景，并总结出了一些实用的经验和方法。

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

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