什么是前端设计?设计和前端开发有什么区别?

作者:丁晓峰  发布时间:2020-04-09 21:53:09

  您知道什么是前端开发的设计师?为了回答这个问题,已经有了很多回答:交互设计师,设计/UI工程师,设计师代码,响应设计师......?

  就个人而言,我是新兴术语“前端设计师”的粉丝。它以IMO中最清晰,最直接的方式结合了两个职位描述的关键组成部分。

前端设计

  “在设计(角色,像素和修饰的世界)与工程(逻辑,循环和linux的世界)之间的某个地方存在前端设计。前端设计涉及创建构成用户界面的HTML,CSS和演示性JavaScript代码。”

  好吧,我承认,JavaScript部分对我有时挺头痛的。我知道足以危险。我认为在来自设计而非工程背景的前端设计师中,这可能并不罕见。

  该语言可能需要更长的时间才能更好的使用,因为javascript是一种编程语言,而HTML和CSS却不是。

  HTML和CSS并不是真正的编程语言。他们不编译。如果您的HTML或CSS中有错误,浏览器会跳过该错误,或尽其所能显示您的意思。没有任何if-then陈述,你无法使用HTML和CSS。

  HTML和CSS是内容样式和结构的规则而已。

  在编写HTML和CSS时,我们在定义内容并围绕外观,可用性和交互性做出决策。我们正在设计。但是,我们没有使用Photoshop或Sketch,而是使用了文本编辑器和浏览器。我们的工具不同-我们的角色没有不同。

  那么设计和前端开发之间有什么区别?

  语法

  有时,在设计师将其精美的.psd交给开发人员之前,他们实际上是在为他们写下设计规范。“这里的间距是24像素。这种背景色是#fefefe。”,如果要执行此操作,则最好执行以下操作:

  div { margin:24px;background:#fefefe; }

  而当您使用它时,也许您会改变主意,并决定实际上应该更像这样:

  div { margin:0; border:1px solid #ddd; background:rgba(255,255,255,0.8); }

  在Siteworx,我们已经将前端开发引入了流程的设计方面-而我们并不是唯一的一家。像Shopify和Optimizely这样的公司正在做同样的事情-取得了巨大的成功。

  “与我们的设计师一样,UI工程师的最终目标是创造出色的客户体验。这就是他们加入设计团队的原因。”

  仅仅因为前端开发人员在流程的设计方面,并不意味着设计师现在突然成为开发人员,反之亦然。当然,我们仍然需要独特的专业和技能。但是,我们正在模糊界限。

  在设计网络时,在期望与明智或可能之间存在不断的推拉。而且应该有。让视觉设计师为巨型图像和精美的插件而疯狂,您的网站的性能将非常糟糕。同样,让开发人员做出所有选择。

  无论您是实际的“前端设计师”,还是在开发人员进行第一遍微调或在代码中进行“调整”之后让视觉设计师加入其中,包括在您的过程中扮演的跨学科角色无疑将提高项目效率,因为以及结果。

  考虑到当今Web的复杂性和复杂性,传统上在其中运行的筒仓设计人员和开发人员过时且不切实际。网站是如何响应任何数量的用户变量(设备类型,屏幕分辨率,可访问性需求,位置,带宽可用性)的体验。

  尝试设计出能够抵御所有这些不同因素的产品具有挑战性。实现良好的用户体验是精明的执行结果两个视觉设计和代码。



转载请注明来自:http://www.dingxiaofeng.com/design/81.html

相关文章阅读

如何制作良好的UI演示视频、视频录制

平面设计简介以及基本结构单位

理想的设计工作流程

如何模拟UX编写

如何使用设计思维来解决营销问题

Top