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個，用戶每點擊一次，星星數相應減少，如同自己把星星送給了對方，同樣，如果自己的照片被別人評分點贊了，那么同樣可以得到別人送來的星星。7.點擊評論之后，進入后面的評論頁面，后文詳述。8.在下面，用戶下滑頁面才能看見，主要就是用戶的個人資料，包括：工作職業，興趣愛好，個人簽名，常出沒地。個人說明不需要，刪掉。順序后面再討論修改。評論欄修改為：左邊表示時間，右邊表示評論，然后都