近期的项目验收中,无数次的提到了UI的设计,首先来说说为什么UI设计如此重要.

对于用户来说产品的外观是最先映入眼帘的,无论你用了什么高端的技术,无论你后台代码封装的多么好,用户是无法体会到的,能体会到就是你的UI是否看起来顺眼,用起来顺手.

那么我又在UI设计上犯了什么错误呢?无论用户怎样我好实现再说,无论用户怎样我一个页面能放多少放多少等等,这样就造成了如今的问题:页面信息冗余,没有突出重点.你看为什么百度这么火?由于他就一个框一个button就能找到你全部须要的信息.而我的页面例如以下:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvamx5NDc1OA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

你能明确要干什么吗?总是站在程序猿的角度去设计,没有非常好的去体验用户的感受,想想自己在看到一个取消键为默认选项的软件时是不是无数次的诅咒过,然而如今的我好像正在成为自己诅咒的人.只是还好发现的早,没有在罪恶的道路上越走越远,而是深深的体会到:UI
是用户与程序猿交互的唯一途径,是体现全心全意为人民服务的时刻,是我们彰显:"以人为本,用户至上"精神的时刻.所以今天就来说说我们UI设计应该要注意的原则:

1、简洁

古人云:大道至简。所以简单的UI也是易用的UI,如同百度谷歌一样,一个输入框放在那里再不了解情况的用户也不会错到哪里去。

2、重点突出

假设一个页面既有加入,又有查询,又有改动。

那么用户打开这个页面究竟是该做什么呢?这样就把重点模糊了,我们就应该查询页面就把信息的显示作为重点,加入页面就把加入信息作为重点。

这和我们后台的设计也是一样的:功能单一。再说我们多几个页面也不会添加什么成本看。又不是画在纸上怕浪费资源。

3、灵活性

灵活性事实上是非常重要的,这一点可能与用户的体验没有非常大的关系。但是当用户认为这个不适合时,须要改动时,我们要怎么做呢?假设有非常多基本一样的页面。知识个别地方有小小的改动,我们有必要去改动每个页面吗?假设開始设计的不灵活,这么做就是必定的。但是假设把页面做活,提高页面的复用。那么我们就能够轻松的应对每个变动了。

4、降低用户工作量

就和我们一样,假设在注冊一个站点的时候。全部字段都是必填,并且没有提示,等你点击提交的时候一些没填的字段会提示信息,是不是会有放弃注冊的冲动,不知道你有没有总之我是有。所以我们在设计的时候要注意那些不是必需的信息就不用显示给用户。假设用户真的须要的时候我们能够通过调用很多其它来显示信息。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvamx5NDc1OA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

5、从用户的角度考虑而不是程序猿

又该说了,全心全意为人民服务:想用户所想,做用户想做,用户至上。也许软件是你开发的你可能感受不到他多么的不人性,但是用户的反馈才是最真实的情况。

要做到全心全意为人民服务。就该知道人民须要如何的服务,如何知道人民的须要
,就是努力去观察每个被大众所喜爱的软件。总会发现些什么的。

UI设计是之前没有着重研究过的。曾经实现功能最重要,如今什么都重要。既要人性的界面。又要人性性能,我们要做的还非常多。

说说UI设计的更多相关文章

  1. 缩放因子和UI设计

    一.PPI 1.像素密度PPI:PPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目. 根据勾股定理(直角三角形两边为a和b,斜边为c, ...

  2. Android 腾讯入门教程( 智能手表UI设计 和 MVC模式 )

    *****注意到mvc 在android 中是如何进行分层分域执行各自的功能.**** 官方推荐的按钮尺寸是48像素 前端之Android入门(1):环境配置 前端之Android入门(2):程序目录 ...

  3. eclipse里打开SWT项目找不到source/design的图形UI设计界面

    因为前天重新装了个新版的eclipse, 结果今天打开一个SWT的项目,突然找不到source/design的图形UI设计的两个切换按钮 我把SWT组件重新装了还是找不到.结果后来发现是因为重装ecl ...

  4. 分享20个最新的免费 UI 设计素材给设计师

    用户界面设计涉及到很多的创意,灵感以及需要与客户进行有效沟通的技能.良好的用户界面是一致的,可以使网站更容易理解和使用.UI设计的重点在于用户体验和互动,同时易于使用对于一个成功的移动应用程序来说非常 ...

  5. UI设计中的48dp定律【转】

    有朋友建议我偶尔写写技术类的文章,所以我打算开始穿插性的写一些偏技术方面的科普文章,尽量往小白能看懂的方向写,今天我来讲讲UI设计中的48dp定律. 那么先说说什么是dp ?其实对于一个非技术人员要把 ...

  6. 2017年8个UI设计流行趋势

    设计趋势变化的理由需要考虑各种各样的因素.让我们来一起看看2017年的设计流行趋势吧. 应用界面的设计趋势是不断变化的.随着时间的推移他也在不断的成长,进化.虽然有些趋势还有待检验,但我们还是需要不断 ...

  7. 浅谈UI设计中妙用无穷的深色系背景

    英文:medium 译者:优设网 - 陈子木 链接:http://www.uisdc.com/ui-benefits-of-dark-background# --------------------- ...

  8. MAC OS UI设计

    对比MAC OS 10.9到10.11的UI设计,苹果曾经卓尔不群的审美观逐步变得泯然众人. 当苹果也跟上扁平化的浪潮,许多搞设计的朋友都一时难以接受,曾经潮流的引领者变成了亦步亦趋的跟随者. MAC ...

  9. APP UI设计及切图规范

    APP UI设计及切图规范 1.概述 1.1 编写目的 该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档.部分内容来自网络收集修编,转载请注明由 ...

  10. UI设计中px、pt、ppi、dpi、dp、sp之间的关系

    UI设计中px.pt.ppi.dpi.dp.sp之间的关系 武汉AAA数字艺术教育 2015-07-24 14:19:50 职业教育 pi px 阅读(3398) 评论(0) 声明:本文由入驻搜狐公众 ...

随机推荐

  1. Infinite scroll has been called autopagerize, unpaginate, endless pages

    http://www.infinite-scroll.com/ Infinite scroll has been called autopagerize, unpaginate, endless pa ...

  2. EasyUI初体验--右键弹框

    在C/S中可能非常easy实现右键弹框,但在B/S中直到今天我才搞定,小小得瑟一下.只一个html页面,导入相关的Easy-UI类库就能搞定,Easy-UI类库下载地址 <!DOCTYPE ht ...

  3. VCL改变主窗体的方法

    使用如下语句即可Pointer((@Application.MainForm)^) := Form1; 仔细想想和Pointer((Application.MainForm)) := Form1;有什 ...

  4. Chrome App远程控制

    現在google app連上chrome就能遠控了出了幾年了, 能用觸控控制mouse https://chrome.google.com/webstore/detail/chrome-remote- ...

  5. Virtualbox mouse move in and out and file share with windows

    How to use Virstalbox to share files with Linux and Windows, and to move the mouse in and out Virtua ...

  6. Delphi过程函数传递参数的八种方式

    今天一同事问我为什么有些过程函数里面有Var而有些没有,不解,遂到网上百度,得解.快哉,快哉. 在Delphi过程.函数中传递参数几个修饰符为Const.Var.Out.另一种不加修饰符的为默认按值传 ...

  7. UNIX 网络编程之线程

    概述: 实现并发服务器一般都是父进程accept一个连接,然后fork一个子进程,该子进程处理与该连接对端的客户之间的通信.但是fork是昂贵,耗资源和时间.而线程是轻量级线程,它的创建比进程的创建块 ...

  8. cocos2d-x CCNode类

    文章引用自http://blog.csdn.net/qiurisuixiang/article/details/8763260 1 CCNode是cocos2d-x中一个非常重要的类.CCNode是场 ...

  9. C#获取Excel中所有的Sheet名称

    原文地址:http://blog.csdn.net/qq1010726055/article/details/6858849 Excel.Application myExcel = new Excel ...

  10. jersey client上传下载文件

    jersey client上传文件demo File file = new File("/tmp/test.jpg"); System.out.println(file.exist ...