017f8a607d78af11013e87f4ec80be.png

GOOG UI  网页交互手册

0192b3607d78af11013fb1170a4f59.png

016b9c607d78ae11013fb11787f6aa.png

016250607d78b011013e87f4fc9715.png

0199ea607d78af11013e87f4e7b3ed.png

01b76b607d78af11013e87f4e1fb1c.png

01d8c3607d78af11013fb117c8a23d.png

015d7d607d78af11013e87f4de92ad.png

013a30607d78af11013e87f4ff015d.png

01c4b5607d78b011013fb117e41c1b.png

016d37607d78af11013fb11758c7b7.png

0106c3607d78af11013e87f478dc1d.png

01087c607d78ae11013fb117e3df86.png

01dc4a607d78af11013fb117477b2e.png

    23.试着减少线框，减少不必要的注意&lt;br&gt;&lt;br&gt;    过多边框会喧宾夺主。不用说，边框确实在划分区域进行版块设置时有很大的作用，但同时其明显的线条也会吸引走用户的注意力。为了达到划分版块又不转移用户注意力的目的，在排版时可以将界面上不同区域的元素通过空白进行分组，用上不同的背景色，将文字对齐方式进行统一，还有就是为不同区域设置不同的样式。当使用所见即所得的界面设计工具时，我们经常在界面上方便地拖出很多区块来，这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。一个更好的做法是将区块垂直对齐，这样做不会让那些多余的线条来扰乱视觉。

01ad1c5543c4900000019ae9dd7e24.jpg

转载【实用】UI交互手册

01d9f85d677b4ea801211f9e841212.png

重设计思考-12306网页版

012bb65d6877e5a80120526d3010e8.png

01wr2bli7otaypa5hwzevj3037.png

车载语音交互设计原则1.0

01a0735c8a389ca801208f8b989990.jpg

H5活动

0197db5c0385d5a80121ab5d85f363.jpg

原型图

01d3a960d29ccb11013f472018300f.png

作品集

01ced6553efe230000004850b5361e.jpg

微物业原型设计

原创作品某游戏的原型图，还未上架

01400758dcca60a801219c7733abc7.png

    21.用一些动效过度而不用立即显示变化&lt;br&gt;&lt;br&gt;    用户进行操作过程中，界面上的元素会经常出现，隐藏，打开，关闭，放大缩小移位等。给这些元素增加些自然的动画，淡入淡出效果不但美观，也更符合实际，本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设置过长，那样会让想尽快完成操作的用户不耐烦。

015d7b5543c4900000019ae9f53c3f.jpg

010d7f58dcca45a801219c770b863c.png

    32.将相关的条目分组，不要杂乱无章的排列&lt;br&gt;&lt;br&gt;    将各个功能项分组合并起来可以提高程序的可用性。有点常识的人都知道刀子和叉子，或者打开文件和关闭文件是放在一起的。将功能相近的元素放在一起也符合逻辑，符合我们平时的认知。

01c18b5543c4900000019ae9199da8.jpg

    40.可以给用户提供一些快捷操作&lt;br&gt;&lt;br&gt;    当你的程序广为流传，应该考虑下高级用户的感受。人们总是试图为一些重复性的操作找到更快捷的方法，快捷键就应运而生了。相比在界面上点来点去，快捷键无疑大大提高工作效率。一个好的例子就是现今流行于各个主流程序中的J（后退）K（前进）快捷键组合，比如在Gmail，Twitter和Tumblr中。按钮固然好，但快捷键会锦上添花。

0177765543c48f0000019ae9d64eb4.jpg

    3.整合相似的功能，去掉零碎的UI元素&lt;br&gt;&lt;br&gt;    在整个产品开发期间我们会有意无意地创建很多模块，版面或者元素，而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。时刻警惕这些冗余的功能模块，它无用且降低了电脑性能。此外，界面上模块越多，用户的学习成本就越大。所以请考虑重构你的界面使它足够精简。

01e02a5543c4910000019ae91996c6.jpg

019ae75b2f4abea80121b994bbd71d.png

moxi日本自由行