来源

參与米老师对项目的验收的时候。听了老师对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. BCM wifi分析

    一个:载入中wifi驱动模块 在hardware/libhardware_legacy/wifi/wifi.c调用函数 insmod(DRIVER_MODULE_PATH, DRIVER_MODULE ...

  2. 最锋利的Visual Studio Web开发工具扩展:Web Essentials详解

    原文:最锋利的Visual Studio Web开发工具扩展:Web Essentials详解 Web Essentials是目前为止见过的最好用的VS扩展工具了,具体功能请待我一一道来. 首先,从E ...

  3. Java8高中并发

    Java8中学并发 本文翻译自:http://jaxenter.com/lean-concurrency-in-java-8-49924.html 转载请注明出处:http://blog.csdn.n ...

  4. Java集合关于ArrayList

    ArrayList实现源码分析 2016-04-11 17:52 by 淮左, 207 阅读, 0 评论, 收藏, 编辑 本文将以以下几个问题来探讨ArrayList的源码实现1.ArrayList的 ...

  5. [iOS]iOS8可用的识别用户方式(idfa、UUID、idfv)

    本文地址:http://blog.csdn.net/zhaoyabei/article/details/46682765 想要追踪.统计用户,自然离不开用户唯一标识符.这是每一个公司都面临的问题.在历 ...

  6. 图画(txt等一下)实施开放的默认下载的默认浏览器,而不是(Java文本)

    在网络上,假设我们超链接地址对应于jpg档,txt档,点击链接,默认浏览器打开这些文件,而不是下载,那么,你如何实现竞争力的默认下载. 1.可通过自己写一个download.jsp来实现 <%@ ...

  7. Android Ant打包笔记

    本文文档的下载地址(Word版):http://download.csdn.net/detail/yangwei19680827/7250711 Android Ant 打包 网上找了ant打包的资料 ...

  8. @font-face(css3属性)实如今网页中嵌入随意字体

    @font-face语法规则 @font-face { font-family: <YourWebFontName>; src: <source> [<format> ...

  9. 王立平--Failed to push selection: Read-only file system

    往android模拟器导入资源,失败. 提示:仅仅读文件. mnt是仅仅读文件.应点击sdcard.,在导入

  10. hdu3709(数位dp)

    求区间[l,r]内有多少个数的满足:   选一个位为中点,是的左边的数到该位的距离等于右边的位到该位的距离. 比如4139  选择3位中点, 那么左边的距离是 4 * 2 + 1 * 1 , 右边的距 ...