问下真正的前端工作者是怎么设计网页的...

[Air_Mu]

在学CSS中，最初的目的只是为了操弄自己的WP主题。
用一个现成的主题修改倒是还行，但是自己凭空做就很茫然。

我想了解下真正的网站设计者们是怎么做的？
是画个草图然后直接单纯用编辑器写，还是利用一些软件设计呢？


另外DW这软件有用不，我看了两个大神的博客里都表示对其强烈的鄙视...

[flyingkid]

公司的话，按项目经理去折腾吧。
前端不需要做设计会有设计师给你psd文件。把PSD转换成HTML，实现前端交互部分。。
也许你可能还得套套程序什么的。

[rhwood]

表示从来没有用过DW，一直都是纯文本手写

[crazybubble]

哈哈 我也问过这个问题
http://www.v2ex.com/t/21896

[kamal]

这有篇文章将ux的工作的，http://beforweb.com/node/9 简单点说是这样
1,信息架构[线框图原型]组织信息；
2,人机工程交互设计，基于有效组织的信息架构去提升可用性，改进交互；
3,视觉设计师将所有这些整合起来呈现在[最终的视觉设计稿]。
俗称的页面仔工作在下游，把设计稿变成页面。

[yqjun]

其实这个应该问设计师……而不是前端吧= =……前端不一定会搞设计（虽然多少会点，也有牛人，但还是网页设计师专业点）……

[yqjun]

PS……鄙视DW, too……它拖出来的table页面实在不甘恭维……国内还有很多用DW拖出来的页面……

[benzhe]

@yqjun 如果你要用多站点管理FTPSVN、代码高亮自动完成折叠纠错，DW绝对是不错的选择。虽然某些地方的确做得很烂，但它的确很适合中低级程序员使用。不过还是那句话，对哪个IDE习惯就好。

[benzhe]

@ 错人了，抱歉...

[imonyse]

你可以看一下 37signals 的设计师 RYAN SINGER 是怎么做 UI Prototype 的（完整版是收费的）：
http://peepcode.com/products/ryan-singer-ii

不过可以简单看一下3分钟预览版：http://peepcode.com/system/uploads/2011/peepcode-ryan-singer-ii-preview.mov

[soulhacker]

这可不是个简单的问题，而且和组织里的实际分工和流程有关，一般来说包括：线框原型、效果图、结构化页面设计、页面原型，然后是最后产出的页面模版，试着去套数据。有的前端工程师能把这里面几乎所有工作都搞定……

[soulhacker]

BTW, Ryan Singer 那个 podcast 不错的，不过可能不一定适合所有人。

[iwege]

自己的blog

1.先完成html结构
2.脑中构思
3.css编码

公司的
1.先出设计稿
2.架构
3.css编码

[Sivan]

DW 对设计没有太多帮助。自己做着玩的话，先脑子出大致样子，然后画个草图，直接开始做就行了，不用做效果图。

最开始一般都是改别人的东西开始吧，可以快速熟悉系统的模版构造，我用 wp 后最开始用的&改的主题是 @underone 的 G7 v1，收获很多。

[darcy]

交互设计师出交互稿（线框图）-> 视觉设计师出视觉稿（一般为PSD）-> 前端工程师出HTML稿（及JS交互）

'->'为评审（是否满足预期，是否符合用户操作习惯，是否能够实现，实现代价是否可以接受等）通过后进入下一步

[underone]

@Sivan 555，那个主题现在看惨不忍睹啊...居然还获了奖...

[cyberscorpio]

什么叫“真正的前端工作者”？