从事UI设计的朋友们,肯定知道我们在做UI设计时,其实是可以通过一些小技巧来帮我们设计的界面更加的漂亮、实用、交互性强,用户体验更好。今天的话,上海艾艺在互联网上面搜寻了几个小技巧。在这里跟大家一起来分享下。

小技巧一:对按钮进行排版!排版设计也是一门学问,不一样的排版就会有不一样的视觉结果。
   如果对设计的细节不重视,有可能让我们原本完美的产品变的平庸,比如像按钮、Tab这些简单的界面元素也是需要排版的,因为用户可能每天都会点击N次。

小技巧二:设计的时候要学会留白。留白的作用在于突显我们的设计的重要的内容。

内容元素之间的空白不仅仅是用来分隔的,这也是设计中需要注意的问题之一,比如像按钮、导航条、文章内容、标题等等元素之间的空白都有必要关注。有效地利用空白,我们可以明确的表现出页面元素之间的关系。
    小技巧三:利用颜色的效果来引起注意,也就是采取高亮,大色块来突显设计的内容。
    利用不同的颜色也可以有效地吸引用户对重要及可操作元素的注意力。
    像红、黄、橙等暖色调,天生就有较强的吸引眼球的能力,而且这种能力在对比蓝、绿等冷色调时就更为突出。有趣的是,这种差别会让人产生空间上的想象,比如蓝色背景上的橙色按钮会给人凸起的感觉,相反情况下会给人凹陷的感觉。

小技巧四:链接体验需改善。以及就是鼠标移动到图片,文字的上面的时候应该变成手型,暗示该地方是可以点击的。
   网页中文章里的关键字通常都标有下划线,提示用户这个文字是可以点击的,但是可点击区域不会超过字符的宽、高范围。设计类似这种带有超链接的可点击区域的时候,都可以通过一些小技巧来提高可用性,比如:增加间隔,有些情况下甚至可以把链接转换为块元素。

小技巧五:利用对比,对称等方法来控制焦点
   与上面两个技巧类似,我们也可以通过页面元素间的对比来控制用户关注的焦点。下面的例子关于文章标题与日期、作者等信息之间利用对比突出重点的例子。在设计的时候也是可以采取对称的方法来突显不一样的设计图。

小技巧六:恰当的使用一些光影效果

目前苹果的设计是非常受大家的欢迎,我们无非看到有个很有个性的效果,那就是他们的手机,ios产品都有一个光影的效果。让我们看起来更加逼真,更加实际。很有立体感,所以,当我们设计的元素比较少的时候,不妨加入一些光影的效果,有助于我们的设计更加立体。

最新文章

  1. java基础 布局管理器
  2. 【代码笔记】iOS-竖排文字
  3. python魔法函数的一些疑问
  4. CentOS6.4 安装OpenResty和Redis 并在Nginx中利用lua简单读取Redis数据
  5. Pig Hive对比(zz)
  6. devstack重启后不能运行
  7. Yii源码阅读笔记(十一)
  8. Linux源码的目录结构
  9. skip-grant-tables:非常有用的mysql启动参数
  10. C#中类的默认访问是私有的
  11. Haffman编码(haffman树)
  12. Android 数据库ORM框架GreenDao学习心得及使用总结<一>
  13. 【BZOJ2127】happiness(最小割)
  14. IDEA修改Git账户和密码
  15. python小白——进阶之路——day3天-———运算符
  16. angular 用拦截器统一处理http请求和响应 比如加token
  17. IDEA阅读spring源码并调试
  18. IntelliJ IDEA 创建Java Web项目
  19. 【oracle】dblink创建
  20. Maven编译代码的时候跳过单元测试

热门文章

  1. (转)mongodb学习(翻译1)
  2. delphi XE7 在Android编译SharedActivity时出错
  3. React + Python 七月小说网 功能设计(二)
  4. super() 的入门使用
  5. git Problem with the SSL CA cert (path? access rights?)
  6. C# LINQ(2)
  7. 1222: FJ的字符串 [水题]
  8. Navicat 远程连接 MySQL
  9. scrapy 调试功能
  10. 【java】AtomicReference介绍