許多部落格網站使用摘要的方式展示前一頁的内容，那麼如何設計才能使網站即具有吸引力，又讓使用者找到自己需要的内容，下面這些案例的摘要做的恰如其分。希望對咱們開發人員有些啟迪。
<a href="http://workawesome.com/" target="_blank">Work Awesome</a>
<a href="http://wecritiquedesigns.com/" target="_blank">Design Critique</a>
<a href="http://www.stripturnhout.be/" target="_blank">Strip Turnhout</a>
<a href="http://www.ka2.fr/" target="_blank">Kaligram</a>
<a href="http://developmentseed.org/blog/" target="_blank">Development Seed Blog</a>
<a href="http://theswishlife.com/" target="_blank">The Swish Life</a>
<a href="http://www.jordandchan.com/" target="_blank">Jord & Chan</a>
<a href="http://line25.com/" target="_blank">Line25</a>
<a href="http://www.uxbooth.com/" target="_blank">UX Booth</a>
<a href="http://spyrestudios.com/" target="_blank">Spyre Studios</a>
<a href="http://designfeedr.com/" target="_blank">Design Feedr</a>
<a href="http://www.thevisualclick.com/blog/" target="_blank">The Visual Click</a>
<a href="http://www.markforrester.co.za/" target="_blank">Mark Forrester</a>
<a href="http://www.bradruggles.com/" target="_blank">Brad Ruggles</a>
<a href="http://www.twirkethic.com/" target="_blank">Twirk Ethic</a>
<a href="http://westcoastpoppin.com/" target="_blank">West Coast Poppin</a>
<a href="http://www.thephotoargus.com/" target="_blank">The Photo Argus</a>
<a href="http://www.krftd.com/" target="_blank">Krftd</a>
<a href="http://officeal.com/" target="_blank">Officeal</a>
<a href="http://freelanceswitch.com/" target="_blank">Freelance Switch</a>
<a href="http://www.powerfulcms.com/blog" target="_blank">Powerful CMS</a>
<a href="http://www.daleanthony.com/" target="_blank">Dale Anthony</a>
<a href="http://devot-ee.com/" target="_blank">Devot:ee</a>
<a href="http://vectips.com/" target="_blank">Vectips</a>
<a href="http://10steps.sg/" target="_blank">10Steps.SG</a>
<a href="http://www.blog.spoongraphics.co.uk/" target="_blank">Blog.SpoonGraphics</a>
<a href="http://blog.x3studios.com/" target="_blank">X3 Studios Blog</a>
<a href="http://chrisguillebeau.com/3x5/" target="_blank">The Art of Nonconformity</a>
<a href="http://www.istokpavlovic.com/blog/" target="_blank">Istok Pavlovic</a>
<a href="http://bluedotsdesign.com/blog/" target="_blank">Blue Dots Design</a>
<a href="http://designreviver.com/" target="_blank">Design Reviver</a>
<a href="http://www.unblogged.fr/" target="_blank">Unblogged</a>
<a href="http://wellmedicated.com/" target="_blank">Well Medicated</a>
<a href="http://www.creativetempest.com/" target="_blank">Creative Tempest</a>
<a href="http://www.kineda.com/" target="_blank">Kineda</a>
<a href="http://www.francescamusic.com/" target="_blank">Francesca Battistelli</a>
<a href="http://colorburned.com/" target="_blank">Colorburned</a>
<a href="http://www.gomediazine.com/" target="_blank">GoMediaZine</a>
<a href="http://ecoki.com/" target="_blank">Ecoki</a>
其他UI欣賞：
<a href="http://www.cnblogs.com/ywqu/archive/2009/11/15/1603460.html" target="_blank">表單元素：40個CSS/JS風格和功能技術處理</a>
<a href="http://www.cnblogs.com/ywqu/archive/2009/11/15/1603452.html" target="_blank">推薦Jquery 40個漂亮的導航菜單設計</a>
<a href="http://www.cnblogs.com/ywqu/archive/2009/11/17/1604983.html" target="_blank"><推薦>35個優秀的電子商務網站界面</a>
版權
作者：靈動生活 郝憲玮
如果你認為此文章有用，請點選底端的【推薦】讓其他人也了解此文章，
本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利。