课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 25个优秀的网站页头设计案例
  • 25个优秀的网站页头设计案例

    发布:南昌UI培训      来源:优设网      时间:2016-01-06


  •     网页设计师善于设计出各种精美的网页页头,体现出他们不同的想法、气场、情怀、逼格。南昌达内UI设计培训专家再次介绍一些深受青睐的网页页头设计案例,由于网站类别的不同,设计手法多种多样,达内ui培训班学员要根据情况,再借鉴使用。

        1、优雅而鲜亮的外观

        清爽、简约并且以字体为主,La Dolce Vita 的博客就是这么做的,优雅又鲜明的设计令人过目难忘。

        2、只使用一种字体

        Mine is Yours 是一个极简风的网站,它不仅总体风格如此,而使用单一字体营造出无与伦比的统一度。少即是多的设计理念体现的非常透彻。

        3、简单的配色方案

        Maiedae 在左上角使用了一个可爱的手写字体LOGO,而网站更加用心的地方在于为了突出内容,网站非图片部分的配色设计得足够简单,让用户打开页面之后第一时刻会关注到图片和内容。

        4、可爱又简短直接

        虽然很多Tumblr 博客都采用的是这样的布局,但是你必须承认相对较窄的页宽和可爱的配色会让页面显得赏心悦目又难忘。

        5、一个名称就够了

        有的时候繁复的设计不如一个简单的直击来得靠谱,而Panic Blog 也算得上是个中高手了,一个带有浮雕效果的标题就给人感觉非常不错。

        6、来个图文混拍的Banner

        文艺风十足的Little Green Notebook就适合这样图文混拍的Banner,这种看起来经过处理的页头充满了温暖的触感,走心又漂亮。

        7、让图片和内容联系紧密

        我们常说要让图片和内容相互关联,但是要怎么设计才够紧密呢?Design Tripper 的点题能让人会心一笑,独特而不突兀。

        8、利用栅格

        利用栅格系统来制作故事板,这在Tumblr 中也可以实现,这样的设计可以将标题和内容有机地整合到一起。利用栅格不仅可以让布局更加整饬,而且让那个用户更容易导航。

        9、移除页头

        如果没有页头的话,那么这个网站的打开体验会如何?这个网站就是如此做的,去除页头之后,漂亮的图片和内容组成了这个全屏式的页面,直接而富有冲击力。

        10、用标题和内容来覆盖

        This Is Glamorous 是一个关于时尚和室内设计的网站,优雅的手绘字体标题和内容以更加紧凑的方式覆盖了页头,极简之余还会给人一种优雅而直接的浏览体验。

        11、LOGO和图片的结合

        黑色的LOGO和浅色的Banner图结合到一起作为页头,相比于文字标题+链接的常见展现形式更加有趣而视觉化。

        12、漫画式的Banner

        有插画师的网站就是好,The Thirsty Wench 的页面就将标题和漫画插画结合到一起,考虑到这是一个和酒相关的网站,这大胆的风格还是与之非常搭的呢~

        13、繁复之美

        在主流设计都追求简约美的今天,使用繁复而优雅的页头也是一种不跟随的态度。借助栅格和大量的文字标题来设计的页头使得The Rivet Press的首页显得华丽整齐而令人印象深刻。

        14、让标题无比醒目

        简单粗暴,但是字体够漂亮,色彩够鲜艳!富有吸引力,有趣,让页面有了视觉重心。

        15、使用对比

        Deaf Pigeon 的页面让背景的所有元素都显得柔和,仅仅是让网站名称和前景那个巨大的红色斧头突出显示,目的明确,对比强烈,层次分明。

        16、漂亮的LOGO

        Decor8 的漂亮 LOGO被置于整个博客的正中央,这就是经典而简单的解决方案。

        17、居中显示风格化设计的标题

        作为一个强调女性的博客,The Chronicles of Her 将标题用口红来书写出来显得性感无比,将它居中显示在页头,醒目又有性格。

        18、用空间制造层次感

        这个网站同样使用了单一字体设计,而为了制造层次感,设计师充分运用了空间和留白来实现差异化。Ceeesk 的页头就是另一个值得学习的案例。

        19、视觉化的字体选取

        关注经典汽车搜集的博客 Car Crush 使用复古的经典字体来呈现它的标题并不为过,而网站设计的巧妙之处在于,它很好地同复古的汽车图片结合到一起,组成了页头,一箭双雕。视觉化的字体和视觉化的图片让整个页头显得风格突出。

        20、只使用LOGO

        作为一个功能单一到只搜集图书封面的网页而言,在页头加上复杂的导航好像并不合适,左上角使用一个简单的LOGO是如此地符合网站的调性。

        21、试试现代风

        现代、极简的风格并不单调,70% Pure 的设计就非常的微妙,值得借鉴。

        22、字体与纹理的结合

        又一个标题字体与纹理结合的案例,很多时候找个有个性的字体搭配个有质感的纹理就可以很好地表现一个LOGO。

        23、放大标题字体

        简单的放大往往能收到奇效,极简风的网站中效果还有所加成,例如Beauty is Boring 网站的设计。

        24、内容引用

        将你的博客中的一部分有趣的内容摘取出来,引用到页头也能让你的博客显得非常的独特,24 Ways 的网站就采用了这样的方式,用醒目的色彩来强化引用的效果,别出机杼。

        25、色彩鲜明的色块

        页头使用色彩鲜明的色块背景可以可以标题文本构成视觉对比,强化排版效果,吸引用户注意力。

        结语:

        以上就是南昌达内ui设计培训专家整理的优秀网站页头设计,无论是传统的设计风格还是独树一帜的设计风格,都可以为访客留下深刻印象,提高访问时长和流量。







    原文链接:http://www.uisdc.com/best-blog-header-design-2
    推荐文章

上一篇:2016年强烈推荐的设计行业干货

下一篇:优秀网页设计对营销推广的影响

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56