叛逆的西瓜

喜欢动画 想拍电影 喜欢吹牛 天南地北。一个会画画的平凡人。

移动端H5页面的设计稿尺寸(上)

ZIKO:


由于HTML5和微信内置浏览器的火爆,移动端H5网页越发流行。在设计制作移动端网页的时候,你是否疑惑,这种网站设计稿应该做成的多少屏宽,是否应该跟手机的分辨率一致,还是应该按照iPhone的分辨率来设计(注意H5网页区别于APP,APP的设计稿直接按照手机分辨率来设计)?那么对于现在2K屏幕的手机,应该如何制作设计稿和前端稿呢?

由于文章篇幅原因,结论先行:

1、像素是没有宽高的(不要被Photoshop中的像素格欺骗),它只代表一个采样的色值。

2、任何图片作为数据信息被保存在存储盘中时,只有宽高像素数是有意义的,此时的ppi对于图片来说时没有任何意义,也并不能描述这个图片有多少英寸的宽度或者高度,而只有在被打印出来后才有ppi的意义,被打印出来才可以描述这张图片有多高多宽。

3、平时制作H5页面时设计原型时,产品经理出的原型稿建议屏宽为320px,用这个尺寸一是为了浏览方便(现在很多手机的屏宽达到1440px,用这个尺寸去模拟显然不现实),二是以iPhone5s为标准的手机屏宽较小,进行内容排版布局时屏宽应该向下兼容。

4、制作设计稿时,设计师应该把原型稿上的所有尺寸进行2倍处理。这样设计稿在移动设备上预览便可保证清晰。而前端切片时,按照现在流行的做法,可以直接使用原型稿上的尺寸,也就是设计稿上的1/2

5、一般情况下,H5页面设计稿做成640x1136px是最为稳妥的尺寸,在812px高度处增加一条安全线,重要内容在此线之上(网上有些文章说安全线是960px处,个人认为不太准确)。既保证了在移动设备上显示清晰,也保证了素材的最小尺寸。推荐前端攻城狮使用腾讯智图,这里的图片压缩还是相当好用,可以节省用户不少带宽。

-------------------------------------------------------------------分割线---------------------------------------------------------------------


作为本次文章系列的“上”部,将解决一些基本概念:像素(pixel)、ppi、分辨率、物理像素(physical pixel)、CSS像素、设备独立像素(deviceindependent pixel)等等。

像素(pixel像素维基百科

为图像显示的基本单位,表示“图像元素”之意。每个这样的信息元素不是一个或者一个方块,而是一个抽象的采样仔细处理的话,一幅图像中的像素可以在任何尺度上看起来都不像分离的点或者方块;但是在很多情况下,它们采用点或者方块显示。

这一段是出自维基百科的解释。其实很多会Photoshop的人都有一个误区:认为像素是一个宽高相等的小方块,并且的像素都是“那么大”,但是不知道这个宽高的具体数字。

像素是一个抽象概念,它是一个相对单位。

像素描述的是图像在某一点的颜色值。一般来说,一个像素只能描述一种颜色值。

先可以跳过这个话题,介绍ppi概念,像素没有大小就好理解了。

PPI

PPI的复杂之处在于如果他所属的上下文环境不同,意义也会完全不一样。 当我们在谈论显示设备的PPI时,它代指的屏幕的像素密度;当我们在谈论和图片相关时,我们谈论的是打印时的分辨率或者打印机的打印精度。这里我们主要描述的前一种情况。

PPI全称为Pixel Per Inch,译为每英寸像素取值,更确切的说法应该是像素密度,也就是衡量单位物理面积内拥有像素值的情况。


                                                          图1

举例1:

中的七张图,假设图片尺寸都为1x1寸,那么 PPI 分别为 1、2、5、10、20、50、100 。在同一物理尺寸内,随着像素数的增大,图像细节越多, PPI 增大,图像越清晰,像素所占空间相对越小。

因此,从讨论像素大小的角度来说,图①中各个方框像素的宽度(单位为英寸)分别为:1、1/2、1/5、1/10、1/20、1/50、1/100。像素在每个不同ppi下大小都不同,因此讨论像素的大小也就变得无意义了。像素是没有大小的。像素是一个抽象概念,它是一个相对单位。

像素描述的是图像在某一点的颜色值。一般来说,一个像素只能描述一种颜色值。

举例②:

在photoshop中分别建立两个文档:①800x600px,72ppi,②800x600px,300ppi。那么这两个文档在PS或者生成图片时,显示的视觉效果是完全一样的,因为宽高的像素点数是完全一样的,在设备上渲染出来的效果图是一致的。当你把文档②中的任意图层复制到文档①中,从视觉上发现图层不会变大或者缩小。只有把这两个文档作为图片1:1打印出来时,才会发现72ppi的图片要大于300ppi的图片(注意ppi的含义),前者宽(高)大约是后者的4.16(300/72)倍。

任何图片作为数据信息被保存在存储盘中时,只有宽高像素数是有意义的,ppi对于图片来说时没有任何意义的,也并不能描述这个图片有多少英寸的宽度或者高度,而只有在被打印出来后才有他的意义。

分辨率

分辨率泛指显示系统对细节的分辨能力。能显示图像都能叫显示系统,比如显示器,投影仪,照片。

分辨率常用的单位有:dpi(点每英寸)、lpi(线每英寸)和ppi(像素每英寸)。从单位来看,分辨率是一个比值,与物理单位的比值。

日常所说的“这张图片的尺寸(或分辨率)是100x100像素”,一般都是在描述数字图片,这样的描述只是说明了图片文件包含多少个像素。比如图1中的七张图,我们习惯于说,第1张图的分辨率是1x1像素,第5张图的分辨率是20x20像素,其实只是说明了图片的像素数而已。

Retina显示屏

这是一种显示技术,可以将把更多的像素点压缩至一块屏幕里,从而达到更高的分辨率并提高屏幕显示的细腻程度,这种分辨率在正常观看距离下足以使人肉眼无法分辨其中的单独像素。

最先使用retina屏幕是iphone 4,屏幕分辨率为960 * 640(326ppi)。

对比如下两幅图,可以清晰地看出是否 Retina 屏的显示差异: 


                                    图2  iPhone 3GS


                                          图3  iPhone 4

两代iPhone 的物理尺寸(屏幕宽高有多少英寸)是一样的,从上图可以看出,iphone 4的显示效果要明显好于iphone 3GS,虽然 iPhone 4 分辨率提高了,但它不同于普通的电脑显示器那样为了显示更多的内容,而是提升显示相同内容时的画面精细程度。这种提升方式是靠提升单位面积屏幕的像素数量,即像素密度来提升分辨率,这样做的主要目的是为了提高屏幕显示画面的精细程度。以第三代 MacBook Pro with Retina Display为例, 工作时显卡渲染出的2880x1880个像素每四个一组,输出原来屏幕的一个像素显示的大小区域内的图像。这样一来,用户所看到的图标与文字的大小与原来的1440x900分辨率显示屏相同,但精细度是原来的4倍。

注意:在桌面显示器中,我们调整了显示分辨率,比如从 800 * 600 调整到 1024 * 768 时,屏幕的文字图标会变小,显示的内容更多了。但 Retina 显示方式不会产生这样的问题,或者说, Retina 显示技术解决的是显示画面精细程度的问题,而不是解决显示内容容量的问题

设备独立像素

为什么是“每四个一组”?而且要让这四个一组来显示“原来屏幕的一个像素”?这大概就是 Retina 显示技术的一种表现吧。而这“每四个一组”的“大像素”,可以被称作“设备独立像素”, device independent pixel ,或者 density-independentpixel ,它可以是系统中的一个点,这个点代表一个可以由程序使用的虚拟像素,然后由相关系统转换为物理像素

“设备独立像素”也有人称为“CSS像素”,一种形象的说法,更倾向于表明与 CSS 中尺寸的对应。

设备独立像素与物理像素的对应关系,可以这样看:


                                                     图4

类似的每四个一组的对应关系,也许正是 Retina 显示技术所做的。

CSS像素

作为Web开发者,我们接触的更多的是用于控制元素样式的样式单位像素。这里的像素我们称之为CSS像素。

CSS像素有什么特别的地方?我们可以借用quirksmode中的这个例子:

假设我们用PC浏览器打开一个页面,浏览器此时的宽度为800px,页面上同时有一个400px宽的块级元素容器。很明显此时块状容器应该占页面的一半。

但如果我们把页面放大(通过“Ctrl键”加上“+号键”),放大为200%,也就是原来的两倍。此时块状容器则横向占满了整个浏览器。

吊诡的是此时我们既没有调整浏览器窗口大小,也没有改变块状元素的css宽度,但是它看上去却变大了一倍——这是因为我们把CSS像素放大为了原来的两倍。

CSS像素与屏幕像素1:1同样大小时:


                图5

CSS像素(黑色边框)开始被拉伸,此时1个CSS像素大于1个屏幕像素


                图6

也就是说默认情况下一个CSS像素应该是等于一个物理像素的宽度的,但是浏览器的放大操作让一个CSS像素等于了两个设备像素宽度。在后面你会看到更复杂的情况,在高PPI的设备上,CSS像素甚至在默认状态下就相当于多个物理像素的尺寸。

从上面的例子可以看出,CSS像素从来都只是一个相对值。

设备像素比(DevicePixelRatio

设备像素比=设备物理像素/设备独立像素

设备像素比在 js 中可以通过 devicePixelRatio 的参数取得(需要页面的 viewport 设置为 content=”width=device-width” 此处为前端布局知识,较为专业,笔者也只是意会,无法说清楚,请自行百度

iPhone 4 的设备像素比为2,线长(横向、纵向、对角线)上的物理像素数与设备独立像素数的对应关系即为2。

根据这个对应关系,一般可以通过屏幕的物理分辨率和设备像素比确定设备独立像素数。

那么在我们做移动端网站时,将viewport设置了content=”width=device-width”,设备独立像素也就等于CSS像素。

历史问题屏宽320px

经常在做移动端网站时,我们会听到一些人说原型稿屏宽做成320px,设计稿做2倍640px,网上也有很多文章说这样说,H5网页的设计稿做成2倍普通屏分辨率就行了。

这是一个历史遗留问题,这里提到的屏宽,更确切的说,是将viewport设置为width=device-width时的宽度,习惯称这个宽度为屏宽,也就是设备独立像素的宽度。笔者从其他文章中找到了一些答案。(原型图屏宽是320px是为了满足原型软件在1:1比例显示上适当,二是为了保证早期iphone320px屏宽的显示需求)

“其实这个属性值很有意思,字面意应该是 viewport 宽度等于设备宽度,但在实际中不同的浏览器都给出了个定值:320px;这个值还是源于 Apple ,因为早期 iPhone 的分辨率为 320px*480px ,大量为 iPhone 量身定制的网站都设置了 viewport:width=device-width ,并且按照宽度 320px 来设计制作,所以其他浏览器加入 viewport 支持时为了兼容性也将 device-width 定义为了 320px 。”

那么到了后来的iPhone4的屏幕是960x640px,几乎所有人都知道Retina显示屏,所有方向上的像素都成了原来的2倍。而设备独立像素的屏宽还是保持着320px。其它智能手机早期的分辨率基本上也使用了大致相同的屏幕尺寸与分辨率,因此才有了 320px 这个不约而同的约定。

当然,如果把 viewport 的 width 属性设置为一个定值,比如 320、 480、 700 等等,那 viewport 的宽度即为设定的宽度。此时,设备独立像素宽度,也即所设定的宽度,而物理像素与设备独立像素的比值,则不再是最初始的设备像素比值了(比如 iPhone 4 中的2)。

现在的智能手机屏幕尺吋多样,分辨率有很多种,相应地,设备像素比也不一致,有1、1.5、2、2.25、3等等,而在一般情况下(指 viewport 设置为 width=device-width 时)的设备独立像素宽度,也不再只是 320px 了,还有 360px 、 400px等等。 这是从 http://screensiz.es/phone统计的大部分手机独立像素数据。 


                                                    表1

若设备像素比是N,就表示该手机屏幕上的N个物理像素来显示一个CSS像素。

本文对已移动端网站涉及到的一些概念进行了较为基础的解释,在下一篇中,会介绍H5网页在做设计稿以及前端布局时的最为省力的方法。

参考文章↓


维基百科:像素

浅谈移动Web开发(上):深入概念

Retina显示原理探索

探索viewport:页面如何在手机上显示

设备像素比(devicePixelRatio)

30部电影30种风光 跟着电影游世界

大众影评网:

 一部电影的热映往往会带动外景地的旅游热潮。因为这些风景,电影变得更为灵动,因为风景,电影视效才如此完美。

景色:夏威夷

代表电影:《初恋50次》

世界级旅游胜地,也是世界上旅游工业最发达的地方之一。得天独厚的地理环境 造就了独一无二的绝美景色。也是摄影师们最亲睐的地方之一,让我们跟随电影《初恋50次》走进夏威夷吧。

 

景色:巴厘岛

代表电影:《美食、祈祷和恋爱》

想去亚马逊感受热带雨林气候?不用,巴厘岛就能满足你,这里不仅有典型的热带雨林气候,更有有人的景色,茱莉亚罗伯茨的电影美食祈祷和恋爱正是在这个美丽的小岛上完成拍摄的。

 

景色:希腊岛屿圣托里尼

代表电影:《牛仔裤的夏天》

看过这部电影的人一定对下面这张图片很熟悉,没错,这就是电影中丽娜住的地方,临海的白色房子在蓝天下真。。。特么美啊,这也是希腊最负盛名的岛屿之一。

 

景色:爱琴海

代表电影:《碧海蓝天》

希腊最美的景点没有之一,电影碧海蓝天的大部分取景地点就是在这个美得令人窒息的地方。正像电影名一样,碧海,蓝天,白云。

 

景色:法国小镇

代表电影:《浓情巧克力》

说道外国小镇,我最喜欢英国和法国小镇,大片大片的绿地,安静的街道,以及时不时的一声狗吠,太美了。电影浓情巧克力的拍摄地都是法国和英国的小镇,不能错过啊。

 

景色:佛罗里达

代表电影:《剪刀手爱德华》

没错,德普的剪刀手爱德华的取景地点就是在美国的佛罗里达。这里有全球著名的旅游天堂之一棕榈海滩,也有最温馨的佛州小镇。总之是一个令人向往的旅游天堂。

 

景色:罗马尼亚

代表电影:《冷山》

曾经的体操强国罗马尼亚,美女也多,这估计就是大家对这个国家的最深印象。 但看、是看完电影冷山后你会觉得这个典型的东欧国家也有着美丽的景色。

 

美景:巴塞罗那

代表电影:《午夜巴塞罗那》

作为地中海孕育出来的土地,这座城市绝对是最美的,素有欧洲之花的称呼。很多有关涉及到地中海的电影都要经过这座城市。人虽然多,景色却非常的美。

 

美景:新西兰岛

代表电影:《指环王》

这个岛绝对是南太平洋最美的岛!这个梦幻而又神秘的岛屿在指环王系列电影的上映后瞬间举世闻名,全球各地游客纷涌而至。这个神秘岛国好像更受魔幻片的 亲睐,像纳尼亚传奇,加勒比海盗,金刚都有在新西兰取景。

 

美景:巴黎

代表电影:《天使爱美丽》

巴黎真的是一个很美的地方,作为世界的时尚之都,也是电影最喜欢的拍摄地之一,浓厚的人文气息搭配以独一无二的美,文艺片的首选拍摄地,其他的如午夜巴黎,绯闻女孩。

 

景色:柬埔寨吴哥古城

代表电影:《古墓丽影》

电影《古墓丽影》有一个绚丽的名字,而影片的外景地则更加绚丽,因为他选择 了一个可以将漫长的时间和纷乱的地点交汇的地方,这就是——吴哥古城。吴哥 城是高棉帝国最后一座都城,城墙的四周佛像层叠起伏,令人肃然起敬。组成佛 像的巨石之间,以一种混合棕榈汁粘合,经过七、八百年的风吹、日晒、雨林, 至今依然坚实合缝,这不仅显示了古代高棉国王的财富和权势,也反映出其国民 精湛的技术和艺术才能。

 

景色:金字塔

代表电影:《木乃伊》

对许多人而言,沙漠中的金字塔,骆驼商队,法老王的木乃伊和电影《木乃伊》里的冒险寻宝故事,以及尼罗河神秘美丽的风光,就是所有对于埃及的印象,这 个曾被形容为尼罗河礼物的国度充满着无数神秘与幻想。这是一个不得不提的非洲印象。

 

景色:肯尼亚

代表电影:《走出非洲》

阿拉伯不算是非洲国家,但肯尼亚绝对是实打实的非洲国家。伟大的电影走出非洲拍摄地点就是在具有浓厚非洲色彩的国家——肯尼亚。这里也是非洲动物的天堂,,像神马非洲大象,非洲狮,非洲斑马的你都能在这里见到。

 

景色:阿拉伯

代表电影:《阿拉伯的劳伦斯》

在所有有关沙漠的电影中,这部电影把沙漠拍摄的最美,壮丽的夕阳加上广袤的沙漠,以及沙漠上坚毅的战士们,这是一幅多么有意境的景色啊~,让我们跟随这 部电影走进沙漠,走近阿拉伯吧。

 

景色:冰岛冰湖

代表电影:《007之择日而亡》

冰岛是欧洲第二大岛屿,由于北大西洋暖流和冰岛寒流交汇于此,使冰岛成为世界上最大的渔场之一,而渔业资源也已经成为了冰岛的生命线。地热是冰岛人取暖的唯一途径,由于不用烧煤,冰岛本来就很漂亮的建筑物上更是一尘不染,这里也因此成为世界上最干净的国家。在影片中有一段大约5分钟的追逐场面,是在冰岛东南部的冰湖上拍摄的。

 

景色:湄公河

代表电影:《情人》

渡船静静的依着喧闹的码头,在湄公河黄色的浊流里荡漾起伏,影片《情人》就这样在湄公河上开常一片俗事的喧闹声中,一个身着西装的中国男子走到了法国女孩的面前,一段激情就这样开始了。

 

景色:苏格兰高地

代表电影:《勇敢的心》

格兰高地的美有史诗般的壮观,海风如永不止歇的歌诉,深蓝色的山脉覆盖着一层紫色的天空,天空的边缘镶嵌着粉红色的云朵,仿佛这层天空对苏格兰高地 来 说,尺寸小了一点;自远处看去,大大的鹅卵石自山巅渲泄而下,然后冲流入一片深绿色的草原;还有那到处分布的苏格兰湖泊,时时映照着穹苍的变幻。

 

景色:阿尔卑斯山

代表电影:《蝴蝶》

阿尔卑斯山,《蝴蝶》的取景别致有佳,在一幕幕安静的森林中,隐藏着许多富有情感的滋味,我们能够会体会到森林其实就是一老一少的感情源泉,当他们进行诙谐的对话时,森林仿似也在微笑,当莉萨看到非法狩猎者的时候,森林也似乎凝滞了呼吸。

 

景色:落基山脉

代表电影:《燃情岁月》

说实话,燃情岁月这部电影留给我最大的印象不是皮特那张极度性感的脸,而是电影中美丽空旷的景色。在电影《燃情岁月》里,在那个漂泊的浪子心中反复出 现家园里那广袤无垠的土地,那纯粹、清晰的乡音,还有那潺潺流动的河水,在流淌的乐曲声中,任浪花溅满周身,策马而行……而这些美好的画面都源于一个地方,那就是——落基山脉。

 

景色:意大利西西里岛

代表电影:《西西里岛的美丽传说》

意大利这个国度就是如此,像美女长靴上的小点缀,千百年来顽固而老套,却依 然夺目光鲜,而如果不去西西里岛,就好像没有去过意大利,因为在西西里岛才能真正找到意大利的美丽之源。影片《西西里的美丽传说》里展现了这样的一些场景,夕阳暮霭里的海边礁石白沙旷野的堤岸,湿气的房子,庭院里的大树,天主教堂门前的石阶广场以及喧闹的市集,这些都充满着令人心悸的自然之美,亲昵宜人的世俗之美。

 

景色:南极

代表电影:《零下八度》

电影零下八度也是一部关于狗的感人电影,影片大部分场景均取自南极。雪橇,海豹,雪雁,厚厚的积雪,巨大的冰块等等都能在这部电影里见到。这里是企鹅的家,动画电影快乐的大脚讲的就是发生在南极的故事。

 

景色:北极

代表电影:《最后的猎人》

这里是爱斯基摩人的老家。也是北极动物熊和狼的天堂。电影《最后的猎人》是一部令人难以忘怀的记事片,是史上第一部跨越两季严冬零下五十度拍摄的电影。让我们在这部电影的带领下,去感受北极至冷的严寒吧!

 

景色:美国加州红杉国家森林公园

代表电影:《阿凡达》

电影阿凡达的场景虽然大部分用电脑合成,但也是基于真实的外景加工而成。这里面就有美国的红杉国家森林公园。参天的大树仿佛要刺穿云霄。这部电影拍摄组还曾到张家界取过景。

 

景色:北卡罗来纳

代表电影:《恋恋笔记本》

这是一部唯美的爱情电影,里面美丽的风景来自美丽的北卡罗来纳州。

 

景色:萨尔斯堡

代表电影:《音乐之声》

电影和音乐则是人们心灵之旅最好的方式,而电影《音乐之声》更是这两种方式最完美的结合。还记得那些优美的歌曲吗?还记得马莉亚灿烂的笑容吗?还记得融化在 歌声中的美丽景色吗?那是奥地利的萨尔斯堡。萨尔斯堡是奥地利西部阿尔卑斯群山中的一座山城,是奥地利第二大城市,这个迷人的地方是音乐奇才莫扎特的故乡,更因影片《音乐之声》在这里拍摄外景而声名大振。高高耸立在山丘上的萨尔斯城堡,建于1077年,是为了抵御巴伐利亚的侵略而建筑的,在城堡的周围可 以俯看整个萨尔斯堡的全景。

 

景色:安尼克堡

代表电影:《哈利波特》

在影片《哈利·波特》中有这样的一幕:一个夜黑风静的夜晚,空气中弥漫着神秘诡异的气息,前进的狭窄通道豁然敞开通向一个宽阔的黑色湖泊,在湖对岸的高山顶 端耸立着一座尖塔成群的巨大城堡。那就是著名的英国安尼克堡。安尼克堡是一座中古世纪建筑风格的建筑物,在维多利亚时代有北部温莎堡的美誉.

 

景色:查茨沃斯庄园

代表电影:《傲慢与偏见》

说道葡萄庄园,这个地方不得不提。这是一个富有传奇色彩的城堡。英格兰的玛丽女王曾经被软禁在这里若干时候。第五世公爵夫人的故事在今年被拍成电影《公爵夫人》,并做为外景地出现在电影里。也是著名的电影《傲慢与偏见》取景的地方。

 

景色:美国加州的纳帕山谷

代表电影:《云中漫步》

如果你看过电影《云中漫步》,一定会对美国加州纳帕山谷那片薄雾缭绕、恍若仙境的葡萄庄园印象深刻。你是否也曾幻想着像影片主人公一样漫步在温情浪漫的田园 风光中,享受生命的感动?据说,当年该片导演为了寻找这样一个充满梦幻般色彩的葡萄庄园,曾亲赴欧洲、澳洲和南美等多地选点,最终唯独对这个地方亲睐。

 

景色:巴哈马天堂岛

代表电影:《日落之后》

天堂岛不仅只是马尔代夫有,巴哈马也有一个绝美的岛屿叫天堂岛。看过电影日落之后的人就知道这个地方有多美了。另外,加勒比海盗也有在这个地方取景。足以说明它的魅力了!

 

景色:蒙大拿州特律河

代表电影:《大河之恋》

提到这部电影,永远不能忘掉这条河流,特律河。蒙大拿州的工业虽然在美国并不发达,但却有非常健全的农牧业,更有无数的山川河流。特律河便是其中之一。


阅读原文:http://topic.51oscar.com/topic/359

阿塔拉:

一狠心就画了这么复杂的图….我总画这种色调的妹纸(¯﹃¯)昨天愤愤的开画今天才画完不过已经没有那么狂暴的心情了~不要再问我头发怎么画的了。。。。。就是一根一根画的

乃们表纠结这个是不是画的啦  == 没有叠照片的啦= =很辛苦的

my的小蚂蚁:

各种创意的小构图》经验分享

构图方面的知识(伪教程),拿自己的作品做的示范。这里都是一些基本的构图方式,但就是这些简单的构图方式就可以让你画出很多有意思的作品。

希望对大家有帮助啦~

我的weiboXD

http://weibo.com/u/2115545253

很有感觉

鹰婕Jane:

Dear Jane,


黑暗里只剩时钟在走,

不紧不慢,滴答滴答,

却是一声一声撞进心底,

不偏不倚。

就像那时某一句话,某个眼神。

你知道那是寻常,却还是不断被击中。

说到底人性使然,

世事可沧海可桑田,

人心可善变可善掩,

纵使千帆过尽,

纵使人事皆非,

不变的依然是对温暖的渴求。


若你在黑暗里辗转难眠之时,

收到一句“晚安”,

即使是陌生人也有了温度。

那亮着的屏幕变成了一盏灯,

黑暗里灼灼其华,

那两个寻常的字被放大,

慢慢回荡在眼前,在耳边,

似是有了那温柔眼神与低语便可安然入睡,

一觉到天明。


我在黑夜里睁着眼睛,

连呼吸都不自觉地变轻。

不是追忆,不是憧憬,

只像是自己静静躺在水底,

冒着泡儿,向上看,

微光里,世间万物与风景人事流淌而过,

伴着些许枯枝,落叶,水纹徐徐。

远和近,对和错,内和外,悲和喜。

就当是在水中漂流,

在一片清冽里整理自己的来时路与未来径。

大抵是慢慢明白一些道理,

慢慢摸到一些规律,

心便是瞬间如释重负。

那样的时刻,

就像自己站在大雪过后的白色弥漫里,

茫茫天地间,只一人独立。

你闭上眼睛去感受自己的呼吸,

凛冽里是一览无余的清明。


时间带不走你,也带不走我。

只是默默将我们覆尘,无声也无息。

静默到我们没有察觉丝毫,

等刹那回过神来,

身上的尘埃再也拂拭不去,

任由世事变迁,尘埃落定。


适当与生活保持距离的人,

才能清醒自持。

但终究是少之又少。

大多数人,都是蒙着满脸灰,

被时间洪流推搡着走,

即使有幡然醒悟的机会,却也是早就麻木,

即使真的幡然醒悟,却也无心无力扭转乾坤。


周国平语,灵魂只能独行。

你带不上我,我带不上你。

即使我们一起走,也不可能一直步调相同。

有时你前,我后,

遥远的遥远,我只能看见你的背影,

我已大步走路,不惜违反规则去追,

但你的身影还是越走越远,无力可及。

有时我前,你后,

挣脱一双紧握的手,我带着你的鼓励向前,

我步履铿锵目光坚定,感受到自己的力量和勇气,

却忘了我凌乱在风中的一头长发,

像在无声跟你挥手道别,

再见,再见,越来越远。


你明白了吗,

你忍不住问为什么,

为什么有分离,为什么昔日温暖已然不再。

这就是答案,因为不同步,而已。


两个人真正的同行,需要天时地利人和。


你该明白,你不适合,不是因为你不好,

你们分开,不是你的错。

原因只是,当对方想登高望远的时候,

你却想遨游海洋。


这时候的悲欢离合就像生命的启示。

已落幕便是过去,好好沉淀与成长,

帘幕掀起,又是你一个人的好时光。


惟愿无论是登高望远还是遨游海洋,

都能遇上自己想要的好风光。


婕。2013年5月26日。