什么是用户界面设计?有抱负的设计师简介

使用用户界面原理设计网站的设计师的插图

您’我一直都是一个富有创造力的人,而在职业中谋生的想法一定会让您充满创造力,这听起来很有吸引力。好消息是,有很多坚实的 创意职业选择 在那里—现在您只需要一点帮助就可以理解所有这些内容。

用户界面(UI)设计是一种可能引起您注意的设计利基。尽管该术语可能会让您想到未来的科幻技术,但该设计学科非常侧重于当今用户的实际需求。在本文中,我们’将提供有关什么是用户界面设计,为什么重要以及您的简单指南’d需要作为设计专家才能在该专业中壮成长。

无论如何,什么是用户界面设计?

在设计中,界面是人类用户可以向计算机或机器提供输入的接口。虽然听起来很抽象,但每天您’被这个例子所包围。手机上的触摸屏,电视遥控器上的菜单系统以及每天使用的应用程序都具有一个界面,可将信息从计算机传递到用户,反之亦然。 UI设计旨在使该界面直观,易用且美观。

“重点在于最大程度地提高可用性并创造简单而愉悦的体验,”产品经理史蒂夫·约翰斯顿(Steve Johnston)说 基础设施.

UI设计为何重要?

这样想:您可能拥有世界上功能最强大的工具,但是如果它令人困惑且难以使用,人们将放弃它,而转而寻找更简单,更有效的方法。在大多数情况下,“tool”UI设计师正在使用的是软件或网站,并且用户对其工作方式抱有非常明确的期望。那’在相关学科—user experience—comes into play.

用户体验(UX)专业人员的工作是为了更好地了解用户’s “journey”与站点或软件进行交互时。他们想了解用户认为最重要的信息,他们在哪里’d希望找到它,他们如何’d知道了,他们如何’d与它互动以及更多。此外,他们会寻找用户信息中的痛点或区域,使整体体验变得笨拙或不理想。一旦收集,他们将提供改进建议。

“A ‘good’用户界面通常是强大的UX和UI设计过程的结果,” says 用户体验设计师 安德烈亚斯·约翰森(Andreas Johansson)。

用户界面是UX难题的重要组成部分。图标代表的含义有意义吗?布局是否具有逻辑流程?可以在哪里找到信息’期望是?这是否导致用户执行项目所有者希望他们做的事情—例如注册信息,购买商品或发布到供稿?通过具有一致且精心设计的系统,您可以使产品更易于使用,进而可以带来积极的效果。

UI设计会影响哪些设计元素?

简短的答案:几乎一切!界面的整体外观是一种累加的工作—按钮,字体,图标,图像,空白区域,布局,交互响应和调色板都结合在一起以产生一个连贯的系统。虽然UI设计人员可能会花时间专注于创建在按钮或菜单栏之类的界面中找到的单个元素,但这项工作并没有’在真空中完成。它需要适应总体框架,同时在技术上也是可行的。

新设计师需要了解UI设计什么?

那里’在这个设计领域中要掌握很多东西,并不是所有的东西都会一次出现。话虽如此,我们与之交谈的设计专家在建议您开始时要牢记一些事情。

1. 您’重新设计目的不是自己

对于所有设计师而言,这是一个相当普遍的问题,无论其专业是什么。它’很容易陷入自己对项目的好处的宏伟想法—but you’我需要保持接地并保持你的雇主’的需求以及用户的需求。 Johansson表示,在平衡所有这些因素的同时,可能会给您的工作增加额外的难度,让工作变得有意义。

“设计工作中最好的部分是解决问题,” Johansson says. “好的设计是要为企业和用户解决问题。然后,您必须在技术上可行的事情之间平衡业务价值和用户价值。”

2. 您r design needs to work for a variety of devices

“在UI设计中,您需要设计多种屏幕分辨率(响应式设计),并让您的设计以所有这些格式很好地转换。如果您设计应用程序,也是如此”约翰逊解释。“然后,您需要确保您了解技术限制以及如何将设计转换为实际屏幕。”

对于许多设计项目,您的画布或多或少是静态的,并且您的设计仅需要针对一种布局进行工作。使用UI,您’通常会与具有各种尺寸和潜在技术障碍的移动设备,平板电脑和台式计算机上的显示器配合使用。您’无论用户如何,都需要考虑如何保持一致的外观和感觉’ device.

3.无障碍事项

不像一个“flat”在设计广告牌或海报时,界面是交互式的,应旨在最大程度地提高可访问性。视力或听力受损的用户是否可以使用此界面?这种设计是否有足够的对比度使文字易于阅读?您可以做什么来提供替代方案?这些是您的问题类型’在开发接口的设计元素时也需要牢记。

4.少即是多

UI设计可能是一项艰巨的任务。客户通常会希望在设计或布局中填充尽可能多的信息,功能和各种功能。’您必须牢记用户的心。有时这意味着削减客户“wish list”或寻找方法将这些信息压缩为更易于使用和浏览的内容。

“即使整体外观看起来不错,经验不足的设计师也可能会尝试在设计中加入太多元素,”斯蒂芬妮·威廉姆森(Stephanie Williamson)说, 哈德逊综合. “能够将元素剥离出来’在仍然提供足够的方向来指导用户的同时,这是必不可少的。”

威廉姆森补充说’对于UI设计人员来说,偶尔停下来,退后一步并严格评估是否成功需要设计元素或组件非常重要。

成为用户界面设计师需要做什么?

与成为护士或会计师(每个角色都有明确定义的教育途径)不同,成为UI设计师的途径是’很简单。这是一门相对较新的学科,需要独特的技能。

为了帮助您更好地了解所需的技能和培训,我们使用了实时工作分析软件来检查12,000多个UI设计师的工作。数据帮助我们确定了雇主正在寻求的一些顶级技能。

这里’s what we found:1

  • Adobe Creative Suite®
  • UX线框图
  • UI设计
  • 原型制作
  • 的JavaScript®
  • 平面设计
  • 用户研究
  • 网页设计
  • HTML5
  • 的CSS
  • 可用性测试

从上面的列表中可以看到,这个角色通常需要混合使用 平面设计Web开发 能力—但是所需的具体技能可能因雇主而异。有些人可能正在寻找具有更广泛的Web设计和开发背景的专业人员,而另一些人可能会将其视为“nice-to-have” skill set.

“您不一定需要了解前端开发—如果您知道一些CSS,这是一个奖励—但是您需要知道您正在设计的媒体,” Johansson explains.

威廉姆森说’掌握前端开发总是很有帮助的。“从理论上讲,您可以设计任何东西,但事实并非如此’t mean it’从发展的角度来看,” she says. “了解HTML和CSS将使您考虑一下’s realistic when you’重新设计,一旦开发,最终效果如何。”

迈出第一步

成为用户界面设计师的途径可以在很多地方开始。无论您选择哪种路线,都要牢牢掌握设计原理以及如何以视觉方式传达信息,这是一个很大的难题。的 平面设计程序 拉斯穆森学院(Rasmussen College)的学生可以通过发展自信地驾驭专业设计世界所需的技能和能力来帮助奠定基础。

有兴趣了解更多吗?查看,“7 Things 您 Didn’t了解拉斯穆森学院的平面设计课程.”

1Burning-Glass.com(分析12,333个用户界面设计师的职位发布,2019年11月1日– Oct. 31, 2020)

Adobe Creative Suite是Adobe,Inc.的注册商标。
的JavaScript是Oracle Corporation的注册商标。

编者注:本文最初于2014年发布。此后已更新,以包括与2020年有关的信息。

卡莉·马尔维克(Callie Malvik)

Callie是Collegis 教育的内容经理,代表Rasmussen College监督博客内容。她热衷于创造优质的资源,使他人能够通过教育改善生活。

女作家

相关内容

这段广告内容是由拉斯穆森学院(Rasmussen College)制作的,以支持其教育计划。拉斯穆森学院(Rasmussen College)可能不会为学生准备该内容中的所有职位。请拜访 www.rasmussen.edu/degrees 有关提供的程序列表。 rasmussen.edu上提供的外部链接仅供参考。拉斯穆森学院不保证,认可,控制或明确认可链接到的网站上的信息或产品,并且不被所引用的网站所有者,作者和/或组织认可。拉斯穆森学院是一所地区认可的私立学院。

徽标认证 徽标认证 图表凭证梯形图医疗管理 0 Credits 90 Credits 180 Credits 48 Credits Start 这里 HIGH SCHOOL GRADS Start 这里 TRANSFER STUDENTS Start 这里 第二学位购买者 End 这里 ASSOCIATE’S DEGREE Start 这里 MASTER’S DEGREE PURSUERS End 这里 BACHELOR’S DEGREE End 这里 MASTER’S DEGREE 图表凭证梯子rsb 0 Credits Start 这里 HIGH SCHOOL GRADS Start 这里 TRANSFER STUDENTS 90 Credits Start 这里 第二学位购买者 End 这里 ASSOCIATE'S DEGREE 180 Credits End 这里 BACHELOR'S DEGREE 图表凭证梯子RSD 0 Credits Start 这里 HIGH SCHOOL GRADS Start 这里 TRANSFER STUDENTS 91 Credits Start 这里 第二学位购买者 End 这里 ASSOCIATE'S DEGREE 181 Credits End 这里 BACHELOR'S DEGREE chart-credential-laddering-rsjs 0 Credits Start 这里 HIGH SCHOOL GRADS Start 这里 TRANSFER STUDENTS 91 Credits Start 这里 第二学位购买者 End 这里 ASSOCIATE'S DEGREE 180 Credits End 这里 BACHELOR'S DEGREE 图表凭证梯形图 0 Credits Start 这里 HIGH SCHOOL GRADS Start 这里 TRANSFER STUDENTS 91 Credits Start 这里 第二学位购买者 End 这里 ASSOCIATE'S DEGREE 181 Credits End 这里 BACHELOR'S DEGREE 图标色高级 图标彩色箭头交叉曲线 图标色构建 图标彩色灯泡分析 图标色证书 图标色的持续发展 图标彩色文件夹砂浆板 图标色的地球笔 图标颜色的增长 图标色的手泡泡 图标彩色的头块 图标彩色的头齿轮 图标色笔记本电脑cbe摩天大楼 图标彩色笔记本电脑网页 图标彩色的位置图钉 图标彩色显示器纸扫描 国家图标色 图标彩色的人白板 图标色警察灯 图标色准备 图标颜色的演示者 图标色区域 图标颜色的保存时间 图标彩色的摩天大楼 图标色状态 图标颜色的学生为中心 图标颜色支持 图标彩色的世界经验 图标颜色概述银行 图标彩色轮廓证书 图标彩色的轮廓圆美元符号 图标彩色轮廓文件夹搜索 图标彩色轮廓手心 图标彩色轮廓头块 图标彩色轮廓头齿轮 图标彩色轮廓头心 图标彩色轮廓健康加叶子 图标彩色轮廓医院 图标彩色的轮廓灯泡分析 图标彩色轮廓放大镜 图标彩色轮廓显示器医疗保健 图标彩色轮廓监控纸搜索 图标彩色的轮廓射线 图标彩色轮廓挂锁盾 图标库 图标总图 图标一般连接 图标一般程度 图标一般讨论 图标一般电子邮件 一般查找 图标通用帽子 图标一般的心 通用笔记本电脑的图标构建 通用笔记本电脑图标 总负责人 图标总图 图标总钱 图标一般文书工作 普通民众 通用电话图标 图标一般说出来 图标头心 图标玻璃 图标比例 图标相机 图标过滤器 图标信息圈 图标邮件转发 图标播放牢固 图标-引用标记-左 图标右引号 icon-share-square-o 图标旋转器 图标标签 重塑箭头 ras-logo-flame ras-logo-horizo​​ntal ras-logo-stacked 图标简单聊天 图标-简单桌面 图标简单查找 图标简单汉堡包 图标简单电话 图标见证语录 图标社交社交方形色 图标社交社交广场 图标社交社交 icon-social-google-plus-square icon-social-google-plus 图标社交 图标,社交,linkedin,方形,彩色 icon-social-linkedin-square icon-social-linkedin 图标社交pinterest 图标社交推特广场 图标社交推特 图标社交YouTube播放色 图标社交YouTube播放 图标实用复选框-white 图标实用复选框 图标使用检查过的白色 图标使用检查 icon-util-chevron-down icon-util-chevron-left 图标实用程序雪佛龙右 icon-util-chevron-up icon-util-language-switch icon-util-loading 图标实用程序打开窗口按钮 icon-util-open-window-link icon-util-pdf-button icon-util-pdf-link 图标实用刷新 icon-util-x