問(wèn)卷外觀設(shè)計(jì)指引

一、PC端問(wèn)卷外觀設(shè)計(jì)

PC端問(wèn)卷外觀可自定義的內(nèi)容為頁(yè)眉和問(wèn)卷背景圖。

1、頁(yè)眉：建議將重要信息（logo、活動(dòng)海報(bào)）設(shè)計(jì)在頁(yè)眉上。

（1）頁(yè)眉logo模式：高度限制80px，寬度可根據(jù)logo同比例調(diào)整

（2）頁(yè)眉海報(bào)模式：寬度800px， 高度不限制，需勾選 寬度100% 展示

2、背景圖：

（1）建議使用活動(dòng)主題純色、企業(yè)輔助圖形、活動(dòng)圖形設(shè)計(jì)等。

（2）因?yàn)閱?wèn)卷主體會(huì)遮蓋住背景圖，且填寫者用不同電腦分辨率打開(kāi)問(wèn)卷，可展示背景圖的區(qū)域不一致，所以不建議在背景圖中放置重要信息。

（3）背景圖建議尺寸：1920 * 1200px。

二、移動(dòng)端問(wèn)卷外觀設(shè)計(jì)

移動(dòng)端問(wèn)卷外觀可自定義的內(nèi)容為封面、頁(yè)眉及背景圖設(shè)計(jì)。

1、封面：

（1）建議設(shè)置封面，將關(guān)鍵信息（展示活動(dòng)名稱及其他重要信息）設(shè)計(jì)在封面上。

（2）封面建議尺寸及設(shè)計(jì)規(guī)則。

2、頁(yè)眉：建議將重要信息（logo、活動(dòng)海報(bào)）設(shè)計(jì)在頁(yè)眉上。

（1）頁(yè)眉logo模式：高度限制80px，寬度可根據(jù)logo同比例調(diào)整

（2）頁(yè)眉海報(bào)模式：寬度800px， 高度不限制，需勾選 寬度100% 展示

3、背景圖：

（1）移動(dòng)端背景圖不支持單獨(dú)上傳，只支持將【PC端的背景圖】直接應(yīng)用在移動(dòng)端上。

（2）如需將PC端背景圖應(yīng)用在移動(dòng)端：勾選-背景圖直接應(yīng)用到移動(dòng)端，并勾選-填充背景。

（3）移動(dòng)端問(wèn)卷主體基本會(huì)將背景圖遮蓋掉，背景圖的展示范圍很小，建議使用活動(dòng)主題純色、企業(yè)輔助圖形、活動(dòng)圖形設(shè)計(jì)等。

三、問(wèn)卷外觀設(shè)計(jì)案例鏈接

PC端效果：點(diǎn)擊查看效果

移動(dòng)端效果：手機(jī)掃描下面二維碼查看效果

四、外觀設(shè)計(jì)常見(jiàn)問(wèn)題解答

1、根據(jù)移動(dòng)端封面建議尺寸設(shè)計(jì)，為什么底部還是顯示不全？

答：設(shè)置圖片是以寬度的100%展示，所以不同移動(dòng)端的分辨率不一致，圖片會(huì)根據(jù)設(shè)備的高度縱向裁剪。如下圖：

2、上傳背景圖后，內(nèi)容顯示不全？

答：設(shè)置圖片是以寬度的100%展示，所以不同終端的顯示高度不一致，圖片會(huì)根據(jù)設(shè)備的高度縱向裁剪。與1題同理