問(wèn)卷外觀(guān)設計指引

一、PC端問(wèn)卷外觀(guān)設計

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

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

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

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

2、背景圖：

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

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

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

二、移動(dòng)端問(wèn)卷外觀(guān)設計

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

1、封面：

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

（2）封面建議尺寸及設計規則。

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

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

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

3、背景圖：

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

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

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

三、問(wèn)卷外觀(guān)設計案例鏈接

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

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

四、外觀(guān)設計常見(jiàn)問(wèn)題解答

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

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

2、上傳背景圖后，內容顯示不全？

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