有哪些和设计师息息相关的前端技术?

题叶
  • 17.3k

前端这么多年不断发展, 除了性能, 还为了设计师做的界面更好地传达到代码上.
有哪些技术是和设计师的工作紧密相关的呢?
(没有设计师就很难做好, 甚至功能就是明确为设计师而开发的...)

回复
阅读 3.7k
2 个回答

自问自答... 中间有一些技术是印象比较深的:

Brackets

http://brackets.io/

这款编辑器就是深度为设计师开发的 HTML 编辑工具, 做了很多细节
比如比 Chrome 开发工具还强大的预览功能, 代码跳转
还有从 PSD 文件直接讲元素导入 Brackets 成为代码的一些功能

SVG

http://snapsvg.io/
http://raphaeljs.com/

同样是 Adobe 家的工具, Snap 用类似 jQuery API 来操作 svg 元素
Raphael 出现稍微早一些, 也显得更复杂..
单纯程序员用这些图形工具做不出什么好东西来

Canvas

http://jonobr1.github.io/two.js/
http://threejs.org/

大量的 2D 3D 的图形库, 原因类似, 就举简单例子了..

CSS3

http://daneden.github.io/animate.css/
http://tympanus.net/codrops/
http://css-tricks.com/snippets/css/a-guide-to-flexbox/
http://www.w3.org/TR/css3-grid-layout/

其中的渐变动画, 圆角和阴影, 还有复杂布局方式, 都是为了迎合设计师的品味

Web Font 和 Font Icon

http://www.google.com/webfonts
http://css-tricks.com/flat-icons-icon-fonts/

极大地增强了前端开发对设计师的依赖程度啊..

XartDESIGN
  • 3
新手上路,请多包涵

接LOGO、手机APP、手游美术、配图插画、场景原画。用心做好细节!
专业设计师留名。。需求请联系 QQ:87951002 微信:XartDesign

宣传栏