近期的项目验收中,无数次的提到了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. 如何获取ul 中li选中的值点击button按钮跳转链接

    <ul id="parent"> <li></li> <li></li> <li></li> & ...

  2. c中使用malloc动态申请二维数组

    前言 今天写代码的时候,想要动态的申请一个二维数组空间,思索了一段时间才写出来,这里记录一下吧,以后就不至于再浪费时间了.下面以申请int型数组作为例子: 申请一维数组 一维数组的数组名可以看成数组起 ...

  3. poj2299--B - Ultra-QuickSort(线段树,离散化)

    Ultra-QuickSort Time Limit: 7000MS   Memory Limit: 65536K Total Submissions: 41215   Accepted: 14915 ...

  4. rzsz不能大于4G,securefx传5.2G没有问题,

    rzsz不能大于4G,securefx传5.2G没有问题, 查看系统限制: $ulimit -acore file size          (blocks, -c) 0data seg size  ...

  5. 深入 CSocket 编程之阻塞和非阻塞模式

    有时,花上几个小时阅读.调试.跟踪优秀的源码程序,能够更快地掌握某些技术关键点和精髓.当然,前提是对这些技术大致上有一个了解. 我通过几个采用 CSocket 类编写并基于 Client/Server ...

  6. Linux 之 rsyslog

    Linux 之 rsyslog 系统日志转发 一.rsyslog 介绍 ryslog 是一个快速处理系统日志的程序,提供了高性能.安全功能和模块化设计.rsyslog 是syslog 的升级版,它将多 ...

  7. expdp时遇到ORA-31693&amp;ORA-02354&amp;ORA-01466

    expdp时遇到ORA-31693&ORA-02354&ORA-01466 对一个schema运行expdp导出,expdp命令: nohup expdp HQ_X1/HQ_X1 DU ...

  8. ActivityGroup简单介绍

    ActivityGroup简单介绍 1.ActivityGroup的核心就是继承了该类,可以通过getLocalActivityManager()得到一个LocalActivityManager 如, ...

  9. cocos2d-x博客网站推荐和牛逼的教程

    Cocos2d-x网站列表 CocoaChina(官方网站,不解释)www.cocoachina.com/ 泰然网(貌似最近有很多不错的文章,不过早期的文章质量一般)www.ityran.com/ C ...

  10. 【译】ASP.NET MVC 5 教程 - 2:添加控制器

    原文:[译]ASP.NET MVC 5 教程 - 2:添加控制器 MVC 表示 模型-视图-控制器.MVC 是一种用于开发应用程序的模式,具备良好架构,可测试和易于维护.基于 MVC 应用程序中包含: ...