设计观点View
 12

PNG的秘密—— 一淘前端分享会

PNG是我们经常使用的图片格式,但是你真的了解PNG吗?
此次一淘前端分享会,一丝冰凉将带大家深入了解你不知道的PNG。首先有三个问题:
什么是 PNG?
PNG 有哪些特点?
如何优化 PNG?

六月的雨

杭州的雨淅淅沥沥,朦胧且富有诗意,六月,草长莺飞南下杭州,带着青春,奔着理想,只愿化作一粒汤圆,起初慢慢沉淀,而后吸收转化开始升华,我如汤圆,人生如汤圆 ;有感作联一副: 西子湖畔丝丝垂柳依依袅袅几多情,华星园内翛翛学子孜孜矻矻鸿鹄志

inline-block空隙--letter-spacing与字体大小/字体关系数据表

letter-spacing与字体大小/字体关系的数据表 Firefox 3.6.12 Chrome 7.0 Safari 4.0(win) Opera 10.51 IE8 IE6/7 是否兼容 16px/Arial -4px

让用户体验回归自然-超级产品经理张小龙首次公开秘籍

个人对用户体验的目标是,做到“自然”。
我观察3岁的小孩用iphone很容易上手。比如,iphone的开锁,小孩甚至不用学就会用。因为触摸是人的天性,同时iphone通过箭头图标,向右滑动的文字条(小孩看不懂文字),来暗示手指触摸向右滑动来解锁。自然和人的天性是一致的。大人因为成年后受污染较多,反而不一定立即学会iphone解锁,可能需要看文字解释来理解。所以不识字的小孩可能比老年人更快学会使用iphone。需要用文字来解释的交互不是好交互。

clearfix改良及overflow:hidden详解【译文】

clearfix 和 overflow:hidden 可算得上是不增加额外标签清除浮动的两个最流行的技术了。这篇短文介绍了如何改进clearfix进行增强,同时对overflow:hidden进行了深入的解释。

三谈Web默认字体

最近疯狂测试 reset.css, 第一个首要测试点就是默认字体。前不久秦歌的帖子和我的再谈,收到了很多朋友的反馈。重新整理了下,请先仔细查看测试页面:web-default-font.html1. Tahoma 字体的问题,小麦总结过。在 IE6 下,Arial 字体在下划线的显示上的确略有优势,甚至有神奇的魔数 1.231 来让中英文对齐。但除了 IE6, 其它浏览器下,Arial 表现并不好。考虑门户网站的设计趋势,链接加下划线的形式,已逐步去掉,比如 YAHOO 首页。国内腾讯首页也早就去掉了满屏

再谈Web默认字体

玉伯旧的博客已经打不开了,转过来存档,【】内为 一丝冰凉 做的适当补充。秦歌这篇文章【web默认字体】总结得很不错,俺挑刺来啦:1. 优先级的描述不严谨,有 !important 时,网页样式可以覆盖用户自定义样式。用户!important > 网页!important > 用户 > 网页 > 浏览器默认。2. Tahoma 字体从 Win95 就有了,并且从 Win2000 开始,Tahoma 成为 Win 英文系统的默认字体。2007 年,在 Mac OS X v10.5 (L

作者头像

margin负值 – 一个秘密武器

【一丝冰凉】/2012-05-03/层叠之美

margin负值 – 一个秘密武器

CSS盒模型中,margin是我们老熟悉的一个属性了, 它的负值你用过吗? 你知道margin负值的秘密武器吗?我们一起看看吧!

JS弹出层遮罩,隐藏背景页面滚动条细节优化

做过弹层组件的童鞋应该都考虑过特殊情况下取消页面滚动条,让其不能滚动,这样用户体验会好很多,当弹层内容超出屏幕展现范围的时候在弹层上面增加滚动条来查看全部内容。

iPhone 三种应用类型的布局方式小析

在手机这样一个小小的有限的屏幕尺寸里,要使界面保持清晰合理、简洁美观,就涉及到产品“框架布局”的设计问题,我们需要根据不同的产品需求及应用场景来设计合理的界面布局。 iPhone平台的标准界面布局为顶部标题栏、中部内容区、底部工具栏/标签栏,设计师们根据不同的应用类型以及不同的使用情境进行着巧妙的布局,其中不乏很多勇于打破常规,精巧合理的布局设计。今天就一起来看看iPhone平台多样化的界面布局方式。 iPhone平台有三种类型的应用: 效率型应用(Producti

移动应用设计之--小户型设计

在房价高涨的今天,对于年轻的家庭以及单身一族来说,通常会选择小户型作为过渡。小户型设计却仍然要求“麻雀虽小,五脏俱全”,小面积与增加功能的 矛盾日益加深。与小户型设计及其相似的还有近些年来兴起的手机交互设计。现在各个企业都如火如荼的进行着手机客户端的设计开发,手机界面尺寸有限,如何尽 量少的形式表达出用户真正的需求,又让用户有好的体验呢?

移动应用设计如何更加节省空间?

  设计来源于生活。最近在装修自己的房间,翻阅了一些相关的家居设计资料,发现交互设计和家居设计有很多相似的地方。小户型空间有限,手机屏幕也只有巴掌大小,在两种小空间上进行设计一定很多共通之道。携程UED的同学也是心有灵犀,很早就为我们奉献了一回精彩的分析(http://ued.ctrip.com/blog/?p=2905)。对于这么有意思的主题,还是想多唠叨几句。

移动应用设计如何更加节省空间?

  设计来源于生活。最近在装修自己的房间,翻阅了一些相关的家居设计资料,发现交互设计和家居设计有很多相似的地方。小户型空间有限,手机屏幕也只有巴掌大小,在两种小空间上进行设计一定很多共通之道。携程UED的同学也是心有灵犀,很早就为我们奉献了一回精彩的分析(http://ued.ctrip.com/blog/?p=2905)。对于这么有意思的主题,还是想多唠叨几句。

 12