|
经常收到粉丝的留言：“小编，可不可以讲一下200个字展现在一页的效果？” 来了来了... 先来看一个例子： 据说智商超过200的人，才看得懂这一页表达的意思。其他人怎么办呢？跟我一起一点一点学吧！ 我们来思考一下：为什么要删减文字？ 答案应该是：提炼信息，使其更精简，同时让页面排版更好看。 这里跟大家分享四个步骤：划版块 → 分层次 → 删文字 → 转形式。 怎么理解？举个例子。 比如，上面这张图的文字内容是上司给你的。我们可以按照以下四个步骤，进行修改。 1 Step1 划版块 这里的划版块就像小学学的分段，通常以“句号”、“分号”、“文本内容的类别”等划分。 按照这种逻辑，你可以将这段话分为三段。 2 Step2 分层次 又来回忆一下小学语文老师讲的内容：文章的写作顺序通常为总-分-总，而掌握得比较好的人可能会以总-分的形式构建文章。那么，这三段话的结构是什么呢？ 恕我直言，在座的都是智商接近200的人，当然可以看出这是总-分的结构。 分好层次以后还没完，我们要将内容精简一下。 3 Step3 删文字 被删掉的文字通常具备五种特点：原因、解释、重复、辅助、铺垫。 按照这五种特点，我们可以删掉这几个地方： 删了文字之后，当然不能让它这么单调地呈现啦。这就到了更关键的一步：美化页面。 4 Step4 转形式 形式1 改变大标题文字颜色，调整正文与小标题的字号以合适。 比拿到文案时的排版好看一点，但还是不够优秀。 形式2 按照形式1的排版之后，我又想到用“企业架构图”的样式排版，这样更能体现总-分的结构。
这个页面虽然理清了总-分的结构，但是整个页面都是文字，字号相差也不是很大，阅读起来有些费劲。 形式3 PPT不就是图文的展现工具吗，那我用一些 icon 表示不就完了。毕竟大脑识别图片的速度比文字的速度快很多。
形式4 文字和 icon 都有了，是不是还缺少一些形状呢？
形式5 黑色的字体与蓝白的配色好像有点不太协调，所以可以把黑色的字改成蓝色的。 修改颜色之后，用架构图的线条好像有点怪怪的，换成竖线看看啥效果。
形式6 这个看起来像“蝴蝶结”的形状有点过时，如果你看不惯，就删掉！不加形状也挺好的。 如果把“蝴蝶结”的形状删掉后，整个页面又平平无奇了，这时候我们可以插入一个地球的图片。
形式7 改完之后觉得还挺好看的，多看几眼发现辣眼睛。实在找不到灵感的时候，可以去百度随便输入几个关键词搜一搜，借鉴别人的展示效果。
这里选择了第一排第二个样式。
如果你觉得形式6的地球太大了，可以把它缩小，放在页面中间。按照参考样式，嗖嗖嗖1分钟搞定排版。 我们来看一下前后对比：
是不是感觉生动形象了很多。很多锐友在纠结这样是不是改变了文本内容的意思，仔细想想，是不是改变了呢？ 上面这样的排版，可能比较适合一些比较传统的行业。这里，小Q再为大家推荐四种排版样式。 样式1
这一样式给页面添加了色块、背景图片，还用形状修饰了 icon ，甚至将“2100+”的数字突出显示了。 样式2
这一样式用卡片式设计的方式连接了两个页面，使之有了破出的效果。 样式3
这一样式，参考了部分目录页的设计方式。用色块和短横线平衡页面。 样式4
这一样式，就是我经常提到的卡片式设计样式了，为的是突出主体内容。emmmm，我比较喜欢这个样式。 5 总结 总结一下，我们应该如何优化一个纯文字页面。
看到最后你可能会吐槽：这根本不是我要的200个字的页面解决方法，再也不爱你了！ 其实，道理是一样的。不要说你不会设计页面了，对照这篇文章仔细看看你的页面缺少什么？ |
|
|
