申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
13165158935
知识普及 » 如何设计网页横幅
如何设计网页横幅
网页设计师
于
2019-09-12 19:19
发表
阅读次数
1578
次
如何
设计网页
横幅
设计一个吸引人的网页主横幅其实可以很简单，我们思考的只是如何分配区域。
在一个简单的网页中，上方的横幅是最重要的视觉元素。在很多博客网页中，它甚至是唯一的视觉元素。所以它的作用可以说是相当大的。它必须能够与网站的风格配合，并能传达视觉上的信息。它必须让人看上一眼就让人知道这个网站是属于什么类型，风格是什么。这个横幅还必须能够提供简单明了的导航链接。所有这些，我们都可以通过将横幅分成三个区域而轻松实现：每一个区域都具有自己的功能，而我们还要将这三个区域在视觉上统一，使三者具有相似性及协调性。看一下我们在本文中所介绍的例子。
从划分空间开始：
一个网页横幅的宽度横跨整个网页，而高度又相当窄。将其分成三个区域：名称，图片及导航链接。然后我们分别对其进行设计。
如何分配区域：一般来说，我们都是将名称放在左上方，而导航栏目放在下方。其空间的分配应该慎重。空间的比例大小是根据具体的名称（长或短）和图片而定的，很难说有什么最佳的比例。但是，应该避免将上方空间分成两等份，因为分成两等份会让人的注意力都放在版式上，而不是放在内容上。采用不对称的分布效果会更好。
寻找一张具表现力的图片：
一张漂亮的图片是设计一个漂亮横幅的关键。在找到照片后，我们还要仔细研究一下截取照片的哪一部分可以最有效传达相关的信息。其实在实践中你会发现，要发掘这一点并不难。
截取照片时应记住一点：尽可能截取能够传达最多信息的那一部分。在上图这张田园式的风景图片中，有树，有草，有山，有阳光——看一下我们截取的部分，都将这几个主要的图片元素都包括了，这正是我们所需要的，面积虽比原图小很多，但截取后的图片所要传达的信息不但没有减少，而且在层次感上还加强了。图片上有丰富的明暗区域（见黑白图片），形成近、中、远三种视觉效果。
如何设计网页横幅相关标签：
设计网页
，
开发网站
，
制作网页
，
网站设计公司
相关热点推荐
提高页面显示速度的秘技
建设网站细节也十分重要
应用号终于来了，它到底
企业网站如何提高用户体
如何优化新设计的企业网
网络企业的信息化生存
企业网站建设的策略
如何使用百度工具追踪访
网站价值评估
浅谈网站策划运营的方方
用户是如何浏览你的网站
网站优化与网站设计制作
设计中的色彩：橙色
青岛网站建设不用怕，这
不对称网页设计页面处理
企业自助建站建议
WWW 与人际沟通和信
社会化网络用户界面(U
用户反馈对产品设计的帮
网页设计如何传达信息
提高在google中排
企业建站规划书的写作规
搜索引擎是如何判断新闻
使用预定义框架集为网页
面向未来的搜索引擎优化
网购商品质量堪忧,电商
网页设计师的素质
网站优化之整站优化的过
巧用分词做多关键字的网
网页设计制作规范
网站功能结构发展的几个
网站内容写作的指导方针
什么是网站运营如何来运
提高内容类网站的粘度要
为什么视觉设计师需要懂
学网站设计必看之设计常
提高网站排名稳定性最佳
HTML5响应式图片的
SEO工具:谷歌网站管
微信社交圈营销行为泛滥
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户