搜狗输入法智慧版—安装包设计过程分享

1 评论 6008 浏览 1 收藏 9 分钟

写在前面的几句

       自输入法诞生以来,一直在寻求如何还原由“思维到表达”的真实过程。随着技术与认知的不断积累,我们希望通过一版特别的输入法向大家展示输入带给人的畅快感受。在设计之初,我们对本次产品的新增功能逐一进行了分析,作为设计组来说,希望本次的整个产品的视觉感受有一个大的突破,不受以往的限制,给予了充分发挥的空间。如今智慧版已经顺利上线,这里对安装包的设计过程做一个简单的总结。

一、  设计构思

在设计的开始阶段,产品、技术、视觉各个方面的同事对于智慧版的设计思路与可操作性的方向进行了探讨。主要包括两个方面: A.视觉方向与风格的讨论,从我们对智慧版想要传达的概念中,提炼出了“轻”的总体感受以及有爱、聪明等关键词,通过几次交流会,对相应的关键词进行发散,从动物到羽毛,从流沙到磐石。都在试图寻找一些印象来表达对文字、对书写的感受。试图寻找一些相应的图片来表达,在设计的角度,不做限制,大家都充分的发挥自己的想象,做自己喜欢的输入法,小清新、重口味都是可以拿出来讨论的角度,没什么不可以。

 

第二是可执行的技术角度对智慧版产品的各个细节的发挥度做了一个评估,基本确定了设计部门的发挥空间。

        再明确了基本的关键词之后,也对安装包的过程进行过程模拟,从安装的各个角度进行可操作性的探讨,设计师提出了很多种的可能性,再和技术的同事一起沟通,逐渐清晰设计的“边界”。同时,我们也对现有市场上的多数产品的安装包进行了分析,常见的较为抽象的安装过程,中间穿插一些产品概念或者功能宣传图。这样的处理方式对于我们智慧版来说不突破,我们要试图寻找一种全新的安装包过程,将安装的过程比拟成一次特殊的旅行。从一个空间到达另外一个空间。几次交流之后,最终决定通过故事的方式来进行设计,选择抽象、概括的小狗形象作为主角,以小狗与其他几个角色相遇、交流的方式来展示产品的概念诉求。这样的安装包过程得到了大家的一致认可。

二、故事草图

        通过一只小狗的旅程,遇到了缤纷不同的环境,以及与几个人物的交流给用户传达有趣、活泼的感受,同时也渗透了我们对产品的理解,传达了产品理念。让安装的过程不再枯燥。

        A.分镜

 

        对于整个故事的脚本,我们做了多次的尝试,主要依据的是目前产品的一些功能点、产品的概念等。一只由文字符号幻化而成的小狗,身披能量的披风,自用户点击安装的那一刻,就开始了自己的奇妙之旅,穿过云层飞跃大山,来到一片草地之上,一位可爱的小女孩走了过来,小狗轻轻的飞了过去,聪明的小狗知道她心中所想,可爱的符号与漂亮的皮肤都为她准备好了,更个性的理念在这里进行展示,我们给用户提供多种个性选择,从皮肤到词库的多样选择让用户更有个性,小狗再次启程,飞入太空,与来自火星的外星人相遇,这当然也难不倒我们的小狗了,熟悉输入的小狗已经非常的智能,火星文早已经熟悉“歡迎伱莱哋銶嗑苽孒!”,瞧!前面来了一位网络潮人,没问题,输入法早已经为你准备了多种功能,让你畅游网络。情景感知、文思泉涌、妙笔连珠、这么多的新功能让我们的网络生活更加自如。智慧版的故事就基本确定下来。安装的过程基本有了脚本之后,就开始着手分镜,将各个部分的故事情节与画面效果初步的确定下来,与产品、技术进行进一步的沟通,逐步的清晰安装包的形态。

        B.结构框架

        进一步确定故事的主要结构与各个环节的关键词。

 

三.风格尝试

        基于之前对输入法智慧版关于风格与结构讨论的结果,逐步的清晰安装包的形态,以纸张的基本形态为依据,进行了新的尝试与形态的延展,不能简单地使用纸张素材,而是挖掘纸张在数字媒体技术上的表现形式,利用光影、折叠、伸展的形式不断的挖掘新的表现效果,让轻输入的概念更加突出。设计的过程也经过了多次的修改。这里只拿出其中几个比较代表性的草图。

 四,主要场景定稿

    

依照故事脚本与风格定稿,先主要确定了动画的几个关键画面,确保画面效果饱满、能体现主题。明确了关键画面之后,后续就需要设计师逐步的完善动画,将各个场景串起来,控制好各个场景的节奏。设计中也多次的进行了修改,不过主要是在一些动画的细节与节奏上的调整,基于前期做的各项工作,就避免了太多的方向失误。

五、总结

        对于安装包的设计来说,这是一个需要设计师、产品、技术密切配合的项目,有必要将工作的经验总结下。

  1. 设计过程推进需要各个环节都清晰的知晓,了解当前的状态以及存在的问题,设计中的很多文案与构思要与产品有深入的沟通,讨论。
  2. 能当面交流的,尽量不发邮件。设计中的很多小细节的变化与调整会比较多,集中的进行当面的交流对进度很有效果。
  3. 多听一听项目之外同事的感觉。类似这样的项目周期会比较长,长期的做一个动画,逐渐的会失去新鲜感,多听取项目之外同事的感受,可以让自己更真实的理解自己的设计。
  4. 设计的过程不像做总结这样一直顺畅。是一个反复修改打磨的过程,多次的修改在所难免,心理调整也很重要。

搜狗输入法智慧版官网及安装包体验地址:http://pinyin.sogou.com/zhihui/打开网页后,点击立即下载。

来源:http://ued.sogou.com/?p=1156

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!