Posts Tagged ‘赏析’

AnythingZoomer jQuery Plugin

AnythingZoomer 是 Chris Coyier 制作的一款基于jQurey的放大镜插件。感觉很有意思。

先来看一下淘宝UED的应用:照片墙下载

阅读全文 »

Adobe前端开发——结构层概况

一、概况

Adobe采用了每刷新一次页面,调用一款产品的方式,给访问者展示不同的内容。

首页分成了4个区块:
A.顶部导航区、B.产品展示区、C.产品列表及相关信息块、D.底部版权区
解析如下:

HTML片段:

二、顶部导航区

导航区域,Adobe用”dt”和”dd”分出了4个小块:

解析如下:

不太符合国内开发习惯的是,他们采用了从右向左的写法,先给出了最右侧LOGO区域的<dt id=”adobe-logo”>标签,然后是<dd id=”site-search”>搜索区域,最后才是上下并列的两个左侧导航区域。值得借鉴的是,Adobe在导航区的下拉菜单运用了”dl”内 嵌套”ul”的方法来实现效果,在国内的网站中这种写法目前尚不多见。

HTML片段:

三、产品展示区

这个区块主要是通过FLASH来作为主要的表现形式

通过JS中FMARotator参数对背景层及对应产品FLASH路径的指定,来实现每刷新一次页面,更换一下产品展示区域的内容。

HTML片段:

四、产品列表及相关信息块

从直观上看,这是一个三列的布局:

但实际上Adobe只把这部分内容分成了两个大的块,<div id=”contentBody”>和<div id=”contentPocket”>
解析如下:

然后再用”columns-2-AB-A”和”columns-2-AB-B”这样的共用样式,分别切分出左右布局的结构,最后使用<br class=”clear-both”/> 清除浮动,代码非常简洁。

HTML片段:

五、底部版权区

相比较上边的内容,这里的结构比较简单

整体分成了上下两个块,上部的是站内的链接区域,下部的就是版权信息了

内部代码仍然采用了从右向左的写法。

HTML片段:

暗调站点设计赏析

1. http://www.designbyfront.com/

2. http://www.larissameek.com/

3. http://snagt.net/

4. http://www.justinshattuck.com/

5. http://www.glingglo.net/

6. http://www.brokenkode.com/

7. http://www.johndahlback.com/

8.  http://fusionfox.com/


9. http://sercotransarctic.com/

10. http://www.ronemedia.com/


11. http://www.lodowski.eu/

12. http://www.soulshaker.co.uk/

13. http://www.merix.com.pl/

14. http://coda.co.za/

15. http://ebonmusic.com/


16. http://www.vlp2005.com.ar/futbol7/

17. http://www.verdurethought.com/

18. http://www.jor-on.com/


19. http://www.artlantis.nl/blog/

20. http://www.dacreate.co.uk/

鲜亮站点设计赏析

1. Eurovision Song Contest – Helsinki 2007

2. – VG DESIGN

3. Internet Dreams web site design

4. 13 strides

5. Alex Buga – Graphic Designer

6. Djin

7. Design Disease – Feel my symptoms

8. Luis Alarcón, Blog

9. Scrapbook Your Memories

10. Lost and Found | The Found Bin

11. Yellowlane | So much time. So little to do.

12. Realizzazione siti web Viareggio,Studio grafico viareggio

13. PISA Trekking – Aventura Levada a Sério

14. Urban Originals

15. The Ituloy Angsulong Experience

16. Cube Club Chemnitz

17. Nieárna

18. Fresh news

19. Arcsin | Webbyr?/U>

20. 3pix Studio

21. Galuppi’s in Pompano Beach for Wedding Receptions

22. scpgt | matt northam

23. sparklette.net

24. A-FILM

25. Jindra Holy

26. The Collective Commercial Works of Drew Europeo

27. THOMSON Consumer Brand Portal

28. Carbonmade: Your online portfolio.

29. luke stevens | design + consulting

30. AnyGivenFriday

31. Porfolio of Stephano Dinamarca Fernández

32. Disco – Mac Disc Burning

33. Ajans Peri ~ 2007

34. sebdesign.eu | graphic and web design | online portfolio

35. Trojan Records

36. CaraWilliams.com.au

37. Intabill – Dedicated Merchant Accounts…

38. Café Rouge – Restaurant – Bar – Café

39. :. JUNTA DE FREGUESIA DE CASTELO BRANCO .:

40. Kloobik.org : retour à l’Open Source

41. kara burke illustrations : prints

42. Infiniti Mixed Media

43. James’ living diary

44. Ubersuper

45. Zvik.com Designs

崔凯博客
Powered by Aliyun | Theme by ck web design | TOP 顶部
Copyright © 崔凯 All rights reserved. 蜀ICP备12025891号.