01aaea5922559db5b3086ed49add15.png

2017年-UI作品

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

0142a35922559da801216a3e76fc04.png

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

01244d5922559da801216a3e6c2ad8.png

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

0122105922559db5b3086ed4f9e090.png

01872c5922559db5b3086ed4c12c56.png

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

01fef15922559db5b3086ed41358bd.png

01eeb95922559da801216a3e947718.png

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

016db75922559da801216a3e17f63c.png

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

0102b05922559da801216a3e893fa9.png

01a28c5922559db5b3086ed438415c.png

01aae85a3ca447a8012197419bf730.gif

UI界面动效

017d7858ec57cda8012049efa05471.png

浏览器登录界面

0185795703380232f875a94475e549.png

Baidu Security Master

01cb7958f9fd6aa8012160f70701a7.jpg

隐私卫士iOS V2.0

01203b5d89d254a801211d5316c200.gif

仁术app，领略手术之美

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

013a1c5922559db5b3086ed465389c.png

0103425a990550a801219586fe2160.jpg

软件APP设计方案

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

0183a55a152449a8012134907b0cf1.png

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

011f225922559da801216a3e859a9c.png

游戏名称：猜词游戏-HM 设计分析：题目内容设在键盘之上，小人图之下，因为输入单词时余光就能看到输入框里的内容，在错误的情况下，小人和键盘保留错误状态，直到进入下一题或失败。

0190005922559da801216a3eb4a10d.png

0141ff5b29fa3aa8012034f76cac4c.jpg

智能除湿机

011561599a4982a8012156032b9e17.gif

智能家居APP——智家2.0

01081d5d50d2bca8012187f4a682bf.png

Dian掌柜

0167145f0e70b9a8012066217cfb87.jpg

APP登录页UI设计稿

012b4d5cff691da801213ec244b826.jpg

作品集

0142b15b1a4bc4a80121bbece15f26.png

还了么app设计

01ecf9575ba0150000018c1bb9e634.png

登录注册页