用戶:Br7shbg/Sandbox

試製表格

原版

缺點：

• 為縮短頁面，便於閱讀，未來考慮將一些信息整合進備註中，現在備註的空間太小，放置大量文字不易閱讀
• 名稱、備註、主要歌曲有大量文字，在移動端換行太多體驗不好
• 移動端封面太小

有點：

• 結構簡單，易於維護

	封面	發售日期	名稱	主要歌曲（M@STER VISION）	商品編號	銷量排名	備註
MP01		2005年9月8日	THE IDOLM@STER MASTERPIECE 01 釋放魔法！	《釋放魔法！》、《THE IDOLM@STER（HYM VISION）》	COCX-33355	74位	HYR組合演唱
MP02		2005年11月2日	THE IDOLM@STER MASTERPIECE 02 9:02pm	《9:02pm》、《THE IDOLM@STER（ACM VISION）》	COCX-33403	52位	ACM組合演唱
MP03		2005年11月30日	THE IDOLM@STER MASTERPIECE 03 Positive！	《Positive！》、《THE IDOLM@STER（IYAM VISION）》	COCX-33443	45位	IYAM組合演唱
MP04		2006年3月22日	THE IDOLM@STER MASTERPIECE 04	《太陽的Jealousy》、《暗夜特務》、《早上好！！早飯》、《THE IDOLM@STER》（無印）	限定版:COCX-33612 普通版:COCX-33617	81位
MP05		2006年5月31日	THE IDOLM@STER MASTERPIECE 05	《青鳥》、《First Stage》、《Here we go！！》、《THE IDOLM@STER（M@STER VERSION -REMIX-）》	限定版:COCX-33631 普通版:COCX-33632	5位

第一種——雙行顯示

優點：

• 解決原版問題，比較滿意

缺點：

• 移動端封面偏小
• 由於雙行顯示，不方便改成sortable

改良：是否可以控制移動端前兩列寬度，是否可以overflow做成左右滑動

名稱		發售日期	商品編號	音軌數量	銷量排名
THE IDOLM@STER MASTERPIECE 01 釋放魔法！		2005/09/28	COCX-33355	8
	首發	《釋放魔法！》、《THE IDOLM@STER》、《太陽的Jealousy》、《First Stage》
	備註	企劃首張專輯，收錄天海春香、萩原雪步、秋月律子演唱歌曲（HYR組合）
THE IDOLM@STER MASTERPIECE 02 9:02pm		2005/11/02	COCX-33403	8
	首發	《9:02pm》、《青鳥》、《暗夜特務》
	備註	收錄三浦梓、如月千早、菊地真演唱歌曲
THE IDOLM@STER MASTERPIECE 03 Positive！		2005/11/30	COCX-33443	8
	首發	《Positive！》、《Here we go!!》、《早上好！！早飯》
	備註	收錄三浦梓、如月千早、菊地真演唱歌曲
THE IDOLM@STER MASTERPIECE 04		2006/03/22	限定版:COCX-33612 普通版:COCX-33617	17
	首發	《太陽的Jealousy》、《暗夜特務》、《早上好！！早飯》、《THE IDOLM@STER》（無印）
	備註	系列的5張專輯中，前3張分別圍繞偶像團體HYM、ACM、IYAM製作，團體人員參考下面的專輯封面；第四張全員參加，特別收錄了「超級製作人」活動的票選演唱曲；第五張全員參加，主要收錄了街機遊戲中BGM。
THE IDOLM@STER MASTERPIECE 05		2006/05/31	限定版:COCX-33631 普通版:COCX-33632	17
	首發	《青鳥》、《First Stage》、《Here we go！！》、《THE IDOLM@STER（M@STER VERSION -REMIX-）》
	備註	系列的5張專輯中，前3張分別圍繞偶像團體HYM、ACM、IYAM製作，團體人員參考下面的專輯封面；第四張全員參加，特別收錄了「超級製作人」活動的票選演唱曲；第五張全員參加，主要收錄了街機遊戲中BGM。

第三種——橫排

優點：解決問題，好維護 缺點：

• 手機端顯示的封面圖片尺寸不一致
• 電腦橫向滾動不方便
• 有些分類下只有一張專輯，豎着排版不開心。

專輯名	THE IDOLM@STER MASTERPIECE 01 釋放魔法！	THE IDOLM@STER MASTERPIECE 02 9:02pm	THE IDOLM@STER MASTERPIECE 03 Positive！	THE IDOLM@STER MASTERPIECE 04	THE IDOLM@STER MASTERPIECE 05	THE IDOLM@STER MASTERPIECE 01 釋放魔法！	THE IDOLM@STER MASTERPIECE 02 9:02pm	THE IDOLM@STER MASTERPIECE 03 Positive！	THE IDOLM@STER MASTERPIECE 04	THE IDOLM@STER MASTERPIECE 05	THE IDOLM@STER MASTERPIECE 01 釋放魔法！	THE IDOLM@STER MASTERPIECE 02 9:02pm	THE IDOLM@STER MASTERPIECE 03 Positive！	THE IDOLM@STER MASTERPIECE 04	THE IDOLM@STER MASTERPIECE 05
封面
發售日期	2005/09/28	2005/11/02	2005/11/30	2006/03/22	2006/05/31	2005/09/28	2005/11/02	2005/11/30	2006/03/22	2006/05/31	2005/09/28	2005/11/02	2005/11/30	2006/03/22	2006/05/31
音軌數量	8	8	8	8	8	8	8	8	8	8	8	8	8	8	8
首發	《釋放魔法！》 《THE IDOLM@STER》 《太陽的Jealousy》 《First Stage》	《9:02pm》、《青鳥》、《暗夜特務》	《Positive！》、《Here we go!!》、《早上好！！早飯》	《太陽的Jealousy》、《暗夜特務》、《早上好！！早飯》、《THE IDOLM@STER》	《青鳥》、《First Stage》、《Here we go！！》、《THE IDOLM@STER（M@STER VERSION -REMIX-）》	《釋放魔法！》、《THE IDOLM@STER》、《太陽的Jealousy》、《First Stage》	《9:02pm》、《青鳥》、《暗夜特務》	《Positive！》、《Here we go!!》、《早上好！！早飯》	《太陽的Jealousy》、《暗夜特務》、《早上好！！早飯》、《THE IDOLM@STER》	《青鳥》、《First Stage》、《Here we go！！》、《THE IDOLM@STER（M@STER VERSION -REMIX-）》	《釋放魔法！》、《THE IDOLM@STER》、《太陽的Jealousy》、《First Stage》	《9:02pm》、《青鳥》、《暗夜特務》	《Positive！》、《Here we go!!》、《早上好！！早飯》	《太陽的Jealousy》、《暗夜特務》、《早上好！！早飯》、《THE IDOLM@STER》	《青鳥》、《First Stage》、《Here we go！！》、《THE IDOLM@STER（M@STER VERSION -REMIX-）》
備註	企劃首張專輯，收錄天海春香、萩原雪步、秋月律子演唱歌曲（HYR組合）	收錄三浦梓、如月千早、菊地真演唱歌曲	收錄三浦梓、如月千早、菊地真演唱歌曲	系列的5張專輯中，前3張分別圍繞偶像團體HYM、ACM、IYAM製作，團體人員參考下面的專輯封面；第四張全員參加，特別收錄了「超級製作人」活動的票選演唱曲；第五張全員參加，主要收錄了街機遊戲中BGM。	系列的5張專輯中，前3張分別圍繞偶像團體HYM、ACM、IYAM製作，團體人員參考下面的專輯封面；第四張全員參加，特別收錄了「超級製作人」活動的票選演唱曲；第五張全員參加，主要收錄了街機遊戲中BGM。	企劃首張專輯，收錄天海春香、萩原雪步、秋月律子演唱歌曲（HYR組合）	收錄三浦梓、如月千早、菊地真演唱歌曲	收錄三浦梓、如月千早、菊地真演唱歌曲	系列的5張專輯中，前3張分別圍繞偶像團體HYM、ACM、IYAM製作，團體人員參考下面的專輯封面；第四張全員參加，特別收錄了「超級製作人」活動的票選演唱曲；第五張全員參加，主要收錄了街機遊戲中BGM。	系列的5張專輯中，前3張分別圍繞偶像團體HYM、ACM、IYAM製作，團體人員參考下面的專輯封面；第四張全員參加，特別收錄了「超級製作人」活動的票選演唱曲；第五張全員參加，主要收錄了街機遊戲中BGM。	企劃首張專輯，收錄天海春香、萩原雪步、秋月律子演唱歌曲（HYR組合）	收錄三浦梓、如月千早、菊地真演唱歌曲	收錄三浦梓、如月千早、菊地真演唱歌曲	系列的5張專輯中，前3張分別圍繞偶像團體HYM、ACM、IYAM製作，團體人員參考下面的專輯封面；第四張全員參加，特別收錄了「超級製作人」活動的票選演唱曲；第五張全員參加，主要收錄了街機遊戲中BGM。	系列的5張專輯中，前3張分別圍繞偶像團體HYM、ACM、IYAM製作，團體人員參考下面的專輯封面；第四張全員參加，特別收錄了「超級製作人」活動的票選演唱曲；第五張全員參加，主要收錄了街機遊戲中BGM。
銷量排名	52	47	13	6	20	12	32	12	54	12	43	12	12	12	32
商品編號	COCX-33403	COCX-33403	COCX-33403	COCX-33403	COCX-33403	COCX-33403	COCX-33403	COCX-33403	COCX-33403	COCX-33403	COCX-33403	COCX-33403	COCX-33403	COCX-33403	COCX-33403