从设计师的角度谈前端 Web 开发框架

平面设计 网站设计 javascript
2022-02-14 15:05:28

我是一名 Web 开发人员,在一家公司工作,我们选择的前端框架是 Angular JS。无论这意味着什么,我现在处于“常驻专家”的位置。我的任务是教授/解释我们的设计师需要了解的关于 Angular JS 的一切。因此我有以下问题:

什么,如果设计师需要了解一般的前端 JavaScript 框架/特别是 Angular JS 以简化他们的生产力?什么样的事情是无关紧要的?什么样的事情很重要?

2个回答

您从设计师那里接收内容的方式将控制什么是相关的,什么是不相关的。

如果您仅收到用于布局的静态图像,则必须将其转换为 HTML/CSS/JS,则无需向设计师解释。如果你控制了所有的标记并且设计者没有创建标记,那么对他们来说没有任何改变。唯一可能的警告是,如果您打算实现一些动态内容,例如滑块或特殊的 DOM 动画(视差)。您可能需要解释可能性,以便设计人员可以处理 DOM 动画的各种“状态”

如果您从设计师那里收到 HTML/CSS 标记,那么您需要涵盖所有 Angular JS HTML 要求毕竟,如果标记发生变化,他们应该注意新的标记结构。

例如:

角度js

这些突出显示的属性都不是标准前端。设计师需要学习它们。此外,需要解释双花括号标注{{ }} 。基本上应该解释 Angular JS 所需的每一个 HTML 元素。

或者,您可以简单地控制迁移并根据 Angular JS 的需要编辑所有内容。这实际上取决于设计是如何充实的,您对设计师工作的信任程度以及您想要控制的工作量。

这实际上取决于特定的框架。AFAIK,Angular.js 并不是真正的 UI 框架,因为它由您来设计实际的用户交互和 UI 视觉效果。

不过,一般来说,您可能希望您的设计师:

  • 了解框架提供的任何页面布局网格结构。
  • 了解任何内置的 UI 组件。具体来说
    • 交互如何工作
    • 有哪些配置选项可用
    • 有哪些“剥皮”选项可用
  • 了解 FED 在定制上述任何内容以满足设计人员要求方面的意愿。