《圆角的一点思考》的评论 http://www.kdued.com/2008/07/roundcorner/ 数据 用研 交互 视觉 做有品质的体验设计 Fri, 03 Feb 2012 05:51:21 +0000 hourly 1 http://wordpress.org/?v=3.3.1 作者：viqnrbig http://www.kdued.com/2008/07/roundcorner/comment-page-1/#comment-372 viqnrbig Wed, 14 Jan 2009 01:03:35 +0000 http://www.kdued.com/?p=137#comment-372 我也不是很推荐博主写的这种方法，这种方法有三点问题： 1.图片比较大、不方便处理，我想当内容部分的背景不是白色而是其它颜色时这个问题会比较明显； 2.扩展性不够好。这一个问题不是独立，博主采用的方法对图片的依赖比较大，如有改动感觉改动的地方比较多； 3.最后是本人的一点愚见，此方法在页面布局上逻辑不如文中事例1.雅虎口埤的清晰。博主的方法主要是利用层的背景色为透明，将层嵌套得到一个圆框。但在编写xhtml代码时，如果不查看样式表，可以说完全不知道为什么要这样写。而在雅虎口埤中层次比较清晰，可用三条横线将整个圆框划为四个部分：顶部圆角；标题部分；内容部分；底部圆角。代码量虽然大了，但胜在条理清晰，如果再给CSS的类起上个好名字，那就算只能看到xhtml代码也能很轻易的了解到编写者的意图 除去博主提到的三种圆角实现方法外，还有一种我比较推荐的方法：像素差，这种方法图片量更小（如果没有特殊需求可以完全不用图片）；层次清晰；但相应的代码量比较大，CSS写起来也比较吃力，圆角的效果也不如图片来得圆润。 我也不是很推荐博主写的这种方法，这种方法有三点问题：
1.图片比较大、不方便处理，我想当内容部分的背景不是白色而是其它颜色时这个问题会比较明显；
2.扩展性不够好。这一个问题不是独立，博主采用的方法对图片的依赖比较大，如有改动感觉改动的地方比较多；
3.最后是本人的一点愚见，此方法在页面布局上逻辑不如文中事例1.雅虎口埤的清晰。博主的方法主要是利用层的背景色为透明，将层嵌套得到一个圆框。但在编写xhtml代码时，如果不查看样式表，可以说完全不知道为什么要这样写。而在雅虎口埤中层次比较清晰，可用三条横线将整个圆框划为四个部分：顶部圆角；标题部分；内容部分；底部圆角。代码量虽然大了，但胜在条理清晰，如果再给CSS的类起上个好名字，那就算只能看到xhtml代码也能很轻易的了解到编写者的意图

除去博主提到的三种圆角实现方法外，还有一种我比较推荐的方法：像素差，这种方法图片量更小（如果没有特殊需求可以完全不用图片）；层次清晰；但相应的代码量比较大，CSS写起来也比较吃力，圆角的效果也不如图片来得圆润。

]]> 作者：alice http://www.kdued.com/2008/07/roundcorner/comment-page-1/#comment-317 alice Thu, 25 Dec 2008 03:54:07 +0000 http://www.kdued.com/?p=137#comment-317 不是很推荐这种做法~还是比较喜欢yahoo的方式，或者不用图，全用样式写出来，扩展性更强~ 不是很推荐这种做法~还是比较喜欢yahoo的方式，或者不用图，全用样式写出来，扩展性更强~

]]> 作者：挖客 http://www.kdued.com/2008/07/roundcorner/comment-page-1/#comment-264 挖客 Wed, 03 Dec 2008 02:46:53 +0000 http://www.kdued.com/?p=137#comment-264 不错的方法！ firefox的下载按钮好像就是第一种方式实现的 不错的方法！
firefox的下载按钮好像就是第一种方式实现的

]]> 作者：cnscorpio http://www.kdued.com/2008/07/roundcorner/comment-page-1/#comment-258 cnscorpio Sun, 30 Nov 2008 02:54:28 +0000 http://www.kdued.com/?p=137#comment-258 添加js貌似就要复杂点了。。。上面的方法都是不需要添加js的 添加js貌似就要复杂点了。。。上面的方法都是不需要添加js的

]]> 作者：前端网 http://www.kdued.com/2008/07/roundcorner/comment-page-1/#comment-256 前端网 Sat, 29 Nov 2008 19:14:45 +0000 http://www.kdued.com/?p=137#comment-256 一张图片！一段JS！自适应内容的高度和宽度！以前公司做过！ 一张图片！一段JS！自适应内容的高度和宽度！以前公司做过！

]]> 作者：cnscorpio http://www.kdued.com/2008/07/roundcorner/comment-page-1/#comment-250 cnscorpio Thu, 20 Nov 2008 05:20:18 +0000 http://www.kdued.com/?p=137#comment-250 就是图片会大一点。。 就是图片会大一点。。

]]> 作者：天驱 http://www.kdued.com/2008/07/roundcorner/comment-page-1/#comment-249 天驱 Thu, 20 Nov 2008 05:02:01 +0000 http://www.kdued.com/?p=137#comment-249 滑动门的想法不错，学习一下 滑动门的想法不错，学习一下

]]> 作者：zgy http://www.kdued.com/2008/07/roundcorner/comment-page-1/#comment-51 zgy Thu, 17 Jul 2008 17:55:26 +0000 http://www.kdued.com/?p=137#comment-51 半夜顶一顶，继续吃烧饼。。。。。 半夜顶一顶，继续吃烧饼。。。。。

]]> 作者：cnscorpio http://www.kdued.com/2008/07/roundcorner/comment-page-1/#comment-50 cnscorpio Thu, 17 Jul 2008 17:50:31 +0000 http://www.kdued.com/?p=137#comment-50 有更好的建议记得给我留言。。。。。。。 有更好的建议记得给我留言。。。。。。。

]]>