文档文库
手机版
投诉建议
热门搜索:
心得体会
演讲稿
思想汇报
首页
心得体会
学习心得体会
培训心得体会
军训心得体会
社会实践
作风建设
工作心得体会
教育心得体会
演讲稿
演讲稿格式
演讲稿范文
竞聘演讲稿
师德演讲稿
三分钟演讲稿
思想汇报
思想汇报范文
转正思想汇报
大学生思想汇报
季度思想汇报
教师思想汇报
工作计划
工作计划格式
工作计划开头
工作计划结尾
总结与计划
工作计划模板
工作总结
年终工作总结
年度工作总结
个人工作总结
实习报告
实习报告范文
实习计划范文
实习鉴定范文
实习报告内容
个人简历
求职简历
简历范文
简历模板
简历表格
简历格式
祝福语
春节
除夕
元宵
端午节
合同范文
合同范本
合同样本
合同范本格式
首页
>
浅谈UI设计
浅谈UI设计
发布时间: 来源:
文档文库
小
中
大
字号:
手机查看
龙源期刊网
http://www.qikan.com.cn
浅谈
UI
设计
作者:夏梦
来源:《电脑知识与技术》
2015
年第
07
期
摘要:在做软件界面设计的时候,经常会遇到一些困扰。该怎么做,怎么做能够提高用户
对该软件的兴趣,提升用户体验,是界面设计师应该考虑的问题和做界面设计的出发点。界面
美观、舒适是很重要的,但是更重要的是使用方便,给人的感觉友好、熟悉,又不缺乏个性。
关键词:
UI
设计;交互方式;色彩搭配;语言;一致性
中图分类号:
TP311
文献标识码:
A
文章编号:
1009-3044
(
2015
)
07-0295-02
Abstract
:
Whenwearedoingasoftwareuser’sinterfacedesign
,
oftenencountersome
problem.Whattodo
,
howtoimprovetheuser'sinterestinthesoftwaretoenhancetheuser
experience.That’stheproblemthatinterfacedesignersshouldconsid
er
,
andthat’sthestartingpoint
forthemtodesign.Interfaceaesthetics
,
comfortisveryimportant
,
butevenmoreimportantiseasy
touse
,
givepeoplethefeelingofafriendly
,
familiar
,
butnotlackofpersonality.
Keywords
:
UIdesign
;
interactivemode
;
colormatching
;
language
;
consistency
UI
即
UserInterface
(用户界面)的简称。
UI
设计是指对软件的人机交互、操作逻辑、界
面美观的整体设计。好的
UI
设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒
适简单、自由,充分体现软件的定位和特点。由此可见我们需要研究三方面的内容,即研究
人、研究工具以及人与工具的关系。
用户界面作为人与机器交互的媒介,有着非常重要的作用,没有界面,人就无法操作机
器。所以界面设计的好与坏,直接影响到用户使用软件难易程度。好的
UI
设计能够让软件的
使用变得轻松自如,无需用户思考和记忆,当用户在使用某个软件觉得自己很笨的时候,那就
是
UI
设计师的工作没有做好。
我们如何能够输出好的
UI
设计呢?
1
交互方式模拟现实
模拟现实的交互方式会给人熟悉亲切的感觉,用户不需要学习,便能够理解。
UI
设计中
不乏这样的例子。例如,当某个按钮按下去的时候,呈现比原来更深的颜色,这个就是模拟了
现实中光影的效果,不同的高度,对于同一个物体,颜色肯定有所差别。有一个小的手电筒
APP
,就模拟了现实中的手电筒,所以用户不必思考它怎么用,因为太熟悉了。用户第一次接
触,不需要学习,毫无约束的使用的应用,就是好的应用。
龙源期刊网
http://www.qikan.com.cn
2
界面设计要简单
界面设计跟平面设计有很大不同,平面设计可以随自己的喜好或者是需要加入一些装饰,
特别是海报招贴的设计,需要有一些吸引眼球的内容或者是色彩。但是界面对于用户来说是工
具,所以好用是工具所要具备的第一品质,为了不干扰用户,不要添加不必要的装饰。
界面设计一目了然,安排好每一个页面的功能排列,重要的功能、次重要的功能、不重要
的功能应该有序的排列。为了使界面干净,要适当隐藏一些不重要的功能,但是用户可以通过
有效的方法找到这些功能。
3
图标的应用
3.1
尽量使用通用的图标
用户已经习惯的图标,我们就不要去试图更改,使用通用图标会让用户更容易使用,也更
容易让用户对界面产生亲切感。一个陌生的界面的接受程度远不如一个被大众熟悉的界面。
3.2
图标的设计能够体现所代表事物的特点
当然,除了通用图标,我们也要设计能够体现软件特点的新图标。让软件有一定的个性和
差异性。设计图标一定能够代表事物的特点,让用户看到图标在不用文字解释的情况下能够理
解它所代表的含义。这样的设计使得软件生动充满了活力,提升用户体验。
3.3
图标的设计不能太过复杂
虽说图标的设计能够体现所代表事物的特点,但是设计不能太过复杂,要简约。好的图标
设计既要有特点,有亲和力,又能让界面很干净。
4
色彩的搭配
色彩,是一种很好理解的情感。从出生起,我们就从周围环境中学习其他人对色彩的理解
和应用。例如,每逢节庆到处都是红色,即便几十年来没有人直接告诉你,你也会在脑海中不
经意的记住:红色代表喜庆、欢快、幸福、吉祥。春天看到绿色是件挺自然的事儿,如同北方
人冬天看见下雪一样平凡无奇。成长过程中,我们会潜移默化地理解绿色为
“
新生
”
的色彩代言
人,白色是飘零、纯洁的象征
......
但是有些颜色代表的意义非常复杂,像蓝色,我们首先想到的可能是蓝天大海,很开阔,
但却还有一种神秘的孤独感,特别是在电影和漫画中,它常常被当作忧伤和孤僻的色彩被使
用。而蓝色也被看作是最严谨的颜色,很多高科技公司喜欢把蓝色作为公司的标准色使用。那
么,色彩拥有如此复杂的意义,怎么使用呢?这就需要搭配。相同的颜色,搭配的比例不同,
搭配的位置不同,就会产生不一样的感情色彩。
龙源期刊网
http://www.qikan.com.cn
不要超过
3
种颜色是所有色彩原则的基础。
4.1
黑白灰优先
如果你没有很好的配色,那就先选择黑白灰吧,如果搭配得当,黑白灰的设计看上去层次
也是很丰富的。
4.2
在黑白灰基础上添加一种色彩
如果你觉得黑白灰单调,可以在黑白灰的基础上加入一种色彩,可以在大面积的黑白灰上
面加入小面积的颜色。这样的搭配高雅,又不失活力。
4.3
使用同一色系进行色彩搭配
如果使用色彩来搭配,那么一个页面最好使用同一色系的颜色来进行搭配,这样就不会出
现不协调的问题。
4.4
可使用互补色进行搭配
只要比例得当,互补色的搭配一样可以收获很好的视觉效果。
4.5
使用邻近色进行色彩搭配
一种颜色的纯度比较高的时候,另一种颜色纯度低或名度低的,这样搭配出的效果会比较
好。
以上只是一些基础的色彩搭配,初学者,如果能做到以上几点,相信界面设计也一定不会
差。
5
语言的使用
5.1
语言使用的一致性
同一事物的说明要使用同一个词语,否则会给用户造成不必要的困扰。例如,如果你使用
了
“
查找
”
,就不要在同样的情况下使用
“
搜索
”
。
5.2
语言使用的准确性
使用语言一定要准确,不要产生歧义,不要让用户思考。
5.3
语言使用的通俗性
本文来源:
https://www.2haoxitong.net/k/doc/d30893abba4cf7ec4afe04a1b0717fd5360cb2fb.html
《浅谈UI设计.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档
文档为doc格式
分享到:
相
关
案
例
正在进行安全检测...
2024-05-01
安全验证
2024-05-01
正在进行安全检测...
2024-05-01
正在进行安全检测...
2024-05-01
正在进行安全检测...
2024-05-01
正在进行安全检测...
2024-05-01
正在进行安全检测...
2024-05-01
正在进行安全检测...
2024-05-01
正在进行安全检测...
2024-05-01
正在进行安全检测...
2024-05-01
相关推荐
1
香格里拉3日游
2
砧板消毒记录
3
爱自己别人才会爱你的情感说说:我希望往后余生都是你
4
永不放弃教案教学设计
5
隧道中溶洞的处理方案
6
初一难忘师恩_话题作文
7
【2018-2019】家具市场调查报告(精选多篇)-实用word文档 (10页)
8
动物儿歌教案
9
一去二三里最新教案十一_课堂实录_反思案例
10
2019年辞职报告书写格式范文-实用word文档 (3页)
推荐内容
信用社(银行)案件防控警示教育学习心得体会-(4746)
教科版小学三年级科学下册《水和水蒸气》教学实录
中国化妆品行业数据分析
关于公司申请书4篇
总结报告-企业基层党建调研报告 精品
家长会流程及主持人词
2016年江西省中考数学试卷
2018年华南理工大学MPAcc会计专硕复试分数线
西安交通大学现代远程教育2010春季招生简章
国家公务员级别划分