飘泊

努力做到全面...

日志

关于我

蚊子

文章分类

LOFTER精选

八招诀窍，教你实力撩妹 >

25 个时尚的国外网站头部设计欣赏

2010-03-11 14:05:34| 分类：酷站 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

一个网站的头部是用户打开你的网站时看到的第一个东西——第一印象很重要，所以，一个网站的头部也是非常重要的。如果一个用户不喜欢你的头部设计，他们很可能就会在浏览你的内容之前就离开你的网站了。

有很多不同类型的头部，在本次收集中，你将看到从各种类型的网站中整理的25 个漂亮的头部设计，希望能为你的创意带来灵感。

1. 61 Pixels

2. Abduzeebo

3. Ali Felski

4. Basmitree

5. British Space Organisation

6. Dev Thought

7. Ellis Lab

8. Jason Reed

9. Jayme

10. John Joubert

11. Marc Handdetrucs

12. By Marina

13. Mosaiko

14. Naldz Graphics

15. No Milk Today

16. One Button Mouse

17. Stephen Fry

18. That Indie Dude

19. The Great Bearded Reef

20. The Piss Biscuit

21. Tutorial9

22. Vectips

23. Web Burza

24. Web Designer Wall

25. XHTML IT

评论这张

转发至微博

阅读(347)| 评论(0)

推荐转载

历史上的今天

在LOFTER的更多文章

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_080066087080084074092084082095093085087069085085083070',
              blogTitle:'25 个时尚的国外网站头部设计欣赏',
              blogAbstract:'<P style=\"TEXT-INDENT: 2em;\"  \></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>    </P\>  <P style=\"TEXT-INDENT: 2em;\"  \>一个网站的头部是用户打开你的网站时看到的第一个东西——第一印象很重要，所以，一个网站的头部也是非常重要的。如果一个用户不喜欢你的头部设计，他们很可能就会在浏览你的内容之前就离开你的网站了。</P\>  <P style=\"TEXT-INDENT: 2em;\"  \>有很多不同类型的头部，在本次收集中，你将看到从各种类型的网站中整理的25 个漂亮的头部设计 ，希望能为你的创意带来灵感。</P\>  <P style=\"TEXT-INDENT: 2em;\"  \>1. <A rel=\"nofollow\" href=\"http://www.61pixels.com/\"  \>61 Pixels</A\></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>2. <A rel=\"nofollow\" href=\"http://abduzeedo.com/\"  \>Abduzeebo</A\></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>3. <A rel=\"nofollow\" href=\"http://alifelski.com/\"  \>Ali Felski</A\></P\>  <P style=\"TEXT-INDENT: 2em;\"  \>4. </P\>',
              blogTag:'',
              blogUrl:'blog/static/9366135520102112534977',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1317340412528,
              publishTime:1268287534977,
              permalink:'blog/static/9366135520102112534977',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/9366135520102112534977">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 博客风格 - 手机博客 - 下载LOFTER APP - 订阅此博客

飘泊

导航

日志

25 个时尚的国外网站头部设计欣赏

历史上的今天

最近读者

热度

在LOFTER的更多文章

评论

页脚