2022-12-13 资深UI设计者
今天来改一个海报分享页的设计，这是最初的设计：
修改后：
我们分成两大块说说本次改稿思路：
1. 海报设计
2. 海报分享页的整体设计
第一部分 海报的设计
现在海报上的内容排版看着挺随便的，没有啥设计感。
海报上要放的内容不多：用户头像、名称、日期、文字、品牌信息（logo）
一开始我也没有太多的修改灵感，但是在看了许多参考图后，发现几个共通点，这几点完全能够运用在类似的设计上，让海报更有设计感。
第一点：数字/日期的特殊处理
特征总结下来就是这三点：
1.对某个数字单独用不同的字体
2.数字用更大的字号
3.与其他文字结合而出的特殊排版
用以上的思路，改一下我们的稿子：
这样是不是好一点？
第二点：海报采用实景的照片，那文字最好用白色
观察类似的参考，几乎99.99%的实景图上的文字都是采用白色。
不排除有的分享卡片用的浅色图、黑色字。
观察得知：
浅图黑色字，重在强调文字内容，对比更强烈,而深图浅色字，文字更融入画面，更温和一些.
这里我们更想采用浅色的文字：不用那么强调文字，重在让画面更和谐。
第二部分 海报分享页面的设计
第一点：遮罩用什么方式？
除了海报本身之外，整个分享页面也是要设计。
大多以背景图叠一层毛玻璃遮罩，看起来更有质感。
这种设计相比于纯黑色透明度的遮罩方式要更有层次感，不至于那么平，也让页面更聚焦在海报本身。
第二点：分享弹窗的几种形式
a. 将分享方式一屏全摆出来
适用于用户可分享的方式 不是那么多的情况，否则会占据画面太多高度。
b. 侧滑
用户可分享的方式很多的话，可以采用侧滑。缺点是需要用户滑动才能看到后面的功能。
在这里我们只有五个分享平台，用不着再侧滑，直接都摆出来就行。
第三点：取消按钮的形式
a. 底部按钮：更容易操作关闭
b. 海报上部的“阴暗角落”：更不容易点击，相较也不那么容易被发现。
究其原因可能是，产品想让用户去分享，不想让用户很快就离开这个页面。
取消按钮也用不着那么强调，修改后：
c. 分享弹窗的右上角：不如a更易点击，但比b好点
最后一点：除非是分享长图，否则海报最好一屏就展示完。
这也是我之前忽略了的一点，导致做出来的海报展示不全。
总结
很多的 APP 都有海报分享功能，这次看了许许多多的类似设计，并且把通用的点，总结分享给大家，我总结的这些，希望能对你有帮助！～
蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请加微信ban_lanlan，报下信息，蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作，也请与我们联系。
作者：花菜 来源：站酷
分享此文一切功德，皆悉回向给文章原作者及众读者. 免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司