设计就是炼金术,用她可以化腐朽为神奇!
根据自己的一些经历做了一个简单的关于”Web设计师”的发展路线。希望可以为更入行的设计师们解除一些对未来发展的困惑。可以提前为以后的发展做好储备。
武侠小说里面经常写:高手过招,无招圣有招。而对于网站设计来说也是如此,当到达一个境界的话就是一个子”无”。虽然现在有更多的交互技术flash,flex,silverlight,因为宽带的普及,我们在设计上可以用更多质量更高的图片,因为大屏幕液晶显示器的普及,我们现在的网页可以在一个屏幕中设计更多的元素。但是我们发现那些真正NB设计,就像武林高手一样处事低调,无招圣有招。
一、空白 不知道什么时候起,开始流行”空白”风潮,国内好多设计师的blog也都一一变成”白板”。而google的首页和flickr的设计更是把”空白”发挥到了极致。
从上面的设计可以看出,设计者把用户最想要最想看的东西呈现出来,其它一切都可忽略。
前段时间研究了一下jquery,发现jquery要其他类型的库要容易学习的多,而且比较实用。有一天和一个朋友聊天,他也在学jquery,学习的感受也是和我一样。然后我就仔细的比较了一下jquery和其它的库,发现jquery在实用和易学使用上确实有自己的特点。
一、封装的恰到好处 封装一个库最难的就是一个尺度问题,就是说封装的层次过于底的话,那么应用到项目的时候就会发现很多东西需要自己再写,还是很麻烦。但是封装的过于高层,做项目的时候又不是很灵活。而jquery正好是取得了一个中间点,把一般项目中最最常用的函数封装进去,同时不是过于底层,也不是过于高层。正合适的位置上。所以一般用jquery有一种特别舒服的感觉。 看过《精通javascript》书的人可能会发现,其实那本书就是写jquery是怎么构建起来的。我们通过那本书可以发现,作者完全就是从实际工作中总结经验,最终慢慢形成了一个jquery。
最近突然发现在网页设计中”栅格”或者说”网格”这个词特别火。原因我分析主要是源自淘宝ued团队的4片文章。同时呢还有腾讯的前端开发部门也发出了声音。
栅格还是网格?
对于这个问题是在腾讯那篇文章中作者特别强调是网格不是栅格,甚至还把《超越css》和《平面设计导论》拿出来说,还说如果说成是栅格不尊重作者等等啦。其实首先一点是,无论是栅格或者是网格,英文都是grid,这和作者的并没有太大关系和核心思想也没有太大关系,把这个东西拿出来说事我猜可能是因为,文章开头写了一段为和老大要福利啥的后来被老大说了,就是因为这个栅格系统。所以特别拿出来这个说事,还因为是可能他们老大是看了淘宝的文章才提到这个事等等啦。
其实归根到底就是grid应该翻译成什么,有些地方翻译成栅格,有些地方翻译成网格。其实这和设计没啥关系,就是一个语文问题而已。
网格很容易理解,就是网络组成的格子。那栅格呢?我么来查一些字典关于栅的解释:栅其实是一个多音字,读shan 四声或者读栅zha四声。都zha四声的时候,一般的词就是栅栏,用竹木铁条等做成的阻碍物。读shan四声的时候,就是栅极,由金属丝组成的筛装网状或螺旋状电极。其实从解释上就可以看出栅格和网格根本就是一个意思,只不过栅格更加正式一些,而网格更加口语化一些仅此而已。
这些话是从《设计模式 head first》中摘录的,句句都是经典,细细体会就会有很大的收获,这些原则,不仅仅用于标准的程序开发,也适合css/html页面代码的设计和产品的需求设计
1、找出应用中可能需要变化之处,把他们独立出来,不要和那些不需要变化的代码混在一起。
2、针对接口编程,而不是针对实现编程。
3、多中组合,少用继承。
4、为了交互对象之间的松耦合设计而努力。
5、类应该对扩展开放,对修改关闭。
6、要依赖抽象,不要依赖具体类。
7、最少知识原则:只和你的密友谈话。
8、别调用(打电话给)我们,我们会调用(打电话给)你。
9、一个类应该只有一个引起变化的原因。