31511 条评论分享收藏感谢收起weixin.qq.com/r/2nWhuVLEFg9prRba9yDI (二维码自动识别)9）标题样式的设计如果厌倦了一成不变的标题样式，不妨做一套属于自己公众号的标题图片样式。10）段落风格的设计段落风格主要是指几个参数：· 全文两端缩进的值：常用0、0.5、1、2· 文本的行间距：常用1.5、1.75倍· 文本的段间距：段前距、段后距· 文本的字间距：常用0、0.5、1· 文本的颜色：常用75%黑，即#3F3F3F· 文本的对齐方式：长文居左，短句居中4. 排版给谁看？不管是产品经理做产品设计，还是设计师是做视觉设计，包括新媒体运营写文章都绕不开用户群体。40岁到50岁的父辈们，喜欢阅读哪些字号大的文章，因为他们的视力没那么好。20岁左右的年轻人喜欢阅读行间距大的，由短句组成的文章，因为他们的时间很碎片，不能静下心来阅读长篇大论。4G网络用户不那么在乎视频流量、动图流量。2G网络用户的阅读能力就稍微差一些。一线城市的人们更加喜欢精致的内容，这样的内容吻合读者对品位和格调的追求。四线城市的人们则不那么在乎排版，更在乎内容本身是否足够有料。所以，未必要去看齐其他公众号的排版范式，更多地去关注你的用户，看他们是什么年龄段、学历、阅读习惯、职业、爱好等，去了解他们对你的公众号的期待是什么。以上。赞同 1457 条评论分享收藏感谢收起经验分享，如何用爱联名片疯狂加粉营销【电子名片吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：46贴子：
经验分享，如何用爱联名片疯狂加粉营销
爱联名片是一种H5电子名片，可以像易企秀那样制作一个属于自己的页面，可以加入视频，语音，图文，还有自己的个人商城，可以说还是非常全面了，在名片页面上可以加入个人的联系方式，可以一键加好友，一键拨号等。那如果说这只是一款个人网页，那就错了，其实他除了是一款功能强大的web页面还是一个可以利用起来好好做引流推广的工具。
其实说起来很简单，爱联名片最主要的营销方式就是裂变营销，互联网爆发力最强的营销就是裂变营销，包括像拼某某都是通过裂变营销做起来的，爱联里面有一个文章库，文章库里面有非常多的文章，视频等内容，你说是生活经验也好，心灵鸡汤也好，但是有一点不可否认就是这些内容是很容易引起共聆和转发的。说到这里，或许你会问，里面的营销文章和我有什么关系呢。是的和你很有关系，因为这些文字内容你都可以转发，并且转发出去都是你的信息，作者栏，网站栏都是你的个人名片信息，这些文章转发出去都相当于在对你的个人名片进行推广。
其实这就是一整套网络成交系统，从你潜在客户到意向客户再到成交客户，都可以直接成交和转化。
最后是经验分享，我用电子名片做营销还是有一段事件了，因为我一直做微商，我需要一个页面来展示我的产品，当然是免费的最好，其实这就是我一开始的初衷，只是想找个固定的页面的来展示产品和个人信息而已。
营销其实是偶然的，因为一次偶然的机会，在爱联上发现一篇文章，主要介绍我们产品的，算是一篇写的非常不错的产品攻心软文，我就把文章转发到我朋友圈和十多个群里去，没想到两天下来文章被转发了500多次，文章浏览量有2万多次，进入我的个人名片的有3000多次，意向客服200多人，这就是第一次给我带来的意外的惊喜。
对，这一次是意外的，下次分享给大家带来我精心策划的活动分析。（注;文章由爱联会员提供）
贴吧热议榜
使用签名档&&
保存至快速回贴项目背景：
浦发信用卡开始打造保险平台，而健康保险，又是其非常重要的一部分。目前“我不是药神”电影正在火热上映，在人们逐渐意识到健康对于自身重要性的同时，使用H5形式，推出以健康险...
卖萌当道，人人都是宝宝。在这个“大龄儿童”遍地跑的世界，嘴上说着自己还是孩子的你，内心是否依旧童真，保存着像孩子般天马行空的想象力？
这个六一，雪佛兰送你一本《想...
马上就要到六一儿童节了，所有的大儿童大宝宝们都在翘首以待，别急，六一前还有个节呢。可能很多人都不知道，那就是“5.31世界无烟日”。它是由世界卫生组织提出、从1988年开始执行并...
网络时代，拉近了人与人之间的距离，但似乎也让我们渐行渐远。相聚和分离，都变成了动动手指就能解决的事情。
人们在微信上你一言我一语聊得火热，但可能在现实世界里已经许久未碰过面，“太...
我是你的天猫国际外交官，
欢迎来到日本超级国家日的面签现场~
心水和风好物的你，
一定有着自己的匠心品味，
不过想获得专属自己的天猫国际日本签证？
先要回答我几个问题 ...
《后厂村日常》是YDC在2018网易有道年会中作为部门节目制作的一个MV动画，并在后期以H5的形式进行传播。由于这个项目只能利用业余时间完成，时间短、任务急，在制作过程中有困难、有...
C&A ⑤②(0)大声秀 衣颜不合就CP !
520甜蜜升级 丿?集齐7张CP卡，召唤???
扫描二维码，快来生成你的个专属小人人吧！
匆忙中，生活被琐屑却不容忽视的关键词充斥
学习、工作、冲动、勇气
相聚、失去、告别、又重逢
如果可以逃离现实，你想活成怎样的自己？
如果平行世界真的存在，你会对另一个自己怀抱怎样...
5月13-20日期间
登录淘票票App
可为心上人定制开屏告白
并有机会登录影院映前广告
扫描二维码，立即查看520小心心秘籍！
还记得之前风靡朋友圈的“前世青年照”吗？这组来自天天P图APP的独特创意素材，既不取自图库，也未委托供应商，而是内部设计师全权承包。下面我们来跟随天天P图的团队一起，来看看这组素...
都是社会化人？
都会玩社会化营销？
还没有一张social名片？
真的说不过去耶
来，赶紧做一张吧~
扫描二维码，赶紧生成你的专属名片吧！
五一劳动节，是各行各业所有劳动者们共同的节日。
无论你是什么职业，在劳动节这个属于你的日子里，都有欢庆和放松的理由。
但在浓厚的节日气氛中，
你可曾注意到，有些老行当，正渐渐消失...
根据Analysy易观数据显示：智能手机已进入到产业发展的成熟期，产品高度同质化，更具创新的功能与设计成为了产品制胜的关键。
vivo，作为一个专注于智能手机领域的手机品牌，始终以...
你会遇见最可恨的嗜血狂魔
它身形弱小~敏捷无比
你能随处听到它“嗡嗡嗡”地声音
却不见其踪影
对~它就是人见人厌的mosquitoes
除了随时随刻提防被叮咬奇痒难忍...
腾讯应用宝做了个“真假00后鉴定”的H5
还敢说你是年轻人嘛
是宝宝就坚持到最后
答题来鉴定吧
扫描二维码，快来鉴定吧！
（App 用户需点击放...
今天是一年一度的五四青年节
天天P图发布了一个H5
它可以测试你前世的模样哦
只要上传清晰的正面照
即可生成前世
扫描二维码，快来测试你的前世吧！
（App 用户需点击放大二维码...
一到世界读书日，满屏都是文化商品打折促销的广告，不知道什么时候起，读书竟变成了特定节日里的行为艺术。
而网易旗下的文化品牌网易蜗牛读书显然不这样认为，在刚刚过去的世界读书日，蜗牛...
读过那么多书的你，有没有想过，写书的人在想什么？
4 月 23 日和小当一起走进这些作家的大脑，看看？
扫描二维码，进入他们的大脑！
（App 用户需点击放大二维...
网易云音乐与一汽马自达联合发布了这款H5——《走自己的路，你永远独一无二》，伴随着音乐，在每次点击之下，场景中的人物依次经历新生、好奇、尝试、青春、激情、叛逆、自由、迷茫、思考、...
动态图形设计在我们日常生活中无处不在，藉由项目来告诉大家我是如何有理据的做动态图形设计，希望我的设计方法对你有所帮助。
腾讯视频直播答题《百万脑力时代》动态...4.H5 名片识别功能
功能描述：点击名片识别按钮，将名片上的个人信息扫描并解析出来显示。实现步骤：1.点击第一个页面上的名片识别按钮，调出手机摄像头和相册，让用户进行选择2.获取照片或者图片的base64数据，传值到第二个页面3.在第二个页面接受参数，调取第三方的ocr接口进行图片解析，得到名片上的个人信息，并显示。------------------------代码--------------------------第一个页面：&!DOCTYPE html&
&html lang="en"&
&meta charset="UTF-8"&
&title&Title&/title&
&style type="text/css"&
font-size: 62.5%;
/*10 ÷ 16 × 100% = 62.5%*/
#input_file {
font-size: 4.0
/*2.4*10px=24px*/
#input_file {
/*相对于最近的祖先元素定位，如果absolute的元素，没有被positioned的祖先元素，那么他是相对于文档的body元素来定位的；一个“positioned”元素是指 position 值不是 static 的元素*/
opacity: 0;
z-index: 10;
z-index: 0;
&script type="text/javascript"&
function setImagePreview() {
var docObj = document.getElementById("input_file");
var imgObjPreview = document.getElementById("myimg");
var reader = new FileReader();
reader.readAsDataURL(docObj.files[0]);
reader.onload = function (e) {
var dataobj = this.
imgObjPreview.src =
imgObjPreview.onload=function(){
var cropStr =compress(imgObjPreview,800,800,1.0);
console.log("cropStr:" + cropStr);//压缩后的base64
var dot = cropStr.indexOf(",");
var newBase64Data = cropStr.substring(dot + 1, cropStr.length);
//console.log("newBase64Data:"+newBase64Data);
localStorage.setItem("base64data", newBase64Data);
* 图片压缩
压缩后的宽度
压缩后的高度
function compress(img, width, height, ratio) {
var canvas, ctx, img64;
canvas = document.getElementById('canv');
canvas.width =
canvas.height =
ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, width, height);//把图片绘制到画布上
img64 = canvas.toDataURL("image/jpeg", ratio);
return img64;
function jump() {
//window.setTimeout("window.location.href='cardRecognition.html'", 5000);
var file = document.getElementById("input_file");
// for IE, Opera, Safari, Chrome
if (file.outerHTML) {
file.outerHTML = file.outerHTML;
} else { // FF(包括3.5)
file.value = "";
window.location.href = "cardRecognition.html";
&div&&!--步骤1--&
&input type="button" value="名片识别" id="btn" disabled="disabled" /&
&input type="file" accept="image/*" multiple="multiple" id="input_file" onchange="setImagePreview()" /&
&input type="hidden" id="img" name="img" value="" /&
&canvas id="canv" width="400" height="400" style="border:1"&&/canvas&
&img id="myimg" src="" alt="预览" width="400" height="400" /&
&/html&第二个页面&!DOCTYPE html&
&html lang="en"&
&meta charset="UTF-8"&
&title&名片识别&/title&
&link rel="stylesheet" type="text/css" href="../css/loader.min.css"&
&script src="../js/jquery-3.2.1.min.js"&&/script&
&style type="text/css"&
&script type="text/javascript"&
$(function () {
var key = "FxxxxxxxxxxxxxxMy";
var secret = "1cc1xxxxxxxxxxxxxeb243c87a";
var typeId = 20;
var format = "json";
var base64Data = localStorage.getItem("base64data");
//var test=localStorage.getItem("test");
localStorage.clear();
//console.log(base64Data);
//alert(base64Data);
//alert(test);
requestData();
///////////调取翔云orc接口//////////
function requestData() {
var oData = { "img": base64Data, "key": key, "secret": secret, "typeId": typeId, "format": format };
url: "https://www.netocr.com/api/recogliu.do",
//url:"http://101.200.79.184/api/recogliu.do",
type: 'POST',
dataType: "json",//注意，此处设置为text，可以在ie中解析返回的xml
data: oData,
success: function (returndata) {
if (returndata != null) {
var jsonresult = JSON.stringify(returndata);
var mdata = $.parseJSON(jsonresult);
console.log(mdata);
var len = mdata.cardsinfo[0].items.
for (var i = 0; i &= len - 1; i++) {
item = mdata.cardsinfo[0].items[i];
$("#tb").append("&tr&&/tr&&td style=\"border: 1px solid #000;width: 100px\"&" + item.desc + "&/td&" +
"&td style=\"border: 1px solid #000;width: 300px\"&" + item.content + "&/td&&/tr&");
//移除loading
$('body').addClass('loaded');
$('#loader-wrapper .load_title').remove();
error: function (returndata) {
alert("请求失败");
&div id="loader-wrapper"&
&!--loading--&
&div id="loader"&&/div&
&div class="loader-section section-left"&&/div&
&div class="loader-section section-right"&&/div&
&div class="load_title"&正在识别名片
&br& &/div&
&div id="dv" align="center"&
&table id="tb" style="text-align:"&
&/html&-----------------------以上是实现步骤，以下是开发时遇到的问题--------------------------------在实现的时候有几个问题：1.华为手机自带浏览器无法打开摄像头：打开手机摄像头或者相册使用的h5的input标签，设置accept="image/*" multiple="multiple" 属性，无法打开摄像头，百度了好多也没有找到解决方案，最后考虑到用户习惯，用户很少用手机自带浏览器，下载了谷歌浏览器和uc浏览器进行测试，没有问题，可以正常打开手机摄像头和相册；2.使用H5的input type=file标签，会自带样式：通过修改它的样式，主要是将其透明图设置成0，将其隐藏掉，自己再写个input type=button的按钮覆盖到上面，看起来就是只点击按钮了。3.点击拍摄或者相册选取图片，获取base64数据，base64数据太长，无法解析。一开始在电脑的谷歌浏览器进行测试，直接选取的网络上的图片，传图片的base64可以正常解析，但是放到手机上，通过拍摄获取到的图片转成base64数据会很大(5M)，我看了下是直接传图（80k）的64倍，可能随图片大小不同，这个数据有差别，后来打算使用压缩后的图片转base64来进行解析，压缩后的base64再转成图是一片黑，压缩失败。后来回来看了下压缩代码，压缩过程是这样的：/*
* 图片压缩
压缩后的宽度
压缩后的高度
function compress(img, width, height, ratio) {
var canvas, ctx, img64;
canvas = document.getElementById('canv');
canvas.width =
canvas.height =
ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, width, height);//把压缩后的图片绘制到画布上
img64 = canvas.toDataURL("image/jpeg", ratio);
return img64;
}这个方法本身是没有问题的，但是放到代码中会有问题，问题出在ctx.drawImage(img, 0, 0, width, height);这句上，img一直无法绘制到画布上，原来是img.src 还没有加载完就开始绘制肯定绘制不上，所以调用img.onload,等到img加载完成后再进行绘制就可以了，最后正确获得压缩后的图片的base64数据。ok，以上就是一个简单的总结，记录一下。
没有更多推荐了，6.4K244 条评论分享收藏感谢收起赞同 27716 条评论分享收藏感谢收起