2011年8月3日

CSS技巧二：真正的DIV高度height自适应

参考：兼容性良好的DIV自动高度解决方法
http://blog.missui.com/archives/%E5%85%BC%E5%AE%B9%E6%80%A7%E8%89%AF%E5%A5%BD%E7%9A%84div%E8%87%AA%E5%8A%A8%E9%AB%98%E5%BA%A6%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95.html
重要提示：IE6 和IE7中，包含子容器的父容器高度自适应，有个BUG，比如说在这个例子里面，如果没用使用相关的技巧，那么就会把最后个子容器的margin-bottom:10px给忽略了。
所以这两个是个比较完美的方案。
方案一，父容器的最后放一个clear:both的子容器。
方案二，父容器的overflow和height的自动高度“auto”。
阅读更多博文 »
没有评论:
标签：

20个让你找到免费web模版的网站

没有评论:
标签： ,

快速提升你的工作效率——PS中的文档管理（下）

PS中回溯历史记录的步骤是有限的，所有操作在经历超过一定步数的修改后都无法进行版本还原，以及进行针对原版本的修改。对于一个工程文件而言，版本不可逆是灾难性的。所以针对PS，我们应该保留素材的原始数据，尽量使用非破坏性编辑。
“非破坏性操作”是图像处理软件长久以来面临的问题，Adobe从最早的版本到最新的CS4，经过十几年发展，ps的用户们也遍历变迁。最早PS的 使用者为了保留历史版本，不得不频繁“保存副本”。直到后来有了历史记录面板，有了快照，有了调整图层，有了智能对象，CS3版本中更向3dsMAX学习 了属性堆栈。
来看看PS在“非破坏性操作”的4个方面上已具备的功能（截止到CS3版本）：
  • 原始数据的留存：智能对象、历史快照。
  • 效果叠加：填充图层、调整图层、混合模式和图层样式
  • 操作区域：上文中提到的蒙版，剪切组
  • 属性堆栈：智能对象的滤镜库堆栈（PS3中新功能）。
阅读更多博文 »
没有评论:
标签： ,

快速提升你的工作效率——PS中的文档管理（上）


这是一个重要但是容易被忽视的领域，很多设计师没有文档管理和文档规范意识。认为只有代码工作者才需要什么编码规范和版本控制系统，photoshop作为一个应用软件，讨论这个有什么意义呢？
阅读更多博文 »
没有评论:
标签： ,

Tab （选项卡）的产品设计原则及应用

源地址：http://blog.xiqiao.info/2009/07/03/409
译者：西乔 来源：Smashing Magazine 作者：Jacob Gube
Module Tabs(也称选项卡，后文中简称Tab，以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签 上，来请求显示该层内容区。
（译注：本文中指的是狭义的Tab，指在界面的某一版块区域内所应用的Tab设计。实际上，绝大多数网站导航也是Tab的一种应用。）
web界面的设计趋势是缩短页面屏长，降低信息的显示密度，但同时又不能牺牲可视的信息量。在这种趋势下，Tab 这种交互元素成为了一个越来越普遍的应用。例如在Blog界面的设计中，人们在侧边栏使用Tab模式来显示 ”最新更新|最热更新“ 的文章列表以引导用户快速跳转到文章内容页，这种模式令页面结构紧凑同时在视觉上不那么喧宾夺主。
本文将讨论基于web页面或其它web应用中如何设计Tab，同时分享一些产品设计原则、真实的应用案例、教程以及一些能帮助你直接实现Tab应用的免费脚本。
阅读更多博文 »
没有评论:
标签：

2011年2月1日

35个专业设计图库


每个设计师都需要灵感。这种灵感其实俯拾皆是，理想地说，灵感可由各种各样的来源寻获。我们周围的自然、印刷出版物、艺术、音乐、摄影、建筑及其他事物均可作为设计灵感的极好源泉。但既然大多数web与美术设计师一上网就好几个小时，那么图库站点和博客往往可成为灵感的固定来源。

随着近年来web设计与CSS图库的风靡，专业或利基图库常被证明是最实用的在线灵感来源。在本帖里，我们将特别推出35个各类图库网站，它们一定会对你大有帮助。
阅读更多博文 »
没有评论:
标签：

2010年9月15日

Space Lighting Effects in 10 Steps - Photoshop Tutorial

Space Lighting Effects in 10 Steps - Photoshop Tutorial

阅读更多博文 »
没有评论:
标签：
订阅： 博文 (Atom)