搭讪圈的设计方案(共10页).docx

《搭讪圈的设计方案(共10页).docx》由会员分享，可在线阅读，更多相关《搭讪圈的设计方案(共10页).docx（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选优质文档-倾情为你奉上搭讪圈的详细设计方案(初版) 侯勇4.5/355 （前一个表示“颜值”，即每张照片的平均得分，后一个表示得到的星星总数。颜值范围：0-5.0 颜值=星星总数 除以 照片总数。此处用灰白色字体表示，高度与昵称同样高。1.这个软件总共有五种颜色，分别为：亮白色，灰白色，黑色，灰黑色，鲜绿色，分别都在微信上有，所以要特别注意颜色之间的差别，绝对不可以跟微信有丝毫不同，尤其是灰白与亮白，黑色与灰黑之间的细微差别。2总的来说，昵称用黑色，签名和星星数字用灰白色，最上面那一栏用灰黑色。3.昵称与个性签名中间加上一个：24 北京（前一个表示年龄，后一个表示地点，地点只显示城市名称.

2、都用灰白色4很重要的就是昵称与其他的字体大小是不一样的，这一点参考微信，名字要明显比其他大一点字体，昵称最大，个性签名其次，颜值与星星数，以及最下面的栏目名最小5.每一页都只展示6-7页信息，这个考虑到照片大小和内容丰富度，太少了不好，显得不够，太多了就会使得头像很小，用户看不清6.在头像的选择方面，这里有一个核心：除了首次注册，其他情况下，头像并不是用户自定义。当用户第一次注册时，头像是用户选的第一张照片，但当用户不止一张照片，并且其他异性给用户照片进行评价之后，系统需要对这些照片进行重新排名，每个用户最获好评的照片要被系统设置为头像，必须如此，从而确保用户看到的头像都是自己最喜欢的。7.在

3、首页陈列的照片方面，排列因素是：城市，平均颜值，星星总数。具体的排列算法需要再商议。8.关于下图的四个图标，这个由我跟美工共同设计，美工必须第一时间跟我直接联系，这是合同的一部分，否则很难打要求。大体上要求跟微信的风格一样，因为这个产品最终主要是在微信朋友圈里转发，所以微信用户会是核心用户。9.右边是有下滑栏的，但一般不显示，类似于微信。10.中间的线条要轻细，不能太粗，颜色是灰白色，参考微信，不可以不跟微信一样。11.主界面的右上角，日后会添加很多内容，那是二次开发的事情，前期可以留下余地，比如作为新产品的入口等等。1.颜色方面，最上面依然是微信的灰黑色。任何地方都不会有蓝色。2.照片栏里，

4、这里显示的是自己上传的自己照片，一行显示四张，大致是正方形。照片下方用灰白色小字体显示数字，比如 ：4.7/234 前者表示颜值，是该照片的平均得分，后者表示星星总数，在照片的排名方面，一律以颜值作为排名先后标准，当颜值相同时，再以星星总数来排名，绝不是以时间先后顺序来排列。3.照片和数字之下有一个隐秘的滑动栏，一般不显示，只有滑动的时候才会显示，可以向右滑动。4.最中间，也是最重要的体验区就是拍照的地方。点击之后显示的是右边的界面，类似于微信朋友圈右上角的拍照一样，具体的参考微信即可，要求跟微信做到一样，区别在于，每次只能上传一张照片。5.看难易程度，图片的大小能否剪切，有那种拉动的框框，那

5、个如果能做就做，这个也是需要具体商量，请及时跟我联系。6.最下面，类似于微信朋友圈的输入栏，点击之后键盘出现，可以输入文字，限字数在99字，然后点击确认发送。7.输入栏最下方是一行字：一件发送到帅哥/美女的世界 。这个要根据用户的性别选择，如果用户选择男性，则此处显示美女，如果用户选择女性，则此处显示帅哥。8.最下面的菜单里与第一栏类似，参考微信设计，颜色是鲜绿色而不是蓝色，绝不可以弄错。1.最上栏是灰黑色。2.这一栏表示邀请功能，这个软件要非常突出邀请与分享，从而获得快速传播，方法就是在分享系统里，要把所有主流分享系统都做出来，其中包括：微信好友，微信朋友圈，新浪微博，QQ空间，手机短信。3

6、.这一栏的设计参考了一款名叫“快看”的软件，所以请下载一个快看，然后那里有个类似的功能界面。4.第二栏的文字改为：如果你也喜欢这个应用，请分享给你的十个漂亮朋友！ 文字要用黑色，字体大小要从整体效果考虑5.四个汉字：邀请用户。字体偏小，灰白色。6.每一栏的分享前都有一个该平台的logo，比如第一个就是微信logo，第二个就是朋友圈的logo，依次类推。为了分布更好看，每两个分享中间空一行，参考微信相关设计，背景颜色方面要用亮白色和灰白色隔开。字体颜色方面，用黑色。Logo尽量用简化的黑白色风格，如果不确，请及时与我联系。7.右边的小箭头，点击之后直接进入分享栏，这里有些标准术语，后期我们再给添

7、加，可能还要修改，所以到此处务必与我们联系。这里写的都不是最终结果，后期都需要及时沟通并完善。8最下栏与前两栏一样，颜色是灰白色和鲜绿色。1.头像要随时改变的，头像根据异性的评分而改变。2.这一栏主要是我，跟微信的我几乎一样，只是我们的内容少一个钱包，但是钱包以后要添加，主要是接入支付宝，用于充值并购买虚拟产品。3.其他类似与头像，昵称等，大小与微信版本一样，主要是：名字用黑色，微软雅黑，但在ID这里，注意：不要用ID，而是用：粉丝号：hw332 等来表示。这个主要为了以后接入粉丝圈的大平台考虑。4.相册。点击之后进入个人主页，主要是按照时间顺序，显示个人发表的照片，以及别人的留言评论。类似于

8、微信朋友圈的主界面。5.颜友。主要表示添加关注的颜友的最新动态，这个用微博那样的格式来表示。同时点击颜友头像之后，直接进入颜友的资料主页，格式类似于微信的个人主页，后面详述。6.设置。点击之后进入设置界面。后文详述。7.颜色方面，要跟微信一样，主要是亮白色和灰白色。具体参考微信相关界面，抄袭即可。这个去掉，不需要点击我一栏的“相册”之后，显示个人主页如下：改为：相册1.左上角是相册，右上角没有东西。2.最上方展示自己的照片，类似于QQ空间里的相册设计，但这个主要展示给自己查看，因此不是按照每张照片的打分来排名，而是根据时间先后顺序排名。3.第一张照片就是默认得分最高的，即颜值最高的照片，相应放

9、大。如果向右滑动照片，则照片应该可以向右滑动，滑到下一个得分排名第二第三的照片等等。4.每张照片都会被高度数字化和量化，量化的标准就是照片左下角的“颜值”，分数在0-5之间，保留到小数点后一位。右下角是“总值”，表示这张照片所获得异性提供的星星总数。比如342。这两个数字都要用黑色字体显示。5.再往下一栏，评论两个字该为图形化的评论框，一个框框里加两个点。后面是评论数，都是用灰白色显示。点击评论之后，下拉显示各种评论文字。后面具体设计。6.评论右边的分享按钮，点击之后，下方弹出各种分享应用，主要用于分享这一单一照片的相关分数。比如：这张照片的颜值达到了4.8，总值达到了342哦！7最下方是图片

10、，都是按照时间前后来排列，最先的照片放在最前面，同样的，最上面的那张就是最近的照片。个人点击自己的主页头像之后，进入个人主页介绍，主页的右上角有“编辑”按钮，点击这个“编辑”按钮之后，进入编辑资料的页面，如下，主要用于修改自己的资料。1.最上栏灰黑色，字体是白色2.下方的修改页面，参考微信相关设计风格，左边的用黑色字体表示，右边的用灰白色字体表示。3.用户在编辑操作中，只需要点击一下相关栏目，然后下方弹出输入框，然后就可以对文字进行修改，具体的设计风格参考微信。4.出生日期用弹出框来表示，这个具体到时候商量用什么风格，比如默认1990年6月15日左右，用户可以上下滑动改动日期，最后确定即可。5

11、.工作职业可以由用户自己填写，用文字表示6.兴趣爱好同样由用户自己用文字填写、7.个性签名就是一句话展示自己。8.个人说明删掉，不需要。9常出没的地方：用户自己填写。10.设计风格方面，依然是亮白色与灰白色的结合，分割线一定要细和轻，参考微信这一栏是用户点击其他人头像之后所看到的结果，比如在颜友一栏，用户点击一个人的框框之后，就进入这个人的个人空间，主要就是这个人的相册和个人资料。增加三个点的下拉菜单，点击之后显示：加为颜友 拉黑举报改为：个人空间“1.用户看到的别人空间，主要是对方相册和个人资料。2.相册上方是某些信息，包括：昵称，ID，平均颜值，所有照片总值。颜色都采用黑色字体，但字体要偏

12、小3.这里的照片由于都是被其他用户看到的，所以这里要根据单一照片的颜值进行排列，而不是按照时间来排列。比如打开之后，最大的照片就是颜值最高的，下面那一排则是根据颜值大小来排列，如果颜值一样，比如都是4.8，则根据这张照片的得分总数来排名4.照片左下角显示该照片的数字信息。5右下角，极为关键的，是由用户给其打分的打分系统。五颗亮晶晶的蓝色星星，需要重点设计，需要从很多方案里选择，大体上是五个空心星星，用户则通过点击第几个星星来表示多少分，没有返回的机会，点击即表示确认，不可重复点击，点击之后直接进入运算系统，每个用户对每张照片的评分机会只有一次。6每个用户初始拥有的星星数是99个，用户每点击一次

13、，星星数相应减少，如同自己把星星送给了对方，同样，如果自己的照片被别人评分点赞了，那么同样可以得到别人送来的星星。7.点击评论之后，进入后面的评论页面，后文详述。8.在下面，用户下滑页面才能看见，主要就是用户的个人资料，包括：工作职业，兴趣爱好，个人签名，常出没地。个人说明不需要，删掉。顺序后面再讨论修改。评论栏修改为：左边表示时间，右边表示评论，然后都用灰白色小字体展示。去掉收藏功能。时间比如：10-24 08:34 右边评论比如： 一个评论图形框，加一个评论次数。均用小字号灰白色字体这个删掉，不提供发消息的功能点击评论之后，进入单一照片的评论模式。如图：设置栏，点击之后显示如下，这个需要再修改，参考微信相关设计。关于注册，一般借用微信，微博，QQ来登录，也可以自己用手机号或邮箱注册登录，看难度，这个界面的设计，后面再商量。专心-专注-专业