Android

Nangungunang 10 mga website para sa paglikha ng libreng mga mockup ng smartphone

Free Mockups and How to Use them in Photoshop

Free Mockups and How to Use them in Photoshop

Talaan ng mga Nilalaman:

Anonim

Ang mga digital na pangungutya ay isang mahusay na paraan upang maipakita ang iyong gawain tulad ng isang bagong ideya ng app, bagong logo o bagong makabagong disenyo ng UI. Ngunit ang paggawa ng isa ay hindi isang madaling gawain at karaniwang nangangailangan ng kaalaman sa mga tool tulad ng Photoshop at Illustrator.

Ang pag-aaral ng dalawang ito ay isang hamon sa sarili nito, at walang sinuman ang may oras upang maipakita ang kanilang ideya sa app sa isang tao sa likuran ng isang napkin sa papel. Ang mga tagalikha ng online na pangungutya ay ang mga tool na ginagawang mas madali ang prosesong ito bilang ilang mga pag-click.

Ngunit kung nagpupunta ka sa paghahanap sa Google, ang karamihan sa mga serbisyo na nahanap mo ay babayaran. Kaya't pinagsama-sama namin ang isang listahan ng mga nangungunang 10 mga website, na madalas naming ginagamit, para sa paglikha ng magagandang mga pangungutya nang libre.

Tandaan: Habang wala sa mga site na ito ang nagpapakita ng mga nakakaabala na mga ad, ang pag-disable ng iyong mga ad blockers ay inirerekomenda dahil ang ilan sa mga elemento ng web ay maaaring hindi buong pag-load sa mga isyu ng usability.

1. Smartmockups.com

Ang aming unang pumili, ang Smartmockups, ay nagtatampok ng isang malaking koleksyon ng mga mockup para sa iba't ibang mga medium tulad ng digital at print. Maaari mong mailarawan ang iyong ideya sa isang smartphone, tablet, laptop, tarong, tasa, kagamitan sa pagsulat, at kahit na mga t-shirt.

Ang pag-signup ay kinakailangan upang gamitin ang serbisyo, at ang libreng account ay may ilang mga limitasyon tulad ng pinipigilan nito ang pagpapasadya ng pangwakas na pangungutya. Nag-aalok ito ng mga pangunahing tool tulad ng Align, Crop, Rotate, at Flip upang mabago ang na-upload na imahe ngunit hindi nag-aalok ng mga setting ng Glare. Ang isa pang magandang tampok ay na maaari mong i-download ang pangwakas na mga mockup sa mataas na resolusyon na may isang libreng account.

Bisitahin ang Smartmockups.com

2. MockUPhone.com

Ang pangalawang website sa listahan ay walang koleksyon na kasing laki ng isa sa Smartmockups, ngunit espesyalista ang ginagawa nila sa isang kategorya. Ang lahat ng mga pangungutya sa MockUPhone ay may payak na puti o may kulay na background.

Pinapayagan nito ang pag-upload ng mga lokal na imahe ngunit hindi nagbibigay ng anumang mga pagpipilian sa pag-edit tulad ng pag-crop o paikutin. Kaya siguraduhing nai-upload mo ang iyong mga imahe pagkatapos ng kinakailangang pag-edit. Pangunahin ang site na tumutugma sa mga produktong Apple at ang kanilang listahan ng Android device ay hindi napapanahon sa pinakabagong mga smartphone. Parehong ang mga orientation ng portrait at landscape ng mga mockups sa sandaling nabuo ay ipinadala sa iyong email (oo, dapat kang magbigay ng isa) dahil hindi ito nag-aalok ng agarang pag-download.

Bisitahin ang MockUPhone.com

3. Mockuper.net

Nag-aalok ang Mockuper ng pangungutya ng mga gadget na may ilang iba pang mga item tulad ng mga business card at ilang mga damit. Nagbibigay ito ng higit sa 637 komunidad na pinagmumulan ng komunidad na naglalaman ng mga link sa orihinal na tagalikha.

Ang Mockuper ay isa rin sa aking mga paborito dahil nag-aalok ito ng maraming mga pagpipilian upang i-edit ang nai-upload na mga imahe at hinahayaan kang mag-download ng mga pangwakas na mga pagbiya sa iba't ibang mga resolusyon. Maaaring mai-upload ang lokal na mga imahe o mula sa isang URL. Kapag na-upload maaari mong i-crop, ihanay, i-flip, mag-zoom, at kahit na pumili kung paano gayahin ang isang sulyap (pagmuni-muni) sa screen. Ang site ng UI ay napakadaling maunawaan at gamitin.

Bisitahin ang Mockuper.net

Tip: Mag-click sa pindutan ng Lahat ng Mockups sa tuktok na bar ng pahina upang makita ang lahat ng mga 637 pangungutya.

4. MagicMockups.com

Ang MagicMockups ay isang napaka-simpleng generator ng mockup at may isang limitadong koleksyon ng mga aparato, karamihan sa mga iPhone. Ang lahat ng iba pang mga aparato tulad ng mga laptop at desktop PC ay mula sa pamilya ng produkto ng Apple.

Ngunit ang lakas nito ay namamalagi sa paggawa ng magagandang shot ng mga imahe ng stock sa mga pangungutya. Maaari ka lamang mag-upload ng mga imahe nang lokal, at ang site ay hindi nag-aalok ng mga pagpipilian sa pag-edit. Mapapansin mo na ang background ng mga pangungutya ay karamihan sa mga kahoy na tabletop at madilim na ibabaw. Sa wakas, ang site na ito ay hindi naglalagay ng paghihigpit sa mga resolusyon habang nagda-download ng panghuling mga pangungutya.

Bisitahin ang MagicMockups.com

Gayundin sa Gabay na Tech

5 Mga cool na Photo Editor Tulad ng PicsArt para sa Windows PC

5. Dunnnk.com

Bago ka magsimulang isipin ang iyong mga pangungutya sa LeBron James jersey, hayaan mong sabihin ko sa iyo na ang Dunnnk ay walang kinalaman sa Basketball. Ito ay isa pang simpleng pag-aalipusta generator na higit sa lahat ay nag-aalok ng mga mockups ng gadget.

Karamihan sa kanilang mga pangungutya ay nasa estilo ng POV na may mga aparato na hawak. Gayunpaman, ang listahan ng mga aparato ng Android ay hindi napapanahon. Sinusuportahan lamang ni Dunnnk ang lokal na pag-upload at hindi nag-aalok ng mga tool sa pag-edit ng imahe. Gayundin, ang mga pangwakas na pangungutya ay maaaring mai-download sa isang solong resolusyon lamang.

Bisitahin ang Dunnnk.com

6. MockUpsJar.com

Ang MockUpsJar, tulad ng una sa listahan (SmartMockups), ay may malawak na koleksyon ng mga mockup at sumusunod sa modelo ng Freemium. Nag-aalok sila ng parehong libre pati na rin bayad na mga plano. Sa MockUpsJar, ang mga napiling mga mockup ay libre, at ang pangwakas na pag-download ay naka-watermark, ngunit marunong bilang hindi nila ito magagawa.

Maaaring mai-upload lamang ang mga imahe nang lokal at mag-post-upload na maaari silang ma-crop, mai-zoom at paikutin ayon sa bawat kailangan mo. Ang pangwakas na mga pagngungut ay maaaring mai-download hanggang sa resolusyon ng 2K. Sa wakas, ang pag-signup ay kinakailangan upang i-download ang alinman sa mga mockups.

Bisitahin ang MockUpsJar.com

7. Mockup.io

Ang Mockup.io ay naiiba sa iba sa listahan. Ito ay higit pa sa isang wireframe at prototyping mockup tool para sa mga smartphone app, upang mailarawan kung paano titingnan at kumilos ang UI at UX ng app. Tulad ng mga walang mga inilagay na telepono sa mga magagandang background, kaya nakakakuha ka lamang ng isang pangunahing frame ng telepono.

Maraming mga tampok ng pakikipagtulungan para sa mga koponan upang magtulungan. Gamit ang tool na ito, maaari kang mag-upload ng isang grupo ng mga disenyo ng sketch ng iyong app at mai-link ang lahat ng mga ito upang ipakita kung paano gumagana ang nabigasyon at pakikipag-ugnay sa katotohanan. Ang tool na ito ay ang pinakamahusay para sa mga nais magpakita ng isang pabago-bago pangungutya sa kanilang trabaho.

Bisitahin ang Mockup.io

8. MockDrop.io

Bilang isa sa mga mas simpleng website sa listahan, ang MockDrop.io ay hindi nakikipagtalo sa mga pag-signup, pag-edit ng imahe o email. Pumili lamang ng isang pagyuko, i-upload ang iyong imahe at pindutin ang pindutan ng pag-download. Iyon ay kasing simple ng nakakakuha. Ang mga disenyo ay isa rin sa mas mahusay kaysa sa iba kumpara sa iba pang nasa listahan.

Ang mga pangutya ay ang pamayanang pinagmulan, tulad ng karamihan sa iba pa sa listahan, na may link na orihinal na tagalikha na ipinapakita sa bawat pag-alipusta. Ang pangwakas na mga mockup ay mai-download sa mataas na resolusyon at koleksyon, tulad ng dati, pinapaboran ang mga aparatong Apple.

Bisitahin ang MockDrop.io

9. Threed.io

Ang Threed ay ang pangalawang hindi pangkaraniwang tagapaglikha ng tanga sa listahang ito pagkatapos ng Mockup.io site. Ang Threed ay isang 3D na pangungutya ng generator, kung saan bibigyan ka ng isang solong modelo na tulad ng 3D ng isang smartphone.

Maaari mong i-drag, paikutin, mag-zoom, baguhin ang mga anggulo ng camera, piliin ang glare ng screen at maraming iba pang mga bagay upang makakuha ng isang mas mahusay na ideya kung paano titingnan ang iyong mga disenyo sa isang aktwal na aparato. Ang generator ay makinis at madaling maunawaan.

Bisitahin ang Threed.io

10. Mockup.photos

Ang pinakahuli sa aming listahan ay ang Mockup.photos, isang freemium site na nag-aalok din ng mga freebies sa anyo ng mga piling mga panunuya. Mayroong sa paligid ng 380 libreng mga mockup na kasama ang isang halo ng mga smartphone, tablet, laptop, mga frame ng larawan, at marami pa.

Hinahayaan ka ng site na mag-upload ng mga imahe nang lokal o mula sa isang URL. Walang mga pagpipilian sa pag-edit ng imahe para sa na-upload na mga imahe, at ang pangwakas na pangungutya ay maaaring mai-download sa iisang mataas na resolusyon. Ang pag-upgrade sa kanilang bayad na plano ay nagbibigay sa iyo ng pag-access sa higit sa 900 mga pangungutya at ilang iba pang mga tampok.

Bisitahin ang Mockup.photos

Gayundin sa Gabay na Tech

10 Pinakamahusay na Bagong Mga Website para sa Libreng Mataas na Kalidad ng Larawan ng Stock

Suportado ang mga aparato

Para sa iyong kaginhawaan, gumawa ako ng isang madaling gamitin na talahanayan ng paghahambing sa ibaba upang maunawaan kung aling website ang sumusuporta sa kung anong uri ng mga aparato.

Ang SmartMockups ay ang tanging serbisyo na sumusuporta sa lahat ng mga uri ng mga digital na aparato pati na rin ang print medium.

Mga bagay na Dapat Alalahanin

Matapos suriin ang listahan sa itaas, dapat mong napagtanto na ang proseso ng paggawa ng isang pangungutya ay isang bagay lamang ng ilang mga pag-click. Ngunit pa rin, may ilang mga bagay na dapat isaalang-alang kung nais mo ang isang pangungutya na mas mahusay kaysa sa mabuti lamang. Una ay ang paglutas ng imahe na iyong nai-upload. Ang lahat ng mga mockups ay karaniwang nagpapakita ng kinakailangan / suportadong resolusyon, at mas mahusay na manatili sa iminungkahing resolusyon pati na rin ang ratio ng aspeto upang makuha ang pinakamahusay na mga resulta.

Pangalawa ay ang kaibahan at pagtutugma ng kulay. Pumili ng isang pangungutya sa isang background na hindi nakikipag-usap sa kilalang scheme ng kulay ng iyong imahe. Ang imahe ng pangungutya na ito ay makakatulong sa iyo na mailarawan iyon.

Tandaan: Kung nais mong malaman ang higit pa tungkol sa Kulay ng Pagtutugma, ang gabay na ito mula sa Lifehacker.

Gayundin, kung ang imahe na iyong nai-upload ay hindi isang mataas na resolusyon, pigilin ang pag-download ng isang napakataas na bersyon ng resolusyon ng pangwakas na pangungutya dahil hindi ito mapapahiwatig ang iyong trabaho.

Panghuli, dahil ang lahat ng mga site na ito ay nag-aalok ng kanilang mga serbisyo nang libre nang hindi nagpapakita ng mapang-abuso na mga ad, isaalang-alang ang pagbibigay ng donasyon o sa kaso ng mga site ng freemium, mag-subscribe lamang sa isang buwan upang matulungan sila. Kung nakatagpo ka ng anumang iba pang mga cool na site upang makagawa ng mga pangungutya, ibahagi sa amin ang mga komento.