申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
18562723728
知识普及 » 如何设计网页横幅
如何设计网页横幅
网页设计师
于
2019-09-12 19:19
发表
阅读次数
2383
次
如何
设计网页
横幅
设计一个吸引人的网页主横幅其实可以很简单，我们思考的只是如何分配区域。
在一个简单的网页中，上方的横幅是最重要的视觉元素。在很多博客网页中，它甚至是唯一的视觉元素。所以它的作用可以说是相当大的。它必须能够与网站的风格配合，并能传达视觉上的信息。它必须让人看上一眼就让人知道这个网站是属于什么类型，风格是什么。这个横幅还必须能够提供简单明了的导航链接。所有这些，我们都可以通过将横幅分成三个区域而轻松实现：每一个区域都具有自己的功能，而我们还要将这三个区域在视觉上统一，使三者具有相似性及协调性。看一下我们在本文中所介绍的例子。
从划分空间开始：
一个网页横幅的宽度横跨整个网页，而高度又相当窄。将其分成三个区域：名称，图片及导航链接。然后我们分别对其进行设计。
如何分配区域：一般来说，我们都是将名称放在左上方，而导航栏目放在下方。其空间的分配应该慎重。空间的比例大小是根据具体的名称（长或短）和图片而定的，很难说有什么最佳的比例。但是，应该避免将上方空间分成两等份，因为分成两等份会让人的注意力都放在版式上，而不是放在内容上。采用不对称的分布效果会更好。
寻找一张具表现力的图片：
一张漂亮的图片是设计一个漂亮横幅的关键。在找到照片后，我们还要仔细研究一下截取照片的哪一部分可以最有效传达相关的信息。其实在实践中你会发现，要发掘这一点并不难。
截取照片时应记住一点：尽可能截取能够传达最多信息的那一部分。在上图这张田园式的风景图片中，有树，有草，有山，有阳光——看一下我们截取的部分，都将这几个主要的图片元素都包括了，这正是我们所需要的，面积虽比原图小很多，但截取后的图片所要传达的信息不但没有减少，而且在层次感上还加强了。图片上有丰富的明暗区域（见黑白图片），形成近、中、远三种视觉效果。
如何设计网页横幅相关标签：
网站制作
，
网页制作
，
网站设计
，
企业网站建设
相关热点推荐
被称为网站中的小王子—
企业建站关键注意事项
如何进行数据可视化设计
如何搞定站内搜索的产品
论坛的发展与现状分析
从网站建站到推广的路程
到底做什么类型的网站好
如何策划与制作网站
nev.cn奈薇网站开
青岛网站建设哪家公司建
网页设计中排版与布局的
网站优化排名为什么这么
站长们应当要知道的网站
网站优化之整站优化的过
网站推广做到有效，坚持
重磅！功能型网站建设的
网站建设中的交互设计模
网站优化目标及意义
谈网络广告发展的趋势
创造设计中的优雅与节奏
如果你被上个网络公司伤
网页顶尖设计师的思考与
网站建设：建网站的一般
网站的视觉设计
25个判断垃圾站的标准
中小企业网站建设技巧总
怎样制作一个专业的网站
企业建网站的必要性
12个来自Codrop
软件界面设计要素——视
青岛网站设计简约化有什
让网站外链在你睡着的时
网页设计过程中我们要关
优化用户体验，让网站呈
以“产品”思维搭建网站
小心交换友情链接中的陷
网页设计的色彩思考
网页中的图象格式
网站论坛管理经验
网站建设知识——从三个
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户