就在兩周前，突然接到線下部門的需求罩扇，要求做一個籃球賽的頁面，web端
接到的需求如下：
1 策劃開賽前消约、中员帮、后一系列活動，用戶包括：參賽者捞高，觀賽者，既不能參賽又不能觀賽的
2 開發(fā)球賽總頁面氢哮，頁面包括報名型檀、規(guī)則、日程裂七、活動仓坞、視頻
1 持續(xù)水深火熱的兩天討論后，我放棄參與徙瓶，主要是原因包括沒有時間思考或?qū)ふ翌愃瓢咐党啤⒕€下部門不太喜歡提出的各種方案
2 主要工作，也就是本文中的頁面
主頁面
－－－－－－－－－－－－－－
1 當講出簡短需求后虽缕，我立馬想到了杜蕾斯曾經(jīng)做過的一個頁面蒲稳，杜蕾斯這個頁面應(yīng)該是把pc端的直接copy到web端，再次打開這個頁面剩胁，滿滿嘈點和不順手祥国，請看下面晾腔，就是這樣噠啊犬。。剔应。
2 因為要穿插視頻语御，瞬間想到奧美給戴爾做的無邊框電腦h5頁面应闯，這個頁面很棒，想想也是價格不菲
后來程序員告訴我船万，這個頁面的視頻是自己服務(wù)器上傳的惜辑，我們有好幾個視頻疫赎，自己服務(wù)器上傳，會導致各種情況產(chǎn)生抵卫，所以我們還是使用外鏈胎撇。。姻采。
3 根據(jù)需求的模塊爵憎，其中簡單的圖文頁主要是規(guī)則、日程刑棵，而報名愚铡、活動需要制作線框圖，視頻需要開發(fā)人員找尋案例
根據(jù)緊急重要象限，我先開始制作總頁面和報名頁面
總頁面線框圖一次性通過柠座，后視覺設(shè)計很多版乒验，最終我認為很不錯的一版在上周四產(chǎn)生
最終版展示锻全，如下圖（涉及隱私，所以有些部分打了馬賽克）荞胡，總的來說了嚎，比之前的很多稿好了很多，首先圖標字體統(tǒng)一了萝勤，其次模塊色系協(xié)調(diào)呐伞，然后加上副標，用戶第一眼明白此模塊是做什么伶氢，最后視頻縮略圖中的妹子促進用戶點擊癣防，但是還是有幾個問題，a幕屹，音樂圖標不是統(tǒng)一圖標 b级遭，模塊副標文案略粗糙
之后，我與線下部門同事私聊文案問題靠娱，給出了自己相應(yīng)的文案掠兄，雖然還是粗糙锌雀，但比第一版好一些迅诬，總之侈贷，這種文案一定要腦暴啦！
報名參賽 ＃聽說長得好看的人都打得開＃
賽事規(guī)則 ＃寶典在手俏蛮，說戰(zhàn)就戰(zhàn)＃
比賽日程 ＃選個良辰吉日搏屑，把事兒辦了吧＃
自由籃球 ＃黑科技，用智商推倒你＃
2013年回顧 ＃論賽事進化史1＃
2014年回顧 ＃論賽事進化史2＃
報名頁面
－－－－－－－－－－－－－－
第一版線框圖辣恋，如下：
通過討論發(fā)現(xiàn)幾點問題：
a 若用戶報名后伟骨，需修改，回到的頁面可以更改參賽時間
b 投票頁面需不需要加搜索功能（共500支隊伍）
后继蜡，統(tǒng)一達成共識
a 用戶可更改參賽時間及相關(guān)信息
b 添加搜索功能暑中，輸入球隊編號或隊長姓名都可以查找到相應(yīng)隊伍
c 投票頁面共三種場景鲫剿，1填寫者看到的頁面 2 填寫者分享出去別人點開的頁面 3非填寫者通過別的模塊頁面點開的投票頁面灵莲，其中1、2填寫者的隊伍置頂政冻，其余隊伍投票數(shù)正序排列，3僅為投票數(shù)正序排列
視覺效果如圖：
活動頁面
－－－－－－－－－－－－－－
此頁面，其實本人不太喜歡苦锨，我本希望作出的是圖左中的趴泌，設(shè)計作出的是這樣的（圖右嗜憔，設(shè)計的想法氏仗，估計是為了和主頁面風格統(tǒng)一），主要功能實現(xiàn)呐舔，時間有限床佳，審美不同就不辛苦設(shè)計改啦
總結(jié)
－－－－－－－－－－－－－－－－－－－－－－－－－－－－
此頁面是我在這家公司的最后一個項目，馬上要離職了的杆麸，總的來說浪感，可以打70分，在兩周的時間內(nèi)完成頁面線框圖揭斧、理清邏輯峻堰、視覺設(shè)計、前端開發(fā)旦万，主要是搞不清線下部門的需求镶蹋，通過溝通協(xié)調(diào)制作完成
現(xiàn)在程序員還在開發(fā)，我想bug是多多的有淆两。拂酣。。
