海外代購平臺(tái)類網(wǎng)站首頁設(shè)解決方案

　　一、一些問題

　　1、提供方案的目的是為了更好的表述對(duì)網(wǎng)站功能及模塊的要求，并非具體設(shè)計(jì)效果。本網(wǎng)站需要的是個(gè)性化的、有創(chuàng)造性的、能體現(xiàn)公司實(shí)力的設(shè)計(jì)風(fēng)格！

　　2、美工效果不能太簡單粗糙了，從首頁設(shè)計(jì)開始，需專門再列出詳細(xì)的設(shè)計(jì)需求方案，使雙方更加明確目標(biāo)、提高效率，避免一些問題一再出現(xiàn)，從而影響改版的進(jìn)度。

　　二、具體網(wǎng)站首頁設(shè)計(jì)要要點(diǎn)方案

　　本文按從上到下的順序，將首頁的內(nèi)容依次分為首頁抬頭、展示模塊、底部三個(gè)區(qū)域。

　　1、首頁抬頭

　　包括頂部、LOGO、搜索欄、熱門搜索、導(dǎo)航條、左側(cè)分類欄目、專題/活動(dòng)幻燈片展示、右側(cè)用戶登錄區(qū)域及網(wǎng)站公告等，見下圖。

　　（1）頂部

　　1、在頂部能否自行添加內(nèi)容，比如在關(guān)注我們與網(wǎng)站導(dǎo)航之間，是否可添加例如iPhone客戶端下載或其他社交平臺(tái)鏈接等文字與圖標(biāo)。

　　2、小圖標(biāo)不能照抄同類的網(wǎng)站，有沒有其他樣式？

　　3、網(wǎng)站導(dǎo)航、爆料投稿、海淘相關(guān)、幫助等的設(shè)計(jì)樣式與同類網(wǎng)站一模一樣，有沒有其他的效果，另外展開后的效果如何？注意：設(shè)計(jì)上絕對(duì)不能和同類網(wǎng)站一模一樣。

　　（2）LOGO、搜索欄、熱門搜索關(guān)鍵詞及其他

　　1、LOGO的顯示效果甚至還不如我們現(xiàn)在的網(wǎng)站，另外再添加上我愛海淘網(wǎng)的口號(hào)：我們遠(yuǎn)隔重洋，淘來的是對(duì)生活的熱愛，然后重新設(shè)計(jì)這個(gè)部分。

　　2、右側(cè)的ASOS的圖標(biāo)是什么意思？可以改成網(wǎng)站公告，具體效果由設(shè)計(jì)人員提出。

　　3、這個(gè)部分是否太寬了？

　　4、灰色的背景顏色很怪。

　　（3）導(dǎo)航條

　　1、字體字號(hào)、顏色沒有設(shè)計(jì)感，最新發(fā)布上的new太普通，將文字換成每日必看，效果以更加醒目為佳！

　　2、我的圈子前設(shè)計(jì)一個(gè)圖標(biāo)，并與其他分類相區(qū)別，參考上圖中寶寶樹網(wǎng)站導(dǎo)航條。

　　（4）左側(cè)分類欄目

　　1、效果簡單粗糙，沒有分類區(qū)域的設(shè)計(jì)感，就是一堆文字的堆積，而不像淘寶、蘑菇街一樣是一個(gè)非常重要的功能模塊。設(shè)計(jì)效果甚至還不如第一版，還把分類前的小圖標(biāo)也刪除了。我們認(rèn)為這一部分應(yīng)該重點(diǎn)設(shè)計(jì)，它是進(jìn)一步強(qiáng)化、美化分類欄目的重要元素。

　　2、設(shè)計(jì)顯的有點(diǎn)小氣。

　　3、沒有看到展開后的效果，請(qǐng)單獨(dú)制作，具體要求請(qǐng)看《我愛海淘網(wǎng)二次改版方案》一文中第8頁左側(cè)分類欄目部分。

　　（5）右側(cè)用戶登錄區(qū)域及網(wǎng)站公告

　　1、請(qǐng)仔細(xì)看我們之前提供的《我愛海淘網(wǎng)二次改版方案》一文第9頁中右側(cè)用戶登錄區(qū)域部分的要求。

　　2、請(qǐng)?jiān)僦谱饕粋€(gè)登錄后的效果圖。

　　（6）專題/活動(dòng)幻燈片展示

　　1、幻燈片輪播采用蘑菇街現(xiàn)在的樣式。

　　2、展示模塊

　　接首頁抬頭依次為編輯推薦、海淘圈子、優(yōu)惠專題、分類展示、海淘攻略、熱門商家、轉(zhuǎn)運(yùn)公司等七個(gè)展示模塊：

　　（1）總體設(shè)計(jì)

　　1、整體功能，特別是分類展示模塊基本符合我們的要求，在功能設(shè)置上不用做大的變動(dòng)，有些小的變化見下文說明。

　　2、在設(shè)計(jì)上沒有風(fēng)格，每個(gè)功能模塊都沒有符合它特點(diǎn)的任何修飾，比如圖標(biāo)、色彩、分隔欄等。

　　（2）編輯推薦

　　1、不要采用拼圖的樣式，右側(cè)也不需要熱銷排行。只需按分類展示中右側(cè)商品信息的樣式，展示盡量多的內(nèi)容。

　　2、要求的前綴圖標(biāo)沒有做上去，用圖片邊角標(biāo)簽方式表現(xiàn)。

　　3、查看更多商品以及其他模塊的相應(yīng)功能鏈接，務(wù)必要做的醒目，位置放置得當(dāng)，能夠吸引并方便用戶點(diǎn)擊！

　　（3）海淘圈子

　　1、因?yàn)榈谝话鏁簳r(shí)還未制作小圈子功能，所以右側(cè)的熱門話題改為海淘圈子里的熱門文章。

　　2、達(dá)人推薦改為活躍用戶，設(shè)計(jì)上可以顯示更多點(diǎn)內(nèi)容，再美觀一些。參考下面的示意圖。

　　（4）優(yōu)惠專題

　　1、優(yōu)惠專題標(biāo)題右側(cè)的標(biāo)簽刪除。

　　2、限時(shí)優(yōu)惠與專題特輯在內(nèi)容上完全不同，要區(qū)分更加明顯與美觀。

　　3、圖片上應(yīng)有顯示相應(yīng)文章名稱的模塊

　　（5）優(yōu)惠專題

　　1、每個(gè)功能模塊都沒有符合它特點(diǎn)的任何修飾，比如圖標(biāo)、色彩、分隔欄等。

　　2、模塊設(shè)計(jì)照第二版設(shè)計(jì)即可。

　　3、其他

　　海淘攻略、熱門商家、轉(zhuǎn)運(yùn)公司及底部部分基本符合，不需做大的調(diào)整。只需依據(jù)上面提到的整體風(fēng)格調(diào)整作相應(yīng)優(yōu)化即可。