UI设计,大象无形

UI设计,如同优雅的艺术品一样,优秀的UI设计也可以大象无形,大象无形的意思是有意化无意。大象化无形!就是不要显刻意,不要过分的主张,要兼容百态。无形态无框架才能容纳一切形体!最宏伟的形象就是没有形象。这个是小编对UI设计浅浅的理解,有不同意见的小伙伴欢迎讨论交流`(*∩_∩*)′!

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。软件设计可分为两个部分:编码设计与UI设计。UI的本意是用户界面,是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成,但实际上还包括用户与界面之间的交互关系。

在飞速发展的电子产品中,界面设计工作一点点的被重视起来。做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要卖点。一个电子产品拥有美观的界面会给人带来舒适的视觉享受,拉近人与商品的距离,是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果,而是终端用户的感受。

关于UI的设计,提高班进行过两次大型的讲课,伴随着讲课,小编慢慢对UI有了渐渐深入的了解,今天小编对UI方面的设计进行简单的总结,有不同意见的小伙伴,欢迎交流补充`(*∩_∩*)′!

尽量使用单列而不采用单列布局

尽量使用单列而不是多列布局单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。

突出想要表达的重点

其实不不只是UI设计,如同我们做每件事情之前,我们都需要明确做这件事情的目的是什么?软件如人生,任何一款软件最先考虑的重中之重同样的也是需要明确,我们究竟要干什么,简单的来说就是设计的目的,我们到底为何设计,通过小编接项目的经验来看,在UI设计中,展示给用户的界面空间是非常有限的,但是呢,需要提示给用户的信息却很多,在有限的空间中放入大量的提示信息是不现实的,那么我们该怎么办nie,这个时候,我们就需要根据设计软件的目的来判断出究竟哪些信息是重要不容忽视的,什么样的信息可以放在二级子菜单里面,这样,突出我们的设计重点,如果我们做的是一款聊天软件,我们就不要让听音乐啊,看电影啊成为软件的主旋律,我们的重点就应该是聊天。

相似功能进行打包,放在一起

在整个产品开发期间我们会有意无意地创建很多模块,版面或者元素,而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。时刻警惕这些冗余的功能模块,它无用且降低了电脑性能。此外,界面上模块越多,用户的学习成本就越大。所以请考虑重构我们的界面使它足够精简。比如在小编最近玩儿的一款游戏中,人物的属性、技能总是被摆在一起,而小地图什么的又被摆放在另外的角落。这样做,用户就可以很习惯的去同一个地方找到一类的信息,会觉得更加友好哦。

温馨提示,让设计更加人性化

提示可是很有学问的哦,特别注意的是信息提示要有一点的顺序,尽量引导用户的视觉以一个合理的顺序来获得信息,比如从上到下,从左到有,以上小编所说的提示,是类似于安装软件时候的提示。此外,信息提示的界面也有一定的要求,首先,独占式,一直始终出现在主界面上的信息。一般情况下,一定要有很重要的理由或者已经确定了的很重要的信息才能使用独占式;其次,暂时式,在一定情况下会弹出的信息提示,用过之后可以手动关掉的。这里有个小规矩,如果暂时式提示信息可以堆叠,那么,一定要设置一个快捷键能够一键关闭所有的提示窗口,这样才算“用户友好”!最后,精灵式界面,用户无需操作,即在不打断用户当前操作的情况下,给用户提示。比如在360的设计中,显示网速测试球的时候,360会给出萌萌的提示,主人,您是要残忍隐藏我吗?做出伤心的表情,小编相信看到这么一个萌萌的提示,是不是不忍心关了nie。

用户操作不慎,引起操作错误,what can  we  do?

允许用户犯错,并且给出善意与温暖的提醒,对用户错误的原因进行智能的判断,然后提示用户到底是哪里出现了错误,我们应该如何操作,不要duang给出一句其实:“对不起,你无法进行该项操作”,比如在QQ空间中,有很多漂亮的皮肤设置,但是如果你不是QQ的会员,使用该皮肤的时候,QQ会给出这样的提示:“您保存的物品中包含了付费产品,需开通业务来获得”,除此之外,QQ真正做到了友好,在提示框的下方,给出了解决方法“立即开通黄钻”。尽可能的兼容用户的错误,比如在注册QQ的时候,对密码的字数是有限制的,只能把密码设置为六到十六个字符,这个时候我们就不要等用户已经输入了一百个字符才提示用户,只能输入六到十六个字符,再让用户清空深入的信息,二十当用户输入十六个字符的时候,就无法继续输入了。

保留用户习惯,我们可以做的更好

比如关闭按钮,最小化按钮都要放在右上角等这种特别常用的习惯最好不要打破,作为设计软件的我们,要注意大多数用户的习惯。再比如说,当用户需要使用鼠标的时候,绝大多数的用户习惯用左手操作键盘,右手操作鼠标,所以在这种情况下,让用户使用键盘的操作,按键尽可能使在键盘上的左手区域。键盘上的按钮有限,而需要实现的功能是无限的,我们可以组合键来实现功能,但是,组合键也不是万能的,比如说截图的组合键是ctrl+Alt+A,但是如果这个组合键跟其他的快捷键重了,我们又该怎么办nie,所以,慎用组合键,保留用户习惯,我们可以做的更好。



        颜色搭配,冷色调or暖色调?

色彩心理学是十分重要的学科,在自然欣赏、社会活动方面,色彩在客观上是对人们的一种刺激和象征;在主观上又是一种反应与行为。色彩心理透过视觉开始,从知觉、感情而到记忆、思想、意志、象征等,其反应与变化是极为复杂的。色彩的应用,很重视这种因果关系,即由对色彩的经验积累而变成对色彩的心理规范,当受到什么刺激后能产生什么反应,都是色彩心理所要探讨的内容。

红色通常给人一种不安的感觉,比如在小编做项目期间,用SVN提交项目代码的时候,特别害怕看见红色,所有一些绝对禁止的操作可以用红色来进行相应的提示,我们可以试着用蓝色来进行表示,蓝色从各个方面都是红色的对立面,在外貌上蓝色是透明的和潮湿的,红色是不透明的和干燥的;从心理上蓝色是冷的、安静的,红色是暖的、兴奋的;在性格上,红色是粗犷的,蓝色是清高的;对人机体作用,蓝色减低血压,红色增高血压,蓝色象征安静、清新、舒适和沉思,颜色搭配,可是一门很高深的学问哦`(*∩_∩*)′!

以上是小编对UI方面的一下简单的总结,后续总结,博文会陆续更新,敬请期待。

小编寄语:不知道在哪儿小编看到过这样一个简单的对话,如下:

开发者:别走,我会教你怎么用。

用户:教你妹,我懒得学。从这个简单的对话可以看出来,我们的用户是很没有耐心的动物,而且这个动物太过于挑剔,我们要怎么办nie,呜呜没有用户了,辛辛苦苦开发出一款产品,上线了。开心,紧张,各种情感交织在一起,坐等用户。可是,可是!用户来了,用户走了……没有用户了,产品失败了。这个剧本已经变成了一款又一款产品的常态。没关系,习惯就好。失败不可怕,可怕的是失败后不去思考。那么,产品为什么会失败呢?特别是一款开发者信心满满的产品,觉得自己做了各种创新,提供了一流的UI,提供了牛逼哄哄的功能,把自己的竞争者了三四条街的那种水平。那为什么失败了呢?创新的玩法用户不懂,需要学习成本,一流的UI太过特别,用户适应UI,需要学习成本,牛逼的功能,用户不懂如何设置,需要学习成本!创新不可怕,可怕的是用户是很没耐心的动物。so,别让他们想,他们也懒得去想。

        有的开发者会说,别走,我会教会你怎么用,我会做好学习引导的功能。是的,这是一个很好的办法,开发者留下了一部分的用户。然而有很大一部分用户甩下一句就走了:教你妹,我懒得学。别指望用户会投入多少精力去学习怎么使用你的产品,哪怕你的产品确实很牛逼。就拿dota跟lol来说,dota确实是一款很好的产品,可玩性很强,有很好的平衡性。但是有一个缺点,入门太难了。没有任何引导教学,没有指导说什么时候该买什么装备,推荐用户买什么装备。所以那一部分“学你妹”的用户就去玩lol了,因为那里有更简便的操作,不用反补,不用自己想太多就可以玩了。用户本来就是本着一颗娱乐的心态来使用开发者的产品的,如果让用户嫌麻烦了,也就代表着产品会失去那一部分用户了。学好UI设计,小编需要做的还有很多。

UI设计--大象无形的更多相关文章

  1. 转-问自己:UI设计注意的十个问题

    UI 设计需要自问的 10个问题   UI 设计的魅力在于,你不仅需要适当的技巧,更要理解用户与程序的关系.一个有效的用户界面关注的是用户目标的实现,包括视觉元素与功能操作在内的所有东西都需要完整一致 ...

  2. 缩放因子和UI设计

    一.PPI 1.像素密度PPI:PPI(Pixel Per Inch by diagonal):表示沿着对角线,每英寸所拥有的像素(Pixel)数目. 根据勾股定理(直角三角形两边为a和b,斜边为c, ...

  3. Android 腾讯入门教程( 智能手表UI设计 和 MVC模式 )

    *****注意到mvc 在android 中是如何进行分层分域执行各自的功能.**** 官方推荐的按钮尺寸是48像素 前端之Android入门(1):环境配置 前端之Android入门(2):程序目录 ...

  4. eclipse里打开SWT项目找不到source/design的图形UI设计界面

    因为前天重新装了个新版的eclipse, 结果今天打开一个SWT的项目,突然找不到source/design的图形UI设计的两个切换按钮 我把SWT组件重新装了还是找不到.结果后来发现是因为重装ecl ...

  5. 分享20个最新的免费 UI 设计素材给设计师

    用户界面设计涉及到很多的创意,灵感以及需要与客户进行有效沟通的技能.良好的用户界面是一致的,可以使网站更容易理解和使用.UI设计的重点在于用户体验和互动,同时易于使用对于一个成功的移动应用程序来说非常 ...

  6. UI设计中的48dp定律【转】

    有朋友建议我偶尔写写技术类的文章,所以我打算开始穿插性的写一些偏技术方面的科普文章,尽量往小白能看懂的方向写,今天我来讲讲UI设计中的48dp定律. 那么先说说什么是dp ?其实对于一个非技术人员要把 ...

  7. 2017年8个UI设计流行趋势

    设计趋势变化的理由需要考虑各种各样的因素.让我们来一起看看2017年的设计流行趋势吧. 应用界面的设计趋势是不断变化的.随着时间的推移他也在不断的成长,进化.虽然有些趋势还有待检验,但我们还是需要不断 ...

  8. 浅谈UI设计中妙用无穷的深色系背景

    英文:medium 译者:优设网 - 陈子木 链接:http://www.uisdc.com/ui-benefits-of-dark-background# --------------------- ...

  9. MAC OS UI设计

    对比MAC OS 10.9到10.11的UI设计,苹果曾经卓尔不群的审美观逐步变得泯然众人. 当苹果也跟上扁平化的浪潮,许多搞设计的朋友都一时难以接受,曾经潮流的引领者变成了亦步亦趋的跟随者. MAC ...

随机推荐

  1. C# 枚举在项目中使用心得

    阅读目录 基本介绍 使用注意 使用方法 扩展用法     本文主要是我在项目中对C#枚举的使用心得,如有不足的地方欢迎您指出. 一.基本介绍  枚举是由一组特定常量构成的一组数据结构,是值类型的一种特 ...

  2. TensorFlow + Keras 实战 YOLO v3 目标检测图文并茂教程

    运行步骤 1.从 YOLO 官网下载 YOLOv3 权重 wget https://pjreddie.com/media/files/yolov3.weights 下载过程如图: 2.转换 Darkn ...

  3. PTA 邻接矩阵存储图的深度优先遍历

    6-1 邻接矩阵存储图的深度优先遍历(20 分) 试实现邻接矩阵存储图的深度优先遍历. 函数接口定义: void DFS( MGraph Graph, Vertex V, void (*Visit)( ...

  4. Linux学习之CentOS(十一)-----Linux 账号管理(转)

    Linux 账号管理(转) useraddpasswdchageusermoduserdelfingerchfnchshidgroupaddgroupmodgroupdelgpasswd su(帐号切 ...

  5. super 关键字

  6. Django笔记--视图

    URLconf 在settings.py文件中通过ROOT_URLCONF指定根级url的配置 urlpatterns是一个url()实例的列表 一个url()对象包括: 正则表达式 视图函数 名称n ...

  7. 81. Search in Rotated Sorted Array II (中等)

    Suppose an array sorted in ascending order is rotated at some pivot unknown to you beforehand. (i.e. ...

  8. Centos 6.5 安装 rar

    wget http://www.rarsoft.com/rar/rarlinux-x64-5.4.0.tar.gz tar -zxvf rarlinux-x64-5.4.0.tar.gz cd rar ...

  9. 关于java的Synchronized,你可能需要知道这些(上)

    对于使用java同学,synchronized是再熟悉不过了.synchronized是实现线程同步的基本手段,然而底层实现还是通过锁机制来保证,对于被synchronized修饰的区域每次只有一个线 ...

  10. Node.js Path 模块

    Node.js path 模块提供了一些用于处理文件路径的小工具,我们可以通过以下方式引入该模块: var path = require("path") 方法 序号 方法 & ...