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

2016-03-15 10:58:19 +08:00
 professorz

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

2113 次点击
所在节点    前端开发
5 条回复
Havee
2016-03-15 13:26:17 +08:00
虽然不是前端,但这个想想也应该从外到内写啊
body => header, article, footer
轮廓起来后,再上色,细调
loading
2016-03-15 13:37:48 +08:00
你需要一张设计图…
learnshare
2016-03-15 13:41:57 +08:00
得有设计图才行,凭空基本上写不出东西来
bearzk
2016-03-15 13:47:11 +08:00
0. 详细需求. 比如要不要 responsive, 至少适配到的什么 IE 版本.
1. 设计稿. 要有基本布局.
2. style guide. 统一配色, 字体, 风格, button, link 等等.
jame
2016-03-16 11:06:03 +08:00
首先要有详细需求
其次,用 axure RP 画个原型
然后根据原型再确定一下大概的架构(重置样式、统一配色, 字体, 风格, 类, via @bearzk
接着做整体布局
再细化到小部件

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/263584

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX