搭讪圈的设计方案_第1页
搭讪圈的设计方案_第2页
搭讪圈的设计方案_第3页
搭讪圈的设计方案_第4页
搭讪圈的设计方案_第5页
已阅读5页,还剩5页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

搭讪圈的详细设计方案(初版)——侯勇〔〔前一个表示“颜值〞,即每张照片的平均得分,后一个表示得到的星星总数。颜值范围:0-5.0颜值=星星总数除以照片总数。此处用灰白色字体表示,高度与昵称同样高。1.这个软件总共有五种颜色,分别为:亮白色,灰白色,黑色,灰黑色,鲜绿色,分别都在微信上有,所以要特别注意颜色之间的1.这个软件总共有五种颜色,分别为:亮白色,灰白色,黑色,灰黑色,鲜绿色,分别都在微信上有,所以要特别注意颜色之间的差异,绝对不可以跟微信有丝毫不同,尤其是灰白与亮白,黑色与灰黑之间的细微差异。2总的来说,昵称用黑色,签名和星星数字用灰白色,最上面那一栏用灰黑色。3.昵称与个性签名中间加上一个:24北京〔前一个表示年龄,后一个表示地点,地点只显示城市名称.都用灰白色4很重要的就是昵称与其他的字体大小是不一样的,这一点参考微信,名字要明显比其他大一点字体,昵称最大,个性签名其次,颜值与星星数,以及最下面的栏目名最小5.每一页都只展示6-7页信息,这个考虑到照片大小和内容丰富度,太少了不好,显得不够,太多了就会使得头像很小,用户看不清6.6.在头像的选择方面,这里有一个核心:除了首次注册,其他情况下,头像并不是用户自定义。当用户第一次注册时,头像是用户选的第一张照片,但当用户不止一张照片,并且其他异性给用户照片进展评价之后,系统需要对这些照片进展重新排名,每个用户最获好评的照片要被系统设置为头像,必须如此,从而确保用户看到的头像都是自己最喜欢的。7.在首页陈列的照片方面,排列因素是:城市,平均颜值,星星总数。具体的排列算法需要再商议。8.关于下列图的四个图标,这个由我跟美工共同设计,美工必须第一时间跟我直接联系,这是合同的一局部,否那么很难打要求。大体上要求跟微信的风格一样,因为这个产品最终主要是在微信朋友圈里转发,所以微信用户会是核心用户。9.右边是有下滑栏的,但一般不显示,类似于微信。10.中间的线条要轻细,不能太粗,颜色是灰白色,参考微信,不可以不跟微信一样。11.主界面的右上角,日后会添加很多内容,那是二次开发的事情,前期可以留下余地,比方作为新产品的入口等等。1.1.颜色方面,最上面依然是微信的灰黑色。任何地方都不会有蓝色。2.照片栏里,这里显示的是自己上传的自己照片,一行显示四张,大致是正方形。照片下方用灰白色小字体显示数字,比方:前者表示颜值,是该照片的平均得分,后者表示星星总数,在照片的排名方面,一律以颜值作为排名先后标准,当颜值一样时,再以星星总数来排名,绝不是以时间先后顺序来排列。3.照片和数字之下有一个隐秘的滑动栏,一般不显示,只有滑动的时候才会显示,可以向右滑动。4.最中间,也是最重要的体验区就是拍照的地方。点击之后显示的是右边的界面,类似于微信朋友圈右上角的拍照一样,具体的参考微信即可,要求跟微信做到一样,区别在于,每次只能上传一张照片。5.看难易程度,图片的大小能否剪切,有那种拉动的框框,那个如果能做就做,这个也是需要具体商量,请及时跟我联系。6.最下面,类似于微信朋友圈的输入栏,点击之后键盘出现,可以输入文字,限字数在99字,然后点击确认发送。7.输入栏最下方是一行字:一件发送到帅哥/美女的世界。这个要根据用户的性别选择,如果用户选择男性,那么此处显示美女,如果用户选择女性,那么此处显示帅哥。8.最下面的菜单里与第一栏类似,参考微信设计,颜色是鲜绿色而不是蓝色,绝不可以弄错。1.最上栏是灰黑色。1.最上栏是灰黑色。2.这一栏表示邀请功能,这个软件要非常突出邀请与分享,从而获得快速传播,方法就是在分享系统里,要把所有主流分享系统都做出来,其中包括:微信好友,微信朋友圈,新浪微博,QQ空间,手机短信。3.这一栏的设计参考了一款名叫“快看〞的软件,所以请下载一个快看,然后那里有个类似的功能界面。4.第二栏的文字改为:如果你也喜欢这个应用,请分享给你的十个漂亮朋友!文字要用黑色,字体大小要从整体效果考虑5.四个汉字:邀请用户。字体偏小,灰白色。6.每一栏的分享前都有一个该平台的logo,比方第一个就是微信logo,第二个就是朋友圈的logo,依次类推。为了分布更好看,每两个分享中间空一行,参考微信相关设计,背景颜色方面要用亮白色和灰白色隔开。字体颜色方面,用黑色。Logo尽量用简化的黑白色风格,如果不确,请及时与我联系。7.右边的小箭头,点击之后直接进入分享栏,这里有些标准术语,后期我们再给添加,可能还要修改,所以到此处务必与我们联系。这里写的都不是最终结果,后期都需要及时沟通并完善。8最下栏与前两栏一样,颜色是灰白色和鲜绿色。1.头像要随时改变的,头像根据异性的评分而改变。1.头像要随时改变的,头像根据异性的评分而改变。2.这一栏主要是我,跟微信的我几乎一样,只是我们的内容少一个钱包,但是钱包以后要添加,主要是接入支付宝,用于充值并购置虚拟产品。3.其他类似与头像,昵称等,大小与微信版本一样,主要是:名字用黑色,微软雅黑,但在ID这里,注意:不要用ID,而是用:粉丝号:hw332等来表示。这个主要为了以后接入粉丝圈的大平台考虑。4.相册。点击之后进入个人主页,主要是按照时间顺序,显示个人发表的照片,以及别人的留言评论。类似于微信朋友圈的主界面。5.颜友。主要表示添加关注的颜友的最新动态,这个用微博那样的格式来表示。同时点击颜友头像之后,直接进入颜友的资料主页,格式类似于微信的个人主页,后面详述。6.设置。点击之后进入设置界面。后文详述。7.颜色方面,要跟微信一样,主要是亮白色和灰白色。具体参考微信相关界面,抄袭即可。这个去掉,不需要点击我一栏的“相册〞之后,显示个人主页如下:这个去掉,不需要改为:相册改为:相册1.左上角是相册1.左上角是相册,右上角没有东西。2.最上方展示自己的照片,类似于QQ空间里的相册设计,但这个主要展示给自己查看,因此不是按照每张照片的打分来排名,而是根据时间先后顺序排名。3.第一张照片就是默认得分最高的,即颜值最高的照片,相应放大。如果向右滑动照片,那么照片应该可以向右滑动,滑到下一个得分排名第二第三的照片等等。4.每张照片都会被高度数字化和量化,量化的标准就是照片左下角的“颜值〞,分数在0-5之间,保存到小数点后一位。右下角是“总值〞,表示这张照片所获得异性提供的星星总数。比方342。这两个数字都要用黑色字体显示。5.再往下一栏,评论两个字该为图形化的评论框,一个框框里加两个点。后面是评论数,都是用灰白色显示。点击评论之后,下拉显示各种评论文字。后面具体设计。6.评论右边的分享按钮,点击之后,下方弹出各种分享应用,主要用于分享这一单一照片的相关分数。比方:这张照片的颜值到达了,总值到达了342哦!7最下方是图片,都是按照时间前后来排列,最先的照片放在最前面,同样的,最上面的那张就是最近的照片。个人点击自己的主页头像之后,进入个人主页介绍,主页的右上角有“编辑〞按钮,点击这个“编辑〞按钮之后,进入编辑资料的页面,如下,主要用于修改自己的资料。1.1.最上栏灰黑色,字体是白色2.下方的修改页面,参考微信相关设计风格,左边的用黑色字体表示,右边的用灰白色字体表示。3.用户在编辑操作中,只需要点击一下相关栏目,然后下方弹出输入框,然后就可以对文字进展修改,具体的设计风格参考微信。4.出生日期用弹出框来表示,这个具体到时候商量用什么风格,比方默认1990年6月15日左右,用户可以上下滑动改动日期,最后确定即可。5.工作职业可以由用户自己填写,用文字表示6.兴趣爱好同样由用户自己用文字填写、7.个性签名就是一句话展示自己。8.个人说明删掉,不需要。9常出没的地方:用户自己填写。10.设计风格方面,依然是亮白色与灰白色的结合,分割线一定要细和轻,参考微信这一栏是用户点击其他人头像之后所看到的结果,比方在颜友一栏,用户点击一个人的框框之后,就进入这个人的个人空间,主要就是这个人的相册和个人资料。增加三个点的下拉菜单,点击之后显示:加为颜友增加三个点的下拉菜单,点击之后显示:加为颜友拉黑举报改为:个人空间“1.用户看到的别人空间,主要是对方相册和个人资料。2.相册上方是某些信息,包括:昵称,1.用户看到的别人空间,主要是对方相册和个人资料。2.相册上方是某些信息,包括:昵称,ID,平均颜值,所有照片总值。颜色都采用黑色字体,但字体要偏小3.这里的照片由于都是被其他用户看到的,所以这里要根据单一照片的颜值进展排列,而不是按照时间来排列。比方翻开之后,最大的照片就是颜值最高的,下面那一排那么是根据颜值大小来排列,如果颜值一样,比方都是,那么根据这张照片的得分总数来排名4.照片左下角显示该照片的数字信息。5右下角,极为关键的,是由用户给其打分的打分系统。五颗亮晶晶的蓝色星星,需要重点设计,需要从很多方案里选择,大体上是五个空心星星,用户那么通过点击第几个星星来表示多少分,没有返回的时机,点击即表示确认,不可重复点击,点击之后直接进入运算系统,每个用户对每张照片的评分时机只有一次。6每个用户初始拥有的星星数是99个,用户每点击一次,星星数相应减少,如同自己把星星送给了对方,同样,如果自己的照片被别人评分点赞了,那么同样可以得到别人送来的星星。7.点击评论之后,进入后面的评论页面,后文详述。8.在下面,用户下滑页面才能看见,主要就是用户的个人资料,包括:工作职业,兴趣爱好,个人签名,常出没地。个人说明不需要,删掉。顺序后面再讨论修改。评论栏修改为:左

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论