loading请求处理中...
x
免费发布需求,接收报价与方案

分享如何轻松设计漂亮网页横幅的几个实例

发布时间:2021-4-25 09:29:29     阅读次数:10067次    评论数:0次
标签:

  本文介绍了如何轻松设计漂亮网页横幅的几个实例。

  很多时候。静态的平面设计自有其力量! 思考的只是如何分配区域。

  设计一个吸引人的网页主横幅其实可以很简单。

  上方的横幅是最重要的视觉元素。很多博客网页中,一个简单的网页中。甚至是唯一的视觉元素。所以它作用可以说是相当大的必须能够与网站的风格配合,并能传达视觉上的信息。必须让人看上一眼就让人知道这个网站是属于什么类型,风格是什么。这个横幅还必须能够提供简单明了导航链接。

  所有这些,都可以通过将横幅分成三个区域而轻松实现:每一个区域都具有自己的功能,而我还要将这三个区域在视觉上统一,使三者具有相似性及协调性。看一下我本文中所介绍的例子。

  从划分空间开始: 而高度又相当窄。将其分成三个区域:名称,一个网页横幅的宽度横跨整个网页。图片及导航链接。然后我分别对其进行设计。 都是将名称放在左上方,

  如何分配区域:一般来说。而导航栏目放在下方。其空间的分配应该慎重。空间的比例大小是根据具体的名称(长或短)和图片而定的很难说有什么最佳的比例。但是应该避免将上方空间分成两等份,因为分成两等份会让人的注意力都放在版式上,而不是放在内容上。采用不对称的分布效果会更好。 寻找一张具表现力的图片: 还要仔细研究一下截取照片的哪一部分可以最有效传达相关的信息。其实在实践中你会发现,一张漂亮的图片是设计一个漂亮横幅的关键。找到照片后。要发掘这一点并不难。 有树,截取照片时应记住一点:尽可能截取能够传达最多信息的那一部分。上图这张田园式的风景图片中。有草,有山,有阳光 — 看一下我截取的部分,都将这几个主要的图片元素都包括了这正是所需要的面积虽比原图小很多,但截取后的图片所要传达的信息不但没有减少,而且在层次感上还加强了图片上有丰富的明暗区域(见黑白图片)形成近、中、远三种视觉效果。

  用颜色分配区域: 将这种颜色的色阶由暗到亮排列,用吸管工具从图片选取一种较深的颜色。然后我再来决定哪一个区域用哪一种颜色。特别要注意的能产生对比。 可以说,强对比更具冲击力:上述所有的颜色都拥有同一种色调。而且这些颜色理论上都是来自于图片。无论你如何将颜色分配到区域中,一般来说,都可以形成协调的搭配。但对比度却会因你不同分配而有所区别。强对比具有冲击力,而低对比显得更平静(但也因此给人的印象不深) 放置名称及导航文字: 要对付文字。文字应该能够与图片产生互补:繁杂的图片 / 简单的字体;优雅的图片 / 优雅的字体;平静的图片 / 装饰性强的字体。 确定颜色后。 文字在颜色使用上的互换。绿色的文字用在金黄色背景上,首先留意上图中。反之,金黄色的字体用在绿色背景上 — 这样的互换使用可以使整个版面显得更加统一协调。

  行与行之间的字体应该是整齐的避免使用某些高低不平的字体或小字字母,一个非常长的名称应该分成两行或多行。这样会在如此狭窄的小空间中造成冲突。大写字母是这个例子中的第一选择。采用一种平静优雅的字体,与这幅漂亮的图片产生互补。 显得过于奇特了只会在这里喧宾夺主。

  2 避免使用这种装饰性较强的字体。 但与这个例子中的图片或网站风格不搭配。

  3 这种字体虽然很漂亮。

  若您想要app开发logo设计营销策划网络推广、小程序开发、文案写作等需求,那么就上一品威客网,一品威客网聚集了千万优质的服务商, 欢迎上一-品威客网上发布任务。一键发布 ,开发无忧,从内到外解决您的开发难题。

本文地址:https://www.epwk.com/meijie/283890.html
来源:一品威客,转载须经版权人书面授权并注明来源

发布需求,全民竞标,满意再付款

扫码添加微信,免费咨询方案

上一篇:如何为网站设计出色的横幅 下一篇:已经没有下一篇

留言(0

↓展开留言
您需要 注册登录 后才能发表留言。

我们提供的,不仅仅是资讯。免费注册一品网会员,您可以——
  • 成为雇主 千万威客为您解决难题!

    多方案 低价格 价格由您定!

  • 成为威客 凭技能 ,赚取真金白银!

    威客时代,轻松赚钱,选择一品威客网!

相关任务推荐更多 >

免费官方金牌顾问

10秒提交需求,快速匹配服务商

我需要