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

0122105922559db5b3086ed4f9e090.png

2017年-UI作品

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

01244d5922559da801216a3e6c2ad8.png

01eeb95922559da801216a3e947718.png

01872c5922559db5b3086ed4c12c56.png

0185795703380232f875a94475e549.png

Baidu Security Master

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

013a1c5922559db5b3086ed465389c.png

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

016db75922559da801216a3e17f63c.png

01a28c5922559db5b3086ed438415c.png

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

0102b05922559da801216a3e893fa9.png

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

018c3a5922559da801216a3ecd4904.png

第一次设计中，直接把离线相册硬生生的做成了一整套的文件管理，有添加文件夹，删除文件夹，重命名等等，有些用户可能进去直接点击拍照，这类没有归类的照片第一次考虑是直接在文件夹下面按时间顺序排列，但是杀掉了这个想法，用户在作业时会拍摄上百张的图片，排在下面可能会占用很大的空间，简直拉不到头，故给出第二套方案就是第一个文件夹为默认文件夹，所有未归类的图片都存放在这里。

010a2359e029dba80121ae0c7e1b2e.png

离线相册的设计思考

01aae85a3ca447a8012197419bf730.gif

UI界面动效

0114fe57c834180000012e7ef3a95e.jpg

作品集

01aaea5922559db5b3086ed49add15.png

0106855922559db5b3086ed4e919bf.png

那个是编辑还是添加啊？看不明白啊！是哦，看不明白，而且你放的这个位置完全就不方便操作 “图标识别性不高，这个需要再改一下，那您觉得放在什么位置合适？” “我觉得系统原生的那种就挺好的，图标点进去，某一个模块，然后切换退出来，点击进入下一功能” “你这个操作很多冗余啊，四个功能放在下部，这是大部分APP的做法，方便功能切换，这个比你返回点选要方便的多！” “没有啊，我觉得挺好的啊” “。。。”

0167c25735a3b06ac72580edfba10e.jpg

游戏后台管理APP

01cb7958f9fd6aa8012160f70701a7.jpg

隐私卫士iOS V2.0

017d7858ec57cda8012049efa05471.png

浏览器登录界面

016cb15d809caca801211d5379476c.png

西域登记

015cfc5a93986da8012045b3f46fc1.jpg

旅游相关的APP

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

0106fe5922559da801216a3ebbf7ad.png

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

01fef15922559db5b3086ed41358bd.png

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

0190005922559da801216a3eb4a10d.png

01fe3c5cab5442a801208f8bcd766f.jpg

侯宗君个人作品集

0111b75aae7452a80120be146b808b.png

站酷推荐设计师

0162925daad423a801209e1f628f91.png

app设计

01d76a5b9a8812a801213dea67058b.gif

登录我的工资账户动效

011d2555b5ec7d6ac725ca50344599.jpg

一个登陆界面

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