• “蛟龙” 吸引世界目光(砥砺奋进的五年·重大工程巡礼) 2019-05-16
  • 肩负好新时代党的历史使命 2019-05-16
  • 荆楚网增值电信业务许可证 2019-05-14
  • 险!年近八旬老人就医晕倒 赞!医生不顾腰伤抱起抢救(图) 2019-05-14
  • 德国前国门妻子透露:比赛前和他缠绵 比赛中他失误了 2019-05-14
  • 最新奢华时尚手机盘点 2019-05-14
  • 不理解英语为什么要赖着高考。中国若与日、俄、韩、澳、印等国联合办高校,日、俄等国语种同等重要,而且,语种与专业是挂勾的 2019-05-11
  • 兰州大雨!消防出动疏散被困群众  一名孕妇被救出 2019-05-11
  • 淮北矿业党委理论学习中心组召开学习(扩大)会议 2019-05-09
  • 人民网评:教师欠薪为何又成新闻了? 2019-05-09
  • “造床家”亮相北京国际家居展 以床的名义刮起一场睡眠盛宴 2019-05-02
  • 中国足球少年将为世界杯“热场” 2019-05-02
  • 市委把全国两会精神原汁原味传达到基层 2019-04-30
  • 2000多家国企医院年底前完成剥离 2019-04-27
  • 计划不是产生在交换基础上的计划。 2019-04-27
  • 松果

    电子游戏的作文600 www.geg6.net UI交互设计到底到底是什么?我们常常听说UI设计,交互设计,那UI交互设计又是什么呢?难道是两者的结合?作为一名初入设计行业的或者对设计有一定热忱的人来说,搞清不同设计术语的定义真的非常头疼。别担心,今天小编将对三者进行多方面对比,为各位萌新小白扫扫盲!

     

    三者关系图:

    设计关系图

    从上图来看,似乎UI交互设计还真是UI设计和交互设计的结合。不过具体区别如何,还是让我们来看看三者的对比吧!

     

    1. UI交互设计vs UI设计vs交互设计对比之概念

    设计关系图

     

    UI设计

    UI设计或称界面设计(英文UserInterface Design, 缩写为UID),它是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计主要分为实体UI和虚拟UI两种,互联网行业常见的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。

     

    交互设计

    交互设计(英文Interaction Design, 缩写IXD),它主要指的是两个或多个个体之间交流和互动方式的设计,以达成某种设计产品的目的。交互设计的目标一般从“可用性”和”用户体验“两个层面出发,以帮助解决用户需求。

     

    UI交互设计

    其实小编从多方查找资料发现,UI交互设计这个术语是非常模糊的。在小编不断对比整理下,终于得出了它的基本概念。从广义上来说,UI设计是可以包含交互设计的,在这样的情况下。简单来说,把交互设计的理念体现在UI界面上,就是UI交互设计。

    从设计重心方面来看,UI设计的重心是色彩和视觉,以界面美观设计为主,主要考虑产品看起来怎么样。而交互设计则是以用户为中心进行人机互动部分的设计,主要考虑产品用起来怎么样。而UI交互设计则需要兼顾UI与交互两个方面进行设计,将交互的理念体现在UI界面上。

     

    2. UI交互设计vs UI设计vs交互设计对比之工作人群

    设计关系图

     

    UI设计相关人群:

    UI设计师,界面设计师,网页设计师。

     

    交互设计相关人群:

    UX设计师,交互设计师,UE设计师,产品经理,网页设计师,产品经理。

     

    UI交互设计相关人群:

    UI设计师,界面设计师,交互设计师,网页设计师,UX设计师,产品经理。

    从相关的工作人群来看,不同的设计工作类型,涉及的人群也尽不相同。UI设计的相关人群主要是工作中包涵该部分的人,除了专业的UI设计师,界面设计师,网页设计师等也是它的工作人群。而交互设计涉及的人群更广,交互设计师、UX设计师自然不在话下。另外,需要表达设计想法的产品经理运营人员也是其中一员。最后,UI交互设计所涉及的范围比两者稍广,包含了UI设计人群和大部分交互设计人群。

     

    3. UI交互设计vs UI设计vs交互设计对比之例子

    UI设计案例:

    设计关系图

    如上图所示,UI设计主要在于通过对用户界面的色彩,布局,文字排版等方面进行设计,以保证整体界面的美观。

     

    UI交互设计案例:

    设计关系图

    小编这边选取了一个简单的UI交互作为案例,这个交互的效果是通过点击UI界面中按钮出现不同的图片。这种将交互体现在UI界面上的设计,就是UI交互设计。UI交互设计包含了各式各样的交互效果,如下列刷新、进度条、图片轮播等,小编就不再一一例举了。

     

    交互设计案例:

    设计关系图

    而这种以人机互动为目的,注重用户体验的设计则称为交互设计。

    从以上的案例不难看出,UI设计主要以界面美观为主,以静态的方式呈现居多(也有以动图动画形进行呈现)。交互方式是静态的。UI交互设计是在UI的基础上进行交互设计,以偏动态的形式存在。交互设计则以用户体验为主,以动态的形式存在。

     

    4.?UI交互设计vs UI设计vs交互设计对比之工具

    UI设计工具:

    • PS(Photoshop):适用于界面设计,图标设计,手绘等。
    • AI (Illustration):适合创建徽标、图标、草图、排版和其他矢量图。
    • Sketch:适合图标、界面设计,支持多文件分层,切片等插件。

    ?

    交互设计工具

    • Mockplus:适合创建快速交互原型,简单高效,同时支持团队协作。
    • 摹客iDoc:适合一键切图,生成智能标注,交互演示,设计协作。

    ?

    UI交互设计工具

    设计关系图

    Photoshop,AI,Sketch,Mockplus,摹客iDoc。

    从使用的工具来看,UI设计主要以图形、图标、界面设计工具为主;交互设计主要以原型设计,交互设计工具为主;而UI交互设计则囊括了前两者使用的所有工具。

    看完本文后,小编相信大家对UI交互设计,UI设计,交互设计三者的关系已经有所了解了。简单来说:UI是为了好看,交互设计是为了好用,UI交互设计就是好看又好用。如果想从事UI交互设计相关的工作,小编建议不妨在了解它们的基本定义后,开始学习一些技能知识,着手开始练习设计。这样可以帮助大家在UI交互设计的路上快速成长!

    (PS:如有不同意见,欢迎来辩!(????) )

     

    原文地址:Mockplus

    作者:jongde

     

    转载请注明:电子游戏的作文600 » 【新手指南】UI交互设计vs UI设计 vs 交互设计:有啥区别?

    登录收藏
     
    你可能喜欢的:
    【只言片语08】设计师如何接私单【只言片语08】设计师如何接私单
    【只言片语07】UI设计如何转交互【只言片语07】UI设计如何转交互
    协作设计: 如何有效提高团队合作的工作效率?协作设计: 如何有效提高团队合作的工作效率?
    设计师十问十答 | 那些你最想知道的答案设计师十问十答 | 那些你最想知道的答案
    如何做一个有战略的产品经理?如何做一个有战略的产品经理?
    从设计师角度看待设计中的同理心从设计师角度看待设计中的同理心
    产品经理到底是什么?产品经理到底是什么?
    案例解析,UI设计中的视觉引导技法!案例解析,UI设计中的视觉引导技法!
    设计师除设计外所需要具备的能力设计师除设计外所需要具备的能力
    [案例解析] UI设计师如何用产品思维做设计![案例解析] UI设计师如何用产品思维做设计!
    ?
  • “蛟龙” 吸引世界目光(砥砺奋进的五年·重大工程巡礼) 2019-05-16
  • 肩负好新时代党的历史使命 2019-05-16
  • 荆楚网增值电信业务许可证 2019-05-14
  • 险!年近八旬老人就医晕倒 赞!医生不顾腰伤抱起抢救(图) 2019-05-14
  • 德国前国门妻子透露:比赛前和他缠绵 比赛中他失误了 2019-05-14
  • 最新奢华时尚手机盘点 2019-05-14
  • 不理解英语为什么要赖着高考。中国若与日、俄、韩、澳、印等国联合办高校,日、俄等国语种同等重要,而且,语种与专业是挂勾的 2019-05-11
  • 兰州大雨!消防出动疏散被困群众  一名孕妇被救出 2019-05-11
  • 淮北矿业党委理论学习中心组召开学习(扩大)会议 2019-05-09
  • 人民网评:教师欠薪为何又成新闻了? 2019-05-09
  • “造床家”亮相北京国际家居展 以床的名义刮起一场睡眠盛宴 2019-05-02
  • 中国足球少年将为世界杯“热场” 2019-05-02
  • 市委把全国两会精神原汁原味传达到基层 2019-04-30
  • 2000多家国企医院年底前完成剥离 2019-04-27
  • 计划不是产生在交换基础上的计划。 2019-04-27
  • 高频彩赚钱 千禧3d开机号试机号关注码 新东泰赌场 浙江体彩6+1预测 体彩超级大乐透走势图 彩票双色球 3d试机号和开奖号整体走势图 12生肖时时彩官网 北京快中彩奖池 四川金7乐万能四码 时时彩黑马计划免费版 彩票开奖结果查询 中国福彩网22选5开奖 全天幸运飞艇pk10计划数据 北京赛车直播 网易足球比分直播