精华内容
下载资源
问答
  • Banner设计制作总结

    2014-08-06 16:58:10
    ◆ 把握住banner主题颜色 ◆ 考虑清楚主题词。如果主题词太长,可考虑使用突出重点词的方式。比如加粗加大重点词,点亮重点词等。注意添加采用吸引力的用语。如“火速参与”等。 ◆ 背景图的处理,背景图是为了...

    一、      总结描述:

    ◆  把握住banner主题颜色

    ◆  考虑清楚主题词。如果主题词太长,可考虑使用突出重点词的方式。比如加粗加大重点词,点亮重点词等。注意添加采用吸引力的用语。如“火速参与”等。

    ◆  背景图的处理,背景图是为了更好的突出主标题,起到解释补充说明的作用。不宜喧宾夺主。

    ◆  如果页面整体看起来很空洞,可补充其它元素,如英文域名等,但注意不要太显眼。

     

    二、      常见版式

    1、 两栏式

    2、 三栏式

    3、 上下式

    4、 组合式1(模特+文字+图)

    5、 两边模特+文字+图

     

    6、 纯文字+背景

     

    三、      文字排版

    文字的排版要求重点突出,大小粗细错落有致,字体保持在2种左右。像下面这种大尺寸的banner文字就可以适当的做下变形,加入一些跟内容有联系的元素或者图形,可以更好的表达整个设计的情绪。

    最后是配色,色彩是由色相、明度和纯度构成的。色相即颜色的相貌,用于区分各类颜色,如 红色,黄色,绿色,蓝色等;明度即颜色的明暗和深浅,或者说颜色含量里白色的多少;纯度即色彩的饱和鲜艳程度。每种色彩都会因为色相,明度,纯度的不同,表现出不同的色彩感,色彩是有情感的,不同的配色会带给人完全不同的心里感受。所以当你在做banner的时候就要考虑你想要表达什么样的情感,想让用户看的时候有什么样的感受,你所表达的情感是不是符合主题内容,基于这些出发点再来做banner的配色就更加的有目的性了。

     

     

     

    Banner设计从入门到精通

    Banner设计其实是我们接触互联网工作后,最常见最普及的一种工作。

    它就像主食一样,支撑着一个项目,一个公司,一个网站的运转。

    也是多数新产品,新事物,各种优惠活动呈现给用户和消费者的主要第一途径。

    什么是Banner?

    Banner的核心使命其实是吸引用户关注,然后被点击。

    所以它会是主题性明确,突出关键内容并有效抓住用户眼球的一种广告。

    通常穿插在页面中。当然在有效吸引用户的前提下,能跟不同页面融为一体是最好的境界。

    大家可以看到上图中首焦Banner

    粗略一看我知道是卖服装的,39块包邮的T恤。

    仔细看下,他们专注做T17年,但我看到左边的T恤时,我真不觉得他们这17年有在用心做()另外似乎是新品上市的样子……还是国货(信息量好大)其实用户并不太需要一次性了解这么多信息,过多的信息反而无法让用户集中于一个重点信息上。

    这也是需求方经常范的通病填鸭式Banner

    举一个正面例子。

    这个banner其实很暴力,百张影票,明星道具1元拍。

    这个文案很给力,也很直接。另外注释是构想私藏张学友演唱会等。

    目标群很明确。简单直接明了,这种banner在轮播中更容易被用户关注和点击。

    结论:其实Banner设计的初衷还是被点击。

    那么所有的设计和创意都是围绕着吸引用户来进行的。

    简洁有效的文案,有时候是需要设计师自己去理解需求并提炼的。

    但是最后我们呈现出来的结果,一定要有重点,一个核心内容,几个围绕说明会变成一种成功率很高的套路。其实很多时候。设计师是可以控制文案质量的。但是通常我们拿到的文案不是很理想(甚至很糟糕)

    那么在淘宝网的Banner需求中,我们的流程大致是这样的。

    其实从图片上的流程可以看出来,沟通的过程会消耗掉一部分时间,然后就是初稿后的跟进。

    后面的反复修改我并没有写出来。因为随着设计师经验的积累,偏离核心目标和反复修改的次数会越来越少

    淘宝的流程不一定适用于全部企业或者公司。但是当量级达到一定程度后。这种项目流程的元素会越来越多。也是为了纵向管理。

    字体方面

    在淘宝,我们是禁止使用一些未授权字体的(因为字体公司会来讨伐)

    所以在不能使用微软雅黑的前提下,我们通常使用方正兰亭黑简来达到相似效果。

    在一个Banner中,尽量避免使用2种以上字体。

    字体清晰好辨认为佳。

    变形申拉什么的在保证品质的前提下可以有,但要符合需求本身的风格。

    字体方面的风险方正》微软》各种倒闭了的字体公司》无版权字体

    图片素材

    图片的质量会影响到一个Banner的好坏及品相。

    那么其实大致需要注意的有3点:

    1. 图片的清晰度辨识性(模糊的图片会给人以不精致的感觉)

    2. 卡通素材的使用(谨慎)通常卡通素材是有版权的,另外就是跟Banner内容的风格是否一致。例如我曾经接手的保险类推广专题,我就严厉禁止使用卡通人物做推广。同样金融线的Banner也不适合,因为涉及到钱,保障的时候。卡通形象容易给人不严谨的感觉

    3. 再有就是图片内容的比例一定要保持1:1伸缩。细微的比例失调都容易给用户一种山寨出品的感觉。

    传承方面

    通常Banner背后会有一个推广活动,企业站点,或热销产品去支撑。

    那么我们需要切记Banner需要和推广主题或点击进去的内容有继承性。

    也就是点之前看到的是个美女,点进去是卖鞋的。这样就不好了。

    Banner与主题的不一致性会给用户带来欺骗感。

    这是淘宝内部的Banner规范产出物

    标注的会很细,这样的好处是类似流水线。

    用同一种规范产出的Banner风格样式会非常统一。

    在页面长期更新时,可以有效的保证Banner质量。

    当我们在一个业务或者项目做了半年左右后,统计日常需要的Banner数量,就可以抽时间完成一个Banner的小规范。把自己的理解和自己总结的东西都写进去。这样在工作交接或者来新帮手传承时,可以给自己节省很多时间。

    一些错误的实例,和正确的实例进行对比。会让别人更容易理解。

    淘宝TMS这个是淘宝内部的Banner上传系统。

    大概就是统一管理这部分的数据,然后会严格限制各种尺寸下的KB数。然后以这种方法节省服务器空间。不过通常设计师有个常识就可以,例如多大的banner最好不要超过100kb

    举一个实例……

    但这好像不是正规banner的,但我感觉也挺合适

    首先我的想法是,希望在这个推广上有游戏点卡实物的感觉。

    那么我在聚划算的设计规范上看到他们的图片是长方形的。我尝试加入黑色底色,然后把点卡图片区域用带有圆角的图形圈出,这样在实际图片放上去的时候,会有点卡实物圆角边的感觉。

    然后我选了一张WOW现在版本大灾变比较有代表意义的图片素材。

    考虑到实际Banner放置位置的周围环境。

    我决定把文字信息放在下面以减少附近内容带来的干扰。

    安排文案过程中其实跟运营同事商讨过几次文案的主要信息。

    最后经过几次优化,最终放上来的内容如图。

    并且强烈要求附带合作伙伴支付宝的logo(其实我不想加,加了不好看呢)

    结合上述工作,最后完成了这个Banner的设计。效果如图

    另外就是跟banner有关的图片格式的一些知识普及

    JPG是我们最常用的格式,它的好处是在真人,风景素材的压缩比会比较好,但是缺点是因为算法的问题,会出现特有的JPG噪点。随着压损比提高。这种噪点会越来越严重。但是正因为有噪点的存在。这也是我们最简单的判断网络上移花接木照片的方法。去看噪点是否平滑规律。JPG的硬伤是 K数小噪点就多。噪点少,就只能放宽KB数。

    另外就是GIF

    网络暴力煽动广告的代表格式。这种格式的优点在于素材如果是像素类,或颜色数量比较少时。它的KB会很少。并且不受到图片尺寸的影响。

    另外就是PNG了,随着IE6的没落,现在PNG的广告形式也渐渐多了。

    PNG的好处主要是可以做透明和A通道。

    最后就是Flash格式了。

    这也是现在媒体广告的主力军。

    这是最后的总结。一个好的Banner需要以上9点来支撑~

     

     

    常用素材网

    1、 http://www.16sucai.com

    2、 http://www.sucaitianxia.com/AI/banner/

    3、 http://www.55.la/banner/

    4、 http://www.poluoluo.com/xinshang/brand/banner/

     

    展开全文
  • 在看了他的设计思想之后,我直接在 youth 的源码上做了一点点修改。 先上一个效果图 第一个banner 就是原来的操作方式,没有任何改变。 第二个banner 实现了圆角的图片 和 圆角矩形指示器, 需要多做几步操作 1、...
  • APP设计说明书概述

    万次阅读 2016-02-27 09:37:39
    文档说明 本文档描述的是某某某APP各页面的显示内容和功能要求。 APPV1.0更新说明 APP页面全部重新设计某页面的Banner某明细页面我的等级页面常见问题页面通知栏用户数据统计...注册页设计说明 填写手机号码校


    1. 文档说明

    本文档描述的是某某某APP各页面的显示内容和功能要求。

    APPV1.0更新说明

    1. APP页面全部重新设计
    2. 某页面的Banner
    3. 某明细页面
    4. 我的等级页面
    5. 常见问题页面
    6. 通知栏
    7. 用户数据统计
    8. 需要做成Webview的页面如下:某某某页面。
    9. Loading&引导页
      1. Loading页面(见设计图)
      2. 引导页(见设计图)

    新用户首次打开APP,会展示引导页

    1. 注册页设计说明

    填写手机号码校验,和更改手机号校验一样,具体如下:

     

    校验通过后,进入填写注册信息页面。


    注册信息校验规则

    如果邀请码为空,检验其他信息,注册成功后,没有某某功能。如果填了邀请码,检验如下:


     


    1. 单击【获取验证码】时,校验手机号码。
    2. 【获取验证码】按钮:
      1. 在手机号校验通过时,点击获取验证码可获得短信验证码。
      2. 点击后按钮禁用,显示60秒倒计时,倒计时结束启用按钮。到计时显示“56秒后重试,启用后显示获取验证码
      3. 当且仅当手机号文本框onchange时,获取验证码按钮会提前启用。
      4. 用户单击【获取验证码】按钮后,鼠标焦点自动跳到验证码输入框。

    发送的短信文案为:欢迎使用某某某,短信验证码:123456

    1. 单击【注册】时,校验邀请码、手机号、验证码和密码。
      1. 如果校验不通过,弹出相应的提示,不更改或清空用户的输入。当多项错误同时出现时,只提示一项。
      2. 错误提示的优先级为:按照表格中的顺序,优先级由高到低。
      3. 如果校验通过,注册该用户。如果注册不成功,提示系统繁忙,请稍后再试
      4. 如果后台处理成功,则跳转到登录页面页面,提示注册成功,请登录某某某
    2. 单击【登录】按钮,跳转到登录页面。
    3. 登陆页设计说明
    4. 手机号码、密码校验规则
    5.  


    1. 单击【登录】时,进行信息校验。
    2. 用户输入有错误时,提示相应的错误信息,不更改或清空用户的输入。
    3. 错误提示的显示顺序:当手机号码输入有误时,不对密码进行校验。
    4. 单击登录按钮,如果校验不通过,显示相应的错误提示,不更改或清空用户的输入。不进行页面跳转。
    5. 通过验证后,跳转到某富页面。
    6. 单击【注册】,跳转到注册页面。
    7. 单击【忘记密码】,跳转到忘记密码页面。
    8. 忘记密码设计说明
    9. 校验规则
    10.  
    11. 单击【获取验证码】时,校验手机号码。
    12. 【获取验证码】按钮:
      1. 在手机号校验通过时,点击获取验证码可获得短信验证码。
      2. 点击后按钮禁用,显示60秒倒计时,倒计时结束启用按钮。到计时显示“56秒后重试,启用后显示获取验证码
      3. 当且仅当手机号文本框onchange时,获取验证码按钮会提前启用。
      4. 用户单击【获取验证码】按钮后,鼠标焦点自动跳到验证码输入框。

    发送的短信文案为:短信验证码:123456,此验证码只用于您登录某某某或更换手机绑定。

    1. 单击【登录】时,校验手机号和验证码。
      1. 如果校验不通过,弹出相应的提示,不更改或清空用户的输入。当多项错误同时出现时,只提示一项。当手机号和验证码都有错误时,只提示手机号的错误提示。
      2. 如果校验通过,则跳转到修改密码页面。
    2. 引导用户参加活动页面

    当某个用户在某个设备第一次登陆成功后,判断该用户是否参加过填个人信息,送200积分的活动如果已经参加过,则进入某富页面,如果没有参加过,则进入如下页面。

     

    1. 点击【以后完成】或者完成了信息填写,跳转到某富页面
    2. 其他信息提示和填写信息得200积分活动
    3. 某富页面设计说明

    设计说明

    1. 该页面所有金额保留两位小数,如0.50元。
    2. 单击账户余额、昨日收入显示区,都能跳转到某富明细页面
    3. 当昨日收入还没有结算时,一直显示结算中,当昨日收入结算完,显示实际收入。
      1. Banner

    Banner的显示要求如下:

    1. 可以通过后台控制Banner的显示顺序,目前,Banner顺序如下Banner1-5
    2. 可以通过后台增加或删除某个Banner
    3. 如果用户已经参加活动,或者活动已过期,则删去该活动对应的Banner
    4. 如果用户已经使用PC版,则不展示介绍PC版的Banner
    5. 左右划动banner,可进行翻页。
    6. Banner自动轮播,轮播间隔5s
      1. Banner1 邀请好友

    单击该banner,打开邀请好友浮层,浮层内容:微信、朋友圈、微博、二维码、复制链接、复制邀请码


    1. Banner2分享得积分

    单击该banner,打开邀请好友浮层


    1. Banner3完善个人信息活动

    单击Banner,打开完善个人信息得某奖励活动

    1. Banner4介绍PC

    单击Banner,不进行跳转。

    1. Banner5活动列表

    单击banner,打开活动列表页.

      1. 邀请好友
        1. 邀请好友页面说明
    1. 每天首次成功分享到微信好友、朋友圈、微博可获得奖励,并提示今日首次分享,获得某奖励
    2. 分享到微信好友、朋友圈、微博随机显示2套文案,文案如下:

    微信好友1 

    微信好友2 

    朋友圈1 

    朋友圈2


    将分享到微博的授权方式,修改为需要微博账户授权,然后直接分享。

    微博文案1 

    微博文案2

      1. 注册奖励
    1. 如果填写邀请码,且邀请码有效的,注册成功,获得注册奖励。
    2. 邀请码有效,表示邀请码存在即可。邀请码使用次数超过或被冻结,都是有效的邀请码。
    3. 没有填写邀请码,也可以注册成功,但是没有注册奖励。
    4. 所有用户注册成功后,都有自己的邀请码
      1. 邀请奖励
    1. 当被邀请的用户首次登录,并且登陆的设备ID未被使用时,减少邀请码的可用次数,获得邀请奖励。
    2. 当邀请码可用次数大于0时,可以获得邀请奖励。
    3. 可邀请码可用次数等于0时,不能获得邀请奖励。


    1. 某富明细页面设计说明

     

    1“7日余额趋势图显示的是包括当前时间(今天)的7日账户余额趋势图。横坐标日期的显示格式为mm.dd,如16日显示为01.06

    27日余额趋势图中,纵坐标的显示范围如下所示:

    假设A是最大数,B是最小数。纵坐标数值保留一位小数

    (1)A不等于B时:

    i)A-2.5A-B>=0时,纵坐标的最大值为:大于A的最小整数,最小值为:小于A-2.5A-B)的最大整数

    ii)A-2.5A-B<0时,纵坐标的最大值为:大于A的最小整数,最小值0.

    (2) A等于B

    纵坐标的最大值:1.6A,最小值0

    1. 累计收入(Webview

    累计收入的金额为该用户的全部收入的总和,累计收入=活动奖励+桌面版收入+APP版收入。


    单击累计收入,跳转到收入明细页面

    1. 收入明细显示近30天的收入记录。每天的所有收入合成一条记录,如果某天没有收入,则不显示该条累计。
    2. 当没有收入记录时,显示页面您近30天没有收入纪录


    1. 累计提现(Webview)

    累计提现的金额为该用户的提现状态为提现申请成功待处理提现成功的提现记录的总和,不包括提现失败的记录。单击累计提现,跳转到提现明细页。

      1. 提现记录设计说明(Webview)
    1. 默认显示用户的全部提现记录。
    2. 后台数据库中,有4种提现状态:提现申请成功、待处理、提现成功、提现失败。
    3. APP中,只给用户显示3种提现状态:处理中、提现成功、提现失败。其中,处理中为一个虚拟状态。
    4. 当后台数据库中的提现状态为提现申请成功待处理时,APP中显示为处理中。
    5. 当后台数据库中的状态为提现成功时,APP显示为提现成功。
    6. 当后台数据库中的状态为提现失败时,APP显示为提现失败。
    7. 时间的显示格式为yyyymmddhhmmss。例如201516 15:03:06
    8. ,其中的时间是用户申请提现的时间,提现成功为该提现记录的状态,所有可能的状态有:处理中、提现成功、提现失败。
    9. 单击某条提现记录,跳转到提现详情页。
      1. 提现详情设计说明(Webview)
    10. 后台数据库中,有4种提现状态:提现申请成功、待处理、提现成功、提现失败。
    11. APP中,只给用户显示4种提现状态:提现申请成功、处理中、提现成功、提现失败。其中,处理中为一个虚拟状态,显示的时间为提现申请成功的时间。
    12. 时间的显示格式为yyyymmddhhmmss。例如201516 15:03:06
    13. 当真实的提现状态为提现申请成功待处理时,APP界面显示的状态为

     

    1. 当真实的提现状态为提现成功时,APP显示的状态为

     


    1. 当真实的提现状态为提现失败时,APP显示的状态为

     


    1. 单击 ,跳转到提现页面。


    我们处理的提现失败原因有:

    其他原因,显示如下

    1. 活动奖励(Webview

    活动奖励为用户参与活动,获得的收入总和。目前的活动奖励有:某某奖励,某某奖励


    单击活动奖励,跳转到活动奖励明细页面

      1. 某某版收入(Webview

    显示近30天,某某版的纪录,如果还没有纪录,显示页面您近30天还没有获得某某版活跃收入”.

    1. APP版收入(Webview

    显示近30天,APP版的收入纪录,如果还没有收入纪录,显示页面您近30天还没有获得APP版活跃收入”.

      1. 我的等级
    1. 表示升级进度。其中,480表示用户的积分,600表示升级到下一个等级需要的最少积分。
    2. ,表示用户升级到下一个等级后,能获得的新特权。2表示新特权的实际数量。例如,如果某个用户的等级为2级,则该用户已享有的特权是  ,由于3级的等级特权是  ,则该用户即将获得1个等级特权
    3. 单击 ,显示特权说明提高收入,每日活跃收入提高2%”
    4. 单击 ,显示特权说明邀请奖励,累计可获得10次邀请奖励
    5. 单击分享得积分按钮,打开邀请好友页面
    6. 单击如何获得积分链接,打开如何获得积分页面。


    1. 提现页面设计说明(Webview

    每个商品,需要一定的等级才能提现。另外,等级限制为最小等级和最大等级区间的用户可以提现。

    Q币充值30、话费充值30元,等级限制为4-100

    话费充值50100元,支付宝提现50100元,等级限制为1-100级。

      1. 支付宝提现
    1. 支付宝和某某某账户为11的关系,即一个某某某账户,只能向一个支付宝账户提现,一个支付宝账户,只能接受一个某某某账户的提现。
    2. 提现成功时,绑定立即生效,已经绑定的支付宝,用户不能修改支付宝账户和收款人姓名;
    3. 如果用户有提现成功的记录,则支付宝账户和收款人姓名自动填充为上次提现的支付宝账户和姓名,且不能修改。
    4. 当还没有绑定支付宝的用户提现时,需要检查用户填写的支付宝账户,是否已经绑定,提现申请的列表中,是否有该支付宝。如果已经被使用,提示用户该支付宝账户已被使用,请填写其他支付宝账户
    5. 当用户的支付宝未绑定时,如果有支付宝提现在待处理,然后向其他支付宝提现时,提示一个用户只能向一个支付宝账户提现
    6. 单击【提现】按钮时,进行信息校验,如果校验不通过,弹出相应的错误提示,不更改或清空用户的输入。
    7. 如果通过校验,弹出密码输入对话框。默认密码输入框获得光标,打开输入法。

     

    1. 单击【取消】按钮或者手机的返回按钮,关闭对话框,单击屏幕其他地方,不会关闭对话框。
    2. 单击【确定】按钮,校验输入密码,如果密码为空,提示请输入某某某密码;如果密码不正确,提示您输入的密码不正确
    3. 如果密码正确,提交提现申请,如果提现申请不成功,提示提现申请不成功,请重试
    4. 提现申请成功后,直接跳转到提现记录页面。
    1. 提现失败的处理。当用户提现失败时,将扣除的提现金额返还到用户账户。

    校验规则:

     


      1. 话费充值
    1. 话费充值,只能为某某某账户对应的手机号码充值。
    2. 话费充值30元,等级限制为4-100级。话费充值50元和100元的等级限制为1-100级。
    3. 当等级不够时,充值按钮为禁用,显示等级不到LV4”。级限制的提示优先于余额不足的提示。即当等级为1,余额未20的用户,选择提现30元时,充值按钮显示等级不到LV4”
    4. 我的页面设计说明
      1. 个人信息页面
        1. 头像

    单击头像,打开用户相册。用户选定照片和相片区域,并提交后,如果上传成功提示上传头像成功,如果上传不成功,提示上传头像失败

    1. 其他信息
    2.  


    1. 邀请码页面
    2. 排行榜页面(webview)

    排行榜,显示邀请好友的近7天累计收入排行榜。

    1. 这里的邀请好友指的是:用户自己,邀请他的人,和他邀请注册并登陆的用户。
    2. 显示用户名的优先级由高到低依次是:昵称、通讯录姓名、隐藏中间四位的手机号。
    3. 排行榜会读取用户的通讯录。
    4. 排行榜为空时,页面显示还没有好友陪我玩那张图片
    5. 当用户没有收入纪录时,按过去7日收入为0来算。
      1. 活动页面

    增加活动列表页,单击某个活动,跳转到活动详情页。活动详情页有四种状态:用户已参加、用户未参加、奖品已领完、活动已结束。

    1. 活动列表页

    活动列表页包含主推活动banner和所有活动的列表。活动列表中活动由活动主题和活动描述构成,按活动上线时间顺序倒序排序,即最新上线的活动在最前边。

    1. 活动详情页状态

    用户点击活动列表中某个活动后,判断用户和活动的状态:

    1)用户未参加:若用户未参加活动且活动未过期,且今日奖品未领完,直接进入立即领取奖品页面;

    2)奖品已领完:若用户未参加活动且活动未过期,但奖品已领完,直接进入奖品已领完页面;

    3)活动已结束:若用户未参加活动但活动已过期,直接进入活动已结束页面;

    4)用户已参加:若用户已参加活动,直接进入已领取奖品页面。


     

    1. 活动详情页模板

    活动详情页分为3部分:活动图片介绍、领取按钮及提示语、活动说明,背景为背景色或者背景图片。

    1. 活动1:完善个人信息,得某某奖励(Webview)

    活动名称:完善个人信息,得奖励

    活动描述:想要更多等级特权,积分不够多?来这领积分吧

    活动时间:2015-06-012025-12-31

    活动详情说明:

    1. 整个活动分为两页,第一页内容有昵称、性别、出生日期。单击下一步时,进行这三项的有效性验证,如果有信息填写不正确,提示相应的错误信息。
    2. 单击提交时,进行兴趣爱好、行业、收入的有效性验证,如果有信息填写不正确,提示相应的错误信息。
    3. 提交成功后提示您完善了个人信息,获得奖励!”如果提交不成功,提示未提交成功,请重新提交
    4. 在提交页面单击返回,返回到填写昵称的那一页。
    5. 提交成功后,返回活动列表页面。
    6. 兴趣爱好,如果已经选择了3个标签,则接下来无法选中第4个标签。
    7. 如果某项信息已填写,则显示已填写的值。
    8. 信息项校验规则(每个信息项不可为空)
    9.  


      

     

    已参加过本活动的用户再次进入时,内容是不可修改的。

    1. 扫一扫页面

    扫一扫是活动的一类,是便于地推的一个功能,其活动流程同其他活动,上线新活动直接套用活动模板。

    1. 常见问题
    2. 设置页面
      1. 账户管理
        1. 更换手机号页面设计说明

     

    1. 如果用户近6个月内修改过密码,则确定按钮不可用。
    2. 校验规则
    3.  


    1. 单击【获取验证码】时,校验手机号码。
    2. 【获取验证码】按钮:
      1. 在手机号校验通过时,点击获取验证码可获得短信验证码。
      2. 点击后按钮禁用,显示60秒倒计时,倒计时结束启用按钮。到计时显示“56秒后重试,启用后显示获取验证码
      3. 当且仅当手机号文本框onchange时,获取验证码按钮会提前启用。
      4. 用户单击【获取验证码】按钮后,鼠标焦点自动跳到验证码输入框。

    发送的短信文案为:短信验证码:123456,此验证码只用于您登录某某某或更换手机绑定。

    1. 单击【确定】时,校验手机号和验证码。
      1. 如果,不更改或清空用户的输入,弹出相应的提示。当多项错误同时出现时,只提示一项,不更改或清空用户的输入。当手机号和验证码都有错误时,只提示手机号的错误提示。
      2. 手机号的错误提示显示的优先级为:1、请输入手机号码> 2请输入正确的手机号> 3手机号已被注册
      3. 如果校验通过,则将用户名修改为新手机号。如果后台处理不成功,提示系统繁忙,请稍后再试
      4. 如果后台处理成功,则返回账户管理页面,提示手机号更换成功
        1. 修改密码页面设计说明

     

    1. 校验规则
    2.  
    3. 单击【确定】按钮时,进行信息校验。
    4. 如果校验不通过,弹出相应的提示,不更改或清空用户的输入。当多项错误同时出现时,只提示一项。当新密码和确认密码都有错误时,只提示新密码的错误提示。
    5. 如果校验通过,修改用户密码不成功,停留在修改密码页面,提示密码修改不成功,请重试
    6. 如果校验通过,修改用户的密码,修改成功后,跳转到登录页面,在登录页面上提示密码修改成功,请重新登录
      1. 智能省流量

    开启【智能省流量】功能时,在3G/4G条件下,当没有线上广告可播放时,下载2张线上广告

      1. 反馈问题(webview)
      1. 检查更新
    1. 如果检查到新版本,弹出检查到新版本对话框。
    2. 单击【立即更新】按钮,后台开始下载安装包。
    3. 下载完成后,自动打开安装界面。
    4. 用户未连接网络提示语

    以下情况下,如果用户未连接网络,提示用户网络没开启,请开启网络后重试。其他情况下没有开启网络,不用提示。

    登录、注册、忘记密码、修改密码、更换手机号、邀请好友(微信好友、朋友圈、微博)、检测更新,提现,如果用户没有开启网络,提示网络没开启,请开启网络后重试,其他情况,提醒某某某打了个盹儿,再试一次好吗

    1. 短信验证码
      1. 发送验证码的情况

    需要向用户发送短信的情况有四种:

    1. 注册时,用户单击【获取验证码】给客户发送的短信验证码

    短信内容为:欢迎使用某某某,短信验证码:123456

    1. 在网页上忘记密码,用户填写手机号后,给用户发送的登录密码

    短信内容为:密码已修改成功,您的新密码:123456

    1. APP上忘记密码,用户填写手机号后,给用户发送的短信登录密码。

    短信内容为:短信验证码:123456,此验证码只用于您登录某某某。

    1. APP上,修改手机号。

    短信内容为:欢迎使用某某某,短信验证码:123456

      1. 验证码的使用
    1. APP所有验证码的有效使用次数为1次,即验证码一旦被使用,再次使用时无效。
    2. 验证码的有效时间。目前,APP上忘记密码时发送验证码的有效时间是15分钟,其他情况下的验证码的有效使用时间待商定,目前是无时间限制。
    3. 通知栏

    V1.0通过友盟发通知消息,点击消息,需要跳转的页面分为两类:

      1. Webview(各种明细,活动详情等)
      2. APP本身页面。页面如下
        1. 首页
        2. 某富明细
        3. 活动列表
    1. 消息系统
      1. 消息系统支持的功能
    2. 广播推送功能:向所有用户发送消息
    3. 精准推送功能:想特定用户发送消息
    4. 离线推送:客户端已经连接服务器,但手机中途断网,上线后推送
    5. 消息维持:客户端并未连接服务器,服务器推送消息后,客户端连接服务器,消息也要被推送到新连接的客户端
    6. 消息过期:消息维持 有时间限制,过期则消息无效
      1. 用户点击消息,跳转的页面

    当用户点击消息时,可以跳转到以下页面中的一个。

    1. Webview(各种收入明细,活动详情,提现列表,提现详情页,提现进度页面)
    2. APP本身页面
          1. 首页
          2. 某富明细
          3. 活动列表
          4. 等级(新增)
    展开全文
  • 1.sohu首页的banner条很烂,一点可以说明。你要找科技,手机等栏目你可以一眼看出来吗?没有能很好的为二级栏目导流量。 2.能不能将你的搜狗和新闻两个字对齐了啊?我看这很不舒服。。 3.我要看电影我要点哪一个呀...


    1.sohu首页的banner条很烂,一点可以说明。你要找科技,手机等栏目你可以一眼看出来吗?没有能很好的为二级栏目导流量。

    2.能不能将你的搜狗和新闻两个字对齐了啊?我看这很不舒服。。

    3.我要看电影我要点哪一个呀?视频?我还以为是看新闻短片的呢。。。就叫电影/电视剧不好啊?

    4.banner条太乱了。。没有做CE呀?太不专业了。。

     

     

    展开全文
  • RP原型设计引用说明

    2021-04-28 16:31:58
    2、在banner的位置上新建一个【动态面板】,双击动态面板在其中新建state1、state2、state3、并依次单击重新命名成banner1、banenr2、banner3。具体如图所示。 3、在右侧的页面模块上双击【banner1】进入到banner1...

    1、打开【Axure】软件,在index文件上新建一个375*667大小的背景矩形并绘制页面。
    具体如图所示。
     
    2、在banner的位置上新建一个【动态面板】,双击动态面板在其中新建state1、state2、state3、并依次单击重新命名成banner1、banenr2、banner3。具体如图所示。
     
    3、在右侧的页面模块上双击【banner1】进入到banner1的内页中,并新建一个矩形填充【006600】的颜色。具体如图所示。
     
    4、在右侧的页面模块上双击【banner2】进入到banner2的内页中,并新建一个矩形填充【CC0000】的颜色。具体如图所示。
     
    5、在右侧的页面模块上双击【banner3】进入到banner3的内页中,并新建一个矩形填充【FF9900】的颜色。具体如图所示。
     
    6、回到首页,选择动态面板给他命一个名字【banner】选择交互中的【载入时】选择设置面板状态,勾选【banner】动态面板,选择状态【next】勾选【向后循环】勾选【循环间隔1000毫秒】,具体如图所示。
     
    7、回到首页,在banner动态面板上再次新建一个【动态面板】并重新命名为【轮播点】,具体如图所示。
     
    8、双击【轮播点】动态面板,新建三个内页【轮播点1、轮播点2、轮播点3】具体如图所示。
     
    9、点击轮播点1中绘制三个【圆形】,并把第一个圆形填充成点亮的颜色【666666】,具体如图所示。
     
    10、点击轮播点2中绘制三个【圆形】,并把第二个圆形填充成点亮的颜色【666666】,点击轮播点3中绘制三个【圆形】,并把第三个圆形填充成点亮的颜色【666666】,具体如图所示。
     
    11、回到首页,在右侧交互面板上选择【载入时】,回到首页,勾选【轮播点】动态面板,选择状态【next】勾选【向后循环】勾选【循环间隔1000毫秒】,具体如图所示。
     

    展开全文
  • flashbanner制作软件

    2010-06-07 00:10:54
    flashbanner制作软件,可以用来快速创建Flash横幅广告,Flash说明,Flash logos,图像广告和其他的网页图像,并应用到你的网站设计当中。内含480种背景,165种图像,27种特效,支持不同的Flash外形,支持中文,支持...
  • web技术基础---网站设计说明

    千次阅读 2019-05-22 14:42:27
    《Web技术基础》 第1章 网站的规划 1.1.1 网站的定位 品味咖啡店网站整体上给人一种...主要分为banner、logo、导航和栏目四个板块。 第2章 设计与制作 2.1 首页设计 2.1.1 Logo设计 Logo背景为咖啡色,右边是盛有...
  • 网站banner制作软件

    2008-04-29 13:58:12
    Banner Maker Pro For Flash可以用来快速创建Flash横幅广告, Flash说明,Flash logos,图像广告和其他的网页图像,并应用到你 的网站设计当中。 内含480种背景,165种图像,27种特效,支持不同的Flash...
  • 制图网提供的在线制作BANNER工具,会打字就会制作BANNER,款式多多,轻松设计,功能强大。 安装说明: 上传源码、解压、域名绑定、直接打开域名就可以了,不用安装 网盘下载地址: http://kekewl.net/fYrIpknN14f0...
  • Banner Maker Pro For Flash可以用来快速创建Flash横幅广告,Flash说明,Flash logos,图像广告和其他的网页图像,并应用到你的网站设计当中。内含480种背景,165种图像,27种特效,支持不同的Flash外形,支持中文,...
  • 说明:作为一个Java后端程序员,有时候也需要自己去写些前端代码,所以将工作中用到的一些小知识做记录分享。 * ①知识点介绍: 设计作图时,页面可视宽度大部分是固定的,横向只能显示固定的几条信息,当我们后台...
  • 今天我就对UI设计中金刚区图标设计总结进行简单的说明。  一、什么是金刚区?  金刚区是一个页面中头部的重要位置,是页面的核心功能区域,表现形式为多行排列的宫格区图标。  比如淘宝app 首页banner(广告横幅...
  • Java设计模式之适配器

    2020-09-16 12:34:24
    Java设计模式之适配器 什么是适配器 借用别的类来实现功能。 适配器两种实现方式: 类适配器模式(继承) 对象适配器模式(委托) 类说明 接口或者类 类名 说明 接口 Print 定义不同的展示形式的类 类 ...
  • 海报设计要点

    2019-07-14 20:28:25
    其中有做过海报、banner、icon、loco、网页设计还有后台设计比较有意思的就还是海报的制作了只需要一张图如果没有规定海报的时间就非常的样式日系风格还有小清新的类型我个人就比较觉得好做接下来就来说明一下海报...
  • 很不错的设计规范,喜欢的可以下载看看。 字体,广告,Banner, 图片的规范细节,都有详细的说明
  • 基于拼团后端接口简约的特点,我们拟定了后端小程序拼团接口设计指南和建议。 适合 0 - 1 构建拼团商城不错参考。 公告列表 接口地址: Api/Banner/lists 返回说明 //正常返回的JSON数据包 { "result": "ok", ...
  • 小偏参考了国内外的一些大型网站,整理了网页最常用的ClassName集合,共有100+个。...banner 条幅,广告 bar 条 branding 品牌化 breadcrumbs 面包屑 button 按钮 caption 标题,说明 category 分类
  • 店铺首页的设计,有常规的和不常规的两种。常规的是有banner图,然后优惠券,宝贝热销产品。然后下面是更详细的宝贝介绍。然后首页的话一般不会特别长。更详细的一些宝贝说明的话,一般会有个查看详情。最底下会有一...
  • 垃圾分类网页设计作品采用DIV CSS布局制作,首页有导航、BANNER、视频、文字内容、图片列表超链接。 知识点应用 网页背景颜色、视频、留言表单、图片及文字超链接、左右排版、图文混排、无序列表等。 内容说明 三层...
  • 来源:https://share.notestore.cn/ac... 公告列表 接口地址: g=Api&m=Banner&a=lists 返回说明 //正常返回的JSON数据包 { "result": "ok", "banners": [ { } ] } 商品列表 ...
  • 其中由于代码量较大,因此部分模块代码举例说明,自己根据实际需要进行修改即可。 知识库内容后台管理创建新闻内容应用模块配置新闻应用模块编写应用中的文件实现数据内容定义不需要修改该的文件models.py1.定义其他...
  • 打开网站,人们自然会从上往下浏览,首先映入眼帘的一定是BANNER主视觉,然后是网站主体内容部分。相比较而言,注意到网站底部版权信息的浏览者确实不多,但这并说明网站版权信息不重要。从最开始的一句话,简单扼要...
  • 另外,页面其它位置,可以动态放置其他元件,如网站标志logo、页面广告banner等链接图片,这样可以很容易地实现图文并茂的阅读效果。 ⑷ 新闻查询:该模块提供了新闻查询功能,输入待查找的内容及选定分类信息可以...
  • 1400网页Banner——北京全程 14.1策划与预演__249 14.1.1制作背景__249 14.1.2制作要求与作品预览__249 14.1.3相关知识点——制作横幅广告…250 14.2实战过程__251 14-2.1创建文档与背景__251 14.2.2动画元素制作__...
  • 1400网页Banner——北京全程 14.1策划与预演__249 14.1.1制作背景__249 14.1.2制作要求与作品预览__249 14.1.3相关知识点——制作横幅广告…250 14.2实战过程__251 14-2.1创建文档与背景__251 14.2.2动画元素制作__...
  • 网站建设方案报价.doc

    2020-02-11 09:56:52
    定制网站方案报价项目名称 内容说明 价格 一、页面设计 ...banner设计主题页,体现栏目内容。 内容页 普通内容页面制作,根据上级页面的设计风格对该页面进行整体效果制作。 二、版块栏目说明
  • 图文混排设计方案 实现一个Unity支持的简单图文混排模块,实现时需要...图片banner 标签说明:只支持整栏显示的图片。就是设计宽度等于全屏宽度的图片,设计高度可以自定义。 标签代码:{name:"ImgBanner","url":"ht...
  • 网站套餐报价单

    2011-04-05 13:16:52
    类型说明价格1、静态标准品牌型网站策划:网站策划书一份,内容包括设计倾向、栏目设置、网站结构、页面数量、功能介绍网页设计:主页设计、标准页设计、总页数10页以内 效果设计:10秒以内Banner一个(Flas...
  • 对于一个App几乎都有Banner广告功能,也就是我们常见的轮播图,当然目前市场第三方框架已经非常成熟了,尤其是youth5201314/banner这里有github地址也可以学习下:https://github.com/youth5201314/banner.git ...
  • 【模板说明】 ...整体给人的感觉非常的美观大气, 首页设计了非常具有视觉冲击力的banner, 整体布局非常简洁,这种风格也是现在很多公司所欣赏的,使用了标准的DIV+CSS。 网站截图: 更多页面请看演示站!

空空如也

空空如也

1 2 3 4 5
收藏数 83
精华内容 33
关键字:

banner设计说明