Social media post mockup

Ipakita sa client, sa katrabaho o sa sarili mo kung ano talaga ang magiging itsura ng isang post bago ito i-publish. Ihulog ang larawan, i-type ang caption, itakda ang pangalan ng page at ang mga bilang, at makakita ng makatotohanang Facebook, Instagram o LinkedIn post sa light o dark mode, bilang simpleng card o sa loob ng phone screen. I-download ito bilang malinaw na 2× PNG para sa deck, proof o approval email. Hindi kailanman umaalis sa device mo ang larawan at text mo.

Paano gumawa ng post mockup

Ihulog ang larawan ng post, ilang larawan para sa carousel, o wala para sa post na text lang.
Piliin ang platform, light o dark mode, at card o phone frame.
I-type ang pangalan ng page, username, caption at ang bilang ng like, comment at share na gusto mong ipakita.
Mag-upload ng logo mo bilang avatar kung gusto mo, saka i-download ang PNG.

Bakit gagawa ng mockup ng post bago mag-publish

Ang caption na magandang basahin sa isang dokumento ay puwedeng iba ang dating kapag nahati na sa lapad ng feed at naputol ng "See more", ang larawang mukhang maganda bilang file ay kina-crop sa 4:5 sa Instagram, at ang client na nag-approve ng copy sa email ay madalas iba ang reaksyon kapag nakita na ito bilang totoong post. Tinatapos ng mockup ang usapang iyon sa isang tingin. Ito rin ang inilalagay ng mga agency sa deck at sa approval thread, at ang sine-screenshot mo para sa portfolio habang hindi pa live ang totoong post.

Ano ang ipinapakita ng mockup

Iginuguhit ang bawat platform gamit ang sarili nitong layout, font, icon at label:

Platform	Ang makukuha mo
Facebook	Pangalan ng page, oras o Sponsored label kasama ang audience globe, caption, larawan, reaction icon kasama ang bilang, bilang ng comment at share, at ang Like, Comment at Share bar.
Instagram	Username na may story ring, Sponsored label, larawang naka-crop sa feed ratio, icon ng puso, comment, send at save, mga like, caption na naka-inline ang username, "View all comments" at ang oras.
LinkedIn	Pangalan ng company o profile, bilang ng follower, oras o Promoted label, caption, larawan, patong ng reaction kasama ang bilang, mga comment at repost, at ang Like, Comment, Repost at Send bar.

Available ang bawat platform sa light at dark mode, at bilang malinis na post card sa malambot na background o sa loob ng phone screen na may status bar, na mas maganda ang dating sa isang presentasyon.

Mga carousel at post na maraming larawan

Maghulog ng dalawa o higit pang larawan at lilipat ang mockup sa multi-image layout ng bawat platform. Gumuguhit ang Facebook ng carousel ad: mga square card na magkakatabi na sumisilip ang susunod na card mula sa kanan, at bawat isa ay may headline, pangalan ng page mo at button na ikaw ang nagtatakda ng text. Nagpapakita ang Instagram at LinkedIn ng isang slide bawat pagkakataon na may slide counter sa sulok at mga tuldok o page bar sa ibaba, at ikaw ang pipili kung aling slide ang nasa harap. Para sa carousel, laging may dalawang PNG ang download: ang feed view eksakto kung paano ito ini-scroll ng mga tao, at ang view ng lahat ng slide na magkakatabi ang bawat card, na siyang naiintindihan agad ng mga client sa isang tingin.

Pagkuha ng resultang kapani-paniwala

Gamitin ang totoong laki ng larawan. Kina-crop ng preview ang matataas na larawan gaya ng ginagawa ng feed, kaya makikita mo mismo kung ano ang mapuputol. Buo ang makikita sa mga square o 4:5 na larawan.
Mag-upload ng logo mo bilang avatar. Sapat na ang initials para sa mabilisang check, pero ang logo ang nagpapamukhang screenshot sa mockup.
Maglagay ng kapani-paniwalang bilang. Fino-format ang mga like, comment at share gaya ng ginagawa ng bawat platform, kaya ang 1240 ay nagiging 1.2K kung saan iyon paiikliin ng platform.
I-paste ang final na caption. Nananatili ang mga line break at emoji, at pinuputol ang mahahabang caption kung saan iyon puputulin ng feed.
I-on ang ad label kapag ad ang nire-review mo sa halip na organic post. Nag-iiba ang salita ng label ayon sa platform.

Pag-download at paggamit ng mockup

Ang download ay PNG na doble ng laki sa screen, kaya nananatili itong malinaw kapag inilagay sa slide, dokumento o portfolio page. Dahil kasama ang background, direkta itong maipapasok sa isang presentasyon. Kung kailangan mo ito nang walang background para sa isang composite, i-crop ito gamit ang crop tool pagkatapos.

Ang hindi nito ginagawa

Hindi ito nagpo-post, hindi nag-iiskedyul at hindi kumokonekta sa kahit anong account, at hindi ito eksaktong kopya sa bawat pixel ng bawat update ng platform. Gumagalaw nang ilang pixel ang mga feed layout bawat ilang buwan; sinusundan ng mockup ang kasalukuyang layout nang sapat na lapit para sa approval, presentasyon at portfolio work, at iyon ang trabaho ng mga mockup. Hindi pa ipinapakita ang mga video post; gumamit ng frame mula sa video bilang larawan at pareho lang ang natitirang layout.

Privacy

Ang mga campaign na hindi pa inilalabas ay mismong uri ng bagay na hindi dapat i-upload sa kahit anong mockup site. Iginuguhit ng tool na ito ang preview at ine-export ang PNG nang buo sa loob ng browser mo. Hindi kailanman umaalis sa device mo ang mga larawan, caption at logo mo.

Mga madalas itanong

Ina-upload ba ang larawan o caption ko?

Hindi. Iginuguhit ang preview sa loob ng browser mo at ginagawa ang PNG sa device mo. Nananatiling pribado ang mga campaign na hindi pa inilalabas.

Nagpapakita ba ito ng mga ad pati ng karaniwang post?

Oo. I-on ang ad label at magpapakita ang mockup ng "Sponsored" sa Facebook at Instagram, at "Promoted" sa LinkedIn.

Puwede ko bang gamitin ang logo ko bilang avatar?

Oo. Mag-upload ng logo o larawan at gagamitin ito bilang profile picture; kung wala, ipinapakita ng preview ang initials mo sa kulay ng platform.

Gaano katumpak ang layout?

Sinusundan nito ang kasalukuyang feed layout ng bawat platform sa font, espasyo, icon at label nang sapat na lapit para sa approval at presentasyon. Paminsan-minsang binabago ng mga platform ang maliliit na detalye, kaya ituring itong tapat na mockup sa halip na screenshot na eksakto sa bawat pixel.

Gaano kalaki ang download?

Ginagawa ang PNG nang doble ng laki sa screen, kaya nananatili itong malinaw sa mga presentasyon at retina screen. Hawak din nito ang mga post na text lang at matataas na larawan.

Puwede ba akong mag-preview ng carousel?

Oo. Maghulog ng dalawa o higit pang larawan. Nagpapakita ang Facebook ng mga card na sina-swipe na may headline at button sa bawat isa, at nagpapakita ang Instagram at LinkedIn ng slide counter at mga tuldok. Dalawang PNG ang ibinibigay ng download: ang feed view na sumisilip ang susunod na card, at ang view ng lahat ng slide na magkakatabi ang bawat card, para makapili ang client.

Puwede ba akong mag-preview ng video post?

Hindi pa. Gumamit ng still frame mula sa video bilang larawan at pareho lang ang layout.

Ang iyong mga file ay hindi kailanman umaalis sa iyong device

Bawat tool sa Squishly Tools ay 100% libre at tumatakbo nang buo sa loob ng iyong browser. Pinoproseso ang iyong mga larawan at dokumento sa sarili mong computer at hindi kailanman ina-upload sa server. Walang account, walang watermark at walang daya.