技术总是不停地在变化。设备视图在不断地改变,同时设备的类型也在推陈出新。随着中等尺寸屏幕设备(mid-screen devices)的需求日益增长,管理所有设备的分辨率和屏幕尺寸已经变得越来越困难了。因此我们将现有的针对各种屏幕分辨率的管理工具整合在了一起,供用户下载。
无论是触屏的HVGA移动设备还是5路输入的高清晰电视,Punchcut的UI项目都涉及到了。我们一直致力于解决新屏幕尺寸的处理问题,并不断改善屏幕呈现格式。这些年来,我们已经推出了一些有效管理设备的方法和工具。
下面是一些更加详细的介绍,我们还在此分享了一些有用的工具:
设计注意事项
1.每个设备都各有不同
现有的设备是多种多样的,各种设备都有所不同。屏幕的物理尺寸和长宽比往往很难统一。即使某些设备的像素是一致的,它们的密度——像素的大小和像素间的空隙——也存在很大的差别。我们将要分享的工具就是专门用来处理这类问题的,有了它,新设备的开发将会轻松不少。
当然,需要注意的是,它是一个工具,并且仅仅只是一个工具。不要指望它能够完成你的所有工作。好的设计应该注重细节的处理。怎样处理细节?你不仅需要注意设备的尺寸,还需要考虑设备通常所处的应用环境:用户如何持有它,如何处理触摸操作,它是手持设备还是固定在某个物体表面的,以及在不同的环境中它是如何表现的。
多种分辨率(这个图片和其他相关的图片都可以在下面的下载链接中找到)
2.设计要以人为本
在为一个新的屏幕设计时,设计师的工作不仅仅是将元素的尺寸调整成适合设备大小的规格。更重要的是,他需要考虑设备在真实世界中是如何运用的,从而使得设计的格式能够符合用户的使用习惯。像素大小只是考虑的因素之一。像素密度的设计必须符合用户的触摸习惯,并且内容安排也需要方便用户的阅读。
3.在目标设备上测试你的设计方案
桌面屏幕通常具有固定的像素密度(72或是96dpi)。开发者往往以为使用PSDs就可以省去在真实物理设备上测试设计方案的步骤了。千万不要犯下这个错误。恰恰相反,在目标设备上重新审视你的设计工作是非常有意义的,你能够发现许多你可能忽视的设计缺陷。
工具集
我们的工作就是将设计师的设计想法更加高效和简单地呈现出来。为此,我们开发了一组非常实用的设计工具,它能够帮助设计师将各种抽象的想法转化为现实内容,帮助他们设计开发。我们愿意将这些工具与大家分享,促成更多更加优秀的设计,同时推动高质量的UI设计,让用户能更快地享受到优秀的UI应用。
我们希望,这个工具集能够帮助你更快地适应新设备和新分辨率的开发,让你能够将更多的经历投入到新功能的开发上。
工具集(1.0版本)包括的设备PSDs:Apple® iPhone®
4, Google® Nexus One, HP® Palm® Pre, RIM Blackberry® Torch™, Apple® iPad®, Motorola® Xoom™, 和Sony® Bravia™.
压缩文件中包含:
1.一组Photoshop® CS5的选取框工具集合,支持常见的屏幕分辨率。它涵盖了固定屏幕分辨率和符合标准分辨率的不常用规格。
2.一组支持常见设备设计方案演示的Photoshop CS5 PSDs。其中包含了标准的分辨率和设备类型(电视,平板电脑,智能手机)。这些屏幕尺寸可以根据具体的应用环境调节设计方案。
3.分辨率和设备布局的相关图表。
2011年四月5号更新到了1.1版本——修正了Blackberry上Torch文件的一些问题,它被设置成了100dpi。删除了部分PSDs中无用的剪辑路径。
注:本文是Punchcut公司的一个产品和技术介绍文章,作者是Andy Gilliland。
文章来源:Pixel Proliferation:A Toolset For Managing Screen Resolutions
译文来源:http://www.webapptrend.com/
WebAppTrend是一个独立的技术博客,关注WebApp前瞻和实践,以及智能浏览器发展
请大家在关注CSDN的同时,关注我们的新浪微博 @WebAppTrend,关注我们的腾讯微博@WebAppTrend,欢迎加入我们的:193775364
分享到:
相关推荐
Understanding theWarburg effect the metabolic requirements of cell proliferation
JEDEC JESD243A:2021 Counterfeit Electronic Parts:Non-Proliferation for Manufacturers - 完整英文电子版(18页).pdf
依达拉奉对低氧条件下神经干细胞增殖的影响,雷珊,张蓬勃,低氧能促进神经干细胞(NSCs)增殖及增加细胞内源性活性氧(ROS)的生成。但是低氧条件下自由基清除剂依达拉奉对神经干细胞增殖的�
核心蛋白聚糖调节人肺腺癌A549细胞增殖和侵袭,梁硕,徐金富,核心蛋白聚糖是一个小的富含亮氨酸的蛋白多糖,它在各种肿瘤细胞系的细胞生长和侵袭起着重要的调节作用。核心蛋白聚糖被发现非小
「业务安全」Stopping the Proliferation of IoT Botnets Is Dynamic Analysis the Answer - 移动安全 基础架构安全 数据安全 安全资讯 等级保护 WEB应用防火墙
信息安全_数据安全_Stopping the Proliferation of Io 网络信息安全 法律法规 安全研究 业务风控 应急响应
IgA在食管上皮的表达及其与增生的关系,黄博,王记红,目的:检测IgA在食管癌及癌变阶段组织中的表达情况,探讨其与食管上皮异常增殖的关系。方法:利用免疫组织化学染色检测IgA在197例食
An altered proliferation response due to the anticonvulsant phenytoin (PHT) in epileptic patients Teratogenesis, Carcinogenesis, and Mutagenesis 21:151–164 (2001) :copyright: 2001 Wiley-Liss, Inc...
独活寄生汤通过加快G1/S期转换促进骨性关节炎软骨细胞增殖,吴广文,陈文列,Objective: To investigate the molecular mechanisms behind the therapeutic effects of Duhuo Jisheng Decoction (DHJSD) on ...
CYP表氧化酶抑制剂抗多发性骨髓瘤细胞增殖和迁移的研究,SHAO Jing,LI Qiubai,Cytochrome P450 (CYP) epoxygenases have been detected in various human malignant diseases, suggesting potential roles of CYP ...
EGCG对卵巢癌细胞生长的抑制作用及其对AQP5表达的影,严春晓,杨建华,目的 研究EGCG对卵巢癌细胞 SKOV3的抑制作用及其对AQP5表达的影响,探讨其可能的作用机制。方法 EGCG和核转录抑制因子PDTC作用于SKOV3细胞�
羧甲基壳聚糖硫酸酯的制备及其对成纤维细胞生长的影响,樊李红,高松,采用新型酯化剂三磺酸钠胺(N(SO3Na)3)与羧甲基壳聚糖(CMC)反应,合成了羧甲基壳聚糖硫酸酯(CMCS)。利用红外光谱及核磁共振图谱对产物进�
异常凝血酶原(DCP)促进人血管内皮细胞增殖与迁移作用研究,李园园,袁奕,Des-γ-carboxyl prothrombin (DCP)是由肝细胞肝癌产生的异常凝血酶原,肝癌病人血液和肝组织高表达DCP可能表示恶性程度高和预后不良。...
吡非尼酮抑制人视网膜色素上皮细胞迁移、分化及增殖的体外研究,王晶,杨扬帆,目的 体外探讨PFD对RPE增殖、迁移、分化及细胞毒性作用。 方法 不同浓度PFD作用于人RPE后,划痕实验检测PFD对ARPE迁移能力的影响,WB...
Anxa2的23位酪氨酸磷酸化增强STAT3的活性促进乳腺癌细胞的增殖和侵袭能力,袁杰,牛瑞芳,目的:Annexin a2(Anxa2) 的过表达与乳腺癌的恶化,耐药及病人差的预后密切相关。由Src 家族酪氨酸激酶催化的Anxa2 的23 位...
水杨酸通过激活AMPK、抑制PDGFR/mTOR通路,从而抑制人多形性胶质母细胞瘤细胞的增殖,蔡尚,杨传来,目前已有研究证实在结肠癌等人恶性肿瘤中水杨酸能通过激活AMPK、抑制RTK/mTOR通路从而起到抗肿瘤的作用。...
β-伴大豆球蛋白酶解物中分离鉴定糖肽及其对小鼠脾细胞增殖效果的研究,张雪梅,郭顺堂,Hydrolysates A and P were derived from β-Conglycinin hydrolyzed by Alcalse and Pronase respectively, and then ...
癌性腹水激活核因子刺激卵巢癌SKOV3细胞增生,杨建华,陈学军,目的 探讨癌性腹水刺激卵巢癌SKOV3细胞增殖是否涉及NF-κB信号传导通路激活。方法 采用免疫组化及免疫印迹技术测定卵巢癌性腹水、卵�
基于二乙酰羧基荧光素-琥珀酰亚胺酯的流式细胞技术测定阿特拉津对小鼠淋巴细胞增殖能力及细胞杀伤活性的作用,陈锦瑶,霍娇,目的:应用基于二乙酰羧基荧光素-琥珀酰亚胺酯(CFDA-SE)的流式细胞方法测定阿特拉津...