Sketch交互设计之美:从零基础到完整项目实现

Posted 产品班

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Sketch交互设计之美:从零基础到完整项目实现相关的知识,希望对你有一定的参考价值。

Sketch和交互设计搭配会产生什么样的化学反应?

答案就在由夜雨编著的,2018年8月出版新书《Sketch交互设计之美:从零基础到完整项目实现》中。

本书内容支持Sketch49以上版本,包括最近更新的Libraries功能,16开全彩印刷,提升您的阅读体验的同时,为您奉上丰富的Sketch教程和交互设计理论知识,享受双倍的内容,双倍的快乐。

1.关于Sketch

曾赢得苹果设计大奖(Apple Design Award)的Sketch,是一款轻量、高效的矢量设计软件,它可以被视为简化版的Photoshop,矢量版的Axure RP,这意味着它兼备视觉设计、交互设计的能力,是产品经理、用户体验设计师、交互设计师、视觉设计师等相关从业人员的值得一试的工具。

当前,掌握Sketch技能的设计师并不罕见,不仅如此,Sketch的优秀表现也得到了国内外大厂门的青睐,苹果、腾讯、阿里巴巴、饿了么等知名企业都在用,并且提供官方的Sketch组件下载,有兴趣的童鞋可以自行前往下载使用。

此外,Sketch还是一款具备良好兼容性的软件,不仅表现在对各种插件的兼容,还表现在对可交互式原型设计工具Axure、墨刀、Adobe XD,动效设计工具Principle,协作工具Eagle、语雀、蓝湖等的支持。Sketch构建的软件生态环境,预示着其旺盛长久的生命力。

值得注意的是,Sketch目前只有Mac OS版本,这是这款软件的美中不足的地方,但是本书的内容不局限Sketch的介绍,更多是设计理念、设计思路和设计流程,特别是交互设计理论知识,软件可以有多样,但是理论都是相通的。

2.关于交互设计

虽然一般的公司很少设有专职的交互设计师职位,大多时候由产品经理或者视觉设计师兼任,但这并不影响交互设计作为整个产品设计体系中重要的一环。经过多年的发展,交互设计秉承以用户为中心的设计理念的同时,也在打造用户增长模型、贯通线上线下全链条全流程设计方面发挥着越来越重要的作用。结合人类工程学、心理学、美学等学科的交互设计,也可以让用户情感得到极大的满足,增强产品的黏性。

3.关于本书

3.1本书内容

本书内容以Sketch教程+交互设计(理论、流程、实践)为主,所以不必担心只是买到一本工具书,全书共分为8个章节。

第1章初识Sketch:本章介绍Sketch软件的特性和发展历史;展示了Sketch作为设计工具优势,特别是对团队特别是交互设计师带来的价值,强调了Sketch的应用前景;另外,通过本章的介绍,读者可以初步了解软件的安装和使用方法,并且对Sketch界面有一定的认识。

第2章快速入门:本章结合具体的案例学习,让读者学会Sketch直线、钢笔、矩形等基本工具的使用,剪刀、变形等高级工具的使用;同时,让读者理解交互设计的理念,掌握交互设计流程和交互设计方法论的使用,并明确最终的目标和产出物。

第3章基础运用:本章详细介绍了界面设计的理论,栅格布局的注意事项,交互设计中的框架设计环节;重点需要掌握界面中图像、图标等元素的处理方法。

第4章高级应用:本章深入介绍Sketch核心高级功能Symbol的使用,剖析Sketch能成为交互设计工具的原理,其中,还有一些细节设计的经验分享。

第5章团队协作:试图帮助读者利用Sketch解决团队协作的难题,优化团队成员的协作模式,详解Sketch新功能Libraries的使用方法。

第6章交付输出:本章为读者展示如何使用Sketch输出高质量的交互设计和视觉设计输出物。

第7章动效设计Principle:本章教大家如何将Sketch与Principle结合起来,为用户创造愉悦的动效体验。

第8章完整后台设计实现:本章完整呈现了一个APP管理后台项目的设计过程,将帮助大家归纳总结其他章节所得,最后分享软件、交互水平提高的学习经验,劝勉大家保持谦卑的学习心态。

本书的一二级目录如下图所示,完整的目录可以点击文末的购书链接进行了解。

3.2本书特色

特色一:完整项目实现

在写作构思的过程中,作者觉得 Sketch 仅仅介绍其零散的操作技巧是不够的,不仅容易遗忘, 而且大多数复杂的技巧可能在实际的工作中完全用不到,这是很尴尬的事情。况且,在互联网时代, 所有软件的技巧都可以从网上轻易获得。所以,从本书一开始就和项目实践结合起来,将交互设计师作为Sketch的主要使用对象,分别讲述在项目的不同阶段,交互设计师是如何使用 Sketch 这款 设计工具开展交互设计工作的。书中几乎所有的软件操作都是和项目交互设计息息相关的,并没有多余的说教,处处实用。这是本书的第一个特色,也是区别于网络软件教程的地方。当然,这个项目是虚构的,希望读者不要过于较真。

特色二:理论、实战并重

本书在讲述 Sketch 软件使用前,会优先讲解设计思维和方法论,让读者首先思考设计的流程和意义。此外,重点章节都设计了实战教学环节,是各章所学知识的综合运用,旨在帮助读者熟练掌握每个章节的内容 ;特别是在本书的最后一章,介绍了一个完整管理后台设计案例的实现过程,希望对大家掌握整本书的理论和实践内容有所帮助。

特色三:注重团队协作

互联网设计师不是孤胆英雄,需要和团队成员紧密合作,才能发挥其最大的价值。本书主要围绕交互设计师的设计工作进行展开,在设计过程中加入了和其他角色紧密协作的内容。例如,在第5章中介绍如何利用 Sketch 的特性和产品经理、视觉设计师进行协作的流程 ;在第 6章中,站在视觉设计师的角度,用换位思考的方式,深入了解视觉设计师的输出物 ;在第 7 章中,更是列举了在 进行动效设计时,需要和前端工程师保持沟通的要点。

3.3本书附赠资源

4.关于作者

夜雨,浙大网新集团高级交互设计师,爱交互网站创始人,有多年产品设计落地经验,擅长产品策划、交互设计、用户研究,对Sketch设计有深入的研究,人人都是产品经理网站人气作者,简书互联网优秀作者。

5.购书链接

购买本书的小伙伴,可以通过简书和作者进行互动交流,由于Sketch软件更新迭代较快,一些未能在本书体现的功能或者教程,作者将会及时通过爱交互网站和简书平台与各位读者朋友分享。

爱交互网站:http://www.iueux.com/

简书主页:https://www.jianshu.com/u/dfd1b5cf7fd8

6.在线试读


以上是关于Sketch交互设计之美:从零基础到完整项目实现的主要内容,如果未能解决你的问题,请参考以下文章

《动静之美——Sketch移动UI与交互动效设计详解 》图书内容分享1

不会Sketch的设计师将要被淘汰!

移动端交互动效设计你怎么看?

从零开始学Sketch——进阶篇-b

Sketch49-原型设计才刚刚开始

Sketch的强敌来袭,速率和性能不分伯仲,还自带交互动效!