Javascript 什么'；将设计师和web开发工作结合起来的最佳策略是什么？

我将在网站和应用程序上工作。一些时尚的外观和感觉是必需的，所以我将有一个设计师的工作在我的处置

然而，糟糕的是，设计师和网络根本没有任何关系。我认为他主要处理矢量文件

我对HTML、JavaScript和jQuery有基本的了解。我理解CSS的优点，即使我对它不太感兴趣，我也不觉得学习CSS有什么问题。我对任何JavaScript库都很开放和热衷。我也知道DOM的存在

我想我可以照顾：

• 通用用户界面
• HTML文档的基本结构
• 导航和用户体验特征

所以我会要求设计师提供图形元素，根据我得到的DOM，以正确的尺寸。（老实说，我不知道该怎么办，因为我从未做过这方面的工作）

关于受众，我们假设用户使用最新版本的浏览器，并且可能更喜欢交互式界面

所以我的问题是，这有多好？从矢量文件生成一个CSS类（比如按钮、div等）有多容易

---

当涉及到Drupal或Joomla这样的CMS的工作时会发生什么呢？

与设计师合作非常好。设计师有足够的时间专注于重要的事情，比如字体和时尚。他们为你做出了最艰难的选择。假设他们不发疯，不去创造一个设计是僵化的，或你的联盟之外的方式，使大多数设计与css是非常可能的。任何重大问题都可以通过设计上的折衷解决。有无数种方法可以让事情看起来很酷。选择一个你有能力的，每个人都会赢

学习html

学习css

了解@媒体规则及其用途-你需要从小屏幕开始，随着屏幕变大而改变

与客户端一起规划内容，并切中要害—首先编写所有html—这将启发您了解您真正在做什么

将html松散地样式化为可管理的块——不要使用引导或任何其他工具，除非您已经记住它们

进一步塑造样式，使其首先在所有移动设备上工作-可能会使用一些javascript进行用户交互

用户测试-是否直观且易于导航

让设计师把你的轮廓画下来，在不同的迭代中把它装饰得像蛋糕一样-photoshop用于编辑照片-pagemaker和illustrator用于布局页面-让它们粘贴到2个字体面和一组指定的颜色和纹理上，在继续之前由客户签字-密切关注它们

使用css应用他们的外观-如果可以-使用预处理器-sass非常棒

通过构建自定义主题，将其移植到诸如WordPress等CMS——您需要一些php或了解javascript模板

---

只是一个简短的评论-您可以在web上使用SVG文件。只要你的目标受众都被认为拥有兼容的浏览器，你就可以专注于纵横比，而不是绝对维度。你的受众是什么？我认为最好的开始总是分析观众，设计用户界面和导航。然后再想想设计，然后再想想技术。这取决于具体情况，但我认为对于一个纯粹的“设计师”来说，这样做并不是那么简单。你能告诉我更多关于它的信息吗@enhzflep我想你的评论可能会让答案变成计划、设计、构建、修改、生产？这不是你构建每个产品的方式吗？设计师设计了一些漂亮的东西，你学习了CSS，然后你就知道如何把漂亮的东西放到网络上。你能告诉我最后两点吗。sass如何帮助我分解设计师的工作？是否有将当前css和html规范移植到自定义主题的规则？sass既是一种语法，也是一种预处理器。它让您可以用更通用的语法编写CSS。所以，你和你的设计师可以决定你的超级棒橙子，你可以在css中使用变量，比如$my color，这样你就可以保持清晰，也许将来可以用一个词来改变颜色。它还允许您嵌套和使用mixin，这对于@media规则断点非常有用。然后SASS采用.scss语法并将其压缩，然后将其输出到一个小的.css文件中，以供web使用。如果您形成可重用的css块并使用变量，您将拥有更多的控制权。如果您计划使用CMS，（您认为客户机会受益），那么您应该将这些作为可重用块进行规划。-博客条目，产品-画廊-等等，采取了各种各样的这些，只是在html中重复他们在第一次左右的风格。把一些标题写得很长，这样你就可以看到在这样的场景中会发生什么。如果断开到下一行，行高可以吗？稍后-您可以使用CMS填充产品循环等-但基本html和css应该早在这之前完成。当你说到这一点时，我会在Lynda.com上观看Chris Coyier的WordPress教程。