申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
18562723728
知识普及 » 设计时可用的一些元素
设计时可用的一些元素
奈薇建站网
于
2010-01-13 20:31
发表
阅读次数
3192
次
设计时可用的一些元素
在确定Web站点的基本组织结构之后，就可以着手设计页面了。下面是设计时可供使用的一些元素：
转自：
奈薇建站网
（www.nev.cn）
文本格式化：Web本身对文本和字体的格式化能力并不强，在Web页面中，可以指定文本尺寸、排列和其他的一些格式化属性（序号列表和无序号列表），但建议不要改变这体而应当使用缺省字体，以确保页面的平以无关必画面为浏览器是用本地机器上的字体显示示页面内容的，你指定的字体在浏览者那里并不一定能够找到，如果确实有必要少量使用某种特殊字体，可以把这些字画在图片上，然后将图片插入到页面中；
按钮、图标和其他导航工具，帮助浏览者在Web内导航。
背景：给页面添加背景，包括纹理填充、水印式背景和长条状背景等等，可以使得页面更加美观，给浏览者留下深刻的映象；
图形：可加入图片、图表和图形等；
表格：用来显示按行和列组织的信息，比如产品价格表，客户名单等；
颜色：包括图片的色彩、文本和背景的色彩等；
多媒体元素：包括声音、动画、视频片断、背说音乐等。
页面布局：在页面上放置文本、图形等元素，在元素间添加横线条，空白等，并用表格、杠架进行排版。
在后面的章节我们将陆续介绍这些元素的使用。
选择文本和背景的色彩
色彩可以使页面更加生动。首先，使用色彩可以产生强烈的视觉效果，使你的页面在浏览者心中留下很深的映象；色彩还可以传递设计者的思想情感。但是必注意慎重的使用色彩，否则很可能弄巧成拙。滥用色彩容易造成视觉上的混乱。一般情况下不要过多的使用效果太强烈的色彩，对于大面积的文字来说，白底黑字或黑底白字总是最佳选择。
通常还应该选择相近的色彩。多数的页面背景为白色、黑色或灰色，其他一些次要的元素，如背景图片、线条适宜采用不抢眼的色彩。在数量有限的情况下，只有少量精心选择的元素为了突出强调的需要，才彩用明亮的色彩。在数量有奶的情况下，这引起彩色亮点会产生强烈的视觉冲击，但如果用得太多了，就会形成一种均匀的噪声，而达不到强调的效果。
在选择背景和正文颜色时，最重要的一点是注意易读性。实现易读性的关键在于提供足够的明暗对比。由于黑白之间有最强烈的对比度，因此大多数网页都采用黑底折字显示文本，但是，也不必拘泥于黑白两色实现对比，可以选择一对颜色，其中一个是亮的，一个量暗的，只要它们保持足够的对比度，比如说，灰底黑字也是很好的选择。
大面积的适宜采用低对比度。因此，对于大的形状或粗体字最好采用低对比度的色彩组合。
除了亮度上的对比之外，还要考虑颜色上的对比。互补色具有最强的颜色对比两种有较强的色彩对比度的颜色组合在一起时，很难区分它们的边界。颜色对比同样可以产生强烈的视觉效果。运用强的色彩对比，可以制造紧张，激动等感觉。但是，在文本和它的背景之间不宜采用太强的颜色对比，否则文字看起来会显示得模糊。特别是，文本切忌放在使用文字的互补色的背景上。
在选择颜色时，还要注意冷暖色的部题。冷色调（蓝、绿）会产生收缩感，而暖色调（红、橙、黄）则有向前突出的感觉。深蓝色和深绿色适合作为背景色，而明亮的黄色适合于那些希望引起注意的黄色。事实上，只要我们平时稍加观察，就会发现许多商店的招牌，广告或其他商业图形展示都彩用深蓝色背景加黄色文字，标记的组合。这种组合非常醒目，最适合商业领域使用。黑色和黄色也是另一种常用的颜色组合。
在Web面面上，大多采用明亮的背景色衬以深颜色的文字这样的一种颜色组合。
除了色彩的对比、冷暖感觉之外，还需要考虑色彩带给人心理上的感觉。比如，冷的颜色使人平静，而暖色使人激动；强的色彩对比造成紧张感；暗的颜色给人以沉重感和压迫感。亮的颜色给人轻松、开放的感觉。我们可以根据所要表达的主题，选择合适的色彩。
色彩除了带给人心理上的感觉之外，有些颜色实际上已经有了社会意义。比如，红色代表停止，绿色代表通行，灰色和深蓝色代表保守，稳重等。恰当运用色彩可以调动浏览者心理上的感受。比如，在许多饮食店中，采用汪蓝色，给人轻松愉快的感觉，这同样也适合于网页，在网页中使用颜色时，就要尽量使得色彩搭配与这些习俗相吻合。
考虑到大多数人使用256色显示模式，因此一个页面显示的颜色不宜过多，连页面内的图像在内应当控制在256色以内。主题颜色通常只需要两到三种，并采用一种标准色。
以下是使用色彩的一些建议：
对多数网页特别是有大面积文字的网页来说，应采用白色或浅色的背景，如浅灰色、淡黄色、浅蓝色或浅绿色，文字采用黑色或深颜色；
避免在浅色背景使用明亮颜色的文字，因为这样文字会很难辨认；
深颜色背景上使用浅色的文字是一种很好的组合，但是如果不是特别需要，应留作那些需要引起浏览者特别注意的小块区域和场合，比如标题图形等；
使用黑色背景许多时候显得太沉重，可以考虑使用深灰色、深蓝、粟色等；
转自：
奈薇建站网
（www.nev.cn）
白色、浅灰色、浅蓝色、浅绿色、浅褐色很适合作为深色背景上的文字颜色；
大的、粗体的文字比常规尺寸的文字更适合使用；交强的颜色，可考虑鲜红色，橙色，明亮的蓝色，但注意不要滥用。
设计时可用的一些元素相关标签：
网站制作方案
，
网站搭建
，
网站建设公司
，
网站建设方案
相关热点推荐
被称为网站中的小王子—
企业建站关键注意事项
如何进行数据可视化设计
如何搞定站内搜索的产品
论坛的发展与现状分析
从网站建站到推广的路程
到底做什么类型的网站好
如何策划与制作网站
nev.cn奈薇网站开
青岛网站建设哪家公司建
网页设计中排版与布局的
网站优化排名为什么这么
站长们应当要知道的网站
网站优化之整站优化的过
网站推广做到有效，坚持
重磅！功能型网站建设的
网站建设中的交互设计模
网站优化目标及意义
谈网络广告发展的趋势
创造设计中的优雅与节奏
如果你被上个网络公司伤
网页顶尖设计师的思考与
网站建设：建网站的一般
网站的视觉设计
25个判断垃圾站的标准
中小企业网站建设技巧总
怎样制作一个专业的网站
企业建网站的必要性
12个来自Codrop
软件界面设计要素——视
青岛网站设计简约化有什
让网站外链在你睡着的时
网页设计过程中我们要关
优化用户体验，让网站呈
以“产品”思维搭建网站
小心交换友情链接中的陷
网页设计的色彩思考
网页中的图象格式
网站论坛管理经验
网站建设知识——从三个
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户