SOGOU输入法设计指北

原创文章 分类: 经验/观点 版权:
9666 62 323 55
2018-01-17
87.3
首页推荐



SOGOU输入法设计指北

又名:从生活中采集的灵感在输入法主题设计中的应用与探索




Image title


1.灵感采集

 

灵感不一定来自花瓣,可能来自于小区楼下会跟你一起跑上50米的流浪狗,也有可能来自于“开头一张图,内容全靠编”的鸡汤软文;

Image title


灵感不一定来自追波,可能来自于吃了半个月公司食堂省来的iPhone X,也有可能来自于大洋彼岸的一部没法上映的动作电影。

Image title


灵感来源于生活

 

来源于生活的东西更容易让用户产生共鸣。(此处的生活不包含“做头发、玩饺子、飞叶子”等违背社会主义核心价值观的一系列行为。)


拿本狗举例,本狗热衷于从热点电影中采集灵感(常常因为拖延症与懒癌导致电影下映了还没开始做。):太空漫游、谍影重重、攻壳机动队等。

Image title

 

一旦灵感的灯泡在脑子里点亮后,第一时间在纸上留下创意的足迹。不然,在光怪陆离的现代社会,地铁上随便偶遇一个D CUP都能让你3秒内清空当天的大脑缓    存:“我是不是有个输入法要做?不存在的!”


灵感记录在案后,打开百度输入关键词,保存一些资料与图片用于细化创意。这些基本操作就不赘述了,记得不要被头部几条莆田系热搜诱惑就行。




Image title


2.结构分析

 

菜买好了,接下来洗洗切好分个类。


输入法结构主要分为三块:工具栏(有输入内容后变更为输入栏)、字母按键区域功能按键区域

Image title

Image title


 1.工具栏中icon有品牌露出,相比输入操作与字母按键相比使用没有那么频繁,所以icon需要较高的识别度,不宜做过大的异形来增加用户学习成本;加上要保证输入文字在栏内的显示效果,工具栏无须加入过多的创意点,保证与整体风格统一即可。


2.字母按键区域,面积最大,使用频率最高,拥有一定的重复性。在保证字母内容清晰,使用便捷的前提下,字体、按键形状、颜色,72变完全没有问题。


3.功能按键区域,输入过程中的常用操作,培养了一定的用户使用习惯,且一般情况还会在前景保留文字或者icon,所以在按键设计上可融入更多的创意点。




Image title


3.创意应用

 

材料都准备就绪了,下面该做菜了。


一个色香味俱全的输入法,“好用”比“好看”更重要。我这准备的一箩筐创意,该怎么烧才入味呢?


让创意元素与各按键有一定的关联性。


关联性分两种:属性关联与形状关联。


属性关联:创意元素与按键本身的功能属性关联,让用户通过联想来感知此元素代表的功能。

Image title

 

形状关联:创意元素与按键前景的ICON形状关联,对icon进行风格化的演绎,没有大的变形。

Image title


属性关联与形状关联有些情况下可以并存。

Image title

 



Image title


4.画龙点睛

 

菜做好了,摆盘也是门学问。


动效,声效等都可以为我们的创意画龙点睛。


开屏动效:键盘开启时的动画,时间保持在3S内,可加入音效。

按键定制:参考机械键盘&功夫熊猫

前景挂件动效:点击时触发,位置在按键上一层。

背景挂件动效:位置在底层,循环播放。

按键声效:针对不同的按键与功能可以提供不同的声效。

时光皮肤:一套皮肤多个状态,随时间自动切换。

Image title

Image title

 

在创意的路上,就是要不择手段。




Image title


5.减法

 

设计过程中,创意算是加法,但为了“好用”的最终奥义,减法也很重要。


例子:谍影重重

为了保持创意元素的真实性,保证创意的”原汁原味“,牺牲了识别性和用户体验。

Image title


例子:iPhone X

安卓版本的皮肤在ios系统中由于结构不同

导致显示效果不佳。

Image title





好了,本期的“走进搜狗——输入法の魂”就为大家播报到这里,我是主持人狗子,我们下期——

Image title


 

大表狗

MDD | The 帅est or nothing.

7775粉丝/134关注

2017年度最佳作品集TOP10得主2016年度最佳作品集TOP10得主2016年度最佳作品集TOP50得主话唠原创小生
UICN-勋章2017作品集
2
大表狗

91 1024都可以看

精彩!

大表狗

大表狗

MDD | The 帅est or nothing.

2017年度最佳作品集TOP10得主2016年度最佳作品集TOP10得主2016年度最佳作品集TOP50得主话唠原创小生

扫描二维码
去手机端查看海报

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN