ipad适配切图尺寸寸和无线端模块尺寸不同怎么办

经典远距离 2.4G无线模块_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
经典远距离 2.4G无线模块
上传于||文档简介
&&J​F4​D​-​B​是​我​公​司​(​安​阳​新​世​纪​电​子​研​究​所​)01​年月​ ​新​开​发​的​一​款​远​距​离.G​数​传​模​块​。​特​小​体​积​,​高​性​能​指​标​,​模​块​配​带.G​简​易​软​天​线​,​实​测​有​效​稳​定​距​离​大​于0米​。​有​效​解​决​了​J​F4​D​小​功​率​模​块​通​信​距​离​有​限​的​瓶​颈​。​模​块​为​S​P​I​接​口​,​与​J​F4​D​兼​容​,​可​以​互​相​通​信​,​可​配​各​种​单​片​机​编​程​,​降​低​产​品​成​本​。
阅读已结束,如果下载本文需要使用0下载券
想免费下载更多文档?
你可能喜欢纯干货!一款APP从设计稿到切图过程全方位揭秘
@BAT_LCK :我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧。公司不同,流程不尽相同,但是终究还是能有些帮助。
依旧声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用。另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用~
这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱,我整理好以后再说吧。
页面篇幅比较长,不推荐一次性看完,那样你潜意识里就会对它厌烦了,所以可以有时间读一读,看一看。
Part 1 项目立项
完善的公司会把项目相关人员聚集起来,产品经理会把产品详细的用原型展示出来,包括产品定位,市场需求,主打卖点,产品性质以及各模块具体功能,逻辑跳转演示一下;之后会评估项目用时,各部门协调,项目启动。
话不多说,接到原型,那我们应该做什么准备工作呢?
在项目设计之初,就该进行项目归档整理,我的习惯是“项目名称+版本序列”;
没有最正确的工作方法,只有最适合自己的工作习惯。
我个人习惯把不同类型的文件划分到不同类型的文件夹里,有的设计师习惯全都放在一个文件夹里,如果文件少还说的过去,如果页面过多,就知道这样的利弊了。
工欲善其事必先利其器,基本上我做界面设计用的最多的就是PS和AI了,版本无所谓,用着舒服就行,推荐版本高一点的,低版本好多方便功能都没有。
标注工具:
PxCook,目前我还没用上Mac,所以也不知道传说中的Sketch到底多神奇。PxCook在Windows上标注还比较顺手,虽然它还附带切图功能,但是比较鸡肋,不推荐用它切图。
切图工具:
官网地址: /
一款PS的插件,切图非常方便,但不支持绿色免安装版本PS,而且对PS版本要求比较高,针对CS 6的已经不维护更新了。推荐安装官方完整版PS cc,然后自行破解。官网上有安装使用教程,自己研究下吧,因为我也是最近才开始接触这款插件。
Assistor PS
也是一款PS的切图标注插件,也被誉为神器;我使用了下,感觉相当不错,就是标注还没太适应,推荐一下这个。
具体介绍看:
《切图标记外挂神器ASSISTOR PS深入解读(上)》/assistor-ps-introduction-1
《免费了!切图标记外挂神器ASSISTOR PS深入解读(下)》/assistor-ps-introduction-2
Part 2 Photoshop
现在常用的几种设计尺寸
1. 640*960 4时代的尺寸,刚接触APP设计用的是这个尺寸,拟物盛行的时代(现在用这个尺寸设计的应该比较少了吧);
2. 640*S/5C,IPhone更新,咱们设计也得跟着与时俱进(应该还有人用这个设计尺寸),进入扁平的时代了;
3. 750*1334 6 目前我做设计稿的设计尺寸,IPhone6的尺寸,向下可以适配4,5,向上可以适配6 plus;我记得IP6推出后,我问总监应该用什么尺寸设计,他说用IP6的吧,好适配,切出来就是@2x了,改一改上下都能照顾到。
推荐做设计稿的时候使用IPhone6的尺寸进行设计。
IP 6的尺寸相比于IP 5来说,很多系统控件尺寸并未变化,只是高度也就是内容显示区域发生了变化。下面是IPhone 6的空白文档,我建立了参考线。
文档建立之初就设置好参考线是个很好的工作习惯,我希望更多的设计师可以养成更好的工作习惯。
上下的参考线很容易设置,因为是根据IPhone自身系统设置的,左右的参考线我习惯设置为24px,也就是显示内容距离边框的距离。这不是绝对的,我和总监研究过,究竟是设置为左右30px还是24px比较好,通过对国内国外各种APP的对比,觉得24px更适合一些,不宽不窄,这个完全是设计师个人的设计习惯,所以不要当成什么规范,确切的说,整个屏幕你都可以随便做,但是我们这里说的是正常页面。
Part 3 页面标注
标注是重中之重,工程师能不能完整的还原设计稿,很大一部分取决于标注;如果不清楚你该怎么标,一定要和工程师沟通!
每个工程师实现效果的方法不同,我在这里所说的,是我的标注习惯,但应该适用于大部分的设计师和工程师。
不需要每一张效果图都进行标注,你标注的页面能保证工程师开发每个页面的时候都能顺利进行即可;
附:《UI设计师怒转!如何做一份让工程师泪流满面的标注?》/designer-mark-for-developer
这里的标注软件使用的是PxCook,先标一个空白文档,看看都需要什么吧
这里要说一句,PxCook虽然可以自动读取颜色,但是还不能对PSD文档里设置的透明度读取,所以如果你用了透明色,推荐你用文字标注直接写出来原色值以及透明度。
基本上我并不使用PXCook里面的颜色标注工具,而是使用文字标注工具,因为要标识两种色值,PxCook只能显示一种色值。
一般我的习惯是PS和标注软件同时打开,因为有时候标注软件并不能完全的把PSD文件里的东西标注出来,所以标注也要灵活运用,如果无法标注,就到PS里查看一下,然后再使用文字标注说明一下。
标注颜色是使用16进制,还是RGB:
都用得到,要看实现什么东西,建议标注颜色时,两种色值表达都标上(16进制&RGB)。
你需要标注的内容有:
文字需要提供:字体大小(px),字体颜色;
顶部标题栏的背景色值,透明度;
标题栏下方以及Tab bar上方其实有一条分割线,需要提供色值;
内容显示区域的背景色(如果是全部页面白色,那就和工程师说一句就行);
底部Tab bar的背景色值。
因为页面的种类成千上万,我想每种页面都讲一下,但是不现实,希望可以举一反三。
下面的是一个比较普通的首页页面,但是基本上一款APP中应该标的元素都有了~
一般页面你需要标注这些地方:
所有元素统一距离屏幕最左24px(全局性的数据可以直接和工程师沟通,也可以标注,推荐标注出来)
1、标题栏:背景色,标题栏文字大小,文字颜色(不再赘述);
2、Banner:所有撑满横屏的大图,不需要横向尺寸,把高度标出了就可以了;
3、菜单图标:
图标的大小和图标的可点击区域不一定一致
也就是说,图标可以做的很小,但是为了保证点击的准确性和流畅性,工程师可以把可点击区域设置的很大,这样标注和切图的时候就要注意,标注的是可点击区域的大小,切图切的也是可点击区域的大小,也就是用透明区域去补上,否则图片会模糊。
在设计的时候就要考虑可点击区域的范围,比如X宝购物车页面左侧的小圈,可点击区域要比实际小圈尺寸大很多。
这种类型的图标需要标注图标点击区域大小,图标距离屏幕最左最右以及上下的距离。至于图标的间距,因为有些时候可能 设计师不能完全做到1px不差,所以我基本不标,交给工程师让他们去处理,其实等距排列的图标不需要标间距,因为工程师还要动态适应不同的屏幕,标了间距也是白标(还是要和你的搭档沟通怎么去标注);
4、模块间隔:这个位置其实不是太重要,我习惯标注上这里,麻烦能少则少。
5、图片+文字:这个应该比较常见,只标注一个单位(图+文)就可以了。
图片需要标注宽高,因为工程师要设置图片区域,从后台调取,可以这么说,软件里除了横屏撑满的图,基本上所有的图片都要标注宽高。
图片距离上下左右的距离,文字大小颜色,这里的文字其实算两个控件,标题文字以及说明文字,需要单独标出。
这个位置其实比较特殊,你可以单独标注图标大小+文字大小;还可以图标文字算作一个控件,整个切出来;
我们工程师的习惯是用整个的,也就是图标+文字算作一个ICON,所以我基本不怎么标注单独的图标(这里可以和你的搭档去沟通一下,看他是什么开发习惯)。
关于列表页类型的标注问题
普通的列表有两种方法(去问你的搭档,他喜欢用什么方法):
标出行高,行内元素居中;
标出行内元素,元素上下间距,确定行高;
每种元素的位置如何确定:
通常标注的都是元素距离屏幕最左侧的距离,比如上图的图标元素距离左侧24px,文字元素距离左侧100px。
标注这个东西没有固定的方法,工程师的开发习惯不同,标注方法也不同。
该怎么标注虽然可以在网上找到方法,但那不一定适合你,一定和自己的搭档勤沟通,方法是死的,人是活的……
所有的页面标注总结起来就是:标文字,标图片,标间距,标区域;
(上述图标出现了45px的单数,因为软件自动吸附上去了显示了图标本身的尺寸,切图的时候记得输出个偶数尺寸的切片)
Part 4 切片资源的输出
切之前务必要和你的工程师搭档沟通一下,该如何去切才能配合他的开发。
全局性的切图常见问题
① 你的所有设计尺寸,包括图形效果,应该尽量使用偶数。
技术开发使用的尺寸是设计稿像素尺寸的一半,也就是说,如果你用24px的字体,技术那边就是设置为12px;
所以标注的时候务必使用偶数,为了保证最佳的设计效果,避免出现0.5像素的虚边。
② 切图尺寸应该提供几套?
ico_car.png IPhone2G,3G,3GS使用(好像没人用这手机了吧)
ico_car@2x.png IPhone4,5,6优先加载此尺寸图片(不是必须使用这个尺寸,是优先加载调用这个尺寸)
ico_car@3x.png IPhone6 plus使用的尺寸
可以简单的理解为倍数关系(其实是为了满足不同分辨率,我觉得不用过于深究),如果你使用IPhone 6尺寸做设计稿,那么切片输出就是@2x,缩小2倍就是@1x,扩大1.5倍就是@3x了。
理论上,为了达到最好的视觉效果,你应该输出三套尺寸,推荐输出三种尺寸的切片资源。
我的工程师搭档要求我给两套尺寸就可以,也就是@1x @2x的两种尺寸,因为我们没有6 plus的测试机,所以看不到效果,据他说应该不会太失真,但是为了保证效果,我还是给三套尺寸。
另外现在几乎看不到3GS了,所以需不需要提供一倍图,还是要和工程师讨论一下~
@1x @2x @3x是开发工具Xcode软件需要的UI资源,命好名称后,IOS设备会自动的选取合适尺寸。
③共用资源的图片,输出一张就可以
类似这种重复的按钮之类的,只要提供一张共用的资源就可以了;上面的文字是技术写上去的。
理论上按照最佳视觉效果,你应该提供多尺寸的图片;但通常我只提供最大尺寸的一张图片即可,这一点要和你的搭档沟通好,却问他需要什么方式。
④切片的输出格式
文件→存储为Web所用格式
位图格式:PNG 24,PNG 8,JPG
在JPG和PNG两种格式图片大小相差不是很大的情况下,推荐使用PNG;如果图片大小相差很大,使用JPG。
欢迎页面,ICON一定要使用PNG格式,在不影响视觉效果的前提下,可以考虑使用PNG 8;
矢量图格式:PDF,SVG
IOS原生支持的两种矢量图片格式,但是支持的一般,并不能保证100%把所有图片效果渲染出来;
为了保险起见,我通常不使用这两种格式,推荐还是使用位图,如果以后技术提升,100%支持SVG和PDF这种矢量格式图,那个时候也许不用提供这么多套尺寸了~
⑤图标的点击区域
最小点击区域问题:
IOS人机指导手册里推荐的最小可点击元素的尺寸是44*44 point(点),在设备上1 point等于1像素,所以转换成像素就是44*44像素,换算成物理尺寸大概是7mm左右吧(人机工效学研究中得出的结论:用食指操作,触击范围在7mm左右合适;用拇指操作,范围在9mm左右合适)。据说这个尺寸下,不容易出现误操作,误点击;小于这个尺寸,点击就会变的有些不太准确,一向注重用户体验的苹果公司定义这个最小点击尺寸也不是没根据的……
所以现在做设计,为了图标精致,你可以把图标做的小一些,但是切图输出的时候,要考虑用户点击难易度的问题,所以,切图的时候,涉及到需要点击的小图标的时候,普通屏幕还是切44px大小,高清屏就需要切88px,不够的地方用透明区域补全,否则用户点击的时候会比较困难,会很不灵敏。
⑥图片图标的不同状态
每种图标或者图片如果有不同状态,每一种不同的状态都需要进行切片输出
比如按钮有正常(normal),按下(pressed),选中(selected),禁用(disabled)等多种状态,
最常出现的就是normal→pressed→normal;某些特定按钮控件会出现选中状态,具体情况具体分析吧。这里显示的是你要知道按钮可能有几种状态……
切片的命名规则
命名并不是统一的规范,不同的公司不同的工程师有着自己不同的命名规范和命名习惯,但是大致还是有迹可循的,一般是:
切片种类+功能+图片描述(可有可无)+状态.png
名称应使用英文命名(中文不识别,推荐小写字母),不要以数字或者符号当作开头,使用下划线进行连接。
举个例子:一个首页的处于正常状态的确定按钮
btn_sure_nor.png
btn_sure_nor@2x.png
切片种类是按钮(btn);功能是确定(sure);状态是normal(正常)
我通常是以这种命名方式进行命名,如果你的公司有设计文档,去看看之前留下的命名规范,如果没有,那就去问工程师吧。
Tab bar(底部栏)
说说Tab bar这里,因为比较特殊。
如果单纯的只有图标,自然是只切图标就好了;
早上和工程师沟通,这里该怎么切,工程师给的建议是
图标+文字的模式,图标最好单独切,文字后面程序加上去。
另外记住,同一模块的图标切片大小保持一致,上图的四个图标本身尺寸并不相同,但是切图的时候你需要切出相同尺寸的阴影大小,便于工程师开发使用。
该怎么切图,还是要和你的工程师搭档去沟通一下;
以下是常用命名,这是我的命名习惯,并不是规范,所以要灵活,如果实在不知道英文,就用拼音代替也行。
Part 5 工作常用数据
你需要使用的字体:
如果是用Mac设计的小伙伴,直接就用苹果黑体字就好了;不过用Windows的就没那么幸运了,PC上还没和IPhone默认字体效果完全一样的字体,通常都是拿其他字体代替。
苹果丽黑 Hiragino Sans GB W3(普通)/W6(粗体) 比较接近IPhone字体的一款字体,这是我之前一直使用的设计字体。
黑体-简 STHeitiSC-Light Mac里面拷出来的苹果黑体,比较贴近IPhone手机字体,目前在用。
我会把这两款字体上传,有需要可以下载。
关于字体大小的问题:
顶部操作栏文字大小 34-38px
标题文字大小 28-34px
正文文字大小 26-30px
辅助性文字大小 20-24px
Tab bar文字大小 20px
文字大小只是一个范围,这要根据设计的视觉效果来决定,不要死记硬背,但是切记,字体大小要用偶数。
你需要知道的IPhone设计尺寸(这里是一个整屏的尺寸包括了状态栏)
320*480 IPhone3GS (我没见过3GS实体机,只在网上见过图片,但你需要知道这个尺寸)
640*960 IPhone 4/4s (4时代的设计尺寸)
640*1136 IPhone 5/5s/5c (5时代的设计尺寸,虽然现在出来6/6 plus,但还有人再用这个尺寸设计)
750*1334 IPhone 6 (目前最新的设计尺寸,基本上现在做IOS的APP设计,用这个的应该最多)
IPhone6 plus (这是标准分辨率,也就是设计需要的尺寸;另外还存在物理分辨率是,这并不需要深入理解。plus还涉及到横屏,横屏是是没有状态栏的,设计横屏时可以参考IPad的设计模式)
你需要提交的启动页面
这是开发工具Xcode提供的LaunchImage(启动页面)的各项尺寸,不过好像现在已经改了,这还是工程师很久之前给我的,咋一看是不是吓一跳?工程师是按照IOS的系统版本来设置的,但你是设计师,你是按照IPhone的版本来作图的,所以其实没有那么多,真实情况下,我们的工程师要求提供以下几个尺寸:
640*960 (4/4s)
640*1136 (5/5s/5c)
750*1334 (6)
(6 plus)
(6 plus的横屏尺寸,如果你们的软件支持横屏模式,你就需要做一张横屏的启动页面)
注意,启动页面一定要是PNG格式的
图标的提交尺寸
IOS系统可以自动把图片裁剪为圆角,所以提交图标的时候,你只需要提交正方形的PNG图片即可。
因为需要的图标非常多,不可能全部加进去,只能选择最好的尺寸,我们的工程师要求我提供以下图标尺寸:
Retina APP Icon for APP Store(高清屏的APP Store)
512*512 APP Icon for APP Store(普通屏幕的APP Store)
120*120 6的主屏幕尺寸
114*114 5/4s/4的主屏幕图标尺寸
57*57 3GS的主屏幕图标尺寸
58*58 Retina Settings图标尺寸
29*29 Settings图标尺寸
提交的图标尺寸不是固定的,所以,去找和你搭档的工程师,让他给你出一份需要提交的图标尺寸文档。
差不多用的到的就这些,有时间可以去查看一下苹果的IOS人机指导手册或者开发文档,上面有更加详细的数据说明。
但实际工作中需要的并不像手册上提供的尺寸那么多,所以工作之中,和你的工程师搭档去沟通,你要知道的是你们公司开发所用的数据,而不是苹果提供给你的数据。
注:相关网站建设技巧阅读请移步到频道。
看过本文的人还看过
最新图文推荐
最新专栏文章
大家感兴趣的内容
&&<a rel="nofollow" class="red" href="" target="_blank" color="red新版网站排行榜
===全新上线===
网友热评的文章恩智浦半导体大中华区产品市场经理陈筠仪表示,恩智浦AC/DC快充解决方案在充...
智能汽车会刊
如今,物联网浪潮已然席卷至汽车电子产业,发动机控制系统、底盘...
随着新能源汽车上升为国家战略之后,推广应用已经进入关键时期,与燃油车相...
智能后视镜产品方案对接会
中国LED智能照明高峰论坛
第三届·无线通信技术研讨会
第二届·中国IoT大会
ETFo智能安防技术论坛
成都&智能工业创新应用论坛
移入鼠标可放大二维码
Silicon Labs Bluetooth模块和开发工具显著缩减低功耗无线设计的尺寸和复杂度
来源:电子发烧友网 作者:厂商供稿日 10:28
[导读] 中国,北京-日-Silicon Labs(芯科科技有限公司,NASDAQ:SLAB)推出全集成、预认证的Bluetooth(R)模块,这使开发人员可以为短距离无线应用提供小尺寸、易于使用及低能耗技术等最佳综合特性。
  中国,北京-日-Silicon Labs(芯科科技有限公司,NASDAQ:SLAB)推出全集成、预认证的Bluetooth&模块,这使开发人员可以为短距离无线应用提供小尺寸、易于使用及低能耗技术等最佳综合特性。基于Silicon Labs Blue Gecko蓝牙无线片上系统(SoC)和节能的Gecko MCU技术,新型Blue Gecko BGM113模块为长达50米传输范围的应用提供了小尺寸、Bluetooth 4.1兼容和3dBm输出功率的连接解决方案。基于Silicon Labs一流的开发软件(包括可延长电池使用寿命的Energy Profiler工具),BGM113模块成为空间要求高和能耗敏感的蓝牙无线应用的理想选择,这些应用包括智能手机配件、可穿戴运动和健身产品、无线门锁和销售终端设备等。
  BGM113模块采用2.4GHz Blue Gecko无线SoC和高效率芯片天线,构成完整、即插即用的系统。它预装载了Silicon Labs Bluetooth 4.1兼容的软件协议栈,并且可以使用设备固件升级到Bluetooth 4.2及更高版本。BGM113模块使得开发人员无需进行复杂的RF设计或者协议抉择,从而使他们可以关注于终端应用。作为预认证的解决方案,该模块能够在不同国家或地区最小化进行认证所需的时间、工作量和风险,这些论证包括北美的FCC认证、欧洲的CE认证、加拿大的IC认证,以及日本和韩国的认证等。
  BGM113模块与Silicon Labs广受欢迎的BLE113 Bluetooth模块引脚兼容。这种兼容性使得用BLE113的客户能够方便的迁移到具有更高应用处理能力和更低功耗的ARM Cortex-M4 Bluetooth平台,并且同时支持升级到Bluetooth 4.2。BGM113模块也是Silicon Labs现有较大尺寸、更高输出功率BGM111模块的有效补充,这使得开发人员能够采用成本、尺寸和能耗的最优组合进行无线设计。
  Silicon Labs Blue Gecko模块和SoC具有类似的技术特性和相同的软件和应用编程接口(API)。这种兼容性使得开发人员可以在无线设计过程中充分利用完全的软件复用,以最小的物料成本(BOM)并简化软件开发工作,轻松的从Bluetooth模块迁移到SoC。
  Silicon Labs模块产品高级营销总监RikuMett&l&表示:&如果Bluetooth开发中的外形尺寸和易用性是你所关注的难题,那么Silicon Labs新型Blue Gecko模块将是你无线应用开发的最佳选择。Bluetooth低能耗应用关注尺寸、成本和上市时间,而我们业界领先的Simplicity Studio无线开发工具成为最佳后盾,预认证的BGM113模块提供了紧凑和行业标准的封装尺寸。&
  BGM113模块也支持Silicon Labs Simplicity Studio&开发平台和无线软件开发工具包(SDK)。通过采用Silicon Labs类似BASIC语法的BGScript&脚本语言,开发人员能够快速创建Bluetooth应用,并且无需添加片外MCU去运行应用逻辑。在BGM113模块之内运行应用代码,不仅消除了通常所需的片外MCU,而且也减少了系统成本和板面积,加速了产品上市时间。其他Simplicity Studio工具还包括允许开发人员优化能耗并延长电池使用寿命的Energy Profiler,以及可以提供所有无线网络活动完整视图的Desktop Network Analyzer。
  Blue Gecko BGM113模块的关键特性
  & 最佳的极小模块尺寸:9.2mm & 15.8mm x 1.83mm
  & 最大输出功率+3dBm,支持长达50米的传输范围
  & 集成的Silicon Labs Bluetooth 4.1/4.2软件协议栈
  & Blue Gecko SoC集成了2.4GHz收发器、40MHzARMCortex-M4内核和256kB闪存和32kB RAM
  & 能效优异的Bluetooth解决方案,能耗低至8.7mA(峰值接收模式)和8.8mA@0dBm(峰值发射模式)
  & 硬件加密加速器支持高级AES、ECC和SHA算法
  & 支持全球认证(FCC、CE、IC、韩国、日本),加速产品上市时间
  & 易于使用的开发工具:Simplicity Studio、Energy Profiler、BGScript
  & 全球应用工程支持
  价格及供货
  BGM113 Blue Gecko模块预量产的样片现已供货,可用于工程评估和原型设计,计划在第二季度量产。BGM113模块在一万片采购量时,单价为4.17美元起。SLWSK6101B Blue Gecko无线入门套件零售价格为99美元,SDK现已供货(免费)。
  关于Silicon Labs
  Silicon Labs公司(NASDAQ:SLAB)是物联网、互联网基础设施、工业自动化、消费电子和汽车等市场领域中的芯片、软件和系统解决方案的领先提供商。我们解决电子行业各项难题,在性能、节能、互联和简约设计等方面为客户带来显著优势。Silicon Labs拥有世界一流的、具有卓越软件和混合信号设计经验的工程团队,为设计人员提供把最初想法快速、简便地转化为最终产品所需的工具和技术。
如今,物联网浪潮已然席卷至汽车电子产业,发动机控制系统、底盘控制系统和车身电子控制系统已模型初显,安全...
ADAS市场或破千亿
国产汽车雷达将爆发
抢占智能汽车制高点
为自动驾驶保驾护航
电动汽车面临的挑战
Silicon Labs相关文章
Silicon Labs相关下载
蓝牙相关文章
蓝牙相关下载
MCU相关文章
MCU相关下载
新思第二代TetraMAX II测试工具采用的新型ATPG引擎将运行时速度提高至少一个数量级,一个大型SoC样片的验证测试时间从过去的数天降低到数小时,划时代的...
IoT将会在未来10年内创造出500亿个联网设备,如何确保这些巨量联网设备的安全性和连接性,正是今天业界面临的2大主要挑战,本文重点将讨论基于ARM的...
创新实用技术专题
Copyright &
.All Rights Reserved查看: 26105|回复: 27
手机淘宝无线端优惠券设置教程
TA的每日心情抱抱 21:11签到天数: 127 天连续签到: 1 天[LV.7]炉火纯青主题帖子积分
阅读权限: 30
中级会员, 积分 23121, 距离下一级还需 76879 积分
中级会员, 积分 23121, 距离下一级还需 76879 积分
您是否在设置手机端优惠券时,直接使用电脑端生成的优惠券链接复制进去,无法保存发布?或者优惠券通过手机端无法正常领取?今天教大家如何正确设置手机淘宝无线端优惠券连接。
下列三个步骤即可完成设置:1、店铺营销中心后台设置商品优惠券,并复制优惠券链接出来;2、修改优惠券链接为手机淘宝无线端优惠券链接;(重点)3、手机淘宝后台利用自定义模块插入优惠券图片和手机端优惠券链接。
现在我们来看具体步骤:
第一步:设置优惠券1、进入店铺卖家中心后台,左侧营销中心的店铺营销中心;2、店铺活动中创建活动,创建商品优惠券
3、填入优惠券设置条件
4、活动管理中查看商品优惠券,并且复制对应优惠额的优惠券链接
直接复制的优惠券链接为:/coupon/unify_apply.htm?seller_id=&activity_id=5547f9aaba84c注意,此时的优惠券如果放在电脑端页面,可以直接使用这个链接,手机端直接用这个连接则不行,如何转化为手机端可用链接,看第二步。
第二步:修改优惠券链接为手机淘宝无线端可用链接1、复制优惠券链接到记事本,以下链接为例:/coupon/unify_apply.htm?seller_id=&activity_id=5547f9aaba84c(修改前链接)2、修改为手机淘宝无线端链接:http://shop./shop/coupon.htm?seller_id=&activity_id=5547f9aaba84c(修改后链接)3、注意:就是将原链接问号之前的这段:/coupon/unify_apply.htm?替换为:http://shop./shop/coupon.htm?
第三步:手机后台添加自定义模块,设置优惠券下面以设置这样的优惠券为例(无间隙)
1、淘宝手机装修后台添加自定义模块,在该模块中添加3个子模块,尺寸分别为:228*152像素,152*152像素,228*152像素2、在PS中将对应的优惠券图片设计好,尺寸为:608*152像素
3、将三个对应优惠券图片裁剪好(建立垂直参考线切片,第一条垂直参考线228像素,第二条垂直参考线380像素)
4、讲裁剪好的图片对应插入手机淘宝后台自定义模块中
5、将第二步中修改好的手机端优惠券链接放入右侧对应链接中
6、发布后用手机淘宝扫码看效果
7、测试优惠券可以领取,手机端优惠券链接设置成功!亲,您学会了吗?赶紧动手试试!
对应手机端优惠券PSD文件和手机端优惠券下载链接:
美工币 +70
平哥,淘宝大学讲师,公众微信号:taoour
官方旗舰店:
TA的每日心情抱抱11&小时前签到天数: 950 天连续签到: 3 天[LV.10]功行圆满主题帖子积分
阅读权限: 50
高级会员, 积分 156201, 距离下一级还需 343799 积分
高级会员, 积分 156201, 距离下一级还需 343799 积分
好教程。学习了。谢谢。
淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:
TA的每日心情抱抱 21:11签到天数: 127 天连续签到: 1 天[LV.7]炉火纯青主题帖子积分
阅读权限: 30
中级会员, 积分 23121, 距离下一级还需 76879 积分
中级会员, 积分 23121, 距离下一级还需 76879 积分
好教程。学习了。谢谢。
不客气,这个很简单,只是有些人不清楚而已
平哥,淘宝大学讲师,公众微信号:taoour
官方旗舰店:
TA的每日心情加油 14:31签到天数: 275 天连续签到: 1 天[LV.8]自成一派主题帖子积分
阅读权限: 30
中级会员, 积分 78821, 距离下一级还需 21179 积分
中级会员, 积分 78821, 距离下一级还需 21179 积分
学习了给个赞
TA的每日心情烦16&小时前签到天数: 1082 天连续签到: 127 天[LV.10]功行圆满主题帖子积分
阅读权限: 100
黄皮很酸吗? 糖糖很甜吗? 亲 我一下犯法吗?
不错,做得挺详细的
&&&&&&挖掘淘宝Bug与代应用:&&&&&&
TA的每日心情吐舌头 22:07签到天数: 215 天连续签到: 1 天[LV.7]炉火纯青主题帖子积分
阅读权限: 30
中级会员, 积分 40202, 距离下一级还需 59798 积分
中级会员, 积分 40202, 距离下一级还需 59798 积分
淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:
TA的每日心情加油7&天前签到天数: 213 天连续签到: 1 天[LV.7]炉火纯青主题帖子积分
阅读权限: 30
中级会员, 积分 31062, 距离下一级还需 68938 积分
中级会员, 积分 31062, 距离下一级还需 68938 积分
给不会的人顶一下。
→_→好像是件衣服:
TA的每日心情臭美 09:04签到天数: 224 天连续签到: 3 天[LV.7]炉火纯青主题帖子积分
阅读权限: 30
中级会员, 积分 76999, 距离下一级还需 23001 积分
中级会员, 积分 76999, 距离下一级还需 23001 积分
很不错!!!学习了,谢谢楼主
淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:
TA的每日心情烦 18:50签到天数: 283 天连续签到: 1 天[LV.8]自成一派主题帖子积分
阅读权限: 30
中级会员, 积分 57776, 距离下一级还需 42224 积分
中级会员, 积分 57776, 距离下一级还需 42224 积分
学习了。。。
淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:
TA的每日心情臭美5&小时前签到天数: 383 天连续签到: 1 天[LV.9]已臻大成主题帖子积分
阅读权限: 30
中级会员, 积分 77787, 距离下一级还需 22213 积分
中级会员, 积分 77787, 距离下一级还需 22213 积分
大湿 我想问下那个自定义模块里那个子模块的尺寸要怎么调成自己想要的那个尺寸呢
向日葵告诉我,只要面对着阳光努力向上,日子就会变得单纯而美好。
任职天猫商城美工! 注意:申请此勋章,需先通过淘宝美工认证!
经常帮助其他会员答疑
注册账号后积极发帖的会员
经常参与各类话题的讨论,发帖内容较有主见,在线时间达到720小时(30天)
活跃且尽责职守的版主
积极宣传本站,为本站带来更多的用户访问量
积极宣传本站,为本站带来更多注册会员
Powered by

我要回帖

更多关于 淘宝切图模块 的文章

 

随机推荐