竖屏思维

不懂竖屏，猛虎都会变成病猫竖屏突然驾道，让所有人一下子措手不及。绝大多数人人还按照原来横屏的思维和方法在创意、构图、摄影、设计。但是如果不深入琢磨竖屏的规律，你就自己把舞台切掉了三分之二。在PC横屏上，我们在PC上设计出的图片大都是横方形的。这样的图片会占满整个PC屏幕，最具视觉冲击力，而且也符合“眼帘形状类似”的天生舒适。不仅是PC，其实在包括舞台、广告牌、大屏幕PPT等所有的类横屏上，大家都非常习惯性地横屏构图。但同样一张横方形图片进入了竖方形手机屏，竟然只能占手机屏幕的三分之一！由于只用了三分之一的...

前面我们重新分析了智能手机屏，并总结出手机屏的五个特点：第1个特点：大像素小屏，不同像素密度引发了沟通障碍第2个特点：屏宽比人类双目距离小，我们都是斗鸡眼第3个特点：一屏就是手机屏上最小的信息单元第4个特点：竖屏！竖屏！竖屏第5个特点：小屏幕大世界，一孔亦可窥豹这篇开始，我们来重新认识手机用户。跟PC用户相比，手机用户有什么不同？用户的阅读习惯发生了什么变化？手机屏面前的这个人，还是以前PC面前的那个人吗？手机用户特点1时间零碎，没有成块的阅读时间貌似手机用户根本不需要整块时间。ta几乎可以在做任何事情（...

第三刀一屏一主题“一屏一主题”的刀法，源自“一屏就是最小的信息单元”的手机屏特点。把信息切碎到手机屏的一个信息单元大小，最适宜手机用户阅读。直接看案例。第一个案例：一副眼镜的三个细节这一屏里展示了一副眼镜的三个细节特点，设计得很清爽，图文编排错落有致。我们按照普通用户的阅读习惯，看2秒钟然后手指一划，进入下一屏。手指停下来。先别回去看刚才屏幕上的内容刚刚画面上在讲述眼镜的什么特点？你是否突然意识到，原来自己什么都没记住。仅仅是依稀看明白了“在讲眼镜的三个特点”，但是“每个特点的内容是什么"，原来自己并没...

柱子十刀，是我根据当前手机端图片的弊端，提出的十招改善方法。照此刀法一刀刀砍过去，PC用图就一步步转变为适合于手机端阅读的图片。如果一开始就依照“柱子十刀”来做构思、拍照、制图，能基本上保证用户在手机上阅读起来比较舒服、不吃力。算是“手机端原生内容”了。从柱子竖屏思维付费学员的操作效果来看，柱子十刀对手机端转化率的提升效果十分明显，可谓“刀刀见血、立竿见影”。第一刀纵向构图在打开设计软件（如photoshop等）开始构图，你不假思索就选择了横向构图——和人类眼帘形状类似、也和PC屏幕形状类似，视觉上最舒服...

手机互联网战场，需要手机端原生内容。手机端原生内容的四原则是：竖屏构图、大图大字、少放内容、浅显易懂。手机端原生内容第一个原则：竖屏构图要牢记手机屏的形状是竖的长方形。这是你的舞台、你的画布、你在移动互联网上所能用以展示自我的空间。正如你要上台表演之前，教练提醒你“今天的舞台是竖的长方形”。牢记舞台位置，才能让你的舞步从心所欲任意东西。正如你要开始作画之前，师父提醒你“今天的画布是竖的长方形”。牢记画布形状，才能让你的笔锋发挥到淋漓尽致。毕竟，你周围的大多数屏幕是横的长方形，包括你办公桌上的PC屏。这些横...

柱子十刀第五刀，砍向标题文字的大小。经常有朋友问我：标题应该用几号字才够大？竖屏思维不以字号为单位来衡量文字大小一提到字号，我们脑子里浮现的都是这个字号在PC屏上的大小，但实际上这个印象和手机屏上的大小相去甚远，会误导到我们做正确的设计。不以字号，那以什么为单位呢？我引入“屏高”这个相对参照物，来做文字大小的衡量单位。建议大胆使用1/10屏高的大字来做手机端标题。先看案例。案例一PC上觉得大小刚好的标题在电脑上做设计时，有些设计师喜欢用优雅的小字做标题，也许看起来比较有设计感。但是这样的设计，进入手机之后...

用户看不见，页面再漂亮也没有用。这难道不是一句废话吗？以前在传统平面设计领域（户外广告、报刊杂志、电视广告等），“用户看不见”这个问题根本就不存在、或者这个问题并不严重。首先，传统平面设计的媒介（屏幕）足够大，用户模糊聚焦、不经意间就可以获取信息。其次，平面设计作品和用户的交互时间最够多。即使飞机上的杂志，也预备了足够长的时间让用户进入深度阅读。电梯广告好像每次和用户的交互时间不长，但是会在一段时期内多次重复出现，总体上叠加展示时间并不少。最后可确保绝大多数内容都能被用户看见。其三，“用户看不见”特别小的...

第四刀左右分栏变上下分栏为什么会左右分栏？人类眼睛横着长视野是横的长方形，PC显示屏也是横的长方形。把横方形的长边切成左右两半，是一种自然平衡。横方形屏幕天生适合左右分栏，把屏幕切成左右两个区域，更便于阅读。事实上，左右分栏是大多数设计师做图时的习惯性表达。但是，手机用户面对的是竖屏。左右分栏还好使吗？第一个案例左图右文的习惯性表达左边是产品，右边是文字介绍。这样的表达形式再普通不过了。相信每个人每天都会遇到类似表达的图片。问题是，匆匆一瞥之后，你知道刚才图片上在表达什么吗？图片上的产品清楚吗？文字瞄准的...

第二刀砍掉左右留白为什么会有左右留白？前文说过，人类眼帘是横的长方形，PC屏也是横的长方形。我们面对横的长方形屏幕时，自然用到左右留白。让设计主体居中；让用户注意力往中间正方形聚焦；画面整体平衡。左右留白几乎是天生和谐、天经地义的排版设计手法。但是，当我们面对的手机屏不再是横方形、而是竖屏的时候，有没有想过左右留白可能是不合理的、不正确的？左右留白时机上浪费了手机屏的展示空间？还是直接看案例吧。第一个案例：戴口罩的女孩一个中规中矩的平面设计作品，左右留白主体居中，貌似能帮助用户视觉聚焦，画面平衡和谐。由于...

无线详情一键生成：每天都在浪费钱当初，手机互联网突然驾到，超过所有人的预期。包括淘宝在内的所有购物平台，都还没做好准备，手机购物一下子就流行起来了。此时手机互联网上的商业信息内容，远远无法满足爆涨的手机用户的购物需求。于是“无线详情一键生成”应运而生，把PC端内容快速变成手机端内容。权宜之计，聊胜于无。优先保障信息数量，哪怕牺牲了用户体验。时至今日，手机互联网上的商品（商业）信息已泛滥成灾，“无线详情一键生成”的历史使命早已完成，这种牺牲用户体验的野蛮做法早该被淘汰了。没想到习惯成自然，整个行业竟把权宜之...