3月份,Photoshop CS6 Beta版(下文简称PS CS6)发布公测,有着多项惊艳的新特性,工作中整天和像素打交道,感触比较深的特性就是PS CS6支持矢量对象绘制、变换时像素自动对齐网格。 当然,对象绘制、变换时像素对齐网格并不是PS CS6独有的功能,只是更智能更好用了,PS CS6的像素自动对齐网格功能在绘图过程中,无疑方便了很多,不必再担心图形边缘会出现模糊,但是我们在实际的图形设计过程中会发现,还是会经常需要调整 一些路径没有完全对齐到网格产生的半透明的过渡像素,用来平滑图形边缘减少锯齿感,或让图形看上去更饱满、更细腻,我们称其为次像素 (或亚像 素,Sub-pixel,一般用于屏幕显示技术等领域),如下图所示。
现在 iPad 也有视网膜屏幕 (retina display)了。正是依赖这视网膜显示屏,iPhone 4 的分辨率达到了640×960 pixel,iPad 的分别率达到了 1536 x 2048 pixel。不过为了保持向下兼容性,iOS 在网页上仍然是 320 × 480 point 和 768 … 了解更多
玩飞镖的时候,靶心是最难射中的位置,因为靶心是整个靶面上面积最小的部分。越是小的目标,就越是难以达到。这个准则在移动设备的触摸屏幕上同样适用。 众所周知,对于触屏设备用户来说,面积小的目标比面积大的目标更难操纵。所以,在设计移动设备界面的时候,触控目标一定要充分的大,足以让用户操作 自如。但是多大才算充分呢?多大才是对于大多数用户最合适的尺寸呢?各大移动设备开发者已经认识到这个问题,最常见的做法是在各大厂商的用户界面设计文档 中寻找答案。
首先是今天是本 Blog 上线 5 周年的纪念日。Blog 5 岁生日快乐!iLost 的 CMS 版在进行语音包的处理,很快就可以发布了。 最近把 iPhone 的样式更新了,主要是正对iPhone 的触摸特性把一些链接的点击区域放大了。iPhone 上由于屏幕限制就主打横屏浏览模式,搜索和分享在竖屏状态下是隐藏了的。 现在直接使用 iPhone 访问本站就可以看到新的针对 iPhone 优化后的主题样式了。
这个结合了自己这两个多月的工作所以遇到的问题,以及HTML5 的一些新特性来做一些应用上的介绍。 给 iOS 设备定制页面 其实只要网页已经使用了 HTML5 的标准来构建的网页,只需为 iOS 准备CSS 样式表文件就可以解决这个问题了。就像这篇文章里面的效果一样。没有使用任何相关的插件来实现。 iOS 设备都有一个特性那就是支持重力感应,屏幕的内容会随着设备在手里面的方向状态进行屏幕分辨率的宽度自适应。SO,浏览器在 CSS 的解析上就有了横竖两种分辨率的判断。不过 iPad 和 iPhone 的支持上又是有点区别的。Android 的也支持这个,不过 … 了解更多
最近把站点的 iPad 样式更新了,现在效果固定了。这个主题已经提交至WordPress 主题目录审核,通过后即可以发布了。不过提交的是简易版。 iPad 的主页竖屏:
夏日要到了,酷热的天气,灿烂的阳光,想在夏日里获得众人的目光和赞美,快试试小白介绍的几招,一起打造清爽的夏日装,让在一切更加舒服,有活力。 嗯…咳咳。这是说视觉界面上设计的事,无论是web、移动或客户端,要想视觉更加清爽下面的建议都会有帮助的。
这篇文章说实际问题的,所以不多强调,下面是我总结的一些比较突出的细节问题,而且我一直认为这些问题比较严重,正因为这些都是基本问题,很容易解决的,但把这种忽略养成一种习惯性的“经验”那就“杯具”了,然而这些细节问题也不同程度的代表了你的工作态度。 1)调整后的毛边 当对一个位图的大小进行调整后,正常情况下会留下1px的毛边(如果你注意的话),边界会变得模糊,如果继续调整模糊度会加大,这个问题太不起眼了,以至于你无法用肉眼来理绘,我们先用商品图片举例子: 也许单张小图还不够显注,下面对比一个列表图和大图,当然了除非你故意想要这种效果。
手势操作是苹果带给世界的惊喜,也是iPhone、iPad可 以成为热门产品的决定因素。虽然后期的Android和Windows Phone 7 也把手势操作带入产品。但对比之后发现,目前的Android系统的触摸操作并不流畅,WP7没有用过。即使是达到相同的流畅程度,毕竟是后来的竞争者, 其产品只能沦为和i系列产品做比较的二流地位。 Android所受到的追捧,无非也就是那些希望分到新操作模式下市场厂商的一种无奈惊喜。 不过,苹果在使用界面上还有一个特征就是全屏操作模式,可以说这种模式优点和缺点都共存。但全屏操作相对于多窗口操作模式来说,更适合于手势操作。因为 在固定区域上,手势具备唯一操作特性,例如用两指不同方向的划动,代表移动操作面,或其他指令,如果是复合的窗口则让指令变得复杂和莫名其妙,可以说,不 论是Android还是WP7,或WebOS都没有特别的理解手势操作的真正优势所在。
随着各个手机操作系统的应用平台的上线,几乎所有的互联网应用都在往手机上迁移。然而手机与PC 不一样,PC经过了多年的发展,在设计上形成了很多不成文的规则,如网页的宽度都在960px左右【当然,由于整体的电脑屏幕往大尺寸及高分辨发展,除了背景宽屏自适应外,不少网页也正朝着更宽的方向上发展】。当前的手机种类繁多,手机屏幕的大小、比例各异,并且手机的屏幕本身就小,因此既要考虑应用在不同屏幕大小上的适配,又要保持其一致性,同时还要提高每个手机屏幕的使用效率,这就存在着很多的矛盾点。 在客户端的设计过程中,针对不同的屏幕大小,应该如何来设计?是否每个大小的屏幕尺寸都需要一个新的界面布局,还是所有的屏幕尺寸都使用相同的界面布局?我们将在下面的内容中来探讨这些内容。




