近期的项目验收中,无数次的提到了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. Android installed app, never used, cannot receiver BroadcastReceiver

    官方文档是这么写的:(http://developer.android.com/about/versions/android-3.1.html#launchcontrols) Launch contr ...

  2. HTTP POST请求的Apache Rewrite规则设置

    最近自测后端模块时有个业务需求需要利用WebServer(我用的是Apache)将HTTP POST请求转发至后端C模块,后端处理后返回2进制加密数据.http post请求的url格式为:     ...

  3. oracle 在操作blob该字段是否会产生很多redo

    操作blob该字段是否会产生很多redo,答案是否定的.以下来做一个实验,測试数据库版本号是11.2.0.1.0: --创建一张表做測试之用 create table test_blob (   id ...

  4. SQL查询语句联系

    建立四个表,分别是学生表,课程表,成绩表和教师信息表 插入信息: 题目: 1. 查询Student表中的所有记录的Sname.Ssex和Class列 select Sname,Ssex,Class f ...

  5. NET单元测试的艺术

    NET单元测试的艺术 开篇:上一篇我们学习基本的单元测试基础知识和入门实例.但是,如果我们要测试的方法依赖于一个外部资源,如文件系统.数据库.Web服务或者其他难以控制的东西,那又该如何编写测试呢?为 ...

  6. ThinkPHP 的模型使用详细介绍--模型的核心(七)

    原文:ThinkPHP 的模型使用详细介绍--模型的核心(七) 注意:本节是ThinkPhp框架对数据操作的核心处理部分 大家还是在这里看清楚可以将其剪切放到代码编辑器中查看 本章节给大家着重介绍模型 ...

  7. isapi_rewrite运行在.net framework 4.0+iis 6.0环境下404错误解决方案

    今天以前的同事让我帮他上服务器看看,他把页面伪静态之后,出现404错误,为什么会出现这样的问题呢,仔细研究才发现,原因如下: 因为ASP.NET4.0在安装的过程中,已经在IIS6做了一些手脚,让它可 ...

  8. 4.2、Libgdx每个模块概述

    (原版的:http://www.libgdx.cn/topic/34/4-2-libgdx%E5%90%84%E4%B8%AA%E6%A8%A1%E5%9D%97%E6%A6%82%E8%A7%88) ...

  9. 算法起步之Prim算法

    原文:算法起步之Prim算法 prim算法是另一种最小生成树算法.他的安全边选择策略跟kruskal略微不同,这点我们可以通过一张图先来了解一下. prim算法的安全边是从与当前生成树相连接的边中选择 ...

  10. 遍历指定包名下所有的类(支持jar)(转)

    支持包名下的子包名遍历,并使用Annotation(内注)来过滤一些不必要的内部类,提高命中精度. 通过Thread.currentThread().getContextClassLoader()获取 ...