讲座 | Microsoft 设计师为你盘点UI/UX岗位必备技能

Posted 2021-04-01 职图CareerTu

—

 云咖啡讲座 

时间：  5/11  周一  9 PM EDT

UI/UX应届生如何做最后冲刺？

能被微软面试官 Pick的 作品集，有何亮点？

一线大厂 UI/UX 面试必考题满分答案大解析！

扫码回复【UIUX 0】报名

特殊时间，一杯咖啡钱，

足不出户，和大厂导师“Coffee Chat”

—

你还在坚持用平面化的UI设计吗？

你听说过3D技术、动画和渐变效果吗？

越来越多的设计风格和趋势出现

我们设计的目的究竟是什么？

 

看到这些是不是有点头大？

如果你觉得设计只是把文案和画面拼凑在一起

那就大错特错了！

 

平面化的UI设计成为主流趋势已经超过5年，5年来，平面化的UI设计并没有出现真正意义上的大改动。但是近一年，我们发现了一个明显的变化： 在不改变平面设计本质的基础上，越来越多的设计突出了深度、层次以及空间的重要性。

 

互联网时代下的设计趋势都是随着环境的变化而变化的，这种感觉就像随着社会的发展，技术和工具也在进步。我们从中获取经验，增加更深层次的理解，最终形成一种通用设计的思维模式。

 

现在越来越多浏览器运行加载速度变得越来越快、功能也更加强大，网络和浏览器功能的提升，极大地缩小了设计和现实之间的鸿沟。

 

浏览器功能的增强提高了网站的价值，但如果用户通过浏览器访问了一个糟糕的网站，会极其影响用户的体验，甚至把浏览器定义为一款糟糕的软件。所以我们必须做出更好的设计最大化的利用浏览器强大的功能。

不同设计风格的目的是什么？

1

动态效果

当浏览器有个更强大的功能，能够支持动画，应运而生的出现了动态效果。

 

动态效果在更深层次和与用户交流，在每一秒、每一分都和用户紧密联系在一起，让用户的每一秒都变得有价值。

某网站的展示界面

 

动态效果融合了平面设计、动画设计等多个领域，表现形式丰富多样，是促进用户对品牌好感度和亲密度的绝佳机会，也拥有这极大地潜力和发展空间。

 

动态效果比光效、材质更具有说服力。设计师们也正在抓住这个极佳的机会，来提高用户体验。动态效果的作用不仅是展示内容，也成为了品牌的重要部分。

 

设计师兹拉特科·科勒曼尼奇为Lakko设计的Logo

 

但我们设计的同时一定要考虑和产品、品牌定位的匹配程度。如果你的品牌根本不需要动态效果，就算是再好的动态效果也将变得毫无意义。

 

2

超流行的"2.5D"

 

“深度的扁平是真正的扁平”，设计的深度是最重要的。2.5D又称为伪3D，它结合了3D和2D的图形技术，以一种独特的方式来体现了逼真的效果。这种逼真的效果用多个平面叠加，画面表现力强，给用户营造了舒适的视觉效果。

 

某网站插图使用了数据统计常用的饼图、柱状图等

 

2.5D现在被广泛运用到设计的各个领域，海报、H5、Banner等等，在制作科技、电商购物、金融经济等主题中非常火热，画面简单易懂，在扁平化风格泛滥的时代使人眼前一亮，有着“不头晕”的优势。

 

设计师Mike的创意图

 

2.5D制作出来的画面在保留了扁平的同时也挖掘出了更多的深度和维度，画面效果非常干净、精致、简洁，有足够丰富的细节装饰会有耐人寻味的效果，十分吸引用户的眼球品味每个细节的独特之处。

想进一步链了解疫情下UI/UX行业求职新机遇

5月11日 周一 美东时间 9pm

现就职于Microsoft的Lili导师

邀你一起线上“Coffee Chat“！

 

UI/UX Design常用工具

越来越多设计趋势的出现，带动了更多的设计工具的发展。但不同风格的设计背后，设计师们的最终目的都是为了更好地提升用户体验。

 

设计出好的作品，提升用户体验肯定要用到强大的设计工具，今天我们就来看一下这些常用的设计工具他们的特点以及都能在什么情况下使用：

1

Sketch

Sketch想必大家都不陌生了，它是UI设计中最常用的工具之一，也是设计师的首选选择。Sketch可以让你创作高保真度接口和原型，简单的界面可以让设计师更好地操作。

 

Symbols是Sketch中一项非常出色的功能，你可以在其中设计UI和元素以进行重用，这有助于创建设计系统并使界面保持一致。你也可以很轻松地将设计导出到可点击的有效原型中。

 

2

Figma

 

经常会有人问一个经典的问题，“设计师需要去学习编码吗”？显然现实生活中会有很多设计师不能学会编码，但设计师在做设计的过程中，需要去考虑各种情况，比如用户所使用的操作系统、插件、内存等等，最后还要把自己的设计和种种情况相结合。

显然设计师们都想让自己的工作流程更简单，Figma的出现大大缓解了设计师的工作复杂程度。 Figma拥有Sketch的所有功能，甚至比Sketch的功能更全更好，Figma组建都可以通过API转换成一个React组件，并在前端实现。

 

同时Figma也是一个支持多用户协作工具，当一个项目中有多个涉众参与与形成结果时，就会变得非常实用，比如开发人员、设计师和文案编辑需要同时处理一些事情。

3

InVison

InVison是一个强大的数字产品设计平台，可让您在单个界面中可视化，设计，制作原型并获取反馈主要提供设计师共享原型，帮助设计师在缺少后端工程支持的情况下轻松修改设计，开发出具有交互性、高仿真的网站或应用的原型。

 

设计师可以在数字白板上徒手画画，通过设计愿景板收集灵感，并使用矢量和图层来设计创意。

 

InVison也可以进行实时协作，不仅是设计人员，即使是没有参与产品设计的员工也都能够轻松上手这一设计工具，并进行评论交流和给出修改意见，提供实时的反馈。

 

4

Adobe XD

 

Adobe XD是一站式UX/UI设计平台，设计师可以在Adobe XD中进行移动应用和网页设计还有原型制作。Adobe XD的软件界面简洁，使用简单，操作顺手，同时也足够的专业，因此用“简单优雅，力量不凡”来形容它也不为过。

 

Adobe XD 经常用于制作手机APP的原型设计，当你在Mac或PC电脑上做设计时，你还可以借助XD的移动版APP，实时在iPhone、iPad和android设备上预览出作品的效果，获得最真实的使用体验，从而更好地改进和迭代你的作品。

 

而且Adobe XD可以与Adobe Photoshop、Illustrator等无缝协作，并且可以支持导入Sketch源文件，从而快速开发出产品原型。

 

UI/UX设计师有何要求？

设计并不是一个简单的工作，但是我们都有自己成为设计师的理由。虽然我们初衷不同，但是我们对设计的热爱都是相同的。

设计师，靠的是作品集+说话的能力。 因为面试官都是根据你之前的作品来提问，也需要通过你对过往作品的展示和描述判断求职者是否具有良好的设计思维，解决问题的能力，和合作沟通的能力。

求职时如果已经掌握了相关工具的使用，HR和HiringManager肯定会对你印象深刻，因为招聘你将不需要过多的培训，很快就能够上手做事，我们可以看到 越来越多的企业招聘在要求我们有亮眼的作品集的同时，也要求求职者熟练掌握各种工具的使用。

想进一步链了解疫情下UI/UX行业求职新机遇

5月11日 周一 美东时间 9pm

现就职于Microsoft的Lili导师

邀你一起线上“Coffee Chat“！

学姐还为大家准备了3个助力包，

助力同学们全力冲刺5月求职季！

【职图5月求职日历】

每日求职福利直接送，帮你规划5月每天可以做的事情，打卡学习，每天完成1小步，求职进步一大步。

【2020北美留学生抱团求职群】

北美留学生们报团取暖，分享自身的求职经验，和最新的求职资讯！群内无广告运营，每天播放最新的行业资讯和专业知识，更有众多求职福利不定期更新~

【职图最新课程】

有真实实操的远程实习-飞跃计划/帮助海归打破求职壁垒&水土不服-海归VIP冲刺项目/ 每天打卡学习专业知识，加深自身专业实力或跨专业学习-集训营年卡，强势加速你的Offer！

扫码添加学姐

回复【5月】立即领取福利