V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
professorz
V2EX  ›  前端开发

前端 er 们写样式的一般流程是什么样的?

  •  
  •   professorz · 2016-03-15 10:58:19 +08:00 · 2248 次点击
    这是一个创建于 3201 天前的主题,其中的信息可能已经有所发展或是发生改变。

    以前写过一些小网站,直接套用模板或者 bootstrap 简单的搭一下,能用就行了。
    现在要写一个类似商城的网站的前端,发现基于 bootstrap 好像不太适合。但是直接开写 CSS 又感到无从下手,想听听各位前端 er 写 CSS 的流程是什么?另外求教这方面好的文档,工具。
    PS:我们没有设计师,可以说拿着别人家的网站当设计稿吧。

    5 条回复    2016-03-16 11:06:03 +08:00
    Havee
        1
    Havee  
       2016-03-15 13:26:17 +08:00
    虽然不是前端,但这个想想也应该从外到内写啊
    body => header, article, footer
    轮廓起来后,再上色,细调
    loading
        2
    loading  
       2016-03-15 13:37:48 +08:00 via Android
    你需要一张设计图…
    learnshare
        3
    learnshare  
       2016-03-15 13:41:57 +08:00
    得有设计图才行,凭空基本上写不出东西来
    bearzk
        4
    bearzk  
       2016-03-15 13:47:11 +08:00
    0. 详细需求. 比如要不要 responsive, 至少适配到的什么 IE 版本.
    1. 设计稿. 要有基本布局.
    2. style guide. 统一配色, 字体, 风格, button, link 等等.
    jame
        5
    jame  
       2016-03-16 11:06:03 +08:00
    首先要有详细需求
    其次,用 axure RP 画个原型
    然后根据原型再确定一下大概的架构(重置样式、统一配色, 字体, 风格, 类, via @bearzk
    接着做整体布局
    再细化到小部件
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4127 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 10:15 · PVG 18:15 · LAX 02:15 · JFK 05:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.