[翻译] 编程、美术相关的书籍 / Translation Book

编程类 - 书籍1 《Learning Processing, Second Edition: A Beginner's Guide to Programming Images, Animation, and Interaction》 《学习Processing 第二版本:一个初学者的编程图像、动画和交互指南》 出版于2015年,摩根考夫曼。 564页 原版购买链接 https://www.amazon.com/gp/product/0123944430/ref=as_li_ss_tl?ref_=nav_ya_signin&linkCode=sl1&tag=processing09-20&linkId=fb0eeedd8fb1016a790e83d538a1c030 编程类 - 书籍2 《Programming Interactivity》 《程序的交互性》 https://www.amazon.com/gp/product/144931144X/ref=as_li_ss_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=144931144X&linkCode=as2&tag=processing09-20https://www.amazon.com/gp/product/0123944430/ref=as_li_ss_tl?ref_=nav_ya_signin&linkCode=sl1&tag=processing09-20&linkId=fb0eeedd8fb1016a790e83d538a1c030 编程类 - 书籍3 《The Nature of Code: Simulating Natural Systems with Processing Published December 2012. PDF, Web, Paperback.》 《代码的本质:通过Processing模拟自然系统》 出版于2012年,包含PDF,Web,和书面装订版本。   原版本购买链接: https://www.amazon.com/Nature-Code-Simulating-Natural-Processing/dp/0985930802/ref=pd_bxgy_img_2/147-0052870-6981943?_encoding=UTF8&pd_rd_i=0985930802&pd_rd_r=63f3d50e-7b9b-49f7-b9be-42a6ffc200e9&pd_rd_w=ngVae&pd_rd_wg=BHwpR&pf_rd_p=ce6c479b-ef53-49a6-845b-bbbf35c28dd3&pf_rd_r=DFNY6FWXNDKW72N8ZE5Y&psc=1&refRID=DFNY6FWXNDKW72N8ZE5Y 美术类 - 书籍1…

洋葱数学 [游戏化]模块-交互设计 / Dressing System Design for OnionMath

Dressing System Design for OnionMath 洋葱数学换装系统界面及插画设计 是什么:[换装系统] 是洋葱数学 3.7 版本更新的核心功能,这一功能能够很快速的给予用户在洋葱数学中完整的游戏化体验,用户的换装效果也可以作为个人的专属头像。 为什么:整套[换装系统]主要服务于用户的整个应用商业闭环[游戏化]中的一项,通过游戏化的换装系统,用户能够更好的体验整个换装流程,加强应用的游戏性,增强用户粘性。 怎么做:我们通过合理的交互体验设计,让用户能够直观且快速的感受到换装系统的趣味性和简易操作性,这一有趣的用户体验设计,涉及到1600万+用户,并且让用户深深的爱上游戏化教育产品。 在整个换装后期,我们通过调研用户人群,锁定用户们最喜欢的一些形象进行不断的装饰更新,给予用户最大的激励,其中包括[疯狂动物城]、[试炼场斗士]、[莎士比亚与居里夫人]、[三国传]等套装深深吸引了用户。 额外备注:换装系统引入了Cocos 2D游戏引擎,所以在设计换装的时候,我们更多会有技术上的考量。类似于游戏的开发,这里面的交付过程以及交付内容以及交付的时间和工期都会比其他常规App页面逻辑跳转的项目复杂很多。   在美国,我们有一个类似的产品竞品,叫做Duolingo (是一款英语类教育App) https://design.duolingo.com/identity/logos#logotype Client/客户OnionMath 洋葱数学 Time/时间June 2017 2017年7月 Industry/行业Mobile Internet, Education 移动互联网、教育 Behance Show / Behance 作品展示None 暂无 Dribbble Shot / Dribbble 作品展示None 暂无

阿牛定投 交互设计 / User Experience Design for ANiu Investment

User Experience Design for ANiu Investment 阿牛定投 交互设计 是什么:阿牛定投是一款投资类App,我为阿牛定投设计了完整的用户交互以及相关的图形插画。由于App隶属与微信中,所以在设计的时候我也考虑考iOS、Android双平台性,降低用户对于不同App之间的理解。 为什么:由于阿牛定投原先是一个非线上的定投平台,所以创始人希望通过微信里面进行App的开发,从提供相关的服务。 怎么做:由于阿牛定投产品的行业属性比较明显,信息量会非常的多,所以在设计阿牛定投的时候,我更多的考虑到各类层级信息的展示,通过有次序的排列,能够让阿牛定投的使用体验非常人性化。财务类的产品更注重信息层级的排序,好的信息层级,能够帮助用户更清晰的梳理她的识别逻辑。有助于新的理解。 Client/客户北京云合科技有限公司 阿牛定投 Time/时间June 2016 2016年6月 Industry/行业Mobile Internet, Finance, Investment 移动互联网、金融、投资 Behance Show / Behance 作品展示Click Here / 点击这里 Dribbble Shot / Dribbble 作品展示None 暂无

[必看] 洋葱数学设计资源中心 / OnionMath Assests Center

[必看] 洋葱数学素材资源中心 OnionMath Assests Center 是什么: 洋葱数学是在线初中小学教育互联网公司 (面向个人的产品),从业务角度出发,公司比较注重对用户的运营。与其他教育机构类似,也会有很多间断性的活动,例如:[暑假班][寒假班] [秋季班] [春季班] [教师大会]等等...... 由于这个行业的特殊性,促使我和我的团队必须想办法解决没有场景描述插画、照片等一系列资源的窘境。另外,这个行业非常善用视觉化的包装呈现来吸引消费者进行消费。所以我主导了[洋葱数学]设计资源中心这个额外的项目,为公司提供长期的设计资源支持。   为什么: 我们整个设计团队是从0开始的,因为都是线上传播,整个设计都是围绕着怎么解决缺少设计资源的内容展开。由于公司业务主要面向学生、教师、家长用户,所以积累了大量的场景插图、老师照片等。在积累的同时,我们利搭建了全公司自有的设计资源中心,做到高效的插画、视觉类资产效率高,复用率高。 一些不重要的微博运营图片,运营经理和产品经理能够直接进行对应的搭配,制作成洋葱数学专属海报。   怎么做: 素材大概分为以下几类: 通用素材 (Logo、第三方Logo和合作Icon、字体、颜色、吉祥物) 产品素材 (产品内交互插画、课程封面插画、产品交互控件样式、产品内图标、教研老师照片、游戏化皮肤插画) 运营素材 (运营活动定向插画、运营活动常用素材、手机渠道及网络渠道分发模板) 企业素材 (企业周年庆设计、吉祥物实物、创始人照片素材)   我们会根据界面的迭代、运营活动的上线从而积累不同的素材,丰富我们整个应用。由于是风格统一的视觉形象,所以从面向用户的角度来说更容易第一眼吸引用户。 公司有专属IP教学形象[李狗蛋],[洋葱头]。基于这些形象也收录到设计资源中里。 在工作过程中,我们建立了素材库,随着时间的推移,素材库的内容从简单的交互界面元素、Logo、App Icon、教师团队肖像摄影 到 营销传播类的插图、插画、IP形象、游戏皮肤换装系统等一切围绕教育展开的设计资源。 当前资源库已经累计3000+ 独有设计资源,能够进一步为公司的主业务(虚拟在线教育场景)提供完整的支持。设计资源库仅公司内部设计师使用。这里我也仅举例了设计资源中心中的一部分资源,由于资源比较多,页面加载不出来,所以仅展示了一部分。 Client/客户OnionMath 洋葱数学 Time/时间2015~2018 Industry/行业Online Education 在线教育

[翻译] 设计指南翻译 / Brand Guideline Translation

 [01] - Firefox 设计指南 02 - [Dell] 设计指南 04 - [奥迪] 设计指南 03 - [辉瑞] 设计指南 [翻译学习] 品牌设计指南翻译集合 Translations 是什么:这里列举了我早期翻译过的内容,其中包含多个稳定的国外公司的设计指南,设计指南的建立有利于公司以及其产品建立统一的对外形象,并运用在不同的传播媒介中。 为什么:和我第一段职业经历相关,第一段职业经历长达3年左右的时间从事品牌设计工作。期间有幸让我在工作之余接触到了不同领域的国外顶尖设计团队对于品牌设计的看法,以及怎么利用设计指南来规划符合企业整体形象和企业产品对外的调性。 怎么做: 翻译了包括: Mozilla (Firefox 母公司)设计指南 | 互联网软件 Adobe 设计指南 | 软件 Audi 设计指南 | 汽车 RSA 设计指南 | 电脑安全软件 Dell 设计指南 | 电子消费品 可口可乐 设计指南 | 消费品 这里仅展示了一部分翻译的内容,完整版pdf文件已经迁移到Github仓库 Github:https://github.com/lifengquan52/Translation-book-/find/master Client/客户/ Time/时间2013~2014 Industry/行业/

移动端键盘交互设计 / Keyboard Design for OnionMath

Keyboard Design for OnionMath 洋葱数学虚拟键盘设计 This is a keyboard designe for "OnionMath". Math keyboard is different from the input keyboard, I lead the team paid special attention to the blocks and the content to be expressed during the design. The keyboard layout is more reasonable and meets the needs of users. 这是为”洋葱数学”设计的虚拟数学键盘,由于数学的键盘有别于普通的输入键盘,所以在设计的时候我和团队特别注意了其中的区块,以及想要表现的内容,让整个键盘布局更为合理,符合用户的需求。 Client/客户OnionMath 洋葱数学 Time/时间January…

云舒写营销类 插画 集合 / Yunshu Illustration Marketing Projects

云舒写 <老师·好>联名营销H5设计   这四个页面是专门为《老师·好》电影与云舒写联动的营销海报,在这个海报里面,主要有3个步骤,选择主题,生成海报,分享。 完全迎合了用户基于电影诉求从而引发的分享场景。增加用户对于电影的话题热度讨论,增强云舒写品牌影响力。 为了配合品牌的营销,我们对海报进行了复古的设计,让其更具有年代的带入感。 过年降价促销海报 游戏海报 云舒写教育运营活动集合 [项目集合] Yunshu Marketing Projects 是什么:云舒写教育公司,主要是在线售卖课程为主体的教育科技公司(小米投资),其中有一些和第三方电影联动的海报,H5活动等等,内容多样化,因为公司在创业尝试阶段,所以所有的业务都在尝试,没有形成很明显的设计方向。 为什么:原有公司本来也是是以软件开发的形式为主,但是由于业务本身不是很稳定,后期调整到以营销、授课、直播等一系列新的方式为主,希望从新的赛道中找到属于自己的位置,吸引到自己用户。 怎么做:这些工作和我过去的经历和背景有比较大的偏离(原有是计划是交互、品牌为核心),但是我也学习了这方面的内容。我主要帮助运营进行运营类和课件设计。并且在绘制的时候,完成了对于插画运营项目的理解和深入,这有利于我在面对不同的公司业务时,能够对应其技能。 Client/客户Yun Shuxie 云舒写 Time/时间2018~2019 Industry/行业/

安全工具 MAX Logo 设计

Logo集合 Logo 是什么:其中[MAX]是一个海外非常出名的安全工具品牌,为了让其富有更广义的传播效应。 为什么:[MAX]原有品牌有些分散,虽然用户量庞大,但形成不了粉丝效应,应用碎片化严重。 怎么做:通过建立一套完整的标识系统,以及对应的颜色识别系统,加强该产品与用户的链接。 Client/客户iHandySoft Time/时间July 2020 2020年07月 Industry/行业Internet 互联网

洋葱数学 [IP / 交互游戏化 / 品牌] 设计指南 / Visual Identity Design Guideline for Onionmath

洋葱数学 [IP / 游戏化 / 品牌] 设计规范 Visual Identity Guidelines for OnionMath 是什么:这是我 (与之前的同事协作) 一起完成的对于洋葱数学整个公司形象/IP/品牌的设计指南。这是基础的设计指南,能够帮助我们为洋葱数学打造独一无二的对外形象、产品形态以及公司文化。其中我是项目的负责人。 为什么:因为洋葱数学原本并没有一套完整的设计指南帮助企业推出一致的对外的视觉形象以及具有亲和力的IP形象。而对于用户来说,如果你没有强有力的视觉识别系统,就无法在用户的脑中占有一席之地。 怎么做:将蓝色作为整个企业的品牌色,并且赋予了一个IP形象“洋葱”,他在整个Web和移动应用中,都有强烈的伴随式作用。对于少儿类的产品,一个拟人化的形象能够很好的调起用户的兴趣,并增强用户与产品之间的沟通。 Client/客户/ Time/时间July 2020 2020年07月 Industry/行业/

新学效-课程系列封面设计 / XinXueXiao illustration Design

新学效-课程系列封面设计 XinXueXiao illustration Design 是什么:这个是为新学效设计的课程海报 (包括线上和线下的传播,最后也作为礼品封面给到用户手中)让用户有一种打开的惊喜感觉。 为什么:[新学效] 是武汉最出名的教育培训机构 和 国内众多的培训机构类似,例如 [新东方] [好未来] [学而思], 由于回到武汉的工作,偶然结缘,他们需要出一期促销的课程海报。希望有一些新颖的设计思路和方案,能够在市场中脱颖而出。我和他们商量,最终确定了一种当下最流行的抽象人物式绘画风格,这种封面。 怎么做:既有撞色(红色和蓝色)的鲜明对比,也包含如毕加索式的抽象人物艺术,让学生在获得这个活动的礼品时,会忍不住有珍藏的冲动。 Client/客户XinXueXiao 新学效 Time/时间July 2020 2020年07月 Industry/行业Mobile Internet, Education 移动互联网、教育