大摩娱乐注册 大摩娱乐登录 大摩娱乐招商QQ

Navigation menu

来源:未知 责任编辑:admin

UI设计师需要学习些什么软件?

  ①产品规划:Xmind、Office套件、Axure或其它能够方便绘制线框、交互原型的软件...

  ③界面设计:Sketch(仅支持Mac)、XD、Figma、即时设计(更适合中国互联网环境的专业UI设计工具,强烈推荐。体验地址:)...

  ④专业动效:After effects(能实现任何动效)、Principle(仅支持Mac,适合简单动效)

  只是遇到对应的设计需求,身为设计师的你,要有自己熟练,拿得出手的软件,能够高效率完成项目即可。

  大家都听说过程序员35岁退休的梗,这并不是一个段子,在这背后是一个很残酷的现实:技术更新迭代太快,跟不上脚步就会被淘汰。对于设计师也是一样,设计风格、趋势、工作内容、协同方式不断在变,如果固守自己的三板斧,也会面临被淘汰的结局。比如很早之前设计师一般都会用PS、FW等,用 Flash 做动效,近些年除了 PS 依旧,FW 被淘汰,还出现了Sketch、XD、Figma 等工具,动效设计工具也转变为了AE。以前做安卓的适配要了解 .9切图,现在要会画 SVG 格式的图标。

  所以,作为 UI 设计师不仅要掌握几款趁手的设计工具,还要保持持续的学习能力。下面,我就为大家介绍设计师工作中常用到的协同软件、绘图软件以及学习软件。

  Office 系列必须会用,这是职场人的基础,这里不再多说了,使用 Mac 的同学也要会用 Pages、Keynote、Numbers。另外石墨、语雀等在线工具也有很多团队用于协作。这些工具大家都有一定的基础,学起来也不难。

  这些也不用多说了,UI 设计师和交互设计师、前端设计师、产品经理都要保持密切协作,甚至有很多 UI 设计师具备全链路的能力,如果不想当一个只会画图、没有思维的工具人,这些必须要掌握。

  纯粹的美工,噢不,是 UI设计师,在实际工作中可能不需要深入使用这些工具,但是为了了解交互、和交互设计师协作,这些软件多少要有了解。

  这就是 UI 设计师的核心了,PS 是使用最广泛的,用 Sketch(Mac)和 XD(Windows)的也很多,Sketch/XD 比较轻量级,基本能满足 UI 设计师的日常工作需要,如果想在插画方面深入学习的话,可以学 AI。

  Dribbble 是一个著名的设计师作品分享平台,全球设计大神云集,在网站上搜索英文关键词便可看到相关作品。作品包括品牌设计、手绘插画、动效、排版、网页和移动端 UI 设计,是所有专业设计师寻找灵感、了解当今设计潮流、趋势不可错过的网站。

  Awwwards. 是一个世界各地优秀设计师的聚合点,他们在这里寻找灵感、传授知识和经验、相互联系并分享具有建设性和富有尊重的批评。网站的口号是:“始终质疑”,“不断发展”,旨在表彰世界上最优秀网页设计师、开发人员和代理机构的才能和努力。

  在这里我们可以看到 UI 设计、艺术插画、摄影、建筑、时尚、房地产、游戏、电商等 25 个分类下的作品。

  花瓣网是国内的社交分享网站,网站允许用户创建和管理主题图片集合。用户收集了来自各个网站的优秀设计,在这里可以看到海量的优秀设计作品,你在查看一个作品时能够为你推荐更多优秀的同类作品,是设计师寻找灵感创意不可错过的网站。

  花瓣网的页面采用流式,用户浏览时内容自动加载,无需翻页,用起来简直不要太轻松!

  设计圈旨在为设计师、产品经理提供同频次的职业交流平台。在这里你可以学习和设计、产品相关的理论知识;临摹分析规范作品集;搜索查看高清图片素材、设计流程;和同行业产品经理、UI设计师、UX设计师交流,共同成长为界面设计和产品设计专家。

  最美应用是老牌的应用推荐平台,一直以推荐“好看、好用、好玩”的移动端产品为使命,大家可以关注“最美应用”推荐的产品和专题。最美应用推荐的产品往往在功能、设计、交互方面有着独到的地方,在各个领域都已经成为红海的今天,这些产品为什么能脱颖而出?值得大家深入研究和思考。

  大多数设计师在实际工作过程中,一个人独立负责整个产品的设计、UI 设计师兼顾交互和产品的情况屡见不鲜,在实际工作中如果没有老师指点,很多人只能在低水平重复劳动。

  临摹作品可以帮助我们提升技能,但是想通过实战获得更大的突破,不妨参加各种行业内的比赛,通过项目驱动自己成长。

  站酷网常年会有大量的设计比赛,大家可以选择自己擅长的领域和优秀的同行一起碰撞交流,其中不少活动是与知名企业合办,奖品丰厚。

  由知群举办的中国产品设计大赛主要针对产品设计领域,是产品经理、交互设计师和 UI 设计师展现技能的舞台,以往和阿里、腾讯、携程、知乎联合举办过多期,有不少在比赛中表现优异的同学直接拿到了大厂的 offer。

  上一期和映客举办的以2020·重启社交网络为主题的大赛(分多期持续举办),有很多有经验的产品经理、设计师直接参加了比赛;也有很多有热情却没经验的同学跟了一个完整的项目流程;还有很多对产品设计感兴趣的同学也在围观学习。

  可以看到,仅仅学会软件,只是你漫漫长征路上的第一步,在接下来的时间里,你还需要学习大量的设计理论知识,数码产品的更新周期非常短,只有不断学习才能保证自己不被时代所抛弃。

  为了更好的帮助到大家,知群集结了互联网行业中顶级大咖,专门为想要提升的设计师以及零基础、野路子转行的设计师开设了知群产品设计训练营,目前限时免费开放中~

  这个训练营已经举办过 50 多期,帮助几十万人了解互联网行业和找到职业方向。认真学习可以获得包含上百个知识点的高清能力地图电子版,还有机会拿到实体版。

  简单粗暴的总结一下,UI设计师需要学习的软件很简单,其实主要分为“吃饭工具”和“辅助工具”

  这几款工具,不是每一款都会用,只用熟练掌握一款都可以完成UI设计的工作。

  思维导图方便规划整体的设计思路,线框图软件可以快速出低保真草图,这些都是能帮助设计师提升工作效率的软件。

  一方面需要大量的练习,俗话说好记性不如烂笔头,只有通过不停的实践,才能修炼出精湛的设计功力;另一方面,持续不断地从大牛身上学习经验也是非常必要的。

  网易云课堂里有不少UI相关的课程,像下图中的《UI设计教程之图标设计》就是免费的课程。建议新手可以先从免费课程看起,如果觉得已经有所领悟,再去学习系统的付费课程。

  搜索UI设计,能在B站找到50页相关视频!不乏各大软件的基础教程,如果你是从0开始的设计小白,来B站学习软件的使用是完全OK的!

  慕课网是大型的互联网从业者“网课基地”,有非常多针对互联网岗位的课程,UI设计师当然也能从中找到不少学习干货。与网易云相比,它免费课程更多;与B站相比,它的课程更系统。是一个不错的网课平台。

  和上面几个网站相比,勤学网的课程以付费的为主,建议已经对授课老师的试听课程有过了解的小伙伴再下手。

  推荐理由:设计行业的经典之作,入门必读。作者通过自己多年的设计经验,剖析用户心理,从导航设计、主页布局、可用性测试等方面分享了许多独特的观点,并给出了不少可用性设计的建议。它不是一本教条式的培训书,而是一本分享设计理念的有趣读物,值得一看。

  推荐理由:专门介绍交互式设计的技术与技巧,让设计师从心理特征和行为特点出发,用简单方法来创建用户喜欢的设计。这本书最大的特点是举例分析,结合近几年交互设计领域的实践和发展,做全面的解析。

  作者:[美] 艾伦·库伯/[美] 罗伯特·莱曼/[美] 戴维·克罗宁/[美] 克里斯托弗·诺埃塞尔

  推荐理由:这本设计书主要介绍交互设计的内容,结合了当下时新的案例,和旧版的相比,更加清晰易读。增加了更多目标导向设计过程的细节,更新了现行实践,重点增加移动和触屏平台交互设计。

  推荐理由:这本书不论是做UI设计,还是平面设计,甚至摄影摄像,都值得一读。作者们在书中分享了创意策划和设计的实践经验,介绍了多媒体和新媒体等领域的先锋理念,在这本书中,读者可以感受到为了完成一个视觉项目,艺术家们所做出的的努力。

  推荐理由:本书语言清晰明了,将设计准则与其核心的认知学和感知科学高度统一起来,使得设计准则更容易地在具体环境中得到应用。涵盖了交互计算机系统设计的方方面面,为交互系统设计提供了支持工程方法。不仅如此,这也是一本人类行为原理的入门书。

  UI设计师常去的网站非常多,毕竟在进行设计前需要大量的素材收集。我曾经分享过25个UI设计师必收藏的网站 ↓

  01Pixso—— 开源设计社区,支持复制社区中的作品直接在网站内进行编辑

  04uigradients——一键生成渐变色生成的网站,同时还可以复制生成的配色代码

  05placeit—— 海外的设计模板网站,涵盖了封面、插画等多样化的设计模板

  ui这个词似乎成了互联网工作者中除了用户体验外最熟悉不过的热门词,不管你问起谁都能说出这个词及相关的知识。但要是你深究一下,到底ui设计是什么,ui设计师的工资一般是多少,ui设计就业前景乐观吗,零基础学ui设计难吗,自学ui需要掌握哪些东西,网上有没有免费的ui课程,女生学ui设计师好学吗,ui设计有没有基本的准则和技巧指南等等,恐怕没有多少人能说出来。今天我们趁周末简单来聊一聊吧。

  UI设计是近来关注度非常高的一个行业,UI设计师也是引发了很多人的关注。UI设计是什么?UI是用户界面的简称,UI设计师指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计主要是图形设计和交互设计。图形设计就是传统意义上的美工,以前UI设计不受重视,所以美工地位不高,现在随着UI设计的兴起,美工也被称为UI设计师。其实UI设计师不是单纯意义的美术工人,而是软件产品的“外形”设计师。交互设计主要设计软件的操作流程、树状结构、操作规范等。

  广义的UI设计是艺术与科学的杂交事物,学习它且从事这个职业,就需要这两方面的素养了,大部分人因为各种原因都是无法从事自己最喜欢或最擅长的职业的,如果你感觉自己有一定的潜力并且喜欢,尝试一下未尝不可。

  SUI :实体用户界面,这个比较古老,汽车飞机仪航天器表盘、卡带录音机各种按键......

  GUI:图形用户界面,狭义的UI就是指这个,随着操作系统图形化出现的,系统界面、网页

  视觉设计:平面设计、图标设计、信息图设计、掌握色彩构成/平面构成/立体构成,建议多学习广告专业的书籍、图形创意设计等;

  人机交互理论:认知心理学、人因工程学、还有很多衍生出的提炼总结领悟的一些通俗理论书籍;

  UI模式:就像软件开发工程的设计模式一样,UI也逐渐形成了很多总结性的经过历史检验的设计模式,度娘UI Pattern,这方面外国网站很多;

  UI设计指南:如果你设计iOS/Android/Windows应用,都有苹果谷歌微软出的设计指南,大公司很严谨,这些指南都需要提前知晓;

  UX,用户体验,苹果最重视这个,当然面向普通大众最应用,这方面都非常重视,也有叫UE,UED的,但是老外都叫UX,大概是认为体验的英语单词核心字母是X吧。有个叫UX Planet的网站不错,相关文献特别丰富。

  有的公司UI设计工作很细分,有的就要什么都做,比如淘宝美工就专心做图形设计;游戏行业的UI细分的深,做美术的就做美术,做交互的就做交互。有些公司的UI要比较全能,草图交互原型美术一条龙甚至还要具备一定的前端编码能力。

  至于前景,未来10年20年不用担心,知识密集型的行业生命力都比较顽强,弱人工智能率先替代的是劳动密集型和重复性的工作。

  以上提到的关于ui的概念及相关知识点,以及ui与当下的人工智能AI的关系,相信有一定工作经验的设计师或互联网工作者都能知道一二。但再深入一点了解ui设计工作,就需要知道以下的ui设计基本准则了。ui设计绝对不是很多人口中所说的图标设计那么简单。

  App设计中经常会使用到卡片,卡片颜色的使用会直接影响到用户的视觉感受,因此需要确保用色对用户而言是舒适的,上图左侧案例卡片的饱和度和名都明显过稿,这可以当下热门的app应用中得到参考答案,例如微信、支付宝等,他们在银行卡设置这一块用色几乎出奇一致。

  使用特殊字体可以和其他内容格式上形成区分,从而达到突出的目的,选择一个好的字体还可以提升视觉的品质,上图右侧案例的利率分别使用了英文字体DIN和DIN 1451 Mittelshrift Alt,这两种字体的结合使其在视觉上达到了完美的平衡。

  图标是UI设计中的重要组成部分,做好图标设计很重要的一点就是统一性,此案例中强调的就是图标复杂程度的统一性,为保证统一性需要减少图标不必要的细节。

  根据格式塔接近原理,人在意识上会将彼此靠近的物体看为一组,设计上同样如此。设计中为了界面的简洁经常会舍弃分隔线,但如果在间距上没有区分,就会造成用户理解的困难,上图左侧案例中用户就很难判断哪两个元素为一组,而右侧案例则一目了然。

  真实世界中物体的投影是带有物体颜色倾向的,设计中也应该如此。将图片等比例缩小再进行搞死模糊作为投影,这样能增加投影的细节,使得设计更贴近真实且自然。

  大多数的业务都有玉器属性相对应的颜色,使用正确的颜色能帮助用户降低理解成本,同时这也是设计师对不同业务作出颜色区分的理论依据。

  对齐的本质是使得界面信息统一且有条理,其目的是提到信息的易读性。不只是文案信息,ui设计中所有的元素都需要对齐。(之前有些过一篇《版式设计排版方式教程-对齐技巧》)

  选择头像时要保证整体的统一性,注意头像的比例大小以及头像背景,虽然头像只是一个很小的细节,但却能让你的界面大大的加分,同时也能让别人看见你作为设计师尽善尽美的态度。

  不同元素之间的间距尽量使用固定的几个数值进行复用,过多的间距数值会使得界面显得凌乱无需,也会耗费开发更多的精力。

  做设计不仅仅是为了好看,还需要从视觉的角度去助力业务,提升产品转化率,从而实现业务上的数据上升。通过视觉的主次对比来引导用户完成操作,转化率的提升或许很小,但对于用户量很大的产品而言,任何一点提升所带来的收益都是不容小视的。

  ui设计中有主副文案的模块很多,重点是要做好主副文案的层级区分,强化主文案,弱化副文案。通常主文案字号要比副文案大6px以上,字体粗细和颜色也要有所区分,确保用户阅读主文案时不会被副文案干扰,从而提高产品对用户的体验。

  不同的图文顺序对用户体验的影响也是很大的,需要根据用户的阅读习惯来确定合理的顺序。此示例为新闻类界面,对于新闻资讯,文字信息的层级通常是要高于图片的,所有需要将文字至于左边。

  信息的类别名称与内容是不同的层级,上图右侧是用户需要认真阅读的,因此在颜色上需要与类别名称进行区别,从而提高用户的阅读体验。

  纯粹的浅灰色背景有时会让人觉得有些脏,可以尝试给背景添加颜色倾向,通常为蓝色。

  分隔线的作用是区分内容信息,使用贯穿分隔线时有时会导致界面的割裂感过强,这是可采用非贯穿分隔线,区分内容的同时又保持整体性,给用户一个良好的视觉体验。(此前有写过一篇《巧用分隔线手机app ui界面设计超有设计感》)

  我相信经过对本文的学习和理解,大家无论是本身就做ui设计师的,还是准备转行做ui设计的,一定都很清楚了ui到底是做什么的,需要学习什么方面的知识,以及做ui设计时最为基本的原则和技巧。ui设计曾经误以为被当做是做图标设计的美工师,经过本文学习重新认识了这个用户体验设计领域的核心角色。

  Mockplus对接iDoc了,将原型接入产品工作流,增加了原型标注、评论、对比设计稿、全貌呈现等功能,诚邀体验!赠送Mockplus个人版!数量有限,先到先得!

  软件的学习是成为 UI 设计师的第一步,关于使用的软件,对于不同的工作类型,可能会有所不同,但是大致上主要使用的工具基本上应该都一致。

  这应该是 UI 设计师用的最多的软件。Photoshop 的强大也是难以用简短的几行字说清楚,但是可以看一下各种培训班也好,在线教育平台也好,涉及的课程肯定会包含这款软件的使用。

  同样是市场上一个主要的流派,大多数使用 Mac 的 UI 设计师,都会使用 Sketch 来输出界面设计方案。交互设计师也会使用它输出原型。

  Sketch 的使用介于矢量工具和位图工具之间,它最大的优点在于团队的协作,通过 Stkech 输出的界面设计方案,能够直接导出给开发使用的各种切图元素,并且自动输出倍图等。

  注:Photoshop 和 Sketch 都有非常多的好用的插件,草莓姐姐在这里先留一个扣子,后面再详细补充具体有哪些插件。

  强大的矢量图形设计软件,这个在众多回答中也会有所提到。在 UI 设计最开始萌芽发展的阶段,AI 承担了大部分图标设计和插画设计的工作,并且在工业设计领域同样扮演着重要的角色。

  在掌握了软件的使用之后,设计师要注重设计思维、设计专业知识的积累和提升。

  我们常常有一个误区是学会这些软件技能我就是设计师了,其实我们任何一个产品从一开始,就要先去做用户研究,要去理解这个产品的用户是什么样的,用户研究并不是我拍脑袋去做,他有一系列的标准的这些方法。 比如说一开始你要理解用户,然后你怎么做产品的概念,你怎么去建立产品的原型,你怎么后续一步一步做,从无到有,这些就体现出了我们的专业能力。

  Dribbble 是一个著名的设计师作品分享平台,全球设计大神云集,在网站上搜索英文关键词便可看到相关作品。作品包括品牌设计、手绘插画、动效、排版、网页和移动端 UI 设计,是所有专业设计师寻找灵感、了解当今设计潮流、趋势不可错过的网站。

  Awwwards. 是一个世界各地优秀设计师的聚合点,他们在这里寻找灵感、传授知识和经验、相互联系并分享具有建设性和富有尊重的批评。网站的口号是:“始终质疑”,“不断发展”,旨在表彰世界上最优秀网页设计师、开发人员和代理机构的才能和努力。

  在这里我们可以看到 UI 设计、艺术插画、摄影、建筑、时尚、房地产、游戏、电商等 25 个分类下的作品。

  花瓣网是国内的社交分享网站,网站允许用户创建和管理主题图片集合。用户收集了来自各个网站的优秀设计,在这里可以看到海量的优秀设计作品,你在查看一个作品时能够为你推荐更多优秀的同类作品,是设计师寻找灵感创意不可错过的网站。

  花瓣网的页面采用流式,用户浏览时内容自动加载,无需翻页,用起来简直不要太轻松!

  设计圈旨在为设计师、产品经理提供同频次的职业交流平台。在这里你可以学习和设计、产品相关的理论知识;临摹分析规范作品集;搜索查看高清图片素材、设计流程;和同行业产品经理、UI设计师、UX设计师交流,共同成长为界面设计和产品设计专家。

  每日一更,都是很干货的产品经理、交互设计、UI 设计相关的文章,大家可以关注「知群」公众号订阅学习。

  最美应用是老牌的应用推荐平台,一直以推荐“好看、好用、好玩”的移动端产品为使命,大家可以关注“最美应用”推荐的产品和专题。最美应用推荐的产品往往在功能、设计、交互方面有着独到的地方,在各个领域都已经成为红海的今天,这些产品为什么能脱颖而出?值得大家深入研究和思考。

  如果你想学习,找一个社群一起成长,我推荐你去学一下@马力在知群老师的产品设计训练营。有5天课程,直播和答疑,主要是给大家讲解产品、设计、运营思维以及互联网的不同岗位介绍,这对你选择互联网岗位比较有参考意义,而且还会告诉大家大厂的人才需求模型,最后万一某个知识点能帮你应对上面试官的问题,那不就赚了?

  为啥要推荐?因为这个训练营不收钱,你申请成功了免费就可以学的。感兴趣可以看知群的专栏文章了解: