合肥生活安徽新闻合肥交通合肥房产生活服务合肥教育合肥招聘合肥旅游文化艺术合肥美食合肥地图合肥社保合肥医院企业服务合肥法律

如何设计网页横幅

时间:2014-03-01  来源:合肥网hfw.cc  作者:hfw.cc 我要纠错


如何设计网页横幅


  设计一个吸惹人的网页主横幅实在可以很简单,我们思考的只是如何分配区域。
  在一个简略的网页中,上方的横幅是最主要的视觉元素。在良多博客网页中,它甚至是独一的视觉元素。所以它的作用可以说是相称大的。它必须可以与网站的风格配合,并能转达视觉上的信息。它必需让人看上一眼就让人晓得这个网站是属于什么类型,作风是什么。这个横幅还必须可能供给简略明了的导航链接。所有这些,我们都可以通过将横幅分成三个区域而轻松实现:每一个区域都拥有本人的功效,而我们还要将这三个区域在视觉上同一,使三者具备类似性及和谐性。看一下我们在本文中所先容的例子。
  从划分空间开端:
  一个网页横幅的宽度横跨全部网页,而高度又相称窄。将其分成三个区域:名称,图片及导航链接。而后我们分辨对其进行设计。
  如何分配区域:普通来说,我们都是将名称放在左上方,而导航栏目放在下方。其空间的分配应该稳重。空间的比例大小是依据详细的名称(长或短)跟图片而定的,很难说有什么最佳的比例。然而,应该避免将上方空间分成两等份,由于分成两等份会让人的留神力都放在版式上,而不是放在内容上。采用错误称的散布效果会更好。
  寻找一张具表示力的图片:
  一张英俊的图片是设计一个美丽横幅的要害。在找到照片后,我们还要细心研讨一下截取照片的哪一局部可以最有效传达相干的信息。其切实实际中你会发明,要挖掘这一点并不难。
  截取照片时应记住一点:尽可能截取能够传达最多信息的那一部门。在上图这张田园式的景致图片中,有树,有草,有山,有阳光看一下我们截取的局部,都将这多少个重要的图片元素都包含了,这恰是我们所须要的,面积虽比原图小许多,但截取后的图片所要传达的信息岂但不减少,而且在档次感上还增强了。图片上有丰盛的明暗区域(见黑白图片),造成近、中、远三种视觉效果。
  用颜色分配区域:
  用吸管工具从图片选。網頁設計根据企业希望向浏览者传递的信息,进行网站功能策划,然后进行的页面设计美化工作。取一种较深的颜色,将这种颜色的色阶由暗到亮排列,然后我们再来决议哪一个区域用哪一种颜色。特殊要留神的是能产生对比。
  强比较更具冲击力:上述所有的色彩都领有统一种色调。而且这些颜色实践上都是来自于图片,可以说,无论你如何将颜色调配到区域中,个别来说,都能够构成调和的搭配。但对照度却会因你的不同调配而有所差别。强比较存在冲击力,而低对照显得更安静(但也因而给人的印象不深)。
  放置名称及导航文字:
  肯定颜色后,我们要凑合文字。文字应该可以与图片发生互补:复杂的图片 / 简单的字体;优雅的图片 / 优雅的字体;安静的图片 / 装潢性强的字体。
  首先留心上图中,文字在色彩应用上的调换。绿色的文字用在金黄色背景上,反之,金黄色的字体用在绿色背景上这样的调换应用能够使全部版面显得更加同一和谐。
  上图
  一个十分长的名称应当分成两行或多行,行与行之间的字体应当是整洁的,防止使用某些高下不平的字体或小字字母,这样会在如斯狭小的小空间中造成抵触。大写字母是咱们这个例子中的第一抉择。咱们采取一种镇静优雅的字体,与这幅英俊的图片发生互补。
  避免使用这种装潢性较强的字体,它显得过于独特了,只会在这里喧宾夺主。
  这种字体固然很美丽,但与这个例子中的图片或网站作风不搭配。
  采取补色:
  在这个例子中,一张半形象的图片传达出 d&t 修建设计公司的风格,假如我们按上面的那个例子来挑选颜色,那蓝 / 灰的颜色会对 logo 产生过于克制的影响,所以我们使用一种反色。
  补色构成强烈的对比效果:整张图片都是由冷色形成,而对一间年青的建造设计公司来说,蓝色不能转达它那种冲劲及活气。解决措施:我们用蓝色的反色或补色来部署 logo 区域。我们首先在色轮上断定蓝色的地位,而后取舍与其绝对的另一种颜色(见上方色轮)。互为补色的两。傳單設計从事设计制作,彩色印刷,包装,后道加工一条龙服务。种颜色并不占有统一种基色(不象其它颜色关联,比方,绿色及橙色,这两种颜色都有黄色在里面),这就是为什么互为补色的两种颜色可能造成无比强烈的对比。在上方这个色轮中,紫色与黄色存在最高的色度对比。
  与 logo 配合:
  fairweather downs 的标记已经有五十年的使用历史了,在这么长的岁月中,这个标志简直不转变过。这就是经典!在这种情形下,我们的设计重点应该是斟酌标志而不是图片。
  

扫一扫在手机打开当前页
  • 上一篇:lte版大观4将发 酷派明年欲推出12款4g手机
  • 下一篇:怎么做好SEO优化网站排行
  • 无相关信息
    合肥生活资讯

    合肥图文信息
    海信罗马假日洗衣机亮相AWE  复古美学与现代科技完美结合
    海信罗马假日洗衣机亮相AWE 复古美学与现代
    合肥机场巴士4号线
    合肥机场巴士4号线
    合肥机场巴士3号线
    合肥机场巴士3号线
    合肥机场巴士2号线
    合肥机场巴士2号线
    合肥机场巴士1号线
    合肥机场巴士1号线
    合肥轨道交通线路图
    合肥轨道交通线路图
    合肥地铁5号线 运营时刻表
    合肥地铁5号线 运营时刻表
    合肥地铁4号线 运营时刻表
    合肥地铁4号线 运营时刻表
  • 关于我们 | 打赏支持 | 广告服务 | 联系我们 | 网站地图 | 免责声明 | 帮助中心 | 友情链接 |

    Copyright © 2020 hfw.cc Inc. All Rights Reserved. 合肥网 版权所有
    ICP备06013414号-3 公安备 42010502001045