前端们都是如何设计网页的？

[fourstring]

如题，有没有一个图形化设计工具？难道都是写多少多少像素吗？？？一直很感兴趣的一个问题

[qiayue]

手写 CSS

[fourstring]

@qiayue 手写 CSS 的话，对某些属性值真的只能设置多少多少像素吗？人脑模拟网页显示效果？

[lwjcjmx123]

浏览器调试啊

[binux]

前端不设计网页啊

[DoraJDJ]

手写 CSS 和 HTML ，浏览器开着看效果。

设计是设计师的事。

[fourstring]

@DoraJDJ 啊。。。那设计师的设计稿怎么变成 CSS 呢？比如这个输入框长度有多少像素之类的

[yangxiongguo]

用浏览器的开发者工具，直接可以看到效果

[murmur]

设计个毛的网页 要么用模板 要么抄别的网站 要么实现设计稿
感觉做程序员久了审美会扭曲
所以干脆不相信自己 别人给什么稿子出什么页面 除非那种做出来要吃屎的

[Kilerd]

对于个人开发者来说，设计稿就是平时上课发呆的时候无聊画的。

[huihuimoe]

《 30 天精通如何在 chrome 从 about: blank 做出一个完整的网页》 (逃

[qiayue]

宽、高、字体大小、颜色、等等都是手工输入

[fourstring]

@qiayue !!!真的是这样啊

[bdbai]

设计师给个 psd 稿子，该有的信息都有了，前端只要切出素材、还原页面就行。所以以前前端有“切图仔”一称。

[fourstring]

@bdbai 这样啊，明白

[designer]

如果有图形化设计工具，恐怕前端工程师在这一方面的饭碗就给了设计师。
同时前端就能省下时间去做一个高级的轮子。 2333

[dumbass]

非要说的话倒也有，像 dreamweaver 这种，以前上大学老师就教我们用这个拖控件一样做网页，都不怎么教我们代码，后来会写代码了发现 dw 太 low 了而且极其低级。另，像素颜色啥的都是手写的😔

[murmur]

@designer 你真以为没这种东西么。。各大厂的内容发布不都是自己手拽？ h5 的要多少有多少吧，连 wps 都带 h5 编辑器了，这东西终极目标就是个 powerpoint.js ，就看谁的动画牛逼谁的动画炫酷
pc 端的奇葩的见过全是 position:absolute 的，不奇葩的就是 bootstrap 那套，就算没有设计器，满大街的模板几百块钱就买一套
现在就看谁终结单页面应用，搞出个 react desinger 了

[qiayue]

@murmur 有木有跟是否大家都用是两回事

[learnshare]

Bootstrap 能干一大部分

[qa2080639]

写好 html 结构 开着 f12 打好样式代码 然后再保存到文件里面。实时预览

[lxrmido]

设计师在设计稿上标注像素值，或者前端自行发挥，赶时间的时候大多是自行发挥，这么多年下来对尺寸之类的基本是了然了。

[beilun]

跟着感觉走，没感觉时，就用 bootstrap ，基本不会太难看

[qyc666]

用 ps 画，画完用 Markman 标注，当然了，这应该是设计师的活，嘿嘿

[soli]

设计网页是设计师的事儿。
前端只负责造轮子。