来源

參与米老师对项目的验收的时候。听了老师对UI的看法才注意UI这块内容。非常奇怪为什么我们总是不能注意到本该注意的问题呢?软件开发难道仅仅是功能的实现不包含界面设计吗?当然不是。问题的根源在于我们从開始就没有把UI设计提高应有的高度。

然后,在开发过程中就着本来非常不合理的界面不断的測试,于是习惯成了自然。

这个过程,事实上就培养了我们自己的用户习惯,于是我们就更无法注意到UI的不合理性。可是现实的世界是,没有一个用户会有像我们一样的耐心来忍受。而且,在这个差点儿全部软件都有同质的替代的世界,用户会毫不犹豫的舍弃让他无法习惯的那一个。所以,我们在软件开发过程中一定要保实用户角色一样的对软件的清醒认知。

故事明理

  当我開始思考UI设计的时候,思考它的重要性的时候。自然而然的想起了非常多故事。

话说三国时期,刘备求贤若渴。水镜先生说伏龙凤雏得一可得天下。

对于诸葛亮他三顾茅庐才请其出山辅佐。

而当和诸葛亮齐名的凤雏主动投奔却是一波三折。差点失之交臂。其原因却仅仅是由于凤雏先生长的太猥琐了。

换到我们软件设计的话就是UI界面太烂了。

尽管终于刘备得到了凤雏是由于他确实有“料”,也由于刘备对人才的渴望。而我们没有有着刘备一样渴望的软件用户。所以即使功能再好。我们的结局也仅仅有一个——被抛弃。这一切都仅仅由于一个道理——酒香也怕巷子深!!

入门

从老师提到这个问题的时候。我就去找了一些有关UI设计的书来看。眼下看的还不是太多。就如今的我的思考和认知谈谈我的看法。

什么是UI

User Interface即用户接口,是用户和软件打交道的唯一途径 。也就是说用户对软件的评价非常大一部分将基于对界面的理解。在心理学上有一个首因效应,说的是第一印象对兴许认知的影响。人的兴许认知会基于他的第一印象。直白的说就是,第一眼他认为你的软件做的不怎么样。那么他后面的使用就会致力于软件的缺点。第一眼他认为你的软件做的非常好。那么他后面的使用就会关注软件的长处。

而。要改变第一印象的影响须要付出比原来多得多的努力。

人靠衣装马靠鞍,该引起我对UI的注意了!

用户关心什么

用户全部在意的事情仅仅是他可以看的见,体验的到的东西。

即一个是界面,一个是软件是否满足他的需求。用户的评价也仅仅是简单的好用或者不好用,他不会关心你使用了什么高大上的技术或者什么样优秀的框架。所以,给他一个有着友好界面、操作简单的软件对他来说就是一个好软件。

  对UI的理解

  看了几章的书,说的是UI设计的一些原则(这个下一篇再说)。都是环绕于怎样组织界面。怎样布局页面上的元素。先看两个图,相同内容的两张名片:

你有什么发现吗?你第一眼看到的是不是黑体加粗的字,第一张看完黑体字之后你是不是无法决定接下来看什么?而第二张你全然不用思考直接从上到下看完。

这说明了三个问题:

    一、信息是有等级之分的,有些重要有写不重要

    二、信息之间是有关系的(没关系也是一种关系)

    二、我们获取信息时是有路径的,有先后顺序

    所以说。对于UI上的信息的呈现我们也要依照这两点去安排和布局。

我们要把UI上的界面信息划分出等级,然后按级别用一些方法去组织,用图形的方式去突出信息的等级和信息之间的关系以及信息之间的先后顺序。这么做的目的在于引导用户,就像第二个图,让用户依照我们希望而且他也习惯的的方式来呈现我们的信息。

    总结:所以UI实际上是就是信息,UI设计的本质是对信息的组织和安排。我们真正须要关心的问题是怎样划分信息的重要等级和了解信息之间的关系。然后,设计一个合理的路径来引导用户。

版权声明:本文博客原创文章,博客,未经同意,不得转载。

UI设计学习路径(一个)—好酒也怕巷子深的更多相关文章

  1. UI设计学习路线图

    文章转载自「开发者圆桌」一个关于开发者入门.进阶.踩坑的微信公众号 这里整理的UI设计学习路线图包含初中高三个部分,你可以通过百度云盘下载观看对应的视频 链接: http://pan.baidu.co ...

  2. ui设计学习路线图分享送给初学者

    本文来源:千锋UI设计 Ui设计师就业市场前景及薪资很可观,而且现在市场上对于ui设计师的人才需求也很大,所以,现在越来越多的人看好这一行业,纷纷投入到ui设计的学习中来,那么想新手想要学好ui设计, ...

  3. UI设计学习笔记(7-12)

    UI学习笔记(7)--扁平化图标 认识扁平化 Flat Design 抛弃传统的渐变.阴影.高光等拟真视觉效果,打造看上去更平的界面.(颜色.形状) 扁平化图标有什么优缺点 优点: 简约不简单.有新鲜 ...

  4. UI设计学习总结

    UI设计学习总结 平面设计基础 平面构成 三大构成:点线面 重复构成 相同,有规律的重复 近似构成 形状,大小,色彩,肌理相似 渐变构成 色彩逐渐变化 发射构成 通过一点向四周扩散犹如绽放的花朵 密集 ...

  5. UI设计学习之工具中的色彩模式分析

    图像根据其呈现的颜色样式分为多种色彩模式,常见的为RGB模式.CMYK模式.灰度模式.位图模式和索引模式. ​ RGB模式 这是Photoshop最常用的颜色模式,也称之为真彩色颜色模式,在RGB模式 ...

  6. (2018干货系列五)最新UI设计学习路线整合

    怎么学UI全链路设计 全链路设计师是参与整个商业链条,为每个会影响用户体验的地方提供设计的可解决方案,最后既满足了商业目标,又提升了产品的用户体验和设计质量,与平面设计.UI设计彻底区分开来,是真正的 ...

  7. DirectX 9 UI三种设计学习笔记:文章4章Introducing DirectInput+文章5章Wrapping Direct3D

           本文从哈利_创.转载请注明出处.有问题欢迎联系本人!        邮箱:2024958085@qq.com 上一期的地址: DX 9 UI设计学习笔记之二 第4章 Introducin ...

  8. UI设计初学者必备的工具以及学习路线(附思维导图)

    今天千锋UI设计小编着重为大家介绍5个学习ui设计必须要会的工具和软件以及UI设计学习路线,希望能对大家所帮助. UI设计必要的工具和软件 1.PS 图像处理合成软件 ui设计核心软件,强大的图像处理 ...

  9. UI设计教程分享:6个不能错过的UI设计网站

    Ui设计学习的人越来越多了,想要找到合适的学习资料很难,很多才接触ui设计且没有基础的同学也不知道去哪里找学习资料,虽然现在百度上很容易搜到ui设计的学习资料,但是一看不难发现,很多都是过时的学习资料 ...

随机推荐

  1. malformed or corrupted AST file。。。module file out of date'

    今天打开了曾经用的一个项目,(曾经的程序是对的)弹出了两个红框 malformed or corrupted AST file...module file out of date'. 这种结构. 解决 ...

  2. NGUI研究之在Unity中使用贝塞尔曲线

    鼎鼎大名的贝塞尔曲线相信大家都耳熟能详.这两天由于工作的原因须要将贝塞尔曲线加在project中.那么我迅速的研究了一下成果就分享给大家了哦.贝塞尔曲线的原理是由两个点构成的随意角度的曲线,这两个点一 ...

  3. vmware无法链接U盘:vm-->removeable devices.

    vmware无法链接U盘:vm-->removeable devices.

  4. A Game of Thrones(1) - Bran

    The morning had dawned clear and cold, with a crispness(易碎:清新) that hinted(暗示:示意) at the end of summ ...

  5. Android画图监听接口OnPreDrawListener具体解释

    public static interface ViewTreeObserver.OnPreDrawListener 我们先看下API中的定义: 类概述: 为即将绘制视图树时运行的回调函数定义的接口. ...

  6. 【LaTeX排版】LaTeX论文排版<三>

    A picture is worth a thousand words(一图胜千言).图在论文中的重要性不言而喻,本文主要解说图的制作与插入. 1.图像的插入     图像能够分为两大类:位图和向量图 ...

  7. 【剑指offer】面试题35:第一个数字只出现一次

    def FirstNotRepeatingChar(string): hashStr = [0] * 256 for c in string: hashStr[ord(c)] += 1 for c i ...

  8. [Unity3D]Unity3D游戏开发之飞机大战项目解说

    大家好,我是秦元培,欢迎大家继续关注我的博客,我的博客地址是blog.csdn.net/qinyuanpei. 首先感谢大家对我博客的关注,今天我想和大家分享的是一个飞机大战的项目.这是一个比較综合的 ...

  9. uva:10700 - Camel trading(贪婪)

    题目:10700 - Camel trading 题目大意:给出一些表达式,表达式由数字和加号乘号组成,数字范围[1,20].这些表达式可能缺少了括号,问这种表达式加上括号后能得到的最大值和最小值. ...

  10. .NET 使用 MySql.Data.dll 动态库操作MySql的帮助类--MySqlHelper

    .NET 使用 MySql.Data.dll 动态库操作MySql的帮助类--MySqlHelper 參考演示样例代码,例如以下所看到的: /// <summary> /// MySql ...