教程

用Photoshop制作ipad界面的步骤

字号+ 作者/录入:3d3d 来源:发现吧 2010-04-20 [在线反馈] 我要评论

读:介绍用Photoshop制作ipad界面步骤,此类界面的重点是阴影效果,其中小图片从网上可以下载

iPad拟物化设计的博弈040大湾区工业设计网

1024X768 VS 320X480040大湾区工业设计网
  320X480是iPhone的屏幕分辨率,而1024X768是新发布的平板设备iPad的屏幕分辨率。凭着这组分辨率的变化以及初窥iPad的外观,会觉得iPad不过是只“放大版”的iPad touch,一致的制作工艺,连“Home”键未做改变原封不动摆在了屏幕下方,似乎又被“戏谑”了一把。然而深入到界面设计的变化,iPad程序的界面并未做简单的放大处理(如下图:iPhone和iPad上日历软件界面的对比)040大湾区工业设计网
040大湾区工业设计网
iPad拟物化设计的博弈040大湾区工业设计网

  同样是日历软件,iPad上日历程序通过纸张肌理,布局调整等变化,整体给人的视觉印象是一本可以翻动的“记事本”。同样类似的拟物化设计被大范围运用到iPad程序上,给界面带来了全新的面貌和革新。谈起拟物化界面设计,一直有在使用,而且伴随着图形化界面的产生发展过程,诸如界面图形语意,质感,肌理都是拟物化的体现,一个最简单直白的例子就是按钮往往被设计成中间凸起的样子去引导用户去“按”。040大湾区工业设计网

 040大湾区工业设计网

iPhone/iPad界面的空间感040大湾区工业设计网
  广义地说,整个iPhoneOS也是被拟物的,触摸屏幕是平,但我们从触摸屏看到是凹凸有致的一个桌面世界,或者说更像是一个房间(如下图),这个房间有一套自己光照系统。延续Macos界面的光源系统,主光源是垂直方向90度的光照,它决定了这个空间里物体的阴影方向、倒影、反光面等等;040大湾区工业设计网

 040大湾区工业设计网

iPad拟物化设计的博弈040大湾区工业设计网

  当中不得不提房间中的物体-桌面图标,这些圆角小方块起到了很重要的角色。相比一般操作系统桌图标处理方式的五花八门。iPhone os为了统一各图标风格,下了“狠招”:统一圆角化处理,垂直90度阴影,还有头部一道反射高光。而这些样式默认是通过程序来强制实现的,这样也就看到了具有相对统一光照环境的房间。由于这些样式是默认开启的,这样也就方便了一般开发者花少量的功夫就能让程序拥有相对美观的程序图标,(附注:当然你实在觉得应该让自己的程序图标不同凡响,也是可以自定义样式的。具体见iPhone人机界面指南如何自定义桌面图标章节。)iPhoneOS这套光照系统的影响是无处不在的(在进行Apple平台相关设计时务必留意:)),这里抓个实际例子-按钮中的文字效果:浅色和深色按钮,在里面文字的处理效果是不一样的,统一的是文字是被凹刻在按钮上的。在浅色按钮上,文字90度向下方向有一道白色反光;而在深色按钮上,文字90度向上方向有一道阴影。对比如下图:  文  /  龙骑士

 1/2    1 2 下一页 尾页

转载请注明出处。

转载此文是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。

相关文章
网友点评