申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
13165158935
知识普及 » 如何设计网页横幅
如何设计网页横幅
网页设计师
于
2019-09-12 19:19
发表
阅读次数
1037
次
如何
设计网页
横幅
设计一个吸引人的网页主横幅其实可以很简单，我们思考的只是如何分配区域。
在一个简单的网页中，上方的横幅是最重要的视觉元素。在很多博客网页中，它甚至是唯一的视觉元素。所以它的作用可以说是相当大的。它必须能够与网站的风格配合，并能传达视觉上的信息。它必须让人看上一眼就让人知道这个网站是属于什么类型，风格是什么。这个横幅还必须能够提供简单明了的导航链接。所有这些，我们都可以通过将横幅分成三个区域而轻松实现：每一个区域都具有自己的功能，而我们还要将这三个区域在视觉上统一，使三者具有相似性及协调性。看一下我们在本文中所介绍的例子。
从划分空间开始：
一个网页横幅的宽度横跨整个网页，而高度又相当窄。将其分成三个区域：名称，图片及导航链接。然后我们分别对其进行设计。
如何分配区域：一般来说，我们都是将名称放在左上方，而导航栏目放在下方。其空间的分配应该慎重。空间的比例大小是根据具体的名称（长或短）和图片而定的，很难说有什么最佳的比例。但是，应该避免将上方空间分成两等份，因为分成两等份会让人的注意力都放在版式上，而不是放在内容上。采用不对称的分布效果会更好。
寻找一张具表现力的图片：
一张漂亮的图片是设计一个漂亮横幅的关键。在找到照片后，我们还要仔细研究一下截取照片的哪一部分可以最有效传达相关的信息。其实在实践中你会发现，要发掘这一点并不难。
截取照片时应记住一点：尽可能截取能够传达最多信息的那一部分。在上图这张田园式的风景图片中，有树，有草，有山，有阳光——看一下我们截取的部分，都将这几个主要的图片元素都包括了，这正是我们所需要的，面积虽比原图小很多，但截取后的图片所要传达的信息不但没有减少，而且在层次感上还加强了。图片上有丰富的明暗区域（见黑白图片），形成近、中、远三种视觉效果。
如何设计网页横幅相关标签：
网站推广
，
网站建设方案
，
制作网页
，
网站建造
相关热点推荐
什么才是响应式网站呢？
外部链接的优化之三高级
网站设计注意浏览器兼容
企业建站策划
现代企业需要建立网站吗
青岛奈薇建站网分享百度
企业建站流程及实用技巧
设计网页页面内容要新颖
未来CEO必备十大IT
网站工作者必须掌握的技
怎样设置关键字才可以被
从网页设计开始
青岛网站制作成本大解密
网络营销，搜索引擎营销
奈薇建站网推出移站通为
微信小程序继续发力为开
网络信息安全
2016年各种微信推广
政府网站建设要按照“一
如何有效管理与交换友情
企业网站如何提高用户体
宣传企业形网站6大主意
交互设计模式——分页
如何做成一个好的网站设
网站改版时的顺序问题
2016年主流网页的设
中小企业如何策划电子商
青岛网站建设报价与费用
网络安全事件频发，全站
普及360浏览器的极速
制作网站该从哪怎样着手
增加反向链接的35个技
突破网站设计的最后一公
做好内外链的平衡度更利
网页设计中色彩搭配的内
网络推广：降低网站页面
高颜值的全屏导航网页设
论坛的发展与现状分析
那些即将在网页设计中被
网站SEO优化的最新趋
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户