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