Web开发设计的五大准则

来源: 发布时间: 点击数:
如果仓促而为,设计一个专题或者网站一定会成为恶梦。Web设计需要遵循一些准则并有计划地去做。

        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文档来满足所有浏览器是不可能的。

IDC
域名注册
主机服务
租用托管
数据修复
优化推广
网站建设
解决方案
管理咨询
企业内训
广告设计
技术整合
云主机
ICP备案说明
教育产业
维普点卡
计算机培训
人才外包
服务外包
全程外包
软件研发
Zoomla!逐浪CMS
企业管理软件
三维与仿生应用
软件管理
IT外包
短信接口
社区
江西IDC排行榜
微博
东方红公益
7*24小时服务中心
微信互动
会员
纪念品
发哥的博客
上海站长聚会
软件开发沙龙
宣传视频
用户手册
全站检索
关于我们
公司介绍
发展历程
工作机会
团队介绍
汇款方式
联系我们