Web开发设计的五大准则
来源:互联网 发布:保温杯 知乎 编辑:程序博客网 时间:2024/05/17 06:35
Rule #1 : 先出设计图
这是必须的。不要假设设计图在你的头脑中就开始设计web,必须要放到纸上。可以这样做:
1, 拿尺子、笔和纸,按照具体的尺寸一行一行地画下来;
2, 记得考虑分界线的长度等,这样才能符合CSS的像素;
3, 记下设计的每一个细节免得忘记,如果把所有细节都累积到最后将是巨大的麻烦。
Rule #2 :配色
这是设计的核心部分,只有颜色搭配合适才能使你的网页看起来不错。首先要决定的是主色,也即你在网页中多数使用的颜色;然后选择跟主色调搭配的第二颜色;不要选择超过三种颜色不然你的设计看起来会很乱。如果你想要更多的颜色,可以使用浅色或者深色的阴影来搭配主色调。
1, 浏览十个跟你网页有同样主色调的网页;
2, 给几个人看你的配色方案并取得反馈;
3, 从浏览的网页和反馈你将更好地完善你的颜色搭配。
Rule #3 : 从基本的版块开始着手
定下配色和设计图之后,从最基本的框架开始构建——我的意思是说不添加任何文本。因为在版面中加入文本会使得架构混乱。方法如下:
1, 每一个版块设定边界线,这样能够看到具体的尺寸和位置;
2, 对不同的版块使用不同的颜色,在完成版块后再改成你想要的颜色。
Rule #4 : 理清CSS
不要在你的HTML文件中将styling元素搞得太复杂,不然等到你修改的时候你就不得不到处搜索。所以将所有styling元素归置在一个单独的CSS文档中。
在styling之前理清你的CSS免得太过杂乱导致你多次重复同一件事。CSS支持继承,也即parent block的style可以用于child block.,充分利用这条特性。命名CSS分类名也要易懂易记。比如使用“main_content”而不是“div_1”。
Rule #5 : 制订多重 CSS 文档
我们都知道,使用浏览器可以轻易地看到网页的输出,但使用另一浏览器的时候则可能发现输出不正常。这不是什么稀奇事儿,因为每个浏览器对HTML和CSS的处理方式都不一样。
为避免这种情况,每个浏览器准备一个CSS文档,这样所有浏览器都可以正常浏览。虽然这有一定的难度,但是记着指望一个CSS文档来满足所有浏览器是不可能的。【呐不喊】
- Web开发设计的五大准则
- Web开发设计的五大准则
- Web开发设计的五大准则
- Web开发设计的五大准则
- Web开发设计的五大准则
- Web开发设计的五大准则
- Web开发设计的五大准则
- Web开发设计的五大准则
- Web开发设计的五大准则
- Web开发设计的五大准则
- 国际:Web开发设计的五大准则
- 国际:Web开发设计的五大准则
- 国际:Web开发设计的五大准则
- Web开发设计的五大准则(转载)
- web开发的准则
- Web设计的不要准则
- Web创业的十大准则
- WEB创业的十大准则
- 14个常见的CSS技巧及常见问题
- 从项目的角度看Hibenate的不足,项目是否要用Hibernate,请慎重。
- Tapestry 配置 框架 framework
- 我应该采用哪一种 WSDL 样式?我应该采用哪一种 WSDL 样式?
- CSS:如何编写代码才能更有效率
- Web开发设计的五大准则
- CSS的“弹出式”图像浏览器
- 在T_SQL中树形数据的处理
- CSS制作网页编写的提醒及小技巧整理
- 简单的存储过程
- DIV+CSS布局基础:HTML标记(一)
- 在struts中使用Validator框架
- DIV+CSS布局基础:HTML标记(二)
- DIV+CSS布局基础:HTML标记(三)