申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
15166683288
知识普及 » 如何设计网页横幅
如何设计网页横幅
网页设计师
于
2019-09-12 19:19
发表
阅读次数
2503
次
如何
设计网页
横幅
设计一个吸引人的网页主横幅其实可以很简单，我们思考的只是如何分配区域。
在一个简单的网页中，上方的横幅是最重要的视觉元素。在很多博客网页中，它甚至是唯一的视觉元素。所以它的作用可以说是相当大的。它必须能够与网站的风格配合，并能传达视觉上的信息。它必须让人看上一眼就让人知道这个网站是属于什么类型，风格是什么。这个横幅还必须能够提供简单明了的导航链接。所有这些，我们都可以通过将横幅分成三个区域而轻松实现：每一个区域都具有自己的功能，而我们还要将这三个区域在视觉上统一，使三者具有相似性及协调性。看一下我们在本文中所介绍的例子。
从划分空间开始：
一个网页横幅的宽度横跨整个网页，而高度又相当窄。将其分成三个区域：名称，图片及导航链接。然后我们分别对其进行设计。
如何分配区域：一般来说，我们都是将名称放在左上方，而导航栏目放在下方。其空间的分配应该慎重。空间的比例大小是根据具体的名称（长或短）和图片而定的，很难说有什么最佳的比例。但是，应该避免将上方空间分成两等份，因为分成两等份会让人的注意力都放在版式上，而不是放在内容上。采用不对称的分布效果会更好。
寻找一张具表现力的图片：
一张漂亮的图片是设计一个漂亮横幅的关键。在找到照片后，我们还要仔细研究一下截取照片的哪一部分可以最有效传达相关的信息。其实在实践中你会发现，要发掘这一点并不难。
截取照片时应记住一点：尽可能截取能够传达最多信息的那一部分。在上图这张田园式的风景图片中，有树，有草，有山，有阳光——看一下我们截取的部分，都将这几个主要的图片元素都包括了，这正是我们所需要的，面积虽比原图小很多，但截取后的图片所要传达的信息不但没有减少，而且在层次感上还加强了。图片上有丰富的明暗区域（见黑白图片），形成近、中、远三种视觉效果。
如何设计网页横幅相关标签：
制作网页
，
制作网站
，
企业网站建设
，
网站建设公司
相关热点推荐
网页设计中留白的艺术
搜索引擎分类
空状态设计是提升产品用
谈谈什么是成功的网站设
企业建站要注意的几个方
网页顶尖设计师的思考与
浅析Banner构成与
网站流量语汇 增加网站
青岛网站制作如何实现自
浅析网页界面设计-首页
青岛网站设计哪家公司性
构建网站应明确的几个问
创建一个有强烈视觉冲击
青岛网站设计与欧美网站
公司网站建设与网站效益
好设计应该装着不懂用户
青岛网站制作带你解密.
网页的背景音乐
SEO,URL伪静态重
为电子商务创造五大环境
企业网站建设优化如何凸
建网站必备六步
让你站流量爆增----
网站描述怎么写？
良好的搜索引擎优化链接
浅谈中小企业网站运营维
推广研究报告—真实的视
企业网站应该怎样来定位
网站优化秘籍：做关键词
SEO不是简单的关键字
如何设计网页小广告(b
如何让你的网站更有吸引
设计商业网站域名
DIV+CSS建设网站
网站设计的方块元素该如
浅谈品牌的视觉识别
从精简导航谈小型网站的
基础链接术语
企业网站建设10条实用
用户反馈对产品设计的帮
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户