平面设计，UI 设计，网站设计，插画，产品设计等。 Tue, 07 Apr 2026 17:11:00 +0000 Tue, 07 Apr 2026 17:11:00 +0000 CH前端社区 https://www.chinahtml.com/articles/category/10/ Thu, 25 May 2017 15:54:54 +0000 https://www.chinahtml.com/articles/12/ https://www.chinahtml.com/articles/12/ CH首席编辑 CH首席编辑
下面由设计师应昼雨成总结了17个提升用户体验的 UI 设计小技巧，也是我们日常用到的很基本的技巧，对于新手UI设计师建议一看，注意案例中「对」与「错」不是绝对的，仅用于参考作用。

01、图标保持统一性
浏览附件9754

图标是UI设计里非常重要的模块之一，最重要的一点是要保持风格统一。

如果是填充型的图标，那么一套设计里不要出现线性的图标设计。

其次就是描边大小的统一，定下了3px就要全套保持即可。

最后图标要做到识别度和差异性。

02､字体运用保持统一
浏览附件9755

字体合理运用是UI设计很重要的一点，要么字体很不相同，要么就用一款字体。

像第一个案例，字体字形比较接近，但是又不是一款字体，看久了会非常突兀。...

17个提升用户体验的 UI 设计技巧]]> Wed, 17 May 2017 14:32:25 +0000 https://www.chinahtml.com/articles/5/ https://www.chinahtml.com/articles/5/ CH首席编辑 CH首席编辑 序言：

这是一篇基础到不能再基础的小白教程，毫无任何高阶技巧，只介绍到足以上手使用的程度，顺便记录下自己刚接触sketch时的感受，以及一些常用的快捷键，哪怕忘了也能再找出来回忆回忆。

Sketch，现在是UI常用的工具之一，面对着功能复杂繁琐的photoshop，sketch显的轻巧许多。这对于产品经理，同样好用。用它来画原型图简直轻而易举，你只需要花几分钟的时间看完这篇文章，就能快速上手替换掉你原先的原型了。相比于axure它有更丰富的组件库和更全面的尺寸控制让我们的原型图更逼真，更有利于交流和前期的展示。

甚至，你可以考虑只用Axure做交互了。

在我刚开始接触sketch的时候，最大的问题就是不知如何下手。我先掌握的axure，将组件拖拖拽拽的，原型图就构成了，但是sketch的界面中什么都没有，是要我们一点一点画出要用的图标吗？

别慌，这可能是你的打开方式不对。

先从打开这个软件之后开始说起吧。一张图解决。

浏览附件9715 ...

教你10分钟上手sketch]]>