形而上者谓之道,形而下者谓之器。匠者,器也。处身平凡的匠人不断追求向上的设计之道。本书没有华丽的辞藻和长篇大论的理论,作者是搜狐一线的设计团队,写作过程中他们尽力还原真实的工作场景,并总结出了一些实用的经验和方法。 《设计之下》共三部分,全面讲解了用户体验设计的流程和方法。第一部分为“交互设计”,阐述了从项目启动、解析需求到原型设计的过程,并且总结了交互设计的要点:大局观、操作流程简捷、形式新颖且统一、各种特殊情况等。第二部分为“视觉设计”,阐述了界面、颜色、图标、质感、动画、切图等具体方法,以及如何与开发/测试工程师们合作、寻找平衡设计与技术的方法。第三部分为“他们眼中的优秀设计师”,通过产品经理、程序员、运营、市场经理的视角,阐述了如何成为一名优秀的设计师。 《设计之下》适合交互设计师、视觉设计师、用户体验从业人员参考阅读,亦可作为设计类专业学生的参考用书。 作者简介 搜狐新闻客户端UED团队隶属于搜狐新媒体中心,成立于2012年,专门负责搜狐新闻客户端产品的体验设计。工作内容围绕移动平台,包括视觉体验、交互设计、渠道运营、PC官网及自媒体后台支持。团队始终致力于提升搜狐新闻客户端的用户体验,改善阅读及获取资讯的方式。六人团队小而弥坚,个人与团队共同成长。我们的生存面貌、发展方式体现了当下多数从业者的生存状态,希望通过这本书能和您分享一些案例思考和感悟。
目录: 第一部分 交互设计 DESIGN FOR THE UNCONSCIOUS 第 1 章 项目启动 1.1 从想法到项目5 1.2 什么是项目 5 1.3 项目启动会 6 第 2 章 解析需求 2.1 交互设计的“五要素” 14 2.2 阅读产品文档 15 2.3 交互模型 17 2.4 功能系统 23 2.5 信息架构 26 2.6 工具和方法 30 2.7 小结 31 第 3 章 原型设计 3.1 概念设计 35 3.2 低保真原型 36 3.3 高保真原型 48 第 4 章 交互设计师有话要说 4.1 大局观 66 4.2 操作流程简捷 68 4.3 交互形式新颖且统一 75 4.4 反馈提示 81 4.5 动画的重要引导作用 91 4.6 考虑到各种特殊情况 100 4.7 尊重平台特性 了解技术限制 106 第二部分 视觉设计 BEAUTY IS ORDER 第 1 章 准备 1.1 工欲善其事 必先利其器 113 1.2 UI设计师的伴侣——Photoshop 115 1.3 开始前要做的功课 120 第 2 章 界面设计 2.1 风格 131 2.2 布局 134 2.3 被放大的标题 134 2.4 不同平台的特殊区分 135 2.5 同类之间的归纳 136 第 3 章 你的界面是什么颜色 3.1 颜色和情感 140 3.2 主色和辅助色 141 3.3 乱花渐欲迷人眼 142 3.4 那些微妙的渐变色 143 3.5 强调色的适当运用 145 3.6 界面上的特殊色 149 3.7 小结 151 第 4 章 优美的图标 4.1 哪些地方可以运用图标 154 4.2 风格鲜明的图标 159 4.3 表意 161 4.4 我们要做什么样的图标 167 4.5 实例 184 第 5 章 界面质感 5.1 拟物 194 5.2 扁平 198 5.3 质感 198 5.4 小结 199 第 6 章 锦上添花的 UI 动画 6.1 辅助建立完整的层级关系 203 6.2 让操作变得更有趣 206 6.3 指示性的动效 208 6.4 画龙点睛 210 6.5 平台区别 212 6.6 小结 212 第 7 章 切图 7.1 平台的不同特性 214 7.2 寻找自己高效的切图方法 219 7.3 标注文件 227 7.4 小结 228 第 8 章 开发与测试工程师们的建议和看法 8.1 共同推动梦想的实现 230 8.2 确保实现品质 232 8.3 最终的取舍 233 第 9 章 给设计点灵魂 9.1 优雅的等待 236 9.2 隐藏的情怀 239 第 10 章 关于品牌的二三事 10.1 无形的价值 243 10.2 脚踏实地 243 10.3 实践出真知 252 10.4 小结 258 第三部分 他们眼中的设计师 MAGICIAN 第 1 章 产品经理有话说 260 第 2 章 设计在上开发在下 264 第 3 章 运营眼中的 UED 271 第 4 章 一个市场人的自白 274
|