Ryan Xia's BLOG

到底px和dip有什么区别呢？

2011-05-26T15:48:19+08:00

到底px和dip有什么区别呢？

dip != px

主要是针对不同设备而言的。在Density是160的设备上，比如用AVDManager创建的默认模拟器，dip和 px是一样的但是如果同样的代码，换到不同Density的设备上，比如换到一个Density是240的设备上，dip和px体现出来的大小就不一样了。px不管在什么样的设备上都是那样长，但是dip会根据设备变化；WQVGA屏density=120；QVGA屏density=120；HVGA屏density=160；WVGA屏density=240；density值表示每英寸有多少个显示点，与分辨率是两个概念。

当屏幕density=240时使用hdpi标签的资源
当屏幕density=160时，使用mdpi标签的资源
当屏幕density=120时，使用ldpi标签的资源。

不加任何标签的资源是各种分辨率情况下共用的。布局时尽量使用单位dip，少使用px。

换算公式为：
pixs =dips * (densityDpi/160).
dips=(pixs*160)/densityDpi

移动平台3G手机网站前端开发布局技巧汇总

2011-05-23T10:25:49+08:00

自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。

开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。

WebApp与Native App有何区别呢？

Native App：

1、开发成本非常大。
一般使用的开发语言为JAVA、C++、Objective-C。

2、更新体验较差、同时也比较麻烦
每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是也需要有一个恶心的提示）。

3、非常酷
因为native app可以调用IOS中的UI控件以UI方法，它可以实现WebApp无法实现的一些非常酷的交互效果

4、Native app是被Apple认可的
Native app可以被Apple认可为一款可信任的独立软件，可以放在Apple Stroe出售，但是Web app却不行。

Web App：
1、开发成本较低
使用web开发技术就可以轻松的完成web app的开发

2、升级较简单
升级不需要通知用户，在服务端更新文件即可，用户完全没有感觉

3、维护比较轻松
和一般的web一样，维护比较简单，它其实就是一个站点

Webapp说白了就是一个针对Iphone、Android优化后的web站点，它使用的技术无非就是HTML或HTML5、CSS3、JavaScript，服务端技术JAVA、PHP、ASP。

当然，因为这些高端智能手机（Iphone、Android）的内置浏览器都是基于webkit内核的，所以在开发WEBAPP时，多数都是使用HTML5和CSS3技术做UI布局。当使用HTML5和CSS3l做UI时，若还是遵循着一般web开发中使用HTML4和CSS2那样的开发方式的话，这也就失去了WEBAPP的本质意义了，且有些效果也无法实现的，所以在此又回到了我们的主题–webapp的布局方式和技术。

在此所说的移动平台前端开发是指针对高端智能手机（如Iphone、Android）做站点适配也就是WebApp，并非是针对普通手机开发Wap 2.0，所以在阅读本篇文章以前，你需要对webkit内核的浏览器有一定的了解，你需要对HTML5和CSS3有一定的了解。如果你已经对此有所了解，那现在就开始往下阅读吧……

1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用
1
2
3
4

第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；
第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；
第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；
第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码

2、HTML5标签的使用
在开始编写webapp时，哥建议前端工程师使用HTML5，而放弃HTML4，因为HTML5可以实现一些HTML4中无法实现的丰富的WEB应用程序的体验，可以减少开发者很多的工作量，当然了你决定使用HTML5前，一定要对此非常熟悉，要知道HTML5的新标签的作用。比如定义一块内容或文章区域可使用section标签，定义导航条或选项卡可以直接使用nav标签等等。

3、放弃CSS float属性
在项目开发过程中可以会遇到内容排列排列显示的布局(见下图)，假如你遇见这样的视觉稿，哥建议你放弃float，可以直接使用display:block;

4、利用CSS3边框背景属性
这个按钮有圆角效果，有内发光效果还有高光效果，这样的按钮使用CSS3写是无法写出来的，当然圆角可以使用CSS3来写，但高光和内发光却无法使用CSS3编写，这个时候你不妨使用-webkit-border-image来定义这个按钮的样式。-webkit-border-image就个很复杂的样式属性。

5、块级化a标签
请保证将每条数据都放在一个a标签中，为何这样做？因为在触控手机上，为提升用户体验，尽可能的保证用户的可点击区域较大。

6、自适应布局模式
在编写CSS时，我不建议前端工程师把容器（不管是外层容器还是内层）的宽度定死。为达到适配各种手持设备，我建议前端工程师使用自适应布局模式（支付宝采用了自适应布局模式），因为这样做可以让你的页面在ipad、itouch、ipod、iphone、android、web safarik、chrome都能够正常的显示，你无需再次考虑设备的分辨率。

7、学会使用webkit-box
上一节，我们说过自适应布局模式，有些同学可能会问：如何在移动设备上做到完全自适应呢？很感谢webkit为display属性提供了一个webkit-box的值，它可以帮助前端工程师做到盒子模型灵活控制。

8、如何去除Android平台中对邮箱地址的识别
看过iOS webapp API的同学都知道iOS提供了一个meta标签:用于禁用iOS对页面中电话号码的自动识别。在iOS中是不自动识别邮件地址的，但在Android平台，它会自动检测邮件地址，当用户touch到这个邮件地址时，Android会弹出一个框提示用户发送邮件，如果你不想Android自动识别页面中的邮件地址，你不妨加上这样一句meta标签在head中1

9、如何去除iOS和Android中的输入URL的控件条
你的老板或者PD或者交互设计师可能会要求你：能否让我们的webapp更加像nativeapp，我不想让用户看见那个输入url的控件条？

答案是可以做到的。我们可以利用一句简单的javascript代码来实现这个效果
1 setTimeout(scrollTo,0,0,0);

请注意，这句代码必须放在window.onload里才能够正常的工作，而且你的当前文档的内容高度必须是高于窗口的高度时，这句代码才能有效的执行。

10、如何禁止用户旋转设备
我曾经也想禁止用户旋转设备，也想实现像某些客户端那样：只能在肖像模式或景观模式下才能正常运行。但现在我可以很负责任的告诉你：别想了!在移动版的webkit中做不到！

至少Apple webapp API已经说到了：我们为了让用户在safari中正常的浏览网页，我们必须保证用户的设备处于任何一个方位时，safari都能够正常的显示网页内容（也就是自适应），所以我们禁止开发者阻止浏览器的orientationchange事件，看来苹果公司的出发点是正确的，苹果确实不是一般的苹果。

iOS已经禁止开发者阻止orientationchange事件，那Android呢？对不起，我没有找到任何资料说Android禁止开发者阻止浏览器orientationchange事件，但是在Android平台，确实也是阻止不了的。

11、如何检测用户是通过主屏启动你的webapp
看过Apple webapp API的同学都知道iOS为safari提供了一个将当前页面添加主屏的功能，按下iphoneipodipod touch底部工具中的小加号，或者ipad顶部左侧的小加号，就可以将当前的页面添加到设备的主屏，在设备的主屏会自动增加一个当前页面的启动图标，点击该启动图标就可以快速、便捷的启动你的webapp。从主屏启动的webapp和浏览器访问你的webapp最大的区别是它清除了浏览器上方和下方的工具条，这样你的webapp就更加像是nativeapp了，还有一个区别是window对像中的navigator子对象的一个standalone属性。iOS中浏览器直接访问站点时，navigator.standalone为false,从主屏启动webapp时，navigator.standalone为true，我们可以通过navigator.standalone这个属性获知用户当前是否是从主屏访问我们的webapp的。在Android中从来没有添加到主屏这回事！

12、如何关闭iOS中键盘自动大写
我们知道在iOS中，当虚拟键盘弹出时，默认情况下键盘是开启首字母大写的功能的，根据某些业务场景，可能我们需要关闭这个功能，移动版本webkit为input元素提供了autocapitalize属性，通过指定autocapitalize=”off”来关闭键盘默认首字母大写。

13、iOS中如何彻底禁止用户在新窗口打开页面
有时我们可能需要禁止用户在新窗口打开页面，我们可以使用a标签的target=”_self“来指定用户在新窗口打开，或者target属性保持空，但是你会发现iOS的用户在这个链接的上方长按3秒钟后，iOS会弹出一个列表按钮，用户通过这些按钮仍然可以在新窗口打开页面，这样的话，开发者指定的target属性就失效了，但是可以通过指定当前元素的-webkit-touch-callout样式属性为none来禁止iOS弹出这些按钮。这个技巧仅适用iOS对于Android平台则无效。

14、iOS中如何禁止用户保存图片＼复制图片
我们在第13条技巧中提到元素的-webkit-touch-callout属性，同样为一个img标签指定-webkit-touch-callout为none也会禁止设备弹出列表按钮，这样用户就无法保存＼复制你的图片了。

15、iOS中如何禁止用户选中文字
我们通过指定文字标签的-webkit-user-select属性为none便可以禁止iOS用户选中文字。

16、iOS中如何获取滚动条的值
桌面浏览器中想要获取滚动条的值是通过document.scrollTop和document.scrollLeft得到的，但在iOS中你会发现这两个属性是未定义的，为什么呢？因为在iOS中没有滚动条的概念，在Android中通过这两个属性可以正常获取到滚动条的值，那么在iOS中我们该如何获取滚动条的值呢？
通过window.scrollY和window.scrollX我们可以得到当前窗口的y轴和x轴滚动条的值。

17、如何解决盒子边框溢出
当你指定了一个块级元素时，并且为其定义了边框，设置了其宽度为100％。在移动设备开发过程中我们通常会对文本框定义为宽度100％，将其定义为块级元素以实现全屏自适应的样式，但此时你会发现，该元素的边框(左右)各1个像素会溢了文档，导致出现横向滚动条，为解决这一问题，我们可以为其添加一个特殊的样式-webkit-box-sizing:border-box;用来指定该盒子的大小包括边框的宽度。

18、如何解决Android 2.0以下平台中圆角的问题
如果大家够细心的话，在做wap站点开发时，大家应该会发现android 2.0以下的平台中问题特别的多，比如说边框圆角这个问题吧。
在对一个元素定义圆角时，为完全兼容android 2.0以下的平台，我们必须要按照以下技巧来定义边框圆角：
1＼-webkit这个前缀必须要加上（在iOS中，你可以不加，但android中一定要加）；
2＼如果对针对边框做样式定义，比如border:1px solid #000;那么-webkit-border-radius这属性必须要出现在border属性后。
3＼假如我们有这样的视觉元素，左上角和右上角是圆角时，我们必须要先定义全局的(4个角的圆角值)-webkit-border-radius:5px;然后再依次的覆盖左下角和右下角，-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-border:0;否则在android 2.0以下的平台中将全部显示直角，还有记住！-webkit这个前缀一定要加上！

19、如何解决android平台中页面无法自适应
虽然你的html和css都是完全自适应的，但有一天如果你发现你的页面在android中显示的并不是自适应的时候，首先请你确认你的head标签中是否包含以下meta标签：
1
如果有的话，那请你再仔细的看清楚有没有这个属性的值width=device-width，如果没有请立即加上吧！

20、如何解决iOS 4.3版本中safari对页面中5位数字的自动识别和自动添加样式
新的iOS系统也就是4.3版本，升级后对safari造成了一个bug：即使你添加了如下的meta标签，safari仍然会对页面中的5位连续的数字进行自动识别，并且将其重新渲染样式，也就是说你的css对该标签是无效的。
1

我们可以用一个比较龌龊的办法来解决。比如说支付宝wap站点中显示金额的标签，我们都做了如下改写：
1 95009.00元

未来标志设计10大趋势分析研究报告

2011-02-21T22:25:54+08:00

世界各地收集到35,000多个标志设计作品，这就像扫描仪一样有着某种神奇的力量，能客观地进行比较、分类，并量化出每一个设计的成功之处。当然扫描仪也有缺点，即它只能察觉出最明显的区别。

一些设计是由制图软件协助完成的，Illustrater的漩涡和收缩工具以及Scriptographer软件都有类似的嫌疑。同时，设计也会被当下的时事强烈迅速地影响，去年美国总统奥巴马选举时的“O”型标志就是一个例子。

但这仅仅是通过人的眼睛看到的——结合八年的经验和趋势变化轨迹，这份报告的优势十分明显，在一定程度上它能显示实际的情况。这是我在查看了数以千计的作品后发现的：透明度在标志设计中成为很好的表现形式，它已经不是一种趋势，就像字体或颜色，因为无处不在而不仅仅被视为一个方向。它本身就存在在那里。

同样，明亮的色调也已普遍，这可能是由于公众的眼睛已经被屏幕的高亮度色彩彻底训练了。确实，我们现在生活在一个RGB的世界，而不是CMYK的世界。

文字在标志设计中一直十分重要。在美元、客户和设计师的努力驱动下，标识设计更加简洁和直接，它将实际的文字植入标志，使信息传达更加直接。但也有一些标志仅仅是简单地塞满了一些信息。

使用颜色现在更加无拘无束，这可能是由于上下浮动的经济看起来有些让人迷惑。彩虹般的颜色已经超越了它原有的象征，经常被用来代表全方位、更多的选择或额外的功能。

一个十分令人鼓舞的趋势是来自东欧国家充满创新精神的、新鲜的设计。那里的设计师似乎无拘无束，他们身上有一些西方设计师已经失去了的东西。他们更倾向于为一个客户提供一系列迥然不同的标志设计，从许多不同的方向来阐释同样的一个问题。虽然不是所有的试验都能成功，但彰显了努力和探索。

斯堪的纳维亚的设计也出现了一点转变：倾向于更轻快、更新鲜的方式。干净的线条和当代的感觉一直存在，但设计师即使拥有了这些优点还要不断超越，那里有一种真正自由和探索的氛围。

还有什么是今年特别明显的?
1. 有大量的乐于展示的设计——至少一些客户正在勇敢地公布他们的身份,而不再是有一点点的害怕。
2. 有更明显的扭曲、色块和动画。
3. 同心圆,尤其常见的是相互套嵌和递减的圆形，或者从圆内创建物体。
4. “绿色系”仍然是普遍的，但它显然已经不再仅仅是用绿色来表现，任何新鲜的颜色都可以。
5. 最后，还有另一个显著的发现：多年来，成功的标志是基于有着漂亮的形状和单一的色彩或者简单的几个颜色。现在，设计师们开始寻求用各种手法和全新的面目来实现画面的表现形式。好的描绘和想法对项目的进程仍然是至关重要的，但在标志的表现效果上已经进入了一个全新的水准。

每年需要值得一提的是，这篇关于标志设计趋势的报告不是一种风格指导手册，它也不是一个有限的列表，显然还有其他有效的趋势没有收录在这里。

这份报告为您展示了标识设计正在发展的方向。“趋势”本身是一个非常消极的词，但事实上趋势并不坏。它记录了我们的成长，使我们不断前进。

01>立体

1. Iconologic, US Virgin Islands
2. Z&G, Brandogolik
3. Gardner Design, Graphic Impressions
4. Andrei Bilan, Kubis

这应该并不新奇，设计师再次从美术作品中借鉴技术、汲取灵感。就像立体主义的创始人毕加索和布拉克一样，回归到图形本身所带来的视觉享受。在标志设计中这个原则同样适用，这使得观念和风格得到完美的联姻和展现。在一系列很小的块面和几个像素内绘制图像真的是十分美观。

由于插图软件采用狄洛尼运算程序自动创建栅格和色彩平衡，使得这项技术得到广泛的应用。插画师Jonathan Puckey用这个方法绘制的照片取得了惊人的效果，一个类似的动画风格也已经成为很多公司宣传广告中的特色。在标志设计中，手工绘制这些块面成为了立体主义的视觉馈赠。

02>细胞

1. MYDE, Smart Communication Technologies
2. KITA International | Visual Playground, KITA
3. Seamless Creative, 1025 Photography
4. BrandBerry, Anvexa

微生物天生都有着自己的标签和毛刺，以上这些标志就是这些明星们的缩放版本。它们通常都是立体的，悬浮在空中或在水下平静地漂浮和等待。（事实上，任何这些标识都可以成为动画形象的完美选择。）尽管这种比喻有点可怕，但这些标志仍然极具魅力，数学的特质和神秘的力量让他们与众不同。

在一定程度上，源于中心对象散发的点似乎有一种触手般的含义，达到了某种意义上的连接和服务的意思。同样这组标志又往往体现为如何应用于复杂性。他们表现出混沌混乱的边缘，但仍然被认为是本质的完美展现，这种风格的积极面可以体现客户忠实于形式的复杂本质。

03>幻影

1. Julian Peck, Futbol California
2. Iconologic, America Natural Gas Alliance
3. Supersoon Good Design, Swiss Heat Transfer Technology
4. Strange Ideas, Shadow Farm

在视觉领域吸引人们的注意力是设计师最富挑战性的工作。引导人们去分辨很难看清的形象，使他们参与其中，这些类似于高斯模糊的标志让观看者至少花费几秒钟的时间来分辨和证实他们所见的东西到底是什么。标志半透明的柔软边缘也被认为是对视觉的一种微妙的挑衅。

让图形符合主题是必需的前提，所以并不是所有的标志都可以制作成模糊效果。记住，无论如何，神秘的东西会留给人们更多的想象空间，缓慢或部分地揭示比用文字完整地揭示更吸引人。如果观众能够通过轮廓就轻易辨认出这个图像，那么这个技术就得到了最佳的效果。另外颜色也是一个重要的线索，因为我们往往在辨认物体形状之前先要辨认到它的颜色。

04>重叠

1. Asta form, Sheriff Studio
2. Go Welsh, Penn State Architecture
3. Effusion Creative Solutions, musicplace.com
4. Liska + Associates Communication Design, Becker and Becker

即使制作并不完美，也能达到不错的效果。透明叠加的颜色通常以拆分CMYK和RGB的形式表现，重叠的字距和分开了的透明图层是这一趋势的明显特点。它们的颜色通常是明确和干净的，使得模糊重叠的部分更加明显。分层使连接不同的物体成为可能，并为一个相同的目标而努力。

这种趋势通常用于庆祝因为了共同目标而合并所显示出来的多元化。从另一个角度来看，它可能是从一个单一的实体分裂出了多个。因为都是明亮的的纯色元素，这个样式往往用于文化或娱乐的主题。尽管图像是静态的，但游移不定的元素给观众一种运动的感觉，这种不稳定性吸引了眼球并创造出这样的印象：即这些标志代表了一个正在进行中的工作。

05>部分

1. Kuznetsov Evgeniy, Russian Team
2. Ten:pm Media, Advanced Armament Corp.
3. Chris Rooney Illustration/Design, Ramsell
4. Hand dizajn studio, Diving Club Big White

这一趋势表明：“有的东西单独看是丑陋的，但很多组合在一起就是漂亮的。”用这些丑陋的东西中的任何一个（或实际上这些元素代表主体的一部分）都可以组合成一个理想的形象。很多元素聚集在一起是为了一个共同的目标。从远处看图像是一个更大的整体，但仔细看它是由很多分子组合在一起的。

在这里，形形色色的标识有着不同的需求和相似的目标。“我们是由公民组成的国家”创造了一个美国地图。上百名潜水员聚集在一起创建了一所学校并构成鲨鱼的轮廓，没错，这是一所潜水学校的标志。一个好的视觉形象可以帮助读者的视线在整体和组成部分之间相互跳转并达到平衡。

06>像素

1. Eight a.m. Brand Design , C2 MEDICAL SPA
2. Eightday Studio, Antioch Community Church Norman Corp.
3. Gyula Nemeth, HD City
4. Andrei D. Popa, City Tower

然后把这个Martha的头像在Photoshop中放大，充满你的电脑屏幕，此时这个16 x 16像素的方形肖像仿佛是通过显微镜看到的结果。可见一旦你将其分解成原子，它看上去就什么也不像。在 RGB 的世界中，屏幕上的最小元素就是像素，所以这些标志是在讲述它们的数字血统，它们都很愿意说：“这就是我们的本来面目。”

当处理数码产品时，像素似乎是一个天然的构建基块。它们自然传达一个概念：很多元素组合在一起构成一个更大的主体。这些颜色通常是高纯度和变化多样的，但即使在“HD City”标志单一的色彩中，你也可以看到一种颜色在微妙的色调范围内得到有效的使用。和上诉例子没有任何的关联，但现在面临的挑战是如何避免陈旧的复制方法，去发现一个制作这些微小的元素的新方法。

07>多面体

1. Doyle Partners, The Cooper Union
2. Kristin Spix Design, Phelps Stokes.
3. Tom Hughes Design, Zink, Inc.
4. Adstract Art, Civiquip Industries

Stephen Doyle为库珀联合学院创建了一个全新的、智能的视觉形象，这个结合在一起的翻滚动画元素有利于进一步推销概念。它只用了有着三个透明、艳丽块面的两个立方体（分别代表字母C和U），就展现出了一个很大的空间感，让观众感觉可以操纵空间并想象从不同角度观看这个标志。简言之，它邀请你参与其中并感到舒适惬意。

其他的形象设计也都是基于各种不同的透明立方体，暗示了空间感并引导我们与之产生互动。这可能会产生一种幻觉：设计师为消费者创造越多的参与度，消费者因感到对标志的拥有度高就越有机会购买物品，当对标志的拥有度越高，其消费忠诚度也会越高。

08>西洋镜

1. Iconologic, The Coca-Cola Company
2. Dalius Stuoka, Trava
3. Wizemark, MonkVibe
4. X3 Studios, Media IQ

一个图形里镶嵌着另一个图形使人印象深刻，由于其幕后有一个美好和令人信服的故事，一行路人突然融化变成了一个漂亮或有趣的图形。这些标志倾向于用生动而迷人的色彩和矢量的边缘，其对比的最低限度是避免出现视觉上的过度跳跃。这个趋势是一个为客户创造新的视觉形象和表达概念的新领域，同时也为品牌设计创建了新的视觉语汇。

Iconologic成功开发了用于在温哥华奥运会的一系列可口可乐图标。可乐瓶的剪影被分割成温哥华奥运会标志里的堆石形象。这些分割出来的元素不是单色或灰色，而是采用了奥运会场馆的蓝色和绿色，这种联想和颜色的使用即聪明又有效。

09>彩色流苏

1. BrandBerry, TravelWorld.su
2. Burocratik - Design, Leite & Leite
3. Factor Tres, Gaby Luna
4. Rpd Design, Osorio City Hall

每个人都有类似这样的童年记忆：在一个春天我们到一个五金店看到从电风扇或空调冷风窗口吹出的流苏，就是它保证了我们夏天在自己家里也可以享受到如从北极吹来的凉风。这些标识也许不了解这个寒冷的含义而更多的是关注风本身，让彩带在烈风下飘扬和拍打或仅仅是想表达一缕愉悦的清风。

这种趋势的关键是逐渐变细的图形元素和重叠的彩带。一般而言,它们是透明的，所以当相互重叠时会有颜色的变化。好像试图平衡自由的精神和失控的情绪。因为看起来像横向的烈火，所以这些设计传达出节日的喜悦气氛，可以在轻松愉悦的主题上得到很好的应用。

10>爆破

1. Sakideamsheni, Expo Georgia
2. Latinbrand, La Quinta
3. BrandBerry, 1945-2010
4. Porkka & Kuutsa Oy, Logistigo Oy

手绘的烟花无疑在吸引注意力上是最大的赢家。随着一声巨响迸发出的火花吸引了你的注意力，但爆发和光流都会转瞬即逝。你还有什么更好的方法为品牌形象表达兴奋、运动和喜悦之情吗?今年有很多这样的标志，他们处理图形的方式不尽相同，但都在费尽心思地捕捉这瞬间的美丽。

明亮的色彩和四处倾斜的光谱在今年到处可见。这些标志描绘出倒数欢呼的时刻、花开遍野的感觉和辉煌灿烂的闪光。尝试去表现这个效果是极具挑战性的,但是LatinBrands设计的LaQuinta标志和Porkka Kuutsa设计Logistigo标志都用简单的视觉语言完整出色地创造了它们。

-----------------------------------------------------------------

其他值得注意的趋势：

>壁画

1. Nectar Graphics, Mes Amies, Ladies Fineries
2. Koodoz Design, Tullamore Estate
3. Dirty Design, Nectar Homes
4. Kreativer Kopf, Schoen und Wider Druck

葡萄藤、植物群、彩色漩涡，看完过去几年里所有的这些技法之后，似乎感到一个过度装饰的时代离我们越来越近了。装饰和对印刷图形的迷恋已经发展为一种新的化身和全面燃烧着的色彩。在这个类别中标志的轮廓和形状耐人寻味，给生活注入了热情和值得注意的品味，其颜色的使用更是无可挑剔的。

没有什么比这个侧面女人的头饰更花哨的了，除非你想象得出她的脑子了想了些什么。娴静与华丽融于一身，思绪却早已飘逸无踪，一个生动的角色就这样被创造出来。这些剪影通常不会细致地描述，但其内斑斑点点的图形就如一个真实的故事般被娓娓道来。很明显，这些标志很大程度上依赖于斑斓的色彩，如果要求其用单色表现时是一个巨大的挑战，但我们大家谁是生活在一个单一无彩的世界里呢？

>面组

Niedermeier Design, Clear Bags

想象一下标志的表面被透明的几何图形覆盖，每个层面就像面板一样被组合在一起。

>彩虹

Rise Design Branding Inc., Star Creative

任何使用彩色光谱进行旋转的标志，常常会为标志创造一个花环式的效果以使得颜色可以循环流动。

>肺量图

Interrobang Design Collaborative, Inc., Zero2sixty Creative

标志由很多重复的细线组成，但不一定是圆形花结的形式，线条的多少呈现出标志的不同面貌。

两首不错的广告英文歌

2011-01-12T16:34:32+08:00

三星 i908 主题曲

built to last

播放视频文件

在线播放

Artist: Melee

I've looked for love in stranger places,
but never found someone like you.
Someone whose smile makes me feel I've been holding back,
and now there's nothing I can't do.

because this is real, and this is good.
It warms the inside just like it should,
but most of all, most of all,   it's built to last.

All of our friends saw from the start.
So why didn't we believe it too?
Whoa yeah, now look where you are.
You're in my heart now.
And there's no escaping it for you.

because this is real, and this is good.
It warms the inside just like it should,
but most of all , most of all,  it's built to last.

Walking on the hills that night with those fireworks and candlelight
You and I were made to get love right

because this is real, and this is good.
It warms the inside just like it should,
but most of all, most of all,  it's built to last.

because you are the sun in my universe,
considered the best when we've felt the worst
and most of all, most of all, it's built to last.

第二首是大众宝来主题曲
you are beautiful

播放视频文件

在线播放

Artist: James Blunt

My life is brilliant.
My life is brilliant.

My love is pure.
I saw an angel.Of that I'm sure.
She smiled at me on the subway.
She was with another man.
But I won't lose no sleep on that,
'Cause I've got a plan.

You're beautiful. You're beautiful.
You're beautiful, it's true.

I saw your face in a crowded place,
And I don't know what to do,
Cause I'll never be with you.
Yeah, she caught my eye,As we walked on by.
She could see from my face that I was,
Fucking high,
And I don't think that I'll see her again,
But we shared a moment that will last till the end.
You're beautiful. You're beautiful.
You're beautiful, it's true.

I saw your face in a crowded place,
And I don't know what to do,
'Cause I'll never be with you.

La la la la, la la la la, la la la la
laaaaaa

You're beautiful. You're beautiful.
You're beautiful, it's true.

There must be an angel with a smile on her face,
When she thought up that I should be with you.
But it's time to face the truth,
I will never be with you.

office 2010 无限激活包

2010-11-03T10:44:07+08:00

三步破解步骤：

运行"office 2010 正版验证激活工具"激活软件

01，关闭防火墙；

02，点击“Install/Uninstall KMService”安装“KMS”服务器；在弹出窗口记得输入Y 才能继续

03，点击“Rearm office 2010”进行重置；

04，点击“Activate office 2010 VL”，即可成功激活，这时候检查激活状态。

http://www.ryanxia.com/temp/office2010_active.rar

SYMBIAN^3 即将来袭

2010-10-21T11:41:38+08:00

Flash动画

在线播放

SYMBIAN^3 即将来袭

智能手机市场的天平开始倾斜

2010-10-21T09:52:50+08:00

本文是 Micheal Vakulenko 为 VisionMobile 网站所写的专稿。他的职业开始于高通的无线部门，目前已经在手机行业工作了16年。他在手机技术的许多方面都有着丰富的经验，包括手机软件，移动服务，网络基础设施以及无线系统工程。

正好是一年前，我写了一篇文章，认为苹果的 iPhone 和 Google 的 Android 将在智能手机竞赛中取得领导地位，并把所有的陈旧手机系统抛在身后。事实证明我说对了，一年之后，iPhone 和 Android 在用户数量、运营商以及开发者生态圈上稳居龙头地位。

Symbian 这条大船由于冒险进入开源领域而继续下沉，变得无关紧要。Symbian 基金会董事会成员中，仅有的两个手机制造商最近宣布离开了母舰。三星和索爱最近都宣布它们不再发布任何新的 Symbian 手机。更糟糕的是，主要的芯片制造商在支持 Symbian 的力度上在不断减弱。Symbian 的前途很明晰：隐藏在 Qt 应用框架之后，Symbian 很快会变成只有诺基亚才使用的系统。

RIM 稳步滑向中低端智能机市场。与一般的印象相反，企业用户不再是黑莓平台最重要的用户。超过一半的黑莓服务使用者，以及黑莓销售 80% 的增长来自于消费群体。其原因是 Blackberry Messenger 在青少年和大学生中很受欢迎。

与诺基亚和 RIM 不同，微软采取了主动出击的策略。巨人没有修补 Windows Mobile 这艘漏船，而是精心设计了一个全新的智能手机平台，以应付 iOS 和 Android 带来的挑战。

不要错误的认为微软开发 Windows Phone 的主要目的就是为了赚点授权费。其真正的动机是保卫微软的核心业务：Windows 和 Office 产品线。移动需求以及智能手机已经变得无处不在。微软必须有一个令人信服的手机系统，以防止越来越多的用户陷进苹果和 Google 的生态圈。

有报告指出，卖给大学生的电脑数量上，苹果与戴尔持平。很自然的，一个已经拥有 iPhone 的人，他会更倾向于购买一台 Mac。一个经常使用 Gmail 和 Google 服务，以及 Android 手机的人，更乐意抛弃 Outlook，Word，Excel 和 PowerPoint，改用 Google 基于云端的替代品。

微软的绝大多数收益来自于 Windows 系统以及 Office 软件的授权费。这个软件巨人无法承受用户在这方面转向苹果和 Google 的后果。Windows 和 Office 都必须占领 “手机屏幕”以保持竞争力。

重回战场？

终于把电视背景墙搞了~

2010-10-18T21:29:37+08:00

完全被世博影响了，下图闹腾的，终于把电视背景墙搞了~

interbrand---2010全球最佳品牌

2010-10-17T19:32:50+08:00

2010-国庆-五峰

2010-10-10T16:02:31+08:00