手机UI设计范文

手机UI设计范文（精选11篇）

手机UI设计 第1篇

随着移动互联网的不断发展, 其应用已经渗透到我们生活的方方面面, 尤其是和我们息息相关的医疗行业, 越来越越受企业的青睐, 目前, 国内医疗健康类APP已多达2000多款。但是, 在目前来看, 很多APP并没有得到有效的使用, 也没有从根本上解决人们的需求, 在门诊就医流程中, 挂号排长队、就诊排长队、缴费排长队、看病时间短的“三长一短”现象仍广泛存在。这总归一个原因是忽视了人们的视觉体验以及其可行性, 片面地追求功能的多样性。因此, 从实用性出发改造门诊患者的就医流程, 减少门诊患者的就诊环节以及缩短等待时间成为移动APP改善的问题。

新一代的移动终端用户, 在应用软件的可操作性以及软件操作的舒适性等方面对应用软件提出了更高的要求, 除期望所用的软件拥有强大的功能外, 更期望应用软件尽可能的为他们提供一个轻松、愉快、感觉良好的操作环境。这表明, 手机界面质量非常重要, 友好的手机界面设计已经成为手机应用开发的一重要组成部分。本着解决以上问题设计一个“医视通”APP及其界面设计。

1 设计思路

围绕医疗行业在APP设计上存在的问题, 将以患者的体验为中心, 全面提升用户在使用手机时的认知, 操作和主观感受等层面的体验。此设计区别于同类的产品, 希望能够把握用户的感情, 使用户真正感受设计的魅力。

“医视通”APP以患者的角度与体验来进行设计, 进一步改善“三短一长”的现象, 优化就医流程和改进就医模式, 提高医务人员的工作效率, 缩短就医患者等候的时间。让患者随时把握就医的时间与进度。

2 组成结构

“医视通”APP由门诊医疗、便民服务、我的门诊三部分组成。

(1) 门诊医疗。门诊医疗包括三个内容, 门诊挂号、门诊医生、排队就医。为了便于患者快速查找自己所在的科室, 把全部科室列在主页上, 这样一目了然, 选择所在科室再选择相对应的“门诊挂号、门诊医生、排队就医”

“门诊挂号”, 用户选择“专家号”或者“普通号”, 即可查看当前医生被预约的情况。点击其中一个医生后, 查看医生的的排班情况, 即可根据排班选择挂号时间等, 还可查看医生的门诊表和简介。点击“预约”, 显示用户的挂号状态和挂号信息, 以及支付方式等。

“门诊医生”, 主要是显示当天就诊的医生, 可以查看医生的信息以及排班和预约情况。

“排队就医”, 用户可在此界面选择“专家号”和“普通号”, 然后选择“具体科室”查看当前科室“已就诊”和“未就诊”的患者人数。还可以查看其它科室的排队就医情况。

(2) 便民服务。便民服务包括“在线视频”与“平面导视定位”两个内容。

“在线视频”, 主要存放一些与软件和医相关的一些视频资料, 有“软件学习指南”、“就医指南”以及一些与营养健康和医学相关的节目, 比如CCTV2《健康之路》CCTV4《中华医药》CCTV4《我的健康我做主》湖南卫视《百科全说》贵州卫视《天天健康》河南卫视《国医养生堂》北京卫视《养生堂》山东电视台《养生》安徽电视台综艺频道《养生一点通》CCTV老年福《养生宝典》教育电视台一套《养生一对一》深圳电视台财经生活频道《中医养生大讲堂》。

“平面导视定位”是医院的导航定位图, 在图上显出各个分区及位置, 并显示出你现在所在位置, 选择哪里, 其位置就在图上高亮并有一个标识出现在那, 同时显示其具体楼层及房号。

(3) 我的门诊。通过登录或扫描二维码进入我的门诊。里面包括“我的就诊情况”、“我的化验结果”、“我的预约单”、“我的用药”、

“我的门诊排队”五个方面。

“我的就诊情况”, 查看在医院的就诊情况以及以往的就诊记录。

“我的化验结果”, 查询在医院的化验结果, 无需到医院取化验单。

“我的预约单”, 预约情况查询, 用户在挂号预约后可在我的门诊中查看自己的预约情况以及预约状态。

“我的用药”, 用药查询, 用户在就诊后, 能够在我的门诊里看到医师对用药的指导。

“我的门诊排队”, 门诊排队, 用户可查看自己就诊科室的排队情况。

3 界面元素及界面设计

3.1 LOGO 设计

“医视通”, “视”即眼睛, “通”即明白、通晓的寓意, 所以以眼睛的造型为基础, 采用中国太极八卦的原理对LOGO进行造型设计。

3.2 色彩设计

本“医视通”APP是医疗行业, 是救死扶伤的行业, 因此色彩主色采用天蓝色, 其中的图标采用蓝色系和粉色系, 显得纯净高洁。

3.3 图标设计

由于界面是平面的, 因此考虑用一些简单的平面的具有表象的符号来设计图标, 这样整个界面会很协调, 这样的图标的可识别性非常强的, 在简洁的界面里, 会透露出一种简约之美。

3.4 界面设计

在以是设计的基础上, 按照APP组成结构, 遵循UI设计的法则, 使用Photoshop软件, 文件设置大小为640px*1136px进行UI界面设计。界面主要包括“门诊医疗”、“便民服务”、“我的门诊”主界面以及点击里面分项进去的二级界面三级界面。

4 结语

本“医视通”APP以患者的角度与体验进行设计的门诊就医系统, 符合患者的行为习惯, 为患者的门诊就医提供了方便, 让患者轻松实现与把握就医过程与进程, 节省了时间与精力。界面设计清新直观, 一目了然, 操作起来非常简单方便。但在实施起来也可能有不足的地方, 还需要后续的跟进测试与体验改进。

参考文献

[1]胡建林.手机银行系统UI设计[J].科技信息, 2011 (27) .

[2]赵杏杏, 张晓祥.移动水利信息APP模块的设计与实现[J].测绘工程, 2014 (07) .

[3]佟世超, 张宏等.智能手机APP辅助数字化门诊的设计[J].医疗卫生装备, 2014.35 (07) .

[4]田龙过, 闫河.智能手机APP界面设计探讨[J].西部广播电视, 2014 (21) .

手机UI设计 第2篇

UI设计是一个用途比较广泛的专业，很多人都搞不清楚这个专业到底都亚学些什么，UI设计在的电子界面领域应用非常广泛，行业收入也比较可观，学好UI设计意味着拥有广泛的就业前景，但是UI设计的知识面非常广，导致很多学员感到无所适从。下面我们就来从工具到理念讲起

我一直坚持这样一种看法，不管你学的是哪一种设计，其学习内容都无非包括四个部分：

1、了解专业背景知识，2、掌握工具技能（如：如何学会绘图、使用相关设计软件等）、3、商业运作规则的了解，4、审美能力的建构艺术理念的习得。

一般的UI设计都会涉及的内容有：素描、UI手绘、UI色彩、三大构成、创意设计、设计心理、PS基础、PS提高、illustrator、Flash、After Effects、设计规范、GUI基础课程、创意设计、综合理论与实践、静态网页构建、前端程序开发、动态网站简介和应用、UX理论、AXURE-RP6.5、iphone/Android、手机交互等，涉及的应用领域不可谓不多，因此要想全部掌握或者眉毛胡子一把抓是不太明智的，下面我梳理出一些概要的学习方法，仅供大家参考。

第一：学习工具

工具是第一位的。一般对于入门阶段的人来说，你就不要老是纠结怎么学。先玩透Photoshop，UI设计的工作中最主要的工具就是PS，比方在做一些图标和界面的时候，PS都是必不可少的。

但是Photoshop有那么多功能需要每一个都学吗？当然不用，这个后面我们专门找一节慢慢说，在UI设计中ps主要学习也就那几个工具。

第二：学习UI设计规范

规范就是要刻意练习，规范这个主要还是要练习，没有太多捷径可走。

第三：基本的色彩学习

色彩的三要素指的就是色相、明度和纯度。这三个分别是什么意思呢？我们可以这样理解：

1、理解什么是色相

色相指色彩的相貌，不同的波长决定不同的色相，这是大家最直观感受到的色彩。色相对于色彩是最直接的代表，是色彩的灵魂。

大家大家都知道在光谱中，红、橙、黄、绿、蓝、紫等由于有着不同的波长，带给我们不同的色彩感受，它们是最基本的色相，其他诸如象牙白、柠檬黄等都是指色彩特定的色相，是人们对不同色相的不同称谓。有一个地方要注意，黑色和白色是无色相的。

2、理解明度

明度指色彩的明暗程度。明度可以说是色彩的骨架，明度对色彩的结构起着关键性的作用。明度具有定的独立性，它可以离开色相和纯度单独存在，而色彩的色相和纯度总是伴随着明度一起出现的，所以明度是色彩的骨架。

通俗点解释就是通过色相的加白加黑的一个变化，任何色彩都存在明暗变化的，从明度光谱上可以看到最明亮的颜色是黄色，处于光谱的中心位置。最暗的是紫色，处于光谱的边缘。

3、理解纯度

纯度指色彩的鲜艳程度，就是色彩的饱和度、纯净度、彩度。直观理解就是指色彩的鲜浊程度。纯度最高的色彩就是原色，随着纯度的降低，色彩就会变的暗、淡。纯度降到最低就是失去色相，变为无彩色，也就是黑色、白色和灰色。

4、学会UI设计中色彩的使用

那么在UI设计过程中色彩该如何去搭配？主要通过4部分来讲解。在UI界面设计比例中：用色一般分为主色，次色和辅助色，它们的比例是按照20%-30%、5%-10%和5%来进行配色，通过不同的配色比例让界面看起来不会出现突兀或者是主次不分的情况。

5、进入临摹阶段

了解了具体的知识，最主要的就是练习了，学习技法主要是侧重过程，在练习书法时，最好是临和摹结合起来，各扬其长，各避其短。此外，还要经常读帖，仔细观察、分析、体会，可以边读边用手“空临”。只要功夫下得多了，读帖和写字的能力自然会增强，对书法美也体会得更深了。需要联系临摹来加强你的技巧，此外，为保存、修复、展览、出售而取得复制品，侧重的是临摹的结果。因此，临摹品有商品性质。它流传于世又产生了伪作和赝作等复杂问题。在世界各国，临摹一直是学习古典书法或绘画技法，借鉴和继承优秀传统的主要途径与手段不要想着怎么做，怎么临摹，学啊~直接打开ps就开始操作，如果不知道怎么临摹，可以多加几个大神群去问。这个阶段的就是要：多练和多问

6、学会切图

之所以需要切图是因为用户手中看到的产品界面，并非设计师呕心沥血创作的效果图，而是一个个单独的切图经由开发同学技术实现。

切图作为设计师与开发者之间的桥梁，它的作用很关键，合适的切图、精准的位置可以最大限度的还原效果图的设计，精妙的切图更会有事半功倍的效果哦！

好了，大概这几点，当然这个只是学习UI设计的中的其中一小部分，也是入门的阶级。如果你觉得有用，就是今天这一篇最大的目的。

7、习得扁平化思维

扁平化实质就是简约风格，这种美学的哲学内涵就是：少即是多

扁平化的概念最核心的地方就是:去掉冗余的装饰效果，意思是去掉多余的透视，纹理，渐变等等能做出3D效果的元素。让“信息”本身重新作为核心被凸显出来。并且在设计元素上强调抽象、极简、符号化。扁平化尤其在手机上，更少的按钮和选项使得界面干净整齐，使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。

也就是说做扁平化设计是在做减法，不像之前的拟物化，要考虑到诸多的质感、光影等细腻的地方。所以对于手绘功底不强的设计师来说，只要了解造型和透视关系，对于扁平化图标绘制就没有问题。界面过于单调，容易审美疲劳。扁平化设计限制了可采用的元素——

比方说其中就没有纹理——同时也就限制了内容的表现形式。更何况扁平化的GUI基本都是大色块堆叠出来，对于设计与制作业提高了不止一倍两倍的工作效率

8、UI经典设计的借鉴能力

借鉴本身就是创新的一部分，创新的本质就是嫁接和组合，好的UI设计作品非常之多，学活借鉴，有效的、高明的借鉴就会快人一步。

手机UI设计 第3篇

关键词：信息图形设计；视觉化表达；手机UI设计

一、信息图形设计简介

21世纪是信息时代，信息图形设计是随着信息时代发展的一个学科交叉性的很强的图形设计领域，且逐渐成为设计领域一门热门的研究方向。

信息图形设计（Inforgraphic Design），是信息设计（Information Design）学科的一个分支，它兴起于20世纪末信息技术介入到多样化的平面设计的过程中，是一种新型的视觉设计。信息图形设计是一个可读可视化的复合体系，由图像、文字和数字结合对复杂的信息进行整合并用视觉形式展现，帮助人们更好的通过特定文本内容的视觉元素系统，显著、鲜明、简单、直接、连贯和全面地转化字里行间的可视化元素，并建立关联，目的是进行有效的信息传播，满足人们对信息的需求。一般而言，在日常生活所接触的信息中，只有少量的内容需要被认真地研究和分析，大部分信息，人们需要的只是快速地了解其概貌或者部分内容。因此，对于信息的分类、规划和设计渐渐为人所重视。这里面所说的信息实际上包含了三种人类所认知的对象：数据、信息和知识。其中，数据是对于客观事物、现象的描述和表示；信息则是经过有目的的加工和处理的数据组合；而当信息经过人的学习，并与人原有的认知概念体系结合以后就形成了知识。也就是说，信息图形设计的对象可能是具象的事物和现象，也可能是抽象的概念和知识，那么信息图形的设计不仅要解决信息的问题，还要帮助人们深化理解所表达的内容，并能学习到新的知识。

二、信息图形设计与手机UI设计的结合

手机UI设计是基于手机软件人机交互、操作逻辑、界面美观的整体设计。手机UI设计一直被视作手机软件的脸面，好的UI设计不仅让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。随着手机逐渐大众化、平民化的趋势，各种软件也是层出不穷，而大多数软件良莠不齐，用户在使用时会偏向于界面视觉效果良好的软件，具有良好用户体验的软件，此时UI设计显得格外重要。信息图形设计对手机UI的设计影响广泛，特别是其可视化和视觉化表达的形式对UI设计中向用户传达有效信息提供帮助。

信息图形语言是信息图形设计中的一种能快速被大众接受的方式，将复杂的概念、信息、和数据图形化，在最短的时间内使用户接受，进而进行信息的交流，在手机UI设计过程中信息图形语言的重要性不言而喻。信息通常由无数的文字和数据组成，文字和数据杂乱无章，需要重新组织。清晰的组织数据是信息图形语言的任务，在手机UI设计中设计师向用户传达准确、形象、生动的信息，并进行组织和整理。通过信息图形语言吸引受众，对手机软件进行市场推广，在此过程中完成对信息内容、含义、顺序、交互点的传达。另外，通过有力的信息语言传达来划分信息的视觉层次，哪些信息是需要突出的，哪些信息是需要退而言之的，这些都需要准确的图形语言及其色彩来表达的。它使受众可以在短时间内迅速地做出反应，推导出该信息所要传达的层次结构。

三、信息图形设计在手机UI设计中的体现

（一）设计的简洁性

评判一款手机软件的可用性首先需要在最短的时间让用户获取简洁明了的信息，界面简洁大方，一目了然。例如手机流量统计软件，界面中数字与图形的组合，用户可以清楚地了解手机已使用流量，所剩流量，今日所用流量等；在线音乐播放器软件界面，用户可以通过有色横条轻易分辨出歌手的受欢迎度。

（二）设计的针对性

手机UI设计最重要的是能节省用户时间，在繁杂的数据中第一时间内满足用户所需。提升应用表现，改变UI，让用户所需结果的呈现变得更快。

记账软件的UI界面，设计师运用柱形图和折线图将用户的收支明细生动地表现出来，用户打开软件就能迅速地得到有效信息。跑步软件UI界面，设计师运用柱形图和折线图相结合绘制出用户最近一个月跑步的距离、总距离和跑的最长距离，并罗列出使用该软件的其他用户的数据，使用户能更直观的进行比较。

（三）设计的独特性

如今市场上安卓软件浩如烟海，而手机软件的UI设计必须突出重围，因此个性化显得极为重要，用户的偏好各不相同，根据心理学效应，人们对风格与自己个性相符的软件更情有独钟，根据不同的用户设计各种个性化的UI。当下风行的可爱型记账软件，受众一般为女生，轻松、活泼的配色，形象、生动的图形，深受女性用户的喜爱。而瘦身减肥软件，受众一般为白领阶层，UI设计呈现商务简约风格。四、结语

信息图形设计作为设计界的新兴学科，不仅是一种信息表现的方法，通过设计师的再创造，在其他设计领域交叉影响，比如手机UI设计，UI设计中运用信息图形语言使数据信息、文字信息等不再枯燥乏味。在当今数据爆炸的信息时代，信息图形设计沟通了不同设计领域，为我们呈现了一个多层面、可视化的多样世界。

【参考文献】

[1]姬莹.信息设计中图形语言的视觉化传达与解析[J].美术学报，2011，06：20-23.

[2]郭娟.交互设计中的信息图形设计[J].包装工程，2012，20：33-36.

[3]陈洁茹.手机UI设计中视觉艺术元素的构成[J].大众文艺，2016，03：109

UI设计中图标设计探索 第4篇

(一)按属性分,分为启动图标和工具栏图标

1. 启动图标就是代表产品的象征符号,通过用户的点击起到运行及打开产品及软件的作用。

启动图标与标志设计相比有一定的相似之处,是产品或者企业的象征。但启动图标讲究可读性,而标志设计则更注重抽象和象征寓意并更多地从企业文化视角出发,强调寓意的深度。启动图标出现的平台单一,以电子屏幕为主,而标志可以出现在任何相关平台。

2. 工具栏图标就是软件及产品内部起到解说和装饰功能的图标,是工具文字化解释的图标化设计,以增强界面设计感的表达和用户体验的趣味性。

简约、概括、传达性是工具栏图标的主要特点,系列化设计也是工具栏图标区别于启动图标的典型特征。

(二)按表现手法分,分为拟物化图标和扁平化图标

1. 拟物化是指在最直观的印象上与实物尽可能地相像,通过造型、质感、文理、阴影等效果的运用对事物进行再现,让人可以一眼就看出来这是什么东西,有的可以表现得尽善尽美,有的可能就让人觉得过于追求细节,甚至是过剩的装饰。

拟物化的设计也有一些致命的缺点,比如过分注重形式,缺乏功能性的展现;将时间大量花在各种效果的呈现上,忽略了形式美的表现。拟物化设计确实引领过UI设计的先锋阶段,功不可没,我们从中得到了更多经验的总结,也锻炼了很多设计技能,是设计师进行UI设计的必经阶段。

2. 扁平化是指摒弃高光、阴影和透视感的效果,通过抽象、简化、符号化的设计元素来表现。界面表现极简抽象,矩形色块、大字体、光滑、现代感十足,让你想去体会这是什么东西。其交互核心在于功能本身的使用,所以去掉了冗余的界面设计。扁平化是通过尽可能抽象的语言表现图标的符号化和简约化,更加注重造型的形式美的视觉语言而摒弃细枝末节的设计。扁平化图标多以简约的线条、形状、高级的渐变配色和元素的构成关系夺人眼球,简约而不简单。

二、图标差异性的表现

图标设计在不同平台差异性还是很大的,比如不同的媒体形式,电脑、手机、平板电视、智能家居,等等。在同一平台的不同品牌也有很大差异,这也是体现多样化和个性时代所需。但总的设计指导思路是不变的,都是要满足视觉审美日益增进的用户,让他们真正地体验到什么是好的设计。作为设计师需要分清不同平台和同一平台不同阶段产品在规范上的具体使用,跟随时代发展与时俱进。

(一)在电脑系统中

windows历代系统中直到windowsphone系统出现,图标风格有了翻天覆地的变化,是拟物化到扁平化最典型的案例。极致的扁平化的界面,大胆的结构划分,图标的极简设计,纯色填充与镂空,一时间受到了众多评论,褒贬不一。现在来看是设计风格发展到一定阶段的必然结果,需要一个代表性的设计思想去做突破,这一过程也是人们的视觉审美认识水平进一步提升的表现。这也要求设计者不断积累学习最新技术,扩展设计思维,满足更加挑剔的用户。

(二)在手机系统中

苹果公司的iphone系列也是图标演变的教科书式范本。ios7横空出世之后,扁平的界面图标立马成为了大家议论的焦点,这次的风格转变得到了很多赞同之声,虽然有些较为传统的用户不大习惯,速度也受手机本身的配置所限,但界面的优化让用户看到了一个全新简约的界面形式,释放了屏幕,解放了双眼,图标颜色的全新配色也让人眼前一亮。

三、扁平化的逆袭

(一)开发更加简单

拟物化到扁平化的变革实际上是UI设计发展到一定阶段的必然结果。互联网科技下的数字媒体设备的更新换代逐渐代替了传统纸质、电视、广播等媒体,现在人们的生活逐渐被数字化的产品所替代,手机、电视、家电、电脑、平板等一切与生活有关的设备都趋于操控的智能化。拟物化在起初对人们认识新事物时是有一定的启发和指导认知作用的,让人们对这些智能产品的认知达到了一定的习惯性,对更新换代的新产品就有了更大的信心和好奇感,人们就会更加注重产品的美观和操作的流畅性,扁平化也就应运而生。而具有代表性交互动作的图标,则成为主要表现扁平化设计的载体,让人们能更好地与产品沟通与交流,开发也随着技术和界面扁平化变得更加简单。

(二)使用更加高效

拟物化的时代是装饰过剩的时代,经不起人们的细细品味。我们做的每一样设计不可能都去像画工一样描摹得逼真,我们更应该像艺术家一样提炼精髓,抽象简约地去表现事物,赋予它灵魂。大家都喜欢有意境的抽象符号,会让我们的认知更清晰。在未来的设计中,一个时钟APP要特地地设计成时钟的样子,那一定是傻透了,装饰过多会分散注意,无法更加注重更多好的互动体验,反而降低了效率。

(三)缓解审美疲劳

无论是绘画还是设计,繁久必简,这就像进化规律一样那么的有效。随着windowsphone和苹果ios界面的发布,扁平化就像一阵春风,瞬时间改变了流行的面貌,使得设计变得更加简约清晰。解放了用户的眼睛,削减了视觉审美疲劳,被更多逐渐变得简约、优雅的设计所替代,可以说这场变革改变了人们焦躁、烦闷的复杂生活方式,让生活越来越好。

四、扁平化图标设计的技巧

扁平化图标的流行也有了几年的时间,如果你细心观察过,各个平台的设计都趋于扁平,并且很多扁平化的设计都很雷同,令人印象深刻的也不多,甚至很多时候我们能找到一样的案例,怎样将扁平化赋予生命的力量,也有很多技巧。

(一)简单的设计元素

扁平化完全属于二次元世界,每个图形简单又安静,没有那么多繁杂的点缀。这个概念最核心的地方就是放弃装饰效果,诸如阴影、透视、纹理等能做出3D效果的元素一概不用。所有元素的边界都干净利落,就像剪纸一样有清晰的轮廓,美丽的形状,甚至单纯的颜色。尤其在手机上,因为屏幕的限制,使得这一风格在用户体验上更有优势,更少的按钮和选项使得界面干净整齐,操作起来简单便捷。

(二)关注色彩

关于扁平化图标设计中,从ios7的风格我们就有了非常明晰的感受:界面图标的色彩相对之前拟物化更加绚丽;一些简单的晕染和渐变颜色的使用让人极易被吸引;繁杂的修饰已经远去,让我们心动的是这些漂亮的颜色;颜色之间搭配的考究远远超过拟物化随意的配色方式。对色彩的敏感度也正是考验设计师水平的重要因素。

(三)图形更具创意

自从扁平化设计成为风潮以来,图形创意就尤为受到重视,再也不是元素的简单罗列,堆积成一个具象的图标,而是绞尽脑汁地去想如何用最简单的符号语言去做创意,达成一系列图标的统一化。也不是越简单越好,缺少了正确的传达性再简单也是失败的设计,让外观充分表现产品功能才是正解。并且这和标志的设计还有些不同,标志是单个体的表现,而图标往往是系列化的呈现,所以越是有想法有表现的图形越能被吸引,再加上完美的配色,想设计出一组精美的图标也就变得不那么困难了。

五、结语

手机UI设计 第5篇

摘要：本文选取在校大学生作为研究对象，深入分析大学生对智能手机界面的偏好、感知、操作的差异以及他们的不同需求，探讨了如何利用不同的视觉表现语言进行手机界面的个性化设计，进而提出以用户的生理、心理、年龄阶段、审美需求为界面设计的方向。

关键词：智能手机；界面；大学生 ；个性化

本文系湖南省哲学与社会科学基金项目“新媒体环境下大学生自我导向学习实证研究”（项目编号：14YBA296）成果论文。

TN929.53；TP316

随着4G时代的到来，手机界面设计在技术层面已经日趋成熟，智能手机作为大学生生活中的必需品。大学生作为年轻的目标用户，考虑智能手机的功能的重要性，随之对于手机界面设计也要求其个性化。国内市场手机界面形式雷同，内容乏味、缺乏个性特点，本文从大学生常见几大类型来分析来探索手机界面的个性化设计。

一、针对大学生手机用户特征分析

（一）心理、行为分析

通过调查得出，大学生的情感方面包含：亲情、友情以及爱情，其中友情和爱情占较多的比重。处于该阶段的年轻人思想和言行都很独立性、个性化、自恋、对生活充满热情，对于新事物充满了好奇心，乐于接受新事物、新技术、新思想等，具强烈的探索欲，并且对自己所喜好事物和审美观极为明确。娱乐生活和学习生活在大学生的生活中是主导地位，他们乐观、积极的态度，个性鲜明、勇于展现自我、社交生活丰富。

（二）视觉喜好分析

通过对在校大学生的调查分析，得出其视觉喜好受到性别、所学专业、年级等特征的影响明显。理科类学生以男生居多，对于事物的逻辑性、秩序性较强，图形喜好简洁、科技、现代感，喜好科幻类、写实、金属等元素，颜色向于明快、冷色系；文科类学生以女生居多，相对于来说文艺含蓄、浪漫，喜好插画、传统、清新等风格，颜色喜好柔和、协调。视觉系型大学生男女相对于平均，视觉敏感、乐于展现、喜欢时尚、搞怪、科幻等元素。

二、基于大学生用户需求的个性化手机界面设计方案

大学生对手机的界面设计要求是时尚、新颖、个性，注重手机屏幕显示界面的色彩搭配、图标形态以及版式的美感。通过以下几个方面分析，给不同类型的大学生用户设计各具特点的界面，从而使用户得到不一样心理感受和个性体现：

（一）视觉风格

手机界面风格体现在诸多视觉元素中，是设计师使其形成的鲜明且独有的具有一定审美情趣的表现结果，并且被用户所喜好。真正好的界面设计是能够产生强大的艺术感染力，以使得用户得到情感上的愉悦的同时，对整个体验过程产生好感和愉悦。 因此，手机界面的视觉效果，应遵循给用户以舒适、活力的原则，通过感官的刺激来增加用户的亲和力，适应不同用户的不同心理特征。针对大学生的性格特征，独创性、趣味性是关键。视觉风格以学霸系、文艺范、视觉系几类大学生群体来分别进行个性化设计。

（二）色彩搭配

通过对大学生心理需求的分析，探索两类界面色彩搭配方式。第一类为唯一的主色调：整个界面采用一种颜色作为主色调，从标题栏到标签页，从操作按钮到提示信息，除了黑白灰之外，全部采用一种颜色設计，这种简介的的配色风格，起到了很好的信息传达效果，也具有良好的视觉表现力，减少冗余信息的干扰，使用户专注于主要信息的获取。

第二类是多色彩模式：手机界面可采用多彩色的设计风格融入到整个界面中，不论是切换标签页，还是在内容组块中滚动，都会变更不同的主题色。色彩切换的时候，还会有淡入淡出的效果，让切换变得自然而然，不生硬。同时切换不同的主体颜色，随着主体颜色的变更，所有的前景文案、图片也会变更为该色系。针对三大特征的大学生分别搭配三种不同色系可做个性化选择。

（三）图标设计

大学生喜欢把自己的个性体现在图标元素中，体验不一样视觉效果，所以图标设计分别做了一下三个主题的体现：

主题“我是学霸级”分别以几个专业为主，选择专业最具代表性的学习用品来进行扁平化极简风格进行图标设计，各图标采用扁平化设计，让用户在长久使用后毫无疲劳感，反而越发舒适。

主题“我是文艺范”以童年生活手绘风格为主题插画，设计一系列插画风格为主的圆形图标，避免过于生硬的轮廓线，采用童年生活中的物品、情景得到灵感，通过手绘插画的表现方式为主，给用户带来清新、轻松、童趣的感受。其中主菜单图标设计结合对二级菜单图形元素的隐喻性表达，以手绘线描勾勒的形式，

主题“我是视觉系”以科幻、宇宙星系的元素来进行设计，界面中动态图形的合理运用以动止静，在星空的背景图映射下将图标设计得幽静、梦幻，使界面充满了遐想的空间，体现出大学生对自由的向往。

（四）界面层级设计

基于大学生的心理需求和喜好、审美、个性以及使用习惯，通过模拟个人卡通形象以及生活场景来设计各界面层级菜单，将功能图标巧妙地与卡通人物、大学场景化菜单融合，用户可以通过对功能图标进行点击来实现界面菜单的层级切换，这样的表现方式使得大学生手机用户在操作手机的过程中享受到更强的亲和力；同时还使用户体会到操作所带来的乐趣。按照此设计方式完成手机待机页面、主菜单以及二级、三级菜单的设计。

结 语

浅谈UI界面设计与应用 第6篇

UI是User Interface (用户界面) 的简略缩写, 主要是指对软件的人机交互、操作逻辑、界面美观的整体设计。如果从心理学的方面来分析的话, 界面可被分为感觉 (即视觉, 触觉以及听觉方面) 与情感两个层次。界面设计是一个包含着心理学, 设计学以及语言学的不同共同参与的工程。界面设计所应有的三大原则是:一直接免于用户的控制之下;二减少用户的记忆负担;三保持界面的一致性。通俗的来说就好像现在的电视上面的互动界面菜单, 我们只需要利用手中的遥控器就能快速选择自己喜爱的电视节目;再比银行的自动服务终端上的界面, 我们在上面进行业务操作短短的几个选择就解决了用户的需求。UI设计让这些软件的操作变得舒适简单自由, 同时体现软件的定为和特点, 让软件变得更人性化, 同时具有个性与品味。

二、UI设计的分类

UI设计 (界面设计包括硬件的界面设计与软件的界面设计) , 在这里我们主要讲的是软件的界面设计、包括用户研究、交互设计与界面设计三个部分。

1、用户研究

首先我们应该在产品的开发阶段, 通过各项调查, 来了解用户的工作性质、工作流程、工作环境、工作中的使用习惯, 来得到用户对产品的需求和希望, 使我们的设计提供有力的思考方向, 设计出用户所需的界面。用户研究不是站在设计者角度来的, 而是站在用户的角度去设计思考问题的。其最终目标使产品更容易被人接受使用, 提高其使用性。在最终被推向市场后, 还应收集用户反馈, 了解到用户的最终想法, 用此来检验界面与交互设计的合理性, 以此来积累更多的经验。

2、交互设计

交互设计是指人与机器之间的交互工程, 一般由软件工程师 (程序员) 来完成。交互设计师的工作内容就是设计软件的操作流程, 软件结构与操作规范等。一个软件产品在编码之前需要所做的就是交互设计, 并且确立交互模型, 交互规范。人机交互设计其目的就是使计算机真正的方便为人们服务, 更方便、更易学。

3、界面设计

目前来看, 绝大部分UI设计者都从事的这份工作。就是人们常常说的美工。美工其实并不单单像人们所理解的那样单纯的美术工作者, 而是软件产品的信息界面设计师, 其工作就是使产品界面利用软件的制作呈现在大家面前。

三、UI设计软件介绍

UI设计是伴随电子科技的发展而发展起来的, 其精美的制作离不开科技的发展, 没有强大的硬件设施与应用平台也就没有UI的发展。电脑等电子产品的普及与设计软件强大的功能赋予了其生命。

Photoshop, AI等是设计软件是最大的图像设计软件之一。Photoshop是由Adobe systems开发和发行的图像处理软件。对于多数人而言, 他仅仅代表着“图像编辑软件”。事实上Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具, 可以更有效的进行图片编辑工作。AI作为全球上最著名的矢量图形软件, 提供丰富的像素描绘功能以及顺畅灵活的矢量图编辑功能。由于最新的AI CS6使用Adobe Mercury支持, 更能高效的、精确地处理许多大型的图形及文件。其全新的追踪引擎可以更快速地流畅的设计图案。再加上其强大的性能系统提供各种颜色、形状复杂效果和丰富的排版, 更加舒适方便的使软件使用者做出自己创作理念和设计能力。

四、应用与现实结合的实例分析

在各种电子设备充斥着生活的现代社会中, 对于消费者而言有更多丰富的选择。如何抓住消费者眼球以及心则作为电子产品厂商所关注的重点。良好的界面设计以及操作系统再加上鲜明帅气外观则作为电子产品的先锋起到了至关重要的作用, 这同时体现出了一个与活力的积极企业的形象, 这对于产品的发展与销售有无形的推动作用。

随着3G时代互联网的发展, 手机等电子设备深受互联网等的影响它通过手机成了新的通讯媒介, 与此同时, UI设计也得到了突破性的发展。使用户界面更呈现出了窗口化、图标化, 菜单化、按键化。所以现在手机的UI设计也需考虑用户使用智能手机程序的便捷与稳定, 但也要同时兼顾人与人之间的使用习惯及差异。

作为这场互联网变革中最成功的苹果公司特别具有代表性。iphone的设计特点首先是拥有超大的触摸屏幕满足了人们对于3G时代对于手机的要求, 她的尺寸与外观则严格按照人体工学的要求来做, 是用户享受上网的同时带来更舒适手感。此外iphone的图标按钮等与机身外形一样, 拥有舒服的“倒角方形”的形态特点。这也是iphone与别的产品区别的地方。倒角方形其特点就是简单实用, 其倒角弧形的设计以弧形与直线的结合使视觉上产生柔和感, 再加上与其操作界面与机身配合, 使得严谨、大气而又不失时尚感的气质贯穿其中。在色彩上, 由于色彩是先于形态传达给人们信息视觉元素, 是最抽象的语言。色彩也能影响人们的情趣, iphone的黑色外观使得其显得更加理性, 白色则更加高贵时尚。而其界面上的图标却颜色丰富而又不显得乱, 这不仅使图标在黑色映衬下显得更有趣味也更活跃, 给iphone注入了强大的生命力。再加上其出色顶尖的营销, 使苹果公司跻身世界顶尖公司。

五、结论

在现在的时代UI设计越来越重要, 它能给用户带来更加直观的感受, 让人们认识到了科技离我们真的不远, 充斥着我们的生活。在“为人们的生活服务”传达模式下, 享受着UI带给我们的惊喜, 享受着UI设计师们利用各种先进软件并跟着时代的步伐设计出具有新思维新文化, 并能满足人们的心理需求沟通人们感情与思想的设计, 为各种电子设备增添情感, 更加人性化, 享受科技带给人带来的舒适。

摘要：界面设计, 在之前的软件的发展中始终没有得到它应有的待遇与重视, 设计师们很少关注这个貌似无关紧要的设计方向。但随着手机与平板电脑的开始流行, 它俨然。成为了产品设计的重要卖点之一, 一个操作简洁美观的界面会给人们带来视觉上的享受, 就是所谓的用着舒服。使人们对它爱不释手, 同样为商家们创造了卖点。也是人们认识到了界面设计所带来的魅力, 那就是视觉上的享受。Photoshop, 作为动画设计师们最常用的软件之一, 同样也作为界面设计最常用的软件之一。使界面设计的视觉体验上更加的丰富多彩。使用户将更好的真真正正的感受到设计的魅力。

视觉UI设计——漫谈信息图形化 第7篇

1 用户界面设计的兴起

从电子产品普及伊始用户界面设计就开始悄悄的生根发芽默默成长。时至今日多屏时代的来临已势不可挡, 电子产品由大屏到触屏、由薄到超薄, 一款电子设备拥有舒适的用户界面会无疑会给用户带来良好的使用体验, 拉近人机之间的距离。而对于任何一款用户界面而言, 检验的标准既不是设计师的意见也不是委托方的看法, 而是终端用户的直观体验。从这个角度来说UI设计无疑是一种建立在科学性之上的艺术设计。

1.1 读图时代的来临

纵观用户界面设计的发展历程, 几款里程碑式的设计案例均由世界级的电子科技类公司所创造的。微软操作系统的演变史, 从某种意义上说就是用户界面设计从无到有的发展史, 早在1985年微软正式推出windows1.0, 有幸使用过的人数应该不会太多, 而此时的用户界面只能用不忍直视来评价;直至windows95推出之后, windows操作系统才为人所熟知, 很重要的原因在于windows95及其之后的版本均采用图形化操作界面, 看起来直观简单, 各模块一目了然。正是因为微软, 让设计界在1995年的时候, 知道了用户界面有多重要!

图形化操作界面也就是信息图形化设计, 把数据视觉化让用户在最短时间内了解所使用的设备。设备再好, 没有一个好的界面, 用户还是不会接受的, 毕竟大多数人对计算机代码都不甚了解, 而让不懂各种代码的人一眼就能够分辨出设备上的内容而进行操作才是最重要的。在分析任何一款视觉界面设计的成功案例时, 认为视觉界面设计是需要质感也好还是简约也罢, 这貌似都不是视觉界面设计最根本任务。私下认为降低学习使用设备的时间成本, 以直观的视觉语言提供给用户尽可能多的信息, 这似乎才是视觉界面设计最根本的任务。

1.2 视觉UI设计———设计家族的新成员

苹果公司拟物化设计的硝烟还未完全散去, 微软以win8.0为契机推出的Metro UI又大有蔓延之势。无论是对产品开发商仰或用户群体来说都在强调效率, 无论在科学技术设备, 还是商业娱乐工具, 操作界面的信息图形化都发挥着重要的作用。这直接导致了近年来传统美工渐渐淡出了视觉UI设计领域, 出现了专业的UI设计机构, 也涌现出一些优秀的设计案例.当然国内的UI设计还处于跟随别人前进的阶段, 而且UI设计既要求基本的图形美感与设计审美能力, 又要有严密的内在逻辑关系, 这在UI设计中几乎成了一个不可调和的矛盾。

2 图形化设计———视觉UI设计的必然走向

UI设计是产品的一部分, 通过图形界面的逻辑严谨布局合理, 设计师可以让用户通过界面就能体验到产品的适用程度。界面更合理, 便能更好地引导用户使用。达到占市场的目的。

2.1 直观的界面才是好的界面

“傻瓜式设计才是好的设计”在设计中常常听同行这么一说, 私下想来大概是说经过UI设计的信息需要直白而单纯。以此为前提UI设计中很难找出比图形更明确、更直观的设计语言!在大多数情况下图形语言甚至于可以无视不同国界间用户的母语差别, 进行无障碍交流。1974年美国平面设计学院设计的联邦交通标识[1], 在全世界范围内被推广恰好证实了这一点。在视觉UI设计领域所有信息图形都按照一定逻辑顺序进行科学排列, 在有限屏幕空间最大化优化内容排列, 清晰展示设备的每一功能属性。在保证功能的前提下, 兼顾视觉清晰, 直观, 美观, 这就是UI设计的基本规则。

2.2 视觉UI设计的多元化发展

和其他设计种类一样, 视觉UI设计在发展中也逐渐形成了一些不同的风格潮流, 而且每种风格的关注点和呈现面貌也都有较大的差异。这对维持视觉UI设计的新鲜度[2]是很重要的。

2.2.1 从Metro风格说视觉UI设计

Metro是由微软公司从20世纪50年代出现的“国际主义设计风格”中获取灵感基于排版的设计语言所开发的一种界面设计风格, 该技术已于2010年初 (美国) 获得Metro UI专利批准如今该技术被引入到Windows Phone操作系统和Windows 8、Windows 8.1以及Office 15中。研究Metro UI会发现此风格对排版设计要求较高, Metro UI设计的元素有很严谨的空间规划, 字体在块面上的位置及留白相当重要, 块面在版块中的布局需要很好的推敲。使用Metro风格界面有效告诉用户设备有何种功能且如何操作。

Metro风格的另一个特点是, 这种剔除不必要设计元素而仅仅基于排版的设计方式能大大地简化设计, 减少设计师工作量。

2.2.2 扁平化的视觉UI设计

2013年4月IOS7.0系统的扁平化设计风格给UI设计界带来一股强大的潮流, 短短几个月内UI扁平化设计已经成为设计行业内最受欢迎的设计风格了。在UI设计中去掉边框, 阴影, 变体, 3D等元素, 这种极简主义的设计方法。展现出一个非常干净简单设计作品, 这就是扁平化设计。

扁平化如此受到追捧, 因为其在UI设计中有着明显的优势。以最简单直白的方式传递设计所要表达的东西, 因此设计会更加注重功能化, 通过明显的颜色方案与排版上的设计, 来减少不必要的视觉设计要素对用户接受信息的干扰。

在视觉UI设计中, 对设计元素“舍”得多是复杂, “取”得多是简单, 而设计师在“取舍”时进行的恰到好处, 则UI界面也就显得简洁亲切, 也就是俗称的界面友好。视觉UI设计之所以能赋予产品生命, 是因为它是经过精炼出来的, 是主要信息和设计因素的集合, 是设计师对细节的注重和对整体的把控。满足了用户对于视觉界面最本质的需求。

参考文献

[1]王受之.世界平面设计史[M].中国青年出版社, 2005:260-261.

人性化UI界面的设计探讨 第8篇

1 优化的软件系统结构是人性化UI界面的基础

UI界面是软件系统的外在表现。UI界面的信息结构是软件系统在操作过程中所呈现的信息层次, 通俗地讲就是软件系统的组织结构。它的任务就是在信息与使用者之间建立起一个通道, 使用户能够按照这个通道便捷地获取到其所需要的信息, 因此软件系统结构的优化是人性化UI界面设计的基础和必要前提。

一个人性化的软件结构系统, 首先需要优化软件结构层级, 通过减少界面信息结构层级和增加单层信息幅度, 来构建一种“宽而扁”、“快而全”的信息组织形式, 也就是通过适当增加同一层级目录以减少目录的总层级数量, 以减少用户为实现某一功能操作的步骤数量, 和提高用户的操作效率。但, 此种方式应避免的问题的是:同一层级功能的增加可能会导致用户面对一个UI页面过多的功能而手足无措, 不能迅速找出其想要的信息。这就要求对软件结构层级中的同级功能进行分类管理。

其次人性化的软件结构系统体现在各层级功能分类和分布上, 一个人性化的UI软件结构中各功能模块间的关系要有逻辑性, 分类要合理、清晰, 命名要准确、易懂, 不要使用过于专业的术语。如图1 所示, 是不合理的功能归类 “电话和微信功能”不是汽车行驶状态下的功能, 需要避免把不是行驶状态的功能放到一起使用。

另外人性化的软件系统还应允许用户根据自身行为的频度和提高操作效率需要自我定制层级。如手机产品中的QQ聊天、微信和音乐播放等经常性使用的功能则需要允许操作者根据使用习惯放置在主界面中, 而手电筒等不常使用的功能则需要被允许放置在另一个页面中, 也就是可以让用户根据需要自我定制层级。

2 交互设计是人性化UI界面实现的保证

“交互”一词最初源于比尔. 莫格里奇, 他把交互定义为产品使用行为, 任务流程图和信息结构的设计, 实现技术的可用, 易于理解以及令人们使用得更加愉悦。任务流程图和信息结构的设计目的是把复杂的信息和页面经过精心组织清晰地展现给用户, 易于用户理解, 并在使用的过程获得愉悦的感受, 因此任务流程图和信息结构决定了整个界面操作逻辑与页面关系, 是交互设计中的关键。

2.1 人性化的交互设计首先要求任务可被完成

任务的可被完成首先要求任务能够被用户很好地理解。易于被理解的任务有助于用户对任务的执行和完成;如果用户对产品任务不甚理解, 将会导致额外行为的产生, 如学习和求助等, 甚或导致错误行为发生, 以致任务不能很好地被完成。其次任务的可被完成还要求任务是在一定的时间和在一定步骤内完成, 也就是执行任务的效率问题。如手机用户拨打紧急号码, 如果需要从待机界面进入主界面, 再进入拨号界面, 显然就不如在待机界面直接拨打紧急号码效率更高。用户在执行任务的过程中, 行为出错是难以避免。也就是说用户在执行的任务有可能是正确的任务, 这是客户希望的结果;也有可能执行了错误的任务, 这是用户不希望得到的结果, 这个时候就需要给用户纠错的机会。如用户在输入电话号码的时候, 要能够允许用户修改错误的号码, 而不是让用户继续拨打错误的号码或者被退出。同时, 为了让用户的行为能够很好的完成任务还需要给予适时的帮助和提醒。

2.2 界面跳转需要符合用户心理预期

界面上的每一个符号必须是能指与所指的紧密结合, 让用户觉得这个东西应该是这样使用的, 也就是要符合用户的心理预期;但是当我们的设计不是这样的时候, 用户就会产生困扰和抱怨。那么什么样的跳转设计才是符合用户心理预期呢?人性化UI界面的应用功能以及操作界面设计尽量符合用户日常经验所衍生出的对于系统以及环境的印象, 也就是在产品升级换代的时候尽量保持交互设计和上一代产品相一致, 使用户即使面对新产品仍然是熟悉的操作环境, 不至于感觉到陌生和困惑。

有些产品屏幕的显示空间有限, 有可能会使软件的信息结构变得窄而深。为了实现某个功能, 用户在操作过程中需要在多个界面之间跳转, 这个时候就需要保证用户顺畅地操作, 要能够快速地找到出口, 并能够随时地返回上级操作菜单, 这样会增加用户的安全感。

3 合理的页面布局是人性化UI界面的外在要求

页面布局就是对界面的文字、图形或表格进行排布、规划、设计, 是软件系统功能架构的外在可视化形式。页面布局显示了软件功能构架如何分解为不同功能集, 以及功能集构件如何由跳转连接来产生有用的功能形式。因此, 有效的布局对于用户快速找到想要的内容, 以及提升用户的体验至关重要。布局方案不是唯一的, 巧妙采用各种布局可以增强产品的易用性和交互体验。在产品设计过程中, 需要考虑为不同的信息结构提供相匹配的布局。

合理规划利用界面空间的目的是保证用户阅读和操作时的准确性和高效率。因此, 界面布局首先应当清晰明了地呈现界面上各元素之间的相互联系和重点, 因为用户首先关注的区域是界面的视觉焦点, 形式上被赋予焦点属性的UI元素一定要表达最重要的内容。其次要根据用户的阅读习惯来设计布局, 也就是尊重大部分人从左向右, 自上而下的阅读习惯。其次要求在用户阅读时关键数据不会被中断, 而且要求一个任务尽量在同一个界面内完成;同时要求界面上逻辑上相关的元素在空间上被分隔开来, 且没有明显的视觉关联, 以避免误操作的发生, 如确认按钮和放弃按钮。

4 图形界面是人性化UI界面的外在体现

色彩和图标是图形界面的两大主要的构成元素, 因此人性化UI界面设计还体现为色彩和图标等的人性化要求。

4.1 人性化用户界面与配色的关系

色彩通过视觉冲击, 影响于人们的感官, 直接左右人们的感情与行动。不同的色彩让人产生不同的心理感受, 反之不同的心理状态所能接受的色彩也是不尽相同的。人性化UI界面的色彩设计首先是用户可以根据自己的需要改变系统的默认设置, 选择一种自己满意的个性化的色彩设置来实现的。人性化UI界面借助色彩的使用和变换, 目的就是用色彩的变换来协调用户的心理, 满足使用者生理、心理、情感的需求, 影响其情感与行动。

其次, 人性化UI界面的色彩设计还体现在界面配色能够引导用户完成相应的操作, 起到向导的作用。如图2 所示, 汽车影音UI主菜单中上面4 个按钮使用了艳丽的颜色, 表示这些功能是车载用户最常用功能, 并且是汽车影音上最重要的功能;另外下面4 个按钮使用了由深到浅的灰色渐变效果;这样即使很复杂和很抽象的东西, 经过色彩处理后, 能够变得很简单和易于理解, 体现了人性化。

4.2 界面图标设计的人性化

现在的产品仪器都具有很多复杂的功能, 生手面对如此众多的功能往往手足无措, 无从下手, 甚至专家用户在紧急情况下也会出现手忙脚乱的情况。界面的图标按钮是软件功能的命令集, 每一个图标对应的是一个目标动作, 因此作为体现目标动作的图标, 是具有典型特征的图形符号, 它应该有强烈的表意性, 能形象地反映界面的功能信息, 快速准确告诉用户该图标是做什么用。

系统的信息结构隐藏在界面之下, 界面图标设计需要让用户预知操作的后果, 引导性的界面图标能让用户对系统做出准确的把握。如图3, 返回图标是软件用户界面中的重要按钮, 指示用户如何退出当前任务返回到上一级界面, 其箭头形状形象地说明了返回的方向, 接着有一条线由下往上弯回, 与箭头连接, 清晰传达了返回的意思, 容易被用户理解。同时, 直观和形象的图标有助于用户对图标含义的理解。如图3 所示, 音效的音效图标形象地表示了可调节汽车影音音效的高、中、低音质效果, 它将用户界面中的概念与人们熟悉的日常概念联系在一起, 这样用户很容易就可以理解这种工具代表的涵义和功能。

5 小结

UI界面随着计算机信息技术的诞生而出现。随着信息技术的不断向前发展, UI界面的技术和呈现形式亦随之不断获得发展和完善。本文所探讨的人性化是基于目前的技术条件和人文、审美价值等背景下提出来的。随着虚拟现实、科学计算可视化及多媒体技术的飞速发, 展, 新的人机交互技术不断出现, 更加自然的交互方式将逐渐为人们所重视, UI界面的形式和内容也必然将随着发生改变, 届时人性化UI界面的内涵也将发生改变。

摘要：目的:通过从组成UI界面系统各部分入手探讨人性化UI界面, 以获得人性化UI界面的设计方法。方法 将产品人机交互系统设计分解为相互联系的软件架构设计、交互设计、版面布局设计和图形界面设计等环节并结合实例进行分析研究。结果:通过探讨分析获得人性化UI界面的概念;同时得出通过对软件系统架构、交互系统、版面布局和图形界面进行优化设计的方法。结论:通过对系统的软件架构、交互系统、版面布局和图形界面等进行人性化的设计, 从而使人机交互界面成为符合用户行为习惯, 心理预期、思维方式的人性化UI界面。人性化UI界面对提高用户体验的满意度等方面具有的实际意义。

关键词：人性化,人性化UI界面,优化设计,信息结构,人性化设计

参考文献

[1]Trevor van Gorp, Edie Adams.情感与设计[M].北京:人民邮电出版社, 2014:2.

[2]刘伟.走进交互设计[M].北京:中国建筑工业出版社, 2013:11

[3]达达尼亚.人性化设计以及在产品中的应用[EB/OL]:2015-10-09.http://www.douban.com/note/175792970/type=like.

[4]宋方, 金锦虹, 逯新辉.析“扁平化”手机界面设计[J].包装工程, 2012, 33 (14) :60-63.

[5]李世国, 顾振宇.交互设计[M].北京:中国水利水电出版社, 2012:11.

[6]张宪荣.设计符号学[M].北京:化学工业出版社, 2003:16

[7]程丽荃.智能手机移动互联网应用的界面设计研究[J].电子技术与软件工程, 2015, 5:40-41.

[8]李巍.设计概论[M].重庆:西南师范大学出版社, 2001:82

浅谈数字媒体交互式UI设计 第9篇

1) 在UI设计中首先要明确数字媒体运行的框架结构, 设计师需要和程序员在软件的功能性和应用性上进行沟通, 规划流程图, 在程序代码可以实现的基础上进行有效的美观设计, 加强视觉效果。2) 数字媒体界面设计力求简洁明了, 突出主要功能。大部分用户在初次使用软件时, 对于交互功能性通常会处于陌生状态, 过于繁复的界面设计只会让用户眼花缭乱, 不利于操作。主版面与分版面之间层次清晰, 逻辑关系合理, 避免堆叠产生的“杂”、“乱”感。3) 数字媒体中的图形UI需要一定的类同关系, 软件产品在图形设计风格上保持一致, 这样可以使用户在软件熟悉上有递进作用, 在操作上不会有落差。4) 保持UI设计的通用性在设计中是一个很重要的理念, 例如设计一个仿窗口界面, 通常来说, 缩小键和关闭键在整个窗口的右上角, 这是视窗软件的共同特征, 那么在设计类似UI中就需要继承这种特性, 如果忽视这种设计共性, 将会给用户带来困扰。5) 提高界面语言的易读性是设计过程中经常遇到的问题, 要把计算机的程序化语言转换成通俗易懂的文字, 并且在篇幅上要有所限制, 特别是在功能键的文字描述上要仔细斟酌。

2 UI设计内容

2.1 界面尺寸

不同的数字媒体终端产品有不同的图形分辨率, 如终端在电脑上操作可以根据需要设定界面分辨率为800*600 (像素) 、1024*760 (像素) 等, 当软件运行时首先对修改桌面分辨率进行定义:

在软件创建窗口时读取当前桌面分辨率, 并且按照需要进行修改分辨率:

procedure Tmainform.Form Create (Sender:Tobject) ;

begin swidth:=screen.width;sheight:=screen.height;

if (screen.width<>800) and (screen.height<>600) then

Dynamic Resolution (800, 600) ;end;

2.2 功能键的状态设计

通常功能键需要作出三种状态, 分别是:当鼠标移动到功能键上 (Mouse Move) 、当鼠标按下左键 (Mouse Down) 、当鼠标左键抬起 (Mouse Up) 。UI设计人员不仅仅要设计出三种状态的功能键图形, 还需按照一定的坐标对图形进行复制排列在一起, 供程序员进行调用, 如:

Main Form.Canvas.Copy Rect (Rect (x1[i], y1[i], x2[i], y2[i]) , butbmp.canvas, Rect (0, i*40, 130, 40* (i+1) ) ) ;

当鼠标触发Mouse Move的时候, 在功能键区域内还需要切换鼠标状态:

功能键在设计上可以使用文字类和图案类, 纯文字类按键易读性较好, 用户在使用上一目了然, 但在实际设计过程中, 并不是所有版面都适合使用纯文字类功能键, 因此图案类按钮起到了很大的作用, 首先, 按钮图案要贴近主题, 让使用者能快速识别出按键的功能, 其次可以在按键触发时显示提示, 如:Tip.Visible=True;交互式数字媒体中, UI设计要考虑到视频的播放位置, 嵌入式视频播放效果相对弹出式视频在视觉效果上更为整体, 因此功能键在选择上要有视频播放的基本控制键, 如:播放、暂停、进度条、滑块等。功能键还应该有音效配合, 例如移动到功能键上发出“呼”, 按下鼠标发出“哒”之类的声音, bkwav.File Name:= ('wav1.wav') ;bkwav.Open;bkwav.Play;

2.3 主版面UI设计

UI设计往往就决定了整部数字产品的风格, 因此分版面的制作不论在色彩上还是风格上都要与主版面相呼应, 这种一致性可以把设计师的创作风格传达给视觉受众, 用户在使用过程中能够切身体会到。分版面层级不宜过多, 层级过深会使用户产生烦躁感, 并丧失UI设计的功能性。因此在设计过程中, 要突出主题、时尚, 简洁明了, 并处理好分版面与主版面之间的逻辑关系。

3 结语

数字媒体交互UI设计, 重点突出设计产品的交互性, 在人机交互过程中, 易用性非常重要, 要求体现“以人为本”的设计理念, 如此才能更好的提高客户体验。同时, 界面的美观性贯穿整个UI设计, 保持界面的美化思路, 那么设计师将促进各种终端软件UI设计发展。

摘要：UI是User Interface的缩写, 又称之为“用户界面”。在数字媒体电子产品中, 用户界面承担着用户与软件之间的沟通作用, 用户下达命令, 而软件进行运算并且返回相应的结果。在计算机软件产业的飞速发展中, UI成为客户端中必不可少的内容。简单的文字菜单已经无法满足视觉受众的需求, 因此需要对UI进行综合性的设计, 以提高用户对软件的操控感受, 获得更好的人机交互体验。

UI设计中的视觉表现 第10篇

[关键词]UI设计；视觉表现；用户

UI全称是User Interface，也就是用户界面，那么UI设计简而言之就是连接产品与用户之间的使用界面的设计，是二者沟通的桥梁。UI设计是伴随着科技发展所产生的新兴设计门类，由于网络不断的普及与扩张，“信息社会”悄然而至，智能产品更多的融入人们的日常生活，人们在不知不觉中与界面的接触越来越频繁，由最初的电脑扩展至现在的智能手机、公共设施的应用平台以及高级家用电器等，并不断有创新产品的涌现。

智能化的生活产品越来越丰富，究其发展原因，不仅是科技发展带来了技术上的可能性；也是人们对现代生活更效率化、人性化需求的体现，使用户在使用产品的过程中，对时间的利用上，空间选择上不必像以往那么受到局限，同时也开始逐渐注重自身的参与感和产品体验的满足感，寻求对功能性满足之上更深层的心理满足感，也许用户自己都没意识到，在体验到网络化智能化在电脑和手机上带来的便利与精彩后，人们的智能需求得到了极大的激发，对简洁、美观、易操作，用户体验良好的UI设计越来越重视；这也使得UI设计从最初的“形式追随功能”向“形式追随体验”转变。

一、UI 设计工作基础内涵机理以及对应操作流程论述

所谓UI 设计，宏观角度上可理解为用户专属的操作界面设计工作，其具体涉及的工艺内容众多，尤其在目前全新科技发展时代下产生不可小觑的引导功效。如今互联网技术在社会基层人员生活中得到广泛重视和灵活应用，对应网页界面设计工作的确获取足够重要的适应地位，其中大部分合理规模网站都争相聘请专业UI 设计人员，包括新浪、搜狐等，尤其对于手机操作界面设计环节来讲，对应市场推广动力和多元化信息参考价值已经完全超出ID 造型水准，其中最为典型的案例莫过于iphone 手机。实际上在单位软件程序开发企业中，页面设计人员都会全身心地投入到不可视的逻辑语言形象化改造范畴之中，经过其百般编辑和系统操作过后，一时间令得既定软件安装操作工序变得极为简易。由此看来，软件界面科学设计人员如今在对应市场上的核心引导地位的确足够深厚。

UI 设计工作主要包括程序开发和检验评估两类工序，整体行为过程耗费时间比较漫长，需要开发者事先针对某个具体项目提供总体规划方案，之后针对单个环节加以校验实施，确保用户当下一切需求都能得到合理满足。尤其借助人机交互式操作中心设计与评估规范理念观察，有关专门职务定义结果，主要会借鉴用户中心评估与实施策略进行跟踪验证布置。而透过UCD 程序延展的UI 界面规划指标，能够确保一切操作细节都能主动迎合实际技术条件。整个流程实质上是设计、评估工序反复循环转接的过程，其和一类迭代式模型操控原理产生异曲同工之妙。而迭代化设计技术能够令用户全面参与到界面设计开发工作环境之中，必要情况下依照难以提炼的用户需求进行现场跟踪验证解析，杜绝以往用户后期体验产生较大的功能偏差效果。

二、用户的视觉交互活动的要求的交叉

用户的视觉交互活动的要求的交叉在任何事物完成之前， 我们需要知道完成任务所需要的条件， 而在一个行为完成之后， 需要根据该行为产生的结果来进行接下来任务， 所谓的反馈信息就是指在这个过程中的结果信息。在跟事物的接触过程中， 人往往会产生于行为有关的感知信息，主要有行为感和物感， 这样的一种感知就是信息感。在李乐山先生《人机界面设计》中对于信息感专门做了一定的总结。其中物感含有结构感、形状感、表面质感、质量感、色感、尺寸感等，是对物感特征进行的一种反应。行为感含有平衡感、对称感、动感、行动--结果感、位置感、行为过程感觉、操作速度感、状态感等， 其中反映行为感的相关信息有动感象征、平衡感象征、位置感、操作速度感象征、行动一结果感象征、方向感象征、状态感象征、行为过程感象征、对称感象征等。

在人们的生活中， 获得上述信息的方式除去听觉和触觉外，最快速最广泛的的方式是视觉。某些特定的信息只能经过视觉来得到， 比如色感， 而且采用视觉的方式来得到外部信息时人类的一种本能， 设计人员在有关视觉领域的设计中需要对此进行重视。因此能够给出用户所能接受的视觉信息， 是满足用户需求最根本的要求。在人们接收相关信息后， 需要对信息进行理解和相关的处理， 比如人们对于屏幕上出现的图像会进行自我理解， 当以上的方式不能够提供足够的信息时， 人们便开始进行想象、尝试或者听取其他的意见， 来指导自己的行为和理解， 因此对于用户来说， 特别是新用户而言， 能够提供的帮助文件和足量的尝试方法对其具有很重要的实际意义。帮助信息既要能够满足客户的需求， 又不能对获得其他信息造成影响， 设计师们就需要构建合理的信息结构， 以便于满足客户需求。

三、用户交互体验需求中的视觉需求分析

依照传统逻辑思维界定，此类设计活动的主体支撑要素在于CUD，在此基础上有关用户就会顺势被定义为设计主体支撑对象，对应设计内容上都会围绕客户核心单元进行思维拓展。在如今市场内部广泛流行的UI 体验式设计工序中，可以清晰观察到内部产品设计以及和用户体验适应前提条件相互切合。因此，进行内部特殊性视觉思维状态理解能够令用户需求体系中一切隐藏的视觉感知元素，顺势并提炼并有机转化成为现实交互体验的设计流程。面对这类视觉思维架构，其主体支撑效用在于整个人际交互行为规则的迎合，而最终动机在于实现既有设计产品的适当限制和改善目标定义，进而能够持续掌握用户一切行为习惯和视觉标准思维规则，直到针对目标用于普遍可用性理念加以全面掌控过后为止。归结来讲，此类模式能够尽快辅助设计主体进行外部客户个性化、差异化界面操作要求吸纳整理，进而制定出最佳的盈利控制方案。此后，用户在交互式人际界面体验操作过程中，对应的视觉思维要素必然会产生不可小觑的引导交接功效，进而合理推动人机交互界面内部程序的灵活舒展。

四、结语

视觉设计可以说是UI 界面系统创新实用功能全面延展的根本适应途径，经过单位客户感知、思维与艺术完美融合过后，能够将人类最为自然的视觉感官效应和图形设计规则紧密关联，并且在全面满足界面异质化设计功能绽放前提作用下，使得用户一切自我价值实现需求以及审美功能获取前所未有的更新、调试机遇。

参考文献：

[1]赵偲. 基于感性工学与色彩心理学的2.5维UI 界面设计研究[D]. 南京航空航天大学，2009.

[2]耿明名. 网页UI 设计中的沟通艺术[D]. 哈尔滨理工大学，2010.

手机UI设计 第11篇

互联网时代推动了产业的升级及转型,颠覆了用户对传统行业的认知,迸发出新鲜的活力与新颖的创造力。用户通过互联网获取信息比以往更便利,而转化信息语言的中介,就是我们常说的“界面”。

用户界面设计(User Interface Design,简称UI)是20世纪90年代以来现代艺术设计领域中出现的新设计门类,其集心理学、设计学、语言学等知识体系一体,而人机交互、操作逻辑、界面美观互动创意等都可以在教学设计中体现,具有实时性与独立性:实时性体现在于,信息化的快速迭代,知识时时更新,时时淘汰,UI设计课程的系统化、规范化有待探索,这对现在从事UI教学的教师,具有紧迫的使命感;独立性又体现在于,它有自身的思维体系,交互方式、视觉逻辑、认知与感知等,教授方式与传统艺术设计专业不同,而社会对于UI设计从业者更倾向于“全栈设计师”,即有自主性、参与项目进行跨界工作,这在现当代高校教育教学方向,具有现实意义的挑战。

二、教学现状

以本校为例,UI界面设计课程单纯以每周4节课时,72个学分一学期来授课,只能浅而薄,课程的安排一周一次,并无法深入开展课堂的项目实践。

第一,课时与学分的限制,使得课程单薄无力。对UI设计课程的概念理解缺失,教学方式就会停留在传统的教授软件的课程设计;之前的课程过于强调视觉设计能力,忽略前期策划、产品定位、原型设计、交互方式、用户体验等相关概念的导入。也有一方面原因是限制于课堂的人数多,学时少,上课频率的等等问题,少了课堂讨论及辅导的重要环节,对UI知识的理解只停留在表面;

第二,教学资源的选择与讲解,需紧跟随行业更新。作为新兴学科,该课程较少有科学、完整的教材,我认为理论认知、专业技能、项目设计应为一体,目前比较多如UI中国、36氪网站有新鲜的行业资讯,业界名博如腾讯、百度提供的项目经验具有参考价值,但缺点是多而杂。作为有企业项目实战经验的教师,才能更好将知识与项目经验结合,从而梳理脉络,循序渐进的引导学生建立团队,运用创业或创新的训练方式去实践创意。

三、教学改革与实践

创意与创新,是互联网时代的热门词。互联网+”行动计划由李克强总理提出:加快推动互联网与各领域深入融合和创新发展,要全面深化高校创新创业教育改革的目标要求。高校是“大众创业、万众创新”的主阵地,大学生是“互联网+”行动的领跑者,这对UI界面设计课程改革来说是一个很好的大环境前提,在教学改革中结合“互联网+”的趋势,融入广东省大学生创新创业的训练项目,课堂提供给设计专业的学生一个平台,他们历经团队建立、提案、设计、路演。中山大学南方学院自2015年秋季开始推行“学分制”的教育改革,其中“小班制”给在校学生提供更多开放学习机会,以UI界面设计课程改教为例,体现在以下几个方面:

优势之一:小班教学,自由度高、自主性强。学分制开放了整个设计专业学生的选课权利,学生自主选择想修的模块进入小班制教学,自主的学习态度让课程前期进入相对顺利。告别的传统的授课模式,现反转课堂,引导学生在设计APP的课堂过程中“发现问题——分析问题——提出解决方案”。教师在其中的角色是“穿针引线”,将理论知识“揉碎”渗入团队项目中去讲解,而设计思维始终贯穿整个项目,充分指导学生,学生在团队中的自由讨论、表达、疑问都能直接快速反馈,“小班制”的教学优势在此明显体现。

优势之二:UI模块集中训练,系统训练项目。本次教改重点是“以项目去驱动团队”的教学实践,学习方式从“被动吸收”转为“自主获取”,教学目标从“个人学习”扩大为“团队进取”。项目每6人为一团队,分别扮演产品经理、用户调研、交互设计师、视觉设计师,“小班制”的教学模式中,他们完成了课下市场调研,课上竞品分析;课下用户访谈,课上用户角色模拟;课上完善APP产品功能选择、信息架构图,课下完成原型设计。团队协作、思考与互相激发,通过模拟商业路演的形式进行项目汇报。

优势之三:引入“互联网+”的理念,启发创新创业新思维。每个学生都有创新的提议,甚至可能落地实现;而每个学生有自己的“工作角色”,二者结合便可充分调动学习的热情。比如在调研大学生记账行为中,有个团队了解到现在的记账软件中只有文字、图形记账,手动输入,通过用户人群分析大学生的痛点是对钱的概念薄弱、记账糊涂、分类混乱,在竞品分析之后确定创新设计的方向是:基于地理位置进行LBS记账、语音记账,扫码摄像记账,于是诞生了MOA地图记账APP,最后使用POP手机模拟实现操作,该项目被推荐为2016年广东省大学生创新创业国家级项目课题;另一团队在调研运动健身类APP,了解到现在的应用中社交方式比较少,于是策划游戏健身PK策略激励用户线上互相监督运动,诞生了RUNNER健身类APP,该项目被推荐为2016年广东省大学生创新创业项目省级项目课题。从2015年至今,在教学改革过程中已诞生7个省级的创新课题,1个国家级创新课题,成绩乐观。