WEB前端开发

这次除了从这些 CSS Gallery 网站中挑选最新的设计外，还增加了几个自己收藏的 XHTML+CSS 布局网站，如 Zeldman 老大哥的。这些设计都是我比较喜欢的，但不一定是你所喜欢的，所以仅供参考。这次分享的网站比较注意导航栏设计，可以说一个漂亮的导航栏决定了一个 XHTML＋CSS 布局网站质量，一些网站凭一个独特的导航栏就能吸引人，即使它下面的设计有凑数的感觉。Smashing Magazine 这篇文章列出了很多出众的导航菜单设计。

头些天我比较喜欢的 bartelme.at 改版，一些 CSS Gallery 网站也随之做了推荐，他的每次改版都能引来关注。还有就是昨天 Derek 写了一篇文章“WordPress China Users, operating on their own terms”，建议大家都去看看顺便发表一下自己的看法。再推荐一个 WordPress 主题“Hello 2007”，我喜欢它的导航菜单，手感很好。

另外，如果英文不错，可以去 9rules 的设计社区玩玩，很多高手都在。

1、www.spiga.com.mx

2、www.vivereacomo.com

3、hellowiki.com

4、hotpress.brandexpansion.com

5、bartelme.at

6、www.zeldman.com

7、5thirtyone.com

8、www.binarymoon.co.uk

9、ikram-zidane.com

10、www.solutionwatch.com

11、www.miskonys.lt

12、www.emanuelblagonic.com

13、www.bramn.com

14、dannyblackman.com

15、www.jackvanj.de

16、www.fluidbook.com

17、www.hongkiat.com

18、www.ndesign-studio.com

19、www.lifespy.com

20、iconshoppe.com

Photoshop 顶级密诀》(Photoshop Top Secret DVD 1-5)[ISO]

中文名称：Photoshop 顶级密诀
英文名称：Photoshop Top Secret DVD 1-5
资源类型：ISO
发行时间：2007年08月13日
地区：美国
语言：英语
类型：视频教程
电驴中有四张DVD，共19G。目前我才下载了两张，看了前面部分视频教程，感觉很不错，大家有兴趣可以去看看，不过先提醒一下，DVD的内容是全英文的，包括视频解说（老外的教程，有免费的下载已经不错了）。如果您觉得看视频不爽，你也可以去订购他的全彩书籍。。

官方地址：http://www.photoshoptopsecret.com/
电驴下载：http://lib.verycd.com/2007/08/13/0000159952.html

实在是想不出啥标题了，本来想用“设计中不可忽略的10个细节”，可是有人跟我说太庸俗了。所以，就写一个比较夸张的标题吧(也比较土)，呵呵～～

因为自己在设计的时候就对这些东西经常不是很在意，以为是很小的事情，结果往往给自己搞出不少的麻烦。可能大家没有我这么粗心，不过还是想提醒一下跟我一样的设计师：细节决定成败。

1.提示信息
用户既然做了，那么是对是错、是好是坏、是成功是失败，总得给人家一个反馈吧？！给他们留一个能看到这些信息的地方吧。

2.帮助提示
当设计表单或者一些操作比较复杂的功能时候，千万不要忘记给这个地方加一个提示（帮助）哦！即使那是文案设计师做的事情，起码也要留一个地方。

3.无结果（404）、无数据页面。
每次做项目都会遇到的页面，逃也逃不掉。

4.文字折行，缺行。
设计师总爱在PS里搞一个最好看的宽度来演示效果，现在注意了：有的时候这些内容不会像你想像的那么听话。一个字符的有，一百个字符的也有，综合考虑下吧。

5.单词过长
这个问题老大难，一个表格（容器）里遇到“64d91eb441377ee66b823e3732f775ac64d91eb441377ee66b823e37…”这样的东西怎么办？

6.label标签
用到checkbox，一定不要忘记加！地球人都知道了～～

7.为你的连接加上title
这个就更不用说了，title=”一定要加啊！”

8.区别
可填不可填要有区别，必填选填要有区别，可点不可点要有区别，可选不可选要有区别，点与不点要有区别……

9.更多
有的时候加一个“更多>>”会让用户发现更多自己需要的东西。

10.翻页
信息多的时候，不要忘记还要翻页的哦！多少条一页？如何翻页？

从这些 CSS Gallery 网站中精选了 20 个比较漂亮的 XHTML＋CSS 布局网站。推荐给喜欢网页设计的人，无论是做博客模板还是做网站设计，在设计理念、色调、导航条、按钮、排版布局方面，都有一些值得借鉴的地方。왕의@Chinaui.com 采编

1、www.apple.com

刚刚改版的苹果官网，配合即将上市的 Leopard 风格。

2、www.youtilize.com

这种布局和色彩搭配很适合我的口味。

3、www.pingdom.com

一个测试网站连接和内容 (包括 HTML, CSS, JS 和图片) 加载时间的服务。

4、www.workhabit.org

5、www.web2themes.com

这是一个 WordPress 主题，特别之处就是加入一些人的剪影作为网页元素。

6、www.zik.fr

7、www.ashwebmedia.com

8、maczone.sk

9、www.joshuadunaway.net

10、vogue.sofamade.com

11、www.peckadesign.cz

选中它，完全是因为这个导航条，有点 reinvigorate.net 的感觉。

12、www.vikiworks.com

国人作品，设计得很巧妙，把生活中用到的东西都放了上去。

13、www.knight-creative.co.uk

14、goincase.com

15、oaktreecreative.com

16、www.pixel-house.com.au

17、www.pavelrichter.cz

18、www.immaginidipaolo.com

19、www.eutelnet.biz

20、www.erikafocke.com.br