关于本博客文章更新问题的公告……

发表于 2011 年 12 月 04 日 由 yunsheji

　　首先，向各位一直关注“云设计”博客的朋友道个歉，由于本人近段时间一直忙于工作，另外服务器不稳定而造成一系列的问题，导致本网站更新停滞，访问不稳定，所以本人在此作出声明：

　　本人工作稳定之后，会马上解决服务器问题，然后着手对自己在前端开发方面的一些技术做相关总结和不定期会发表一些原创的技术性文章，欢迎各位朋友继续支持“云设计”这个专注于前端开发，关注用户体验的博客，谢谢！

发表在 未分类, 设计杂感 | 2 条评论

三十款最常用css选择器解析

发表于 2011 年 09 月 09 日 由 yunsheji

 　　你也许已经掌握了id、class、后代选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器，包括我们最头痛的浏览器兼容性问题。掌握了它们，才能真正领略css的巨大灵活性。

1.* {margin: 0; padding: 0;}

　　星状选择符会在页面上的每一个元素上起作用。web设计者经常用它将页面中所有元素的margin和padding设置为0。
　　*选择符也可以在子选择器中使用。 继续阅读 →

发表在 CSS | 标签为 | 留下评论

line-height带单位与不带单位的区别

发表于 2011 年 09 月 01 日 由 yunsheji

　　line-height是可以继承的，所以子元素就可以不用重复定义line-height了。我们一般也会在后面带上单位(如:line-height:22px; 或是line-height:1.4em;)，但line-height会给人带来麻烦的地方也就是这个继承和后面加的单位。 继续阅读 →

发表在 CSS | 标签为 | 留下评论

CSS属性之line-height详解

发表于 2011 年 09 月 01 日 由 yunsheji

　　行高指的是文本行的基线间的距离，但是文本之间的空白距离不仅仅是行高决定的，同时也受字号的影响。

  • 语法

　　line-height属性的具体定义列表如下：

  1. 语法： line-height : normal | <实数> | <长度> | <百分比> | inherit
  2. 说明： 设置元素中行的高度。
  3. 值： normal：默认行高，一般为1到1.2； 实数：实数值，缩放因子； 长度：合法的长度值，可为负数； 百分比：百分比取值基于元素的字体尺寸。
  4. 初始值： normal
  5. 继承性： 继承
  6. 适用于： 所有元素
  7. 媒体： 视觉
  8. 计算值： 长度和百分比值为绝对值；其他同指定值。 继续阅读 →
发表在 CSS | 标签为 , | 留下评论

关于用visio 2010画UML用例图时没有include关系的解决方法

发表于 2011 年 08 月 09 日 由 yunsheji

　　今天用Microsoft Visio 2010画用例图时，发现visio 2010 UML用例里面也找不到include关系，即“箭头”+“<<include>>”这个组件。于是上网搜了一下，但没有找到比较好的解决办法，经过本人苦苦尝试，终于发现一个可行的解决办法：

　　首先：打开Microsoft Visio 2010 -> 选择模板类别“软件和数据库” -> UML模型图->点击菜单栏“UML” -> 单击选项“构造型”-> 新建 > 构造型那里输入include -> 基类那里选“归纳”-> 最后“确定”；

　　使用：把UML用例下的“扩展”或“用”拖到绘图页上 -> 选中并右键属性 -> 构造型下拉列表中选“include” -> 确定即可，这时发现include关系就显示出来了。

（文章来源：云设计）

发表在 需求分析 | 标签为 | 留下评论

浅谈中国风格网页设计

发表于 2011 年 08 月 02 日 由 yunsheji

　　中国风格的网站，因其气势磅礴，高贵典雅，独具韵味而受到很多人的喜爱，近年来被大量应用于传统文化、历史人文景点、地产项目等网站中。那么，怎样设计出别具中国气质的网站作品呢？我谈一些个人不成熟的想法，希望对您有所帮助。若有错误之处，请不吝指出。文中参考了很多高人大作，但没有办法一一联系，只能在此表示由衷的感谢。

1、构图。

　　合理巧妙的构图与内容布局是一个网页设计成功的关键。数千年的文明传承下来，中国人有其独特的构图审美。

对称
　　对称美是中国传统美学中重要的一部分。对称美体现在中国传统设计的方方面面，如城市格局、皇宫建筑、皇帝陵寝、太极图、对联、钱币、宝剑，无不用到对称的设计理念。传统设计中的对称有左右对称、上下对称、中心对称等多种形式，网页由于其特殊性，一般用到最多的是左右对称。对称的网页设计使得整个画面有了平衡、和谐、庄重之美。 继续阅读 →

发表在 网页设计 | 标签为 | 留下评论

浅析网站用户体验的五个层面

发表于 2011 年 08 月 01 日 由 yunsheji

　　最近忙于公司网站改版，有些冷落博客，今天抓紧写一篇，内容选题自然就落到了网站运营上。

 

用户体验

 

什么是用户体验？

　　用户体验（User Experience），简称UE，是一种纯主观的在用户使用一款产品（服务）的过程中建立起来的心理感受。由于是纯主观的，就带有一定的不确定因素，个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计的实验来认识到，比如网站的用户体验。 继续阅读 →

发表在 用户体验 | 标签为 | 留下评论

浅析2010年网站设计发展趋势

发表于 2011 年 07 月 27 日 由 yunsheji

　　有人会说，伟大的设计是永恒的。是的，在一个理想世界中，我们不用关注这些新的趋势。
　　实话讲，有很多网站都值得我们关注，分析趋势，特别是某些网站。
　　网络的变化太快是我们不得不面对的现实。不像在其他媒体，Web的设计原始动力不只是美学。
　　技术是不断变化的，可以大大加强媒体的能力。
　　2010年，我们看到设计师继续推进网页设计的发展，以下明显的趋势… 继续阅读 →

发表在 行云设计 | 标签为 | 留下评论

CSS清理浮动的各种方法和对应利弊

发表于 2011 年 07 月 27 日 由 yunsheji

　　清除浮动一个凡是做页面的人都会遇到的一个东西，但是是否大家都能够清楚的知道，全方位的了解呢？于是一闲下来了马上写了这样的一篇文章，不能讲面面俱到，然而基本能将我所知道的倾囊相授了。

　　我们粗略的一起来看看清除浮动的办法一共有多少个(IE里面用zoom:1就不写了，下一个专题再写)。对应的DEMO

  1. 采用伪类:after进行后续空制的高度位零的伪类层清除
  2. 采用CSS overflow:auto的方式撑高
  3. 采用CSS overflow:hidden的方式产生怪异适应
  4. 采用display:table将对象变成table形式
  5. 采用div标签，以及css的clear属性
  6. 采用br标签，以及css的clear属性
  7. 采用br标签，以及其自身HTML的clear属性 继续阅读 →
发表在 CSS | 标签为 | 留下评论

CSS清除浮动最简单的方法

发表于 2011 年 07 月 27 日 由 yunsheji

　　在CSS森林（30247792）群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动，嘿嘿，这个方法不单使用简单，而且FF、OP、IE7都支持，从此可以告别那又长兼容性又差的FF清浮动的方法了。

　　方法真的很简单，只要为需要清浮动的标签加上overflow这个属性。 继续阅读 →

发表在 CSS | 标签为 | 留下评论