说说UI设计
近期的项目验收中,无数次的提到了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设计的更多相关文章
- 缩放因子和UI设计
一.PPI 1.像素密度PPI:PPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目. 根据勾股定理(直角三角形两边为a和b,斜边为c, ...
- Android 腾讯入门教程( 智能手表UI设计 和 MVC模式 )
*****注意到mvc 在android 中是如何进行分层分域执行各自的功能.**** 官方推荐的按钮尺寸是48像素 前端之Android入门(1):环境配置 前端之Android入门(2):程序目录 ...
- eclipse里打开SWT项目找不到source/design的图形UI设计界面
因为前天重新装了个新版的eclipse, 结果今天打开一个SWT的项目,突然找不到source/design的图形UI设计的两个切换按钮 我把SWT组件重新装了还是找不到.结果后来发现是因为重装ecl ...
- 分享20个最新的免费 UI 设计素材给设计师
用户界面设计涉及到很多的创意,灵感以及需要与客户进行有效沟通的技能.良好的用户界面是一致的,可以使网站更容易理解和使用.UI设计的重点在于用户体验和互动,同时易于使用对于一个成功的移动应用程序来说非常 ...
- UI设计中的48dp定律【转】
有朋友建议我偶尔写写技术类的文章,所以我打算开始穿插性的写一些偏技术方面的科普文章,尽量往小白能看懂的方向写,今天我来讲讲UI设计中的48dp定律. 那么先说说什么是dp ?其实对于一个非技术人员要把 ...
- 2017年8个UI设计流行趋势
设计趋势变化的理由需要考虑各种各样的因素.让我们来一起看看2017年的设计流行趋势吧. 应用界面的设计趋势是不断变化的.随着时间的推移他也在不断的成长,进化.虽然有些趋势还有待检验,但我们还是需要不断 ...
- 浅谈UI设计中妙用无穷的深色系背景
英文:medium 译者:优设网 - 陈子木 链接:http://www.uisdc.com/ui-benefits-of-dark-background# --------------------- ...
- MAC OS UI设计
对比MAC OS 10.9到10.11的UI设计,苹果曾经卓尔不群的审美观逐步变得泯然众人. 当苹果也跟上扁平化的浪潮,许多搞设计的朋友都一时难以接受,曾经潮流的引领者变成了亦步亦趋的跟随者. MAC ...
- APP UI设计及切图规范
APP UI设计及切图规范 1.概述 1.1 编写目的 该文档主要针对移动端开发的视觉设计和开发过程中的工作环节做统一的规划规范,是系统进入UI设计的前置文档.部分内容来自网络收集修编,转载请注明由 ...
- 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) 声明:本文由入驻搜狐公众 ...
随机推荐
- [Android]Volley源代码分析(店)应用
通过前面的谈话,我相信你有Volley有了一定的了解了原理.本章将给出一些我们的应用程序都可以在样品中直接使用,第一样品是 NetworkImageView类,事实上NetworkImageView顾 ...
- extjs desktop startmenu (開始菜单)
extjs desktop 的開始菜单 二级菜单,仅仅是简单演示实现原理,如 须要动态生成,自己改造就可以,下面基本方法原理: 首先 建立一个js文件 生成開始菜单数据: function Get ...
- [项目整理]Win32,MFC的可执行文件只能运行一次
//第一种方法:控制release版本的exe文件只能运行一次 #ifndef _DEBUG //debug 版本中,项目属性-->预处理器 -->预处理定义: 有_DEBUG if (F ...
- NYOJ 914 Yougth的最大化
Yougth的最大化 时间限制:1000 ms | 内存限制:65535 KB 难度:4 描写叙述 Yougth如今有n个物品的重量和价值各自是Wi和Vi,你能帮他从中选出k个物品使得单位重量的价 ...
- Android Application Fundamentals——Android应用程序基础知识
Application Fundamentals--应用程序基础知识 Key classes--关键类 Activity Service BroadcastReceiver ContentProvid ...
- 《sql---教学反馈系统-阶段项目2》
/* a) 创建数据库 使用T-SQL创建数据库feedback,要求:①一个主要文件(存放在第一个硬盘分区C:\project文件夹下),初始大小为10M,最大为200M,文件自动增长率为15% ② ...
- MVC数组模型绑定
ASP.NET MVC数组模型绑定 在ASP.NET MVC中使用Razor语法可以在视图中方便地展示数组,如果要进行数组模型绑定,会遇到索引断裂问题,如下示例: <input type=& ...
- VSTO之旅系列(三):自定义Excel UI
原文:VSTO之旅系列(三):自定义Excel UI 本专题概要 引言 自定义任务窗体(Task Pane) 自定义选项卡,即Ribbon 自定义上下文菜单 小结 引言 在上一个专题中为大家介绍如何创 ...
- uva11426(莫比乌斯反演)
传送门:GCD Extreme (II) 题意:给定n(n<=4000000),求G G=0 for(int i=1;i<n;i++) for(int j=i+1;j<=n;j++) ...
- jQuery Easy UI Droppable(放置)组件
Droppable(放置)组件也是一个基本组件,使用方法较简单,语法都在样例里面凝视了: 演示样例: <!DOCTYPE html> <html> <head> & ...