UXD是一家致力于专注交互类教学的研究型学术机构，在设计教育上UXD始终保持在行业最前线，不断引进海外一线乃至超一线设计方法，帮助学生提升设计能力，与全球设计名校/名企/最新设计趋势接轨。

本次年中教学平台升级是基于UXD大量日常教学实践经验得来的。在此次优化中，UXD开创性地整合了交互设计、作品集制作和网站搭建的工作流，并且引入了全新的、处理复杂多任务的Webflow平台。

该平台将在UXD未来教学中扮演极其重要的角色，与UXD的HTML、CSS、P5.js编程教学模块，以及Figma设计教学平台全面联动，共同为学生打造一套极致的设计工作流。

在全新的4.0工作流下，UXD真正实现了设计与前端开发的互通和衔接教学，极大提高了设计的商业度和落地性（作品集内即可包含前端开发内容）。由于新技术的加入，交互作品集呈现和互动的方式得到了几十倍的增加，大量的3D交互效果引入，对作品集的质量提升也起到了关键的作用。

自2021年6月起UXD将分批对学员进行新平台转化的辅导，这种全新的设计工具、工作流、思维方式优化，会给作品集和个人网站的带来新维度的提升，最终帮助同学们在申请竞争中获得绝对优势。我们对时间相对紧张的学生保留旧的教学工作流程，以维持平台过度期的稳定性。

-01-

为专业设计打造

与其他其他工具之间的主要区别在于，新工作方式不会试图掩盖代码开发的复杂性和强大功能，而是巧妙地将其包含在内，使用可视化的操作，带领0编程基础学员轻松上手。

Webflow将代码的功能带入可视化画布中，这意味着如果你可以设计它，就可以构建它。无论你要构建什么，Webflow都具有构建完全自定义的内容所需的功能和控制。

基于Webflow的平台，学生设计的UI组件可以直接映射到HTML和CSS控件，左侧是你的元素（例如div块，链接，文本），右侧是CSS的样式控件。这意味着在Webflow中进行构建时，将使用与在代码编辑器中编写CSS时所使用的思维模型相似的思维模型。

而且由于UI控件直接映射到HTML和CSS，并且使用类进行构建，因此Webflow网站背后的代码就像手工编写代码一样干净。 

-02-

类和样式思维是的核心

借助CSS的强大功能，在Webflow中以视觉方式对元素进行样式化处理。你想在整个网站中重复使用或更新这些样式，就可以像CSS一样调用，Webflow是以类为核心组件构建的。全新工作流不仅使构建网站变得容易，而且使维护和更新站点变得容易。

在网页设计中，CSS样式会影响设计中视觉效果的外观。使用Webflow，学生无需负过代码更改这些CSS样式的麻烦。可以轻松借助可视界面，整个流程操作和更改都很简单。

-03-

布局的绝对自由权

Webflow将赋予布局系统（如flexbox和CSS网格）绝对的自由，这意味着你可以根据自己的意愿完全控制自己的网站建设。

通过使这些布局系统可视化，你不必被迫花费时间查找语法，或在某处写出代码行，然后在其他地方检查结果。相反你可以在构建网站时直接查看布局调整对网站的影响。

-04-

完全自定义的交互和动画

Webflow的交互和动画工具可让你根据常见的触发器来控制动画，例如：

页面加载/点击/徘徊/滚动位置/滑鼠位置等。

结合UXD的HTML和CSS的前端开发基础教学，同学们将不再需要研究JavaScript的复杂性。新的平台下，我们旨在将网站动画和交互的功能直接引入可视化工具箱中，使整个Web设计领域更具视觉创意和可访问性。

总结：交互设计师应该在设计上进行编码学习，理解和掌握基本代码的使用方式。UXD全新的工作流程下，借助于Webflow平台，配合自身系统的教学，通过进行前端开发可视化来弥合这种差距。

即使学生没有编写代码，他们在考虑构建设计时也会经历和编程开发相同的思维模式进行设计创作，并且得到更美观、更自由、更新颖、更有趣、更大胆的设计，从而使作品集和设计能力得到了大大的提高。

更多知识干货以及其他海外留学的资讯可以关注UXD交互工业产品设计分享或者添加小助手，还可获取讲座直播哦~

|福利大放送 | WELFARE 

对于设计初学者，完成从0开始创作几乎是不可能的，就像学习过程中书读百遍其义自见一样。有了大量的积累，才能在脑海里建立素材库，这些素材库能帮助同学们完成最初的设计想法积累，基于这样的基础再进行个性化的创作，最终才能做出高质量的作品集。全球院校最新作品集免费拿！添加小助手即可获取：

UXD交互工业产品设计学院是尤克斯国际旗下的一家专注于交互、服务、工业、产品设计专业的顶级设计学院。除了一对一设计课、基础技能课程、小组课题、设计评图、联合教学外，我们提供不定主题的公开课和内部小组课，教学计划课程由三大部分组成，包括基础软件技能教学、设计理论系统讲座、申请必备知识解析等。

本文版权归UXD尤克斯所有

部分图片来自于网络

如有侵权请与我们联系