1 / 10
文档名称:

百度输入法&搜狗输入法之设计对比.pdf

格式:pdf   大小:1,157KB   页数:10
下载后只包含 1 个 PDF 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

百度输入法&搜狗输入法之设计对比.pdf

上传人:陈潇睡不醒 2021/3/30 文件大小:1.13 MB

下载得到文件列表

百度输入法&搜狗输入法之设计对比.pdf

文档介绍

文档介绍:百度输入法&搜狗输入法之设计对比
手机上一直在用搜狗输入法,有天心血来潮想换个输入法用用,就装了百度。用后发现两者在设计
和体验上确实有些不同,值得好好说说。
下面,就从视觉、布局、功能、操作方式等方面,来对两种输入法做一下对比。
1、视觉风格
在默认主界面的色彩选择上,百度采用了深浅不同的灰色,按钮运用了较明显的凸起感,突出了沉
稳和质感。但是按钮和背景同为灰色,并且明度饱和度的差别不大,如果没有阴影和高光的运用,
视觉上就会显得有点混。搜狗的按键采用了白色和浅蓝的搭配,深色背景陪浅色按键,阴影的运用
也更加轻薄,显得更为清新简洁。
在点击按钮时,百度采用了明显的凹陷感,在normal和click状态下,都很接近生活中按下按钮的
感觉,很有真实感,但是较多的阴影运用,难免会让人觉得有些厚重,不够清爽。搜狗采用了更为
鲜亮的橙色来标示按下的状态,与normal状态下的颜色产生对比。
在一些需要强调的按钮上,百度采用了浅蓝色,虽与主色调有一定色差,但在深色背景上,显得并
不是那么明显;搜狗的橙色则更为跳脱醒目一点。
两种输入法的键盘高度均可以调节,在HT C G6手机上,百度的可调节高度为230px-255px,默认
高度为250px;搜狗的可调节高度为220px-300px,默认高度为260px。当然,在使用过程中回去调节
键盘高度的用户应该很少,所以默认高度的设置就显得很重要。
百度主按键大小为70×48px,每个按钮有2px阴影,3px的圆角,按钮间距4px;搜狗主按键大小
为70×52px,每个按钮有1px阴影,2px的圆角,按钮间距3px。虽然阴影、圆角、间距都只有一个
像素的差别,但是搜狗的键盘看起来会觉得紧凑很多。由于间距的缩小,搜狗的按键面积也会比百
度的大一些,显得舒展一些,在手机屏幕这个寸土寸金的地方,每一个像素对于设计者来说都很
重要。
2、布局结构
在布局方面,两者相似,都很清晰的分为文字显示区、输入区、功能按键区。但是百度的标点输
入区,位于整个键盘区域的左侧,功能按键包围了文字输入区,而标点输入区却被孤立在左侧。搜
狗则是功能按键包围了整个文字和标点输入区,显得更为整体。
键盘区域在视觉上,百度看起来是三部分:标点输入区、文字输入区、功能按键。标点区的视觉风
格与文字输入区并不相同,右侧按钮都是质感比较重的风格,而标点区一下子就平了下去。一眼看
上去分为三块确实感觉有点杂乱。搜狗则是分为两块,白色的输入区和浅蓝色的功能按键,看起来
清楚一些。
在输入区的按键排布上,两者基本相同,只是搜狗把数字“0”放在功能按键区的编辑按键上,而没有
放在下面的空格按键上,把输入键和功能键混合起来放,不太符合大多数用户操作习惯,让人有点
匪夷所思。
3、功能
功能按键主要分为两个部分:编辑按键(删除、换行等)和切换按键(语言切换、符号切换等)。
对于切换按键,百度的设计略有些重复,键盘顶部和下方均有输入法切换按钮。在界面顶部放置
按钮,可能是百度想突出左右滑动键盘可以切换输入法。随着键盘的左右滑动,上方的输入法按钮
会随之滑动,给人一致的感觉。这一快捷操作的增加,却使