发布时间：2021-10-26 分类： 电商动态
垂直屏幕时代已经到来，你的内容，用户可以看到它吗？
智能手机的迅速普及推动了中国互联网从个人电脑向移动电话的快速转型。根据《第40次中国互联网络发展状况统计报告》，截至2017年6月，中国使用手机的互联网用户比例达到96.3％，中国已进入移动互联网时代。 。
在移动互联网时代，互联网用户的互联网设备和网络行为以及互联网内容的显示方式发生了新的变化。这不可避免地导致了用户行为的变化。在这种变化中，能够为用户提供有效阅读并满足移动互联网特征的信息内容已成为信息内容制作者必须研究的主题。
今天，我们将把大家聚集在一起探索移动互联网时代的信息内容（移动页面）的设计。
思考认知：
重新认识战场，探索移动互联网的秘密
移动设备功能
与PC设备相比，移动设备（手机）的屏幕尺寸更小，但手机使用高清屏幕材料，像素密度高于计算机屏幕（像素密度，即每英寸像素数）屏幕，像素密度）显示器越大，显示器的细节越丰富。），因此手机上的内容更清晰，这意味着当在电脑上观看时，相同尺寸的图片肯定会放在手机上时会变小。
移动电话的屏幕垂直显示，因此显示内容的方式从上到下。而且，手机屏幕小，不能像电脑屏幕那样显示密集，大量的信息内容;不善于表达远视，广角，大场景，但手机屏幕非常擅长表现近焦，宏观，高清特写，局部细节;在有限的屏幕空间中，移动电话屏幕上显示的内容应足够小，以便足够聚焦以创建更直观的显示。
用户行为习惯
在大量的信息和匆忙的时间里，用户的阅读风格和习惯都发生了变化;跳绳，拣选，阅读，阅读，浅薄和零碎的阅读已经成为移动互联网用户的阅读常态;移动终端的内容必须简化并易于理解。
从移动设备的特点和用户行为习惯分析来看，移动内容设计应该是：垂直画面构图，大画面，易懂，内容少，创造用户：可见，视觉，易懂，酷炫，不仅符合特色移动设备，也满足了用户对高质量移动页面的阅读习惯。
行动方法：
重新设计策略以创建高质量的移动页面
垂直概念以满足移动设备演示要求
&公牛;作文思维：
从规划，摄影到PS设计实施的图片设计应首先具有垂直屏幕思维。
&公牛;成分比例：
目前大多数手机的全屏比例是9:16。事实上，因为有页面标题栏和底部按钮，它将占用一定的空间。如果使用9:16合成，则会显示一张图片。因此，在不同尺寸和不同分辨率的不同移动屏幕下，显示窗口的垂直屏幕比例不一样。因此，推荐的图片设计具有9: 12的组成比，这确保了内容可以在一个屏幕中完全显示。
&公牛;成分大小：
大多数手机的全屏尺寸为720 * 1280像素。根据90×177b 12的组成比，推荐组合物的尺寸为宽720px，高1000px。
▼景观构图，阅读体验差
▼纵向构图，阅读更舒适
水平构图VS垂直构图，
阅读体验的体验是截然不同的。
&公牛;一屏一主题
一个屏幕是最小的信息单元是手机屏幕的特征之一，因此信息被切碎到手机屏幕的信息单元的大小，这是最适合手机用户阅读的。一个屏幕和一个主题，内容一目了然，用户只需要浏览它，并立即留下他的印象。
▼一个屏幕和多个主题，阅读后的印象并不深刻
▼一个屏幕和一个主题，阅读后的印象显然更为深刻
一个屏幕和多个主题VS一个屏幕和一个主题，
后者更令人印象深刻。
上下布局，贴近用户的阅读习惯
&公牛;切断左右空白
在水平矩形屏幕的面前，为了平衡整体画面，设计机身居中，让用户专注于中心广场，然后左右留下白色，几乎是自然和谐，自然布局设计方法。
但是，当我们面对的手机屏幕不再是水平方形，而是垂直屏幕时，左右白色空间浪费了手机屏幕的显示空间，因此不再合理和正确。切断左右边距是解决此问题的最佳方法。
▼左右空白，浪费显示空间
▼切断左右边距，使信息更有效，更具表现力！
&公牛;左列和右列在列中更改
手机用户面临垂直屏幕。阅读的习惯是从上到下。设计师习惯于左右列。它不适用于手机。它无法体现设计之美或突出内容。因此，有必要在设计期间更改列模式，从左列和右列到上下列。
▼左右列，小，小，不易阅读
▼左右列分为上下列，使阅读更舒适
&公牛;增加主题之间的差距
空白是手机长图片的断句，它控制着表情的节奏。一方面，增加主题之间的差距使主题间隔清晰，使用户可以轻松区分每个主题，使其易于阅读;另一方面，空白可以使作品的节奏清晰无拘无束。当用户处于舒适和平静的心态时，整个图像集的阅读时间自然延长，信息通信效率大大提高。
▼排列紧密，主题之间没有空格
▼在顶部和底部主题之间留一个空格
留空，
相反，它允许用户专注于他们当前看到的内容。
撰写文案以使内容可见且易于理解
&公牛;标题词高度≥ 1/10屏幕高度
在字体大小方面，我们的想法是PC屏幕上这种字体的大小，但实际上这种印象与手机屏幕的大小有很大不同，这会误导我们做正确的设计，所以手机图片设计，文字不测量尺寸。我们可以用手机的“屏幕高度”（屏幕高度）作为参考，建议大胆使用≥ 1/10屏幕高字符做手机标题。
▼单词太小，手机屏幕不清晰
▼手机上可以清楚地看到大字符
在小字体标题中，手机屏幕看不清楚，
所以使用大字符。
&公牛;一个屏幕中的单词数量; 3行30个字
在手机详细信息地图上，屏幕的一个副本中使用了多少个单词？建议：文本阅读量（包括标题和正文）应控制在两三行内，二十或三十个单词，即普通用户看两三只眼睛。您可以阅读的范围。用户在每个屏幕上停留的时间仅为几秒钟。如果文本的阅读任务太重，则触及用户的耐心限制，并且大大降低了阅读质量。
▼内容太杂乱，不易阅读
▼简化内容，但更容易理解
少即是多，简单就是完美！
&公牛;长拷贝只使用文本
当一个屏幕上的文字无法控制在3行和30个单词内时，我们应该删除所有图片。整个版本只使用文本。如果您希望用户专注于文本，请尽量不让用户的眼睛看到任何图片。进入文本阅读模式。其次，将长拷贝剪切成小段（最多四行）并添加一个副标题，以方便用户阅读。第三，如果某个段落特别重要，请将除此之外的所有地方留空，并使用空格来突出文本的重要性。
▼长拷贝+地图，不方便阅读
▼长拷贝只是文本，更容易阅读
长文本只留下文字而不留下图片，
让眼睛仔细阅读，不要被图片打扰。
&公牛;不要覆盖背景图像
手机的屏幕像素比较高，颜色很漂亮，人眼更容易疲劳，所以对背景图片的要求是：
首先，颜色不太复杂，减少了眼睛的刺激，客观地延长了用户的耐心，即延长了屏幕上信息的阅读时间。
其次，不要覆盖背景图像上的文字，否则文字和图像传递的信息会受到影响，传播效果会减弱。
突出细节，并在一个微妙的地方看到真正的章节
&公牛;大胆使用近焦点局部地图
手机屏幕不擅长表达远处场景，广角和大型场景，但它们非常善于表现近焦，微距，高清特写和局部细节。不要担心用户无法理解整个产品，因为他看到了部分图像，因为人类大脑已经进化了很长时间的自动补充功能。在手机屏幕上，我们需要突破并考虑到场景的完整性。为了追求屏幕的和谐设计思维习惯，我们必须大胆使用近焦部分地图来营造更强烈的视觉冲击力，并带来推理感，缩短用户之间的思维距离。
大胆使用近焦点细节图，
创造视觉冲击力！
高级思维
&公牛;少即是多，学会做减法
商家想要告诉他们所有的卖点，并期望买家更多地了解自己。但事实上，大多数内容并没有被用户认真对待，因此没有多少用户真正阅读过您的表达，而且他们很快就完成了。
一个被忽视的逻辑：你和买家之间有效沟通的数量不是你表达了多少，而是表达了多少，多少，你理解了多少，以及你理解了多少。
因此，您不必追求所有内容，删除那些无用的内容，并对内容进行大幅减法，以使用户的眼睛更加专注。因此，建议将详细页面的销售点控制在10~12，并将图片数量控制在12~15。
&公牛;核心理念：一目了然，第二个理解
一目了然，第二个理解！贯穿设计，创意，摄影，文案和选择的各个方面。
手机用户非常忙碌，看看图片是正常的。信息泛滥，同质化非常严重。用户没有耐心。一目了然看不见的内容基本上会被跳过，因此只有一目了然的内容（包括文字，图片）才是有效的内容。
手机用户非常懒惰。当他们遇到需要大脑的东西时，他们会感到疲倦，手指也会滑落。因此，你所谈论的不能太深奥，太抽象，太微妙，太尴尬，你应该直接表现出明确的意义。表达清楚，用户可以不经思考地理解，越轻越好。
因此，移动电话上的内容不仅应该对用户一目了然，而且还可以立即被理解。当您看到内容（包括文字和图片）时，您可以了解您想要表达的内容。
&公牛;使用工具提高效率
移动内容，在移动端显示，但在PC上设计，对于设计人员来说，如何快速有效地确定设计内容是否符合移动互联网的特性是一个大问题;首先，还向设计人员推荐该工具，以选择设计以提高设计效率。
Ps播放
由腾讯制作，免费使用。
Ps Play是通过WiFi在计算机上实时预览Photoshop设计，可以同步和调试并保存到移动终端，并可以通过电子邮件，微信和其他工具即时共享。
PsMirror
它成本很高，易于操作。
PsMirror是一个实时预览Photoshop设计的工具。它使您可以轻松地在手机上查看PS中的设计草图，从而提高设计效率。支持Android/iOS两个平台，支持WiFi/USB两种连接方式。
一眼看到你
它需要付费，适合电子商务设计使用。
乍一看，它是无线设计预览大师。它可以帮助您简单，直观，方便地看到手机上图片的效果，提高无线设计的效率！它具有图片拖放功能，任意截图显示和同步Photoshop操作实时预览。
思维决定方向，方法指导实践，工具提高效率。通过今天的分析，小编认为广告商对如何设计高质量的移动页面有了更清晰的认识，并希望今天的分享可以帮助每个人改进营销。转变，增加销售，并向消费者输出更有价值的品牌信息和产品利益。
