V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Air_Mu
V2EX  ›  问与答

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

  •  
  •   Air_Mu · 2011-12-06 13:26:16 +08:00 · 4848 次点击
    这是一个创建于 4720 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在学CSS中,最初的目的只是为了操弄自己的WP主题。
    用一个现成的主题修改倒是还行,但是自己凭空做就很茫然。

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


    另外DW这软件有用不,我看了两个大神的博客里都表示对其强烈的鄙视...
    16 条回复    1970-01-01 08:00:00 +08:00
    flyingkid
        1
    flyingkid  
       2011-12-06 13:31:01 +08:00
    公司的话,按项目经理去折腾吧。
    前端不需要做设计会有设计师给你psd文件。把PSD转换成HTML,实现前端交互部分。。
    也许你可能还得套套程序什么的。
    rhwood
        2
    rhwood  
       2011-12-06 13:32:45 +08:00
    表示从来没有用过DW,一直都是纯文本手写
    crazybubble
        3
    crazybubble  
       2011-12-06 13:35:30 +08:00
    哈哈 我也问过这个问题
    http://www.v2ex.com/t/21896
    kamal
        4
    kamal  
       2011-12-06 13:49:47 +08:00
    这有篇文章将ux的工作的,http://beforweb.com/node/9 简单点说是这样
    1,信息架构[线框图原型]组织信息;
    2,人机工程交互设计,基于有效组织的信息架构去提升可用性,改进交互;
    3,视觉设计师将所有这些整合起来呈现在[最终的视觉设计稿]。
    俗称的页面仔工作在下游,把设计稿变成页面。
    yqjun
        5
    yqjun  
       2011-12-06 13:56:29 +08:00
    其实这个应该问设计师……而不是前端吧= =……前端不一定会搞设计(虽然多少会点,也有牛人,但还是网页设计师专业点)……
    yqjun
        6
    yqjun  
       2011-12-06 13:57:43 +08:00
    PS……鄙视DW, too……它拖出来的table页面实在不甘恭维……国内还有很多用DW拖出来的页面……
    benzhe
        7
    benzhe  
       2011-12-06 14:34:32 +08:00
    @yqjun 如果你要用多站点管理FTPSVN、代码高亮自动完成折叠纠错,DW绝对是不错的选择。虽然某些地方的确做得很烂,但它的确很适合中低级程序员使用。不过还是那句话,对哪个IDE习惯就好。
    benzhe
        8
    benzhe  
       2011-12-06 14:37:12 +08:00
    @ 错人了,抱歉...
    imonyse
        9
    imonyse  
       2011-12-06 14:54:32 +08:00
    你可以看一下 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
        10
    soulhacker  
       2011-12-06 15:19:09 +08:00
    这可不是个简单的问题,而且和组织里的实际分工和流程有关,一般来说包括:线框原型、效果图、结构化页面设计、页面原型,然后是最后产出的页面模版,试着去套数据。有的前端工程师能把这里面几乎所有工作都搞定……
    soulhacker
        11
    soulhacker  
       2011-12-06 15:23:46 +08:00
    BTW, Ryan Singer 那个 podcast 不错的,不过可能不一定适合所有人。
    iwege
        12
    iwege  
       2011-12-06 17:57:08 +08:00
    自己的blog

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

    公司的
    1.先出设计稿
    2.架构
    3.css编码
    Sivan
        13
    Sivan  
       2011-12-06 18:28:20 +08:00
    DW 对设计没有太多帮助。自己做着玩的话,先脑子出大致样子,然后画个草图,直接开始做就行了,不用做效果图。

    最开始一般都是改别人的东西开始吧,可以快速熟悉系统的模版构造,我用 wp 后最开始用的&改的主题是 @underone 的 G7 v1,收获很多。
    darcy
        14
    darcy  
       2011-12-06 18:30:30 +08:00
    交互设计师出交互稿(线框图)-> 视觉设计师出视觉稿(一般为PSD)-> 前端工程师出HTML稿(及JS交互)

    '->'为评审(是否满足预期,是否符合用户操作习惯,是否能够实现,实现代价是否可以接受等)通过后进入下一步
    underone
        15
    underone  
       2011-12-06 19:48:36 +08:00
    @Sivan 555,那个主题现在看惨不忍睹啊...居然还获了奖...
    cyberscorpio
        16
    cyberscorpio  
       2011-12-06 20:11:00 +08:00
    什么叫“真正的前端工作者”?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1141 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 18:36 · PVG 02:36 · LAX 10:36 · JFK 13:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.