01eeb95922559da801216a3e947718.png

2017年-UI作品

游戏名称：词汇选择-WQ 游戏模式：单词模式／解释模式／听音模式（新） 设计分析：「下一题」按钮放在选项框下，更加肯定这范围处于按钮区，而且在拇指区域更方便的操作。

游戏名称：单词听写-TD（新） 设计分析：为了减少字符占据行数选择了以横线方式输入，「重现发音」与发音icon融合,控件平衡与增加了大范围的点击范围。拇指法则，所以键盘底部多留白1倍。

游戏名称：听力练习-FS 设计分析：「播放音频」按钮设在底部，原因是让用户先查看每道小题然后再播放音频才能作答。

游戏名称：单项选择-SQ 设计分析：因游戏经常以句子形式出现。「下一题」按钮放在右下角悬浮状态，避免用户更多操作。

游戏名称：句型转换-ST 设计分析：选择框宽／高／间距，参考搜狗输入法尺寸，不容易导致用户拖拽错模块，划分虚线更突出可操作区域。

游戏名称：连连看-MG 设计分析：计算出内容显示范围像素，再计算页面放置4组单词的模块，蓝绿色为正确状态，灰色为不可点击状态。

一款金融产品的移动端和后台UI

游戏名称：阅读理解-RC 设计分析：阅读时可让字体增大增小适应用户阅读习惯，镶入拖拽页可在未选题的情况下，最大化显示文章。

游戏名称：还原单词-RS 设计分析：选择框宽／高／间距，参考搜狗输入法尺寸，不容易导致用户拖拽错模块，选择框都处于拇指区域。

登录注册界面流程-细节决定成败

游戏名称：强化炼句-SF 游戏模式：简单模式／复杂模式／默写模式／自定义模式 设计分析：字符输入超过线条时，左右增加35px留白随着线条增长,看起来更加有空间感。默写模式时，为了减少字符占据行数选择了以横线方式输入。

游戏名称：单词拼写-GF 游戏模式：随机模式／默写模式 设计分析：默写模式下为了减少字符占据行数选择了以横线方式输入。

教育产品 手机端app web端 作品集