设计技巧—改善设计作品的实用小技巧(二)

2019-04-04191次阅读设计技巧设计原理

给小icon穿个衣服?给按钮排个等级?这些简单的操作或许会让你的页面更加高大上。设计实用技巧持续更新中。。。

五、越小越精致

图标会给页面增加设计感和趣味性,当图标越小巧,看起来会越精致,不过设计稿中经常会用到大尺寸的图标,如果直接放大图标,会使图标丢失细节,看起来非常不专业,增加更多的形状和线条又会过于复杂。我们应该做的是用统一的底色和形状来规范他们。

加过统一形状的图标,点击区域看起来会更大,又不至于丢失细节。

 

六、尝试用粗的线条来强调重点类容

通过增加粗线条来强调内容,这是个又偷懒,又有效果的办法。

如下图:给重要警告信息增加粗边框

 

如下图:给当前的选择项加线条

七、给按钮分等级

在所有的设计中,对按钮的设计可谓重中之重,通常我们会根据语义来设计按钮,比如,删除用警惕的红色,保存用安全的绿色或者蓝色等等,那是不是所有的按钮都要有背景色呢?答案当然是否定的。

这里我们还得考虑一个更重要的层次,考虑事件的层次结构。

  • 主要事件 — 按钮明显,可采用高对比度的背景色。
  • 次要事件 — 按钮清楚但不突出,可采用轮廓样式或者较低对比度的背景颜色。
  • 三级事件 — 按钮可发现但不引人注目。可以像处理链接文案一样去处理这些按钮。

那么警告性的事件是不是一定要采用红色背景按钮来强调呢?

当然,如果警告性事件是一级事件,那还是应该采用明显的背景高对比按钮。

如果警告性事件不是当前页面的主要事件,那么可以采用次要事件和三级事件的方法来处理警告性按钮。

 

 

 

上一篇: npm中--save-dev与--save的区别  下一篇: 浏览器兼容的copy复制功能  

设计技巧—改善设计作品的实用小技巧(二)相关文章