搭訕圈的設(shè)計(jì)方案

1、搭訕圈的詳細(xì)設(shè)計(jì)方案(初版) 侯勇4.5/355 （前一個(gè)表示“顏值”，即每張照片的平均得分，后一個(gè)表示得到的星星總數(shù)。顏值范圍：0-5.0 顏值=星星總數(shù) 除以 照片總數(shù)。此處用灰白色字體表示，高度與昵稱同樣高。1.這個(gè)軟件總共有五種顏色，分別為：亮白色，灰白色，黑色，灰黑色，鮮綠色，分別都在微信上有，所以要特別注意顏色之間的差別，絕對不可以跟微信有絲毫不同，尤其是灰白與亮白，黑色與灰黑之間的細(xì)微差別。2總的來說，昵稱用黑色，簽名和星星數(shù)字用灰白色，最上面那一欄用灰黑色。3.昵稱與個(gè)性簽名中間加上一個(gè)：24 北京（前一個(gè)表示年齡，后一個(gè)表示地點(diǎn)，地點(diǎn)只顯示城市名稱.都用灰白色4很重要的就是昵

2、稱與其他的字體大小是不一樣的，這一點(diǎn)參考微信，名字要明顯比其他大一點(diǎn)字體，昵稱最大，個(gè)性簽名其次，顏值與星星數(shù)，以及最下面的欄目名最小5.每一頁都只展示6-7頁信息，這個(gè)考慮到照片大小和內(nèi)容豐富度，太少了不好，顯得不夠，太多了就會(huì)使得頭像很小，用戶看不清6.在頭像的選擇方面，這里有一個(gè)核心：除了首次注冊，其他情況下，頭像并不是用戶自定義。當(dāng)用戶第一次注冊時(shí)，頭像是用戶選的第一張照片，但當(dāng)用戶不止一張照片，并且其他異性給用戶照片進(jìn)行評價(jià)之后，系統(tǒng)需要對這些照片進(jìn)行重新排名，每個(gè)用戶最獲好評的照片要被系統(tǒng)設(shè)置為頭像，必須如此，從而確保用戶看到的頭像都是自己最喜歡的。7.在首頁陳列的照片方面，排列因

3、素是：城市，平均顏值，星星總數(shù)。具體的排列算法需要再商議。8.關(guān)于下圖的四個(gè)圖標(biāo)，這個(gè)由我跟美工共同設(shè)計(jì)，美工必須第一時(shí)間跟我直接聯(lián)系，這是合同的一部分，否則很難打要求。大體上要求跟微信的風(fēng)格一樣，因?yàn)檫@個(gè)產(chǎn)品最終主要是在微信朋友圈里轉(zhuǎn)發(fā)，所以微信用戶會(huì)是核心用戶。9.右邊是有下滑欄的，但一般不顯示，類似于微信。10.中間的線條要輕細(xì)，不能太粗，顏色是灰白色，參考微信，不可以不跟微信一樣。11.主界面的右上角，日后會(huì)添加很多內(nèi)容，那是二次開發(fā)的事情，前期可以留下余地，比如作為新產(chǎn)品的入口等等。1.顏色方面，最上面依然是微信的灰黑色。任何地方都不會(huì)有藍(lán)色。2.照片欄里，這里顯示的是自己上傳的自己

4、照片，一行顯示四張，大致是正方形。照片下方用灰白色小字體顯示數(shù)字，比如 ：4.7/234 前者表示顏值，是該照片的平均得分，后者表示星星總數(shù)，在照片的排名方面，一律以顏值作為排名先后標(biāo)準(zhǔn)，當(dāng)顏值相同時(shí)，再以星星總數(shù)來排名，絕不是以時(shí)間先后順序來排列。3.照片和數(shù)字之下有一個(gè)隱秘的滑動(dòng)欄，一般不顯示，只有滑動(dòng)的時(shí)候才會(huì)顯示，可以向右滑動(dòng)。4.最中間，也是最重要的體驗(yàn)區(qū)就是拍照的地方。點(diǎn)擊之后顯示的是右邊的界面，類似于微信朋友圈右上角的拍照一樣，具體的參考微信即可，要求跟微信做到一樣，區(qū)別在于，每次只能上傳一張照片。5.看難易程度，圖片的大小能否剪切，有那種拉動(dòng)的框框，那個(gè)如果能做就做，這個(gè)也是需

5、要具體商量，請及時(shí)跟我聯(lián)系。6.最下面，類似于微信朋友圈的輸入欄，點(diǎn)擊之后鍵盤出現(xiàn)，可以輸入文字，限字?jǐn)?shù)在99字，然后點(diǎn)擊確認(rèn)發(fā)送。7.輸入欄最下方是一行字：一件發(fā)送到帥哥/美女的世界 。這個(gè)要根據(jù)用戶的性別選擇，如果用戶選擇男性，則此處顯示美女，如果用戶選擇女性，則此處顯示帥哥。8.最下面的菜單里與第一欄類似，參考微信設(shè)計(jì)，顏色是鮮綠色而不是藍(lán)色，絕不可以弄錯(cuò)。1.最上欄是灰黑色。2.這一欄表示邀請功能，這個(gè)軟件要非常突出邀請與分享，從而獲得快速傳播，方法就是在分享系統(tǒng)里，要把所有主流分享系統(tǒng)都做出來，其中包括：微信好友，微信朋友圈，新浪微博，QQ空間，手機(jī)短信。3.這一欄的設(shè)計(jì)參考了一款名

6、叫“快看”的軟件，所以請下載一個(gè)快看，然后那里有個(gè)類似的功能界面。4.第二欄的文字改為：如果你也喜歡這個(gè)應(yīng)用，請分享給你的十個(gè)漂亮朋友！ 文字要用黑色，字體大小要從整體效果考慮5.四個(gè)漢字：邀請用戶。字體偏小，灰白色。6.每一欄的分享前都有一個(gè)該平臺(tái)的logo，比如第一個(gè)就是微信logo，第二個(gè)就是朋友圈的logo，依次類推。為了分布更好看，每兩個(gè)分享中間空一行，參考微信相關(guān)設(shè)計(jì)，背景顏色方面要用亮白色和灰白色隔開。字體顏色方面，用黑色。Logo盡量用簡化的黑白色風(fēng)格，如果不確，請及時(shí)與我聯(lián)系。7.右邊的小箭頭，點(diǎn)擊之后直接進(jìn)入分享欄，這里有些標(biāo)準(zhǔn)術(shù)語，后期我們再給添加，可能還要修改，所以到此

7、處務(wù)必與我們聯(lián)系。這里寫的都不是最終結(jié)果，后期都需要及時(shí)溝通并完善。8最下欄與前兩欄一樣，顏色是灰白色和鮮綠色。1.頭像要隨時(shí)改變的，頭像根據(jù)異性的評分而改變。2.這一欄主要是我，跟微信的我?guī)缀跻粯?，只是我們的?nèi)容少一個(gè)錢包，但是錢包以后要添加，主要是接入支付寶，用于充值并購買虛擬產(chǎn)品。3.其他類似與頭像，昵稱等，大小與微信版本一樣，主要是：名字用黑色，微軟雅黑，但在ID這里，注意：不要用ID，而是用：粉絲號(hào)：hw332 等來表示。這個(gè)主要為了以后接入粉絲圈的大平臺(tái)考慮。4.相冊。點(diǎn)擊之后進(jìn)入個(gè)人主頁，主要是按照時(shí)間順序，顯示個(gè)人發(fā)表的照片，以及別人的留言評論。類似于微信朋友圈的主界面。5.顏

8、友。主要表示添加關(guān)注的顏友的最新動(dòng)態(tài)，這個(gè)用微博那樣的格式來表示。同時(shí)點(diǎn)擊顏友頭像之后，直接進(jìn)入顏友的資料主頁，格式類似于微信的個(gè)人主頁，后面詳述。6.設(shè)置。點(diǎn)擊之后進(jìn)入設(shè)置界面。后文詳述。7.顏色方面，要跟微信一樣，主要是亮白色和灰白色。具體參考微信相關(guān)界面，抄襲即可。這個(gè)去掉，不需要點(diǎn)擊我一欄的“相冊”之后，顯示個(gè)人主頁如下：改為：相冊1.左上角是相冊，右上角沒有東西。2.最上方展示自己的照片，類似于QQ空間里的相冊設(shè)計(jì)，但這個(gè)主要展示給自己查看，因此不是按照每張照片的打分來排名，而是根據(jù)時(shí)間先后順序排名。3.第一張照片就是默認(rèn)得分最高的，即顏值最高的照片，相應(yīng)放大。如果向右滑動(dòng)照片，則照

9、片應(yīng)該可以向右滑動(dòng)，滑到下一個(gè)得分排名第二第三的照片等等。4.每張照片都會(huì)被高度數(shù)字化和量化，量化的標(biāo)準(zhǔn)就是照片左下角的“顏值”，分?jǐn)?shù)在0-5之間，保留到小數(shù)點(diǎn)后一位。右下角是“總值”，表示這張照片所獲得異性提供的星星總數(shù)。比如342。這兩個(gè)數(shù)字都要用黑色字體顯示。5.再往下一欄，評論兩個(gè)字該為圖形化的評論框，一個(gè)框框里加兩個(gè)點(diǎn)。后面是評論數(shù)，都是用灰白色顯示。點(diǎn)擊評論之后，下拉顯示各種評論文字。后面具體設(shè)計(jì)。6.評論右邊的分享按鈕，點(diǎn)擊之后，下方彈出各種分享應(yīng)用，主要用于分享這一單一照片的相關(guān)分?jǐn)?shù)。比如：這張照片的顏值達(dá)到了4.8，總值達(dá)到了342哦！7最下方是圖片，都是按照時(shí)間前后來排列，

10、最先的照片放在最前面，同樣的，最上面的那張就是最近的照片。個(gè)人點(diǎn)擊自己的主頁頭像之后，進(jìn)入個(gè)人主頁介紹，主頁的右上角有“編輯”按鈕，點(diǎn)擊這個(gè)“編輯”按鈕之后，進(jìn)入編輯資料的頁面，如下，主要用于修改自己的資料。1.最上欄灰黑色，字體是白色2.下方的修改頁面，參考微信相關(guān)設(shè)計(jì)風(fēng)格，左邊的用黑色字體表示，右邊的用灰白色字體表示。3.用戶在編輯操作中，只需要點(diǎn)擊一下相關(guān)欄目，然后下方彈出輸入框，然后就可以對文字進(jìn)行修改，具體的設(shè)計(jì)風(fēng)格參考微信。4.出生日期用彈出框來表示，這個(gè)具體到時(shí)候商量用什么風(fēng)格，比如默認(rèn)1990年6月15日左右，用戶可以上下滑動(dòng)改動(dòng)日期，最后確定即可。5.工作職業(yè)可以由用戶自己填

11、寫，用文字表示6.興趣愛好同樣由用戶自己用文字填寫、7.個(gè)性簽名就是一句話展示自己。8.個(gè)人說明刪掉，不需要。9常出沒的地方：用戶自己填寫。10.設(shè)計(jì)風(fēng)格方面，依然是亮白色與灰白色的結(jié)合，分割線一定要細(xì)和輕，參考微信這一欄是用戶點(diǎn)擊其他人頭像之后所看到的結(jié)果，比如在顏友一欄，用戶點(diǎn)擊一個(gè)人的框框之后，就進(jìn)入這個(gè)人的個(gè)人空間，主要就是這個(gè)人的相冊和個(gè)人資料。增加三個(gè)點(diǎn)的下拉菜單，點(diǎn)擊之后顯示：加為顏友 拉黑舉報(bào)改為：個(gè)人空間“1.用戶看到的別人空間，主要是對方相冊和個(gè)人資料。2.相冊上方是某些信息，包括：昵稱，ID，平均顏值，所有照片總值。顏色都采用黑色字體，但字體要偏小3.這里的照片由于都是被

12、其他用戶看到的，所以這里要根據(jù)單一照片的顏值進(jìn)行排列，而不是按照時(shí)間來排列。比如打開之后，最大的照片就是顏值最高的，下面那一排則是根據(jù)顏值大小來排列，如果顏值一樣，比如都是4.8，則根據(jù)這張照片的得分總數(shù)來排名4.照片左下角顯示該照片的數(shù)字信息。5右下角，極為關(guān)鍵的，是由用戶給其打分的打分系統(tǒng)。五顆亮晶晶的藍(lán)色星星，需要重點(diǎn)設(shè)計(jì)，需要從很多方案里選擇，大體上是五個(gè)空心星星，用戶則通過點(diǎn)擊第幾個(gè)星星來表示多少分，沒有返回的機(jī)會(huì)，點(diǎn)擊即表示確認(rèn)，不可重復(fù)點(diǎn)擊，點(diǎn)擊之后直接進(jìn)入運(yùn)算系統(tǒng)，每個(gè)用戶對每張照片的評分機(jī)會(huì)只有一次。6每個(gè)用戶初始擁有的星星數(shù)是99個(gè)，用戶每點(diǎn)擊一次，星星數(shù)相應(yīng)減少，如同自己把星星送給了對方，同樣，如果自己的照片被別人評分點(diǎn)贊了，那么同樣可以得到別人送來的星星。7.點(diǎn)擊評論之后，進(jìn)入后面的評論頁面，后文詳述。8.在下面，用戶下滑頁面才能看見，主要就是用戶的個(gè)人資料，包括：工作職業(yè)，興趣愛好，個(gè)人簽名，常出沒地。個(gè)人說明不需要，刪掉。順序后面再討論修改。評論欄修改為：左邊表示時(shí)間，右邊表