南衛(wèi)四道：今日頭條H5頁面設(shè)計(jì)尺寸技巧

時(shí)間：2023-09-12 15:18:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-09-12 15:18:02 來源：網(wǎng)站運(yùn)營

南衛(wèi)四道：今日頭條H5頁面設(shè)計(jì)尺寸技巧：這段時(shí)間已經(jīng)策劃了5-6個(gè)頭條頁面，目前來看每個(gè)頁面的數(shù)據(jù)轉(zhuǎn)化能力都還不錯(cuò)，當(dāng)然也還有很大的提升空間，后續(xù)還可以繼續(xù)優(yōu)化。上兩篇已

經(jīng)介紹了頭條頁面策劃的一些核心內(nèi)容。

做今日頭條推廣的少不了需要了解移動(dòng)端頁面設(shè)計(jì)的相關(guān)的尺寸問題，今天總結(jié)下其中的經(jīng)驗(yàn)，讓自己好好回顧下。















目前是市面上的移動(dòng)端設(shè)備屏幕尺寸很多。尤其是Android，我們會(huì)碰到到多種分辨率：1080x1920，720x1280,540x960,480x854,480x800,現(xiàn)在還有傳說中的2K屏。近年來iPhone的分辨率也加劇了：1242x2208，750x1334, 640x1136,640x960等。

面對這么多的屏幕尺寸我們不要被嚇倒。因?yàn)榇蟛糠值腶pp和移動(dòng)端網(wǎng)頁，在各種尺寸的屏幕上都能正常顯示。今天主要來說說今日頭條頁面尺寸設(shè)計(jì)的技巧。












在設(shè)計(jì)頁面時(shí)，先擬定頁面的寬度，目前經(jīng)過5-6個(gè)頁面的實(shí)戰(zhàn)測試，我們大概摸清了頭條頁面的寬度實(shí)際需求，目前針對iPhone和Android手機(jī)的用戶我們使用的寬度是640xp的，這個(gè)尺寸比較適中，頁面的文字和圖片不會(huì)出現(xiàn)變形的情況。

針對頁面高度這塊，我一向秉持的高度不限，不過屏數(shù)需要控制，目前頭條這塊的頁面控制在6-8屏是最合適的，越長的頁面轉(zhuǎn)化越低，原因很簡單違背人性的東西都沒有好下場，人是懶惰的。

另外一點(diǎn)是，頁面設(shè)計(jì)完后，需要切圖，目前所采取的措施整圖切，簡單的理解就是不按屏來算，為了保證圖片的完整性，我們切圖是一般選擇從圖的上部到底部來切，切好后及時(shí)圖片的高度有時(shí)高于手機(jī)屏幕的高度也沒有關(guān)系，因?yàn)檫@樣反而能告訴我們的目標(biāo)用戶下面還有內(nèi)容。












頭條后端設(shè)置比較靈活，可以自由添加圖片，而且在寬度不變的情況下，高度不做限制，這樣非常有利于后臺管理者自己運(yùn)營和上傳更新后的網(wǎng)站。

總結(jié)下：目前今日頭條這塊的頁面寬度保持在640XP就可以正常瀏覽了，高度不做限制，不過屏數(shù)需要控制在6-8屏。




以上觀點(diǎn)僅代表個(gè)人鄙見，信息僅供參考，同時(shí)也希望對各位朋友有幫助，本文版權(quán)歸作者所有，歡迎轉(zhuǎn)摘，轉(zhuǎn)摘請注明作者和出處！

作者：南衛(wèi)四道首發(fā)：http://www.heergou.com