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

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

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

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

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

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

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

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

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

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

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

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

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