{"id":1770020948366,"date":"2025-10-30T23:32:30","date_gmt":"2025-10-30T23:32:30","guid":{"rendered":"http:\/\/mohr.net\/?p=198"},"modified":"2025-10-30T23:32:30","modified_gmt":"2025-10-30T23:32:30","slug":"cara-membuat-mockup","status":"publish","type":"post","link":"https:\/\/labkombis.politala.ac.id\/blog\/cara-membuat-mockup\/","title":{"rendered":"Panduan Lengkap Cara Membuat Mockup Website dengan White Tone yang Profesional"},"content":{"rendered":"<p>Dalam artikel ini, Anda akan mempelajari cara membuat mockup website yang elegan dengan pendekatan white tone. Mockup adalah representasi visual dari desain website yang akan membantu Anda memvisualisasikan bagaimana tampilan website akan terlihat sebelum dikembangkan. Pendekatan white tone memberikan kesan bersih, modern, dan profesional yang sangat diminati dalam desain web kontemporer.<\/p>\n<p><!--more--><\/p>\n<h2>Persiapan Sebelum Membuat Mockup<\/h2>\n<p>Langkah pertama dalam membuat mockup website adalah memahami tujuan dan target audiens dari website yang akan Anda desain. Kumpulkan semua referensi yang diperlukan, termasuk logo, konten, dan gambar pendukung. Pastikan Anda memiliki perangkat lunak desain yang sesuai seperti Adobe Photoshop, Figma, atau Canva yang mendukung pembuatan mockup profesional.<\/p>\n<p>Untuk mockup dengan white tone, persiapkan palet warna yang didominasi oleh putih, abu-abu muda, dan aksen warna minimalis. Pendekatan ini akan menciptakan tampilan yang bersih dan fokus pada konten serta struktur website.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.domainesia.com\/wp-content\/uploads\/2023\/03\/10-1.jpg\" alt=\"Persiapan pembuatan mockup website dengan Photoshop\"><\/p>\n<h2>Memilih Tools yang Tepat<\/h2>\n<p>Terdapat berbagai tools yang dapat digunakan untuk membuat mockup website. Adobe Photoshop menawarkan fleksibilitas tinggi dengan berbagai fitur editing yang komprehensif. Figma menjadi pilihan populer karena kemudahan kolaborasi dan berbasis cloud. Canva menyediakan template siap pakai yang mudah digunakan bahkan untuk pemula.<\/p>\n<p>Pilih tools yang sesuai dengan tingkat keahlian dan kebutuhan proyek Anda. Untuk hasil yang lebih profesional, Photoshop atau Figma memberikan kontrol lebih besar terhadap setiap elemen desain. Namun, untuk kebutuhan cepat dan sederhana, Canva dapat menjadi alternatif yang efektif.<\/p>\n<h2>Langkah-langkah Membuat Mockup dengan White Tone<\/h2>\n<p>Mulailah dengan membuat struktur dasar layout website. Tentukan grid system yang akan digunakan untuk memastikan konsistensi spacing dan alignment. Untuk white tone design, gunakan whitespace yang cukup luas antar elemen untuk menciptakan kesan elegan dan tidak sesak.<\/p>\n<p>Tempatkan elemen-elemen utama seperti header, navigation, hero section, content area, dan footer sesuai dengan hierarki informasi yang telah ditentukan. Pastikan setiap elemen memiliki proporsi yang seimbang dan harmonis dengan white tone yang diterapkan secara konsisten.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/helmysatria.com\/wp-content\/uploads\/2022\/08\/mockup-di-canva-1024x576.jpg\" alt=\"Proses pembuatan mockup di Canva dengan pendekatan minimalis\"><\/p>\n<h2>Implementasi White Tone yang Efektif<\/h2>\n<p>White tone tidak hanya berarti menggunakan warna putih secara keseluruhan. Gunakan variasi shades dari putih dan abu-abu muda untuk menciptakan depth dan dimensi pada desain. Pertimbangkan penggunaan warna #FFFFFF untuk background utama, #F5F5F5 untuk secondary background, dan #E0E0E0 untuk border atau divider lines.<\/p>\n<p>Tambahkan aksen warna minimalis untuk elemen penting seperti call-to-action buttons atau highlights. Pastikan kontras tetap terjaga untuk keterbacaan yang baik, meskipun dengan pendekatan white tone yang subtle.<\/p>\n<h2>Detailing dan Finishing<\/h2>\n<p>Setelah struktur dasar selesai, fokus pada detail-detail kecil yang akan meningkatkan kualitas mockup. Perhatikan tipografi, spacing, konsistensi elemen, dan mikro-interactions. Tambahkan shadows yang halus untuk menciptakan depth pada elemen-elemen yang melayang atau memiliki hierarchy visual.<\/p>\n<p>Review mockup dari berbagai perspektif dan pastikan semua elemen align dengan benar. Check responsivitas desain dengan memvisualisasikan bagaimana tampilan akan beradaptasi pada berbagai ukuran layar.<\/p>\n<h2>Presentasi dan Revisi<\/h2>\n<p>Setelah mockup selesai, siapkan presentasi untuk stakeholder atau klien. Gunakan format yang mudah dipahami dan jelaskan setiap keputusan desain yang diambil. Siapkan diri untuk menerima feedback dan melakukan revisi sesuai dengan masukan yang diterima.<\/p>\n<p>Document semua perubahan dan iterasi yang dilakukan untuk referensi masa depan. Ini akan membantu dalam proses development dan memastikan konsistensi dengan visi desain awal.<\/p>\n<h2>Kesimpulan<\/h2>\n<p>Membuat mockup website dengan pendekatan white tone membutuhkan perhatian terhadap detail dan pemahaman yang baik tentang prinsip desain minimalis. Dengan mengikuti langkah-langkah yang telah dijelaskan, Anda dapat menciptakan mockup yang tidak hanya estetis tetapi juga fungsional dan siap untuk tahap development selanjutnya. White tone design memberikan keunggulan dalam hal kesederhanaan, fokus pada konten, dan timeless appeal yang akan membuat website terlihat profesional dan modern.<\/p>\n<h2>Ini Cara Mudah Membuat Mockup Website &amp; Saran Toolsnya<\/h2>\n<p>    <img decoding=\"async\" alt=\"Ini Cara Mudah Membuat Mockup Website &amp; Saran Toolsnya\" src=\"https:\/\/www.jagoanhosting.com\/blog\/wp-content\/uploads\/2024\/04\/Membuat-Mockup-Website-Cover.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts1.mm.bing.net\/th?id=OIP.rnjnVQkl0bdTL9thdzHiRwHaD3&amp;pid=15.1';\" \/><\/p>\n<p>Ini \ue000Cara\ue001 Mudah \ue000Membuat\ue001 \ue000Mockup\ue001 Website &amp; Saran Toolsnya<\/p>\n<h2>Cara Membuat Mockup Di Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup di Canva\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEhl7FI_9PvaO9A7qO3UtofnYLxDbCfXPx503SqxYdZs44K5lQ7UkrSYzKyIFkOOFoQnTplFDo5AQtsq-h9k-KKlFb9_mb_9hXoj91RXvCFZCRWVheULJXMjpR7sE1WcmH64cY-ug9M0QEqQMTAqU3omtY8vPaXyFiN445ZPkninUar766tbStLKcHVT1w\/s1920\/Mockup 7.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts1.mm.bing.net\/th?id=OIP.VYOK8ZeUoRRdYcqtqaesiAHaEK&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 di Canva<\/p>\n<h2>Buat Mockup Website Realistis, Gratis &amp; Mudah &#8211; Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Buat Mockup Website Realistis, Gratis &amp; mudah - Canva\" src=\"https:\/\/mockup-assets.canva.com\/elements\/W1141747763\/preview.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts1.mm.bing.net\/th?id=OIP.SXf6LSXd2V6ivNZ_tkIBmAHaFL&amp;pid=15.1';\" \/><\/p>\n<p>Buat \ue000Mockup\ue001 Website Realistis, Gratis &amp; mudah &#8211; Canva<\/p>\n<h2>Membuat Desain Mockup Di Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Membuat Desain Mockup di Canva\" src=\"https:\/\/1.bp.blogspot.com\/-eyVDM93k5Q4\/X3_SO4uErpI\/AAAAAAAAQYU\/RfzybvomigYGX_i0a8_fVPMTsvm69S8agCLcBGAsYHQ\/s1920\/langkah-1.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts4.mm.bing.net\/th?id=OIP.W9EMxQretDtfwiWewhIyoQHaNK&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Membuat\ue001 Desain \ue000Mockup\ue001 di Canva<\/p>\n<h2>Cara Membuat Mockup Di Canva &#8211; Blogger Toraja<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup di Canva - Blogger Toraja\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEjm9bpUvZD7IDteDEMOFFGwxr2ztgSbwKmKE-4PBzKXfPzhyphenhyphenUpmgwj2jNOXvGyEKKJ-rp-06f6bFtVZh5pg4im1i3OdvCsuHljOkyW-zfTNnM5qMZER5f-uhK2qtwfFGaZDHtkCttwh6xJdbQC3ZqYSs0LhTjE58mM4XxGzSVeS8KdJlKiz4FFTh5uV-o2B\/w1200-h630-p-k-no-nu\/Untitled.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts2.mm.bing.net\/th?id=OIP.lZfwfUZxl0p4VE-1rg5uJwHaDt&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 di Canva &#8211; Blogger Toraja<\/p>\n<h2>Cara Membuat Mockup Website Dengan Photoshop<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup Website dengan Photoshop\" src=\"https:\/\/www.domainesia.com\/wp-content\/uploads\/2023\/03\/9-5.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts2.mm.bing.net\/th?id=OIP.M5gppLIPOf2QbBYTPy0dGQHaDP&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 Website dengan Photoshop<\/p>\n<h2>Buat Mockup Website Realistis, Gratis &amp; Mudah &#8211; Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Buat Mockup Website Realistis, Gratis &amp; mudah - Canva\" src=\"https:\/\/static-cse.canva.com\/_next\/static\/assets\/OG_Generic_Create_w1200xh630_71ae155415c8df1531b1f6c71d79f6a7e2bf8264e02e068323d00527b9639b15.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts3.mm.bing.net\/th?id=OIP.GW_JPP5mwNhje6sjRaMW5wHaD4&amp;pid=15.1';\" \/><\/p>\n<p>Buat \ue000Mockup\ue001 Website Realistis, Gratis &amp; mudah &#8211; Canva<\/p>\n<h2>Cara Membuat Mockup Website Dengan Photoshop<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup Website dengan Photoshop\" src=\"https:\/\/www.domainesia.com\/wp-content\/uploads\/2023\/03\/2-14.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts4.mm.bing.net\/th?id=OIP.CxCQEh2zPyRbbc9JKs-nUAHaD8&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 Website dengan Photoshop<\/p>\n<h2>Membuat Mockup Secara Online Dengan Mudah | Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Membuat Mockup Secara Online dengan Mudah | Canva\" src=\"https:\/\/static-cse.canva.com\/blob\/1134925\/create_Free-Mockup-generator_how-to2x.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts1.mm.bing.net\/th?id=OIP.Omr9sYT9WZowlUO2fOd1mQHaFC&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Membuat\ue001 \ue000Mockup\ue001 Secara Online dengan Mudah | Canva<\/p>\n<h2>Cara Membuat Mockup Di Canva &#8211; HELMY SATRIA<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup di Canva - HELMY SATRIA\" src=\"https:\/\/helmysatria.com\/wp-content\/uploads\/2022\/08\/image-3-1024x588.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts3.mm.bing.net\/th?id=OIP.4nLi1BWaAB03TXvnXsJFHwHaEQ&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 di Canva &#8211; HELMY SATRIA<\/p>\n<h2>Cara Membuat Desain Mockup Di Photoshop Untuk Kaos Poster Dan Produk<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Desain Mockup di Photoshop untuk Kaos Poster dan Produk\" src=\"https:\/\/pkentertainment.id\/wp-content\/uploads\/2025\/09\/1-7.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts1.mm.bing.net\/th?id=OIP.CgXEXVK0Q2p9LHYwIXdemQHaEK&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara\ue001 \ue000Membuat\ue001 Desain \ue000Mockup\ue001 di Photoshop untuk Kaos Poster dan Produk &#8230;<\/p>\n<h2>Cara Membuat Mockup Di Canva &#8211; HELMY SATRIA<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup di Canva - HELMY SATRIA\" src=\"https:\/\/helmysatria.com\/wp-content\/uploads\/2024\/06\/Untitled-design-1.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts2.mm.bing.net\/th?id=OIP.3Om3Jzf6BZFMtEfS0njrawHaEK&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 di Canva &#8211; HELMY SATRIA<\/p>\n<h2>Membuat Mockup Secara Online Dengan Mudah | Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Membuat Mockup Secara Online dengan Mudah | Canva\" src=\"https:\/\/mockup-assets.canva.com\/elements\/W1379645334\/preview.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts2.mm.bing.net\/th?id=OIP.dd73QdAwdBgzDV4YP-viiwHaE7&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Membuat\ue001 \ue000Mockup\ue001 Secara Online dengan Mudah | Canva<\/p>\n<h2>Cara Membuat Mockup Tshirt Simple Di Android, Hanya Satu Aplikasi<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup Tshirt Simple di Android, Hanya Satu Aplikasi\" src=\"https:\/\/1.bp.blogspot.com\/-5yTstZARxLo\/YNkoV8eTd1I\/AAAAAAAAGpk\/mcIS_YZphbczkS6JeH1pcnLZffA8NEnlgCPcBGAYYCw\/s16000\/1624843425072_compress98.webp\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts4.mm.bing.net\/th?id=OIP.x6X0Aq45fKV7d4ZtAVcR3QHaEK&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 Tshirt Simple di Android, Hanya Satu Aplikasi &#8230;<\/p>\n<h2>Cara Membuat Mockup Dengan Canva | Desain Grafis Indonesia<\/h2>\n<p>    <img decoding=\"async\" alt=\"cara membuat mockup dengan canva | Desain Grafis Indonesia\" src=\"https:\/\/www.desaingrafis.org\/wp-content\/uploads\/2023\/07\/1fdc0f893412ce55f0d2811821b84d3b-40.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts1.mm.bing.net\/th?id=OIP.vjEXMstqriujs7IxdBDFSwAAAA&amp;pid=15.1';\" \/><\/p>\n<p>\ue000cara membuat mockup\ue001 dengan canva | Desain Grafis Indonesia<\/p>\n<h2>Buat Mockup Website Realistis, Gratis &amp; Mudah &#8211; Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Buat Mockup Website Realistis, Gratis &amp; mudah - Canva\" src=\"https:\/\/static-cse.canva.com\/blob\/1183982\/create_Website-Mockup-Generator_lead4x.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts2.mm.bing.net\/th?id=OIP.mrCYDopekxL0nuMRA1u2HgHaEO&amp;pid=15.1';\" \/><\/p>\n<p>Buat \ue000Mockup\ue001 Website Realistis, Gratis &amp; mudah &#8211; Canva<\/p>\n<h2>Membuat Mockup Secara Online Dengan Mudah | Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Membuat Mockup Secara Online dengan Mudah | Canva\" src=\"https:\/\/mockup-assets.canva.com\/elements\/W1142148990\/preview.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts1.explicit.bing.net\/th?id=OIP.0q7Kc7GKRNmXPtDU-NMx9AHaE7&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Membuat\ue001 \ue000Mockup\ue001 Secara Online dengan Mudah | Canva<\/p>\n<h2>Cara Membuat Mockup Website Dengan Photoshop<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup Website dengan Photoshop\" src=\"https:\/\/www.domainesia.com\/wp-content\/uploads\/2023\/03\/5-11-1024x546.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts4.mm.bing.net\/th?id=OIP.VW8QNaSaX0FwE39dCyxCpAHaD8&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 Website dengan Photoshop<\/p>\n<h2>CARA MEMBUAT DESAIN BAJU DENGAN MOCKUP ~ DIEGO GEMBUS BLOG<\/h2>\n<p>    <img decoding=\"async\" alt=\"CARA MEMBUAT DESAIN BAJU DENGAN MOCKUP ~ DIEGO GEMBUS BLOG\" src=\"https:\/\/4.bp.blogspot.com\/-wKnSLG0ZXjA\/UdaWse2nQhI\/AAAAAAAACws\/XC4GE7_-W6U\/s1024\/1+Mock+Up+Tees.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts4.mm.bing.net\/th?id=OIP.fJRdSO-tUyY9wL2ouT-p9gHaFU&amp;pid=15.1';\" \/><\/p>\n<p>\ue000CARA\ue001 \ue000MEMBUAT\ue001 DESAIN BAJU DENGAN \ue000MOCKUP\ue001 ~ DIEGO GEMBUS BLOG<\/p>\n<h2>Membuat Mockup Website Dan Tools Membuat Mockup Website<\/h2>\n<p>    <img decoding=\"async\" alt=\"Membuat Mockup Website dan Tools Membuat Mockup Website\" src=\"https:\/\/www.jetorbit.com\/blog\/wp-content\/uploads\/2024\/06\/601-blog-cara-mudah-membuat-mockup-website-1.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts4.mm.bing.net\/th?id=OIP.CIPGIv75ODHji8QnEfDH2wHaD4&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Membuat\ue001 \ue000Mockup\ue001 Website dan Tools \ue000Membuat\ue001 \ue000Mockup\ue001 Website<\/p>\n<h2>Cara Membuat Mockup Di Canva &#8211; HELMY SATRIA<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup di Canva - HELMY SATRIA\" src=\"https:\/\/helmysatria.com\/wp-content\/uploads\/2022\/08\/image-1024x566.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts4.mm.bing.net\/th?id=OIP.6qZNYibhmZ8Op4Ew-J16nAHaEF&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 di Canva &#8211; HELMY SATRIA<\/p>\n<h2>Cara Membuat Mockup Website Dengan Photoshop<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup Website dengan Photoshop\" src=\"https:\/\/www.domainesia.com\/wp-content\/uploads\/2023\/03\/6-9.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts3.mm.bing.net\/th?id=OIP.xljoPsew2yBf8m8uvas6XQHaD8&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 Website dengan Photoshop<\/p>\n<h2>Membuat Mockup Website Online Gratis | Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Membuat Mockup Website Online Gratis | Canva\" src=\"https:\/\/static-cse.canva.com\/blob\/1183984\/create_Website-Mockup-Generator_how-to.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts3.mm.bing.net\/th?id=OIP.X-Wma2YIK-fCnT5jBd2YIAHaFC&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Membuat\ue001 \ue000Mockup\ue001 Website Online Gratis | Canva<\/p>\n<h2>Membuat Mockup Secara Online Dengan Mudah | Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Membuat Mockup Secara Online dengan Mudah | Canva\" src=\"https:\/\/static-cse.canva.com\/blob\/1069445\/create_Free-Mockup-generator_lead2x.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts4.mm.bing.net\/th?id=OIP.AabLiT430-_7tbw57GK-jwHaEO&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Membuat\ue001 \ue000Mockup\ue001 Secara Online dengan Mudah | Canva<\/p>\n<h2>Cara Membuat Mockup Di Canva &#8211; Blogger Toraja<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup di Canva - Blogger Toraja\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEiZfeSjdx6vxUAdyCVAqhiHyCUiopDArzAs9mB0YLsAY8f6xUGKIrjsdHeAgeuCQGclHT4QFhJrU92VMUxOfGmrpNWZJOmPSTqubwlDZ_WZXRKltJg6ElXbWGynLb1HqK1PeYs19Gl0JiyjUeaMeCQ32tkUQydaQ_BV_0b5ckfRz29XXvxemjQ_t8C28YHn\/s1365\/Untitled.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts4.mm.bing.net\/th?id=OIP.XRF6Y6oUEfDK_HLlOmeO4wHaDf&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 di Canva &#8211; Blogger Toraja<\/p>\n<h2>Cara Membuat Mockup Kaos Di Photoshop CC 2020 KONCOY<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup Kaos di Photoshop CC 2020 KONCOY\" src=\"https:\/\/koncoy.com\/wp-content\/uploads\/2020\/10\/cara-membuat-mockup-kaos-di-photoshop-cc-2020.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts2.mm.bing.net\/th?id=OIP.K7nnLs2xzvynD9Oc12nqHAHaDR&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 Kaos di Photoshop CC 2020 KONCOY<\/p>\n<h2>Cara Membuat Mockup Di Canva &#8211; HELMY SATRIA<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup di Canva - HELMY SATRIA\" src=\"https:\/\/helmysatria.com\/wp-content\/uploads\/2022\/08\/image-2-422x1024.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts3.mm.bing.net\/th?id=OIP.Oib9-VwKt25bRpCTIywEoQAAAA&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 di Canva &#8211; HELMY SATRIA<\/p>\n<h2>Cara Membuat Mockup Produk Dengan Canva &#8211; Klinik Tekno<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup Produk dengan Canva - Klinik Tekno\" src=\"https:\/\/kliniktekno.com\/wp-content\/uploads\/Cara-Membuat-Mockup-Produk-dengan-Canva-300x174.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts1.mm.bing.net\/th?id=OIP.3LNCOrUXKqpMbZ7AJpl8YwAAAA&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 Produk dengan Canva &#8211; Klinik Tekno<\/p>\n<h2>Cara Membuat Mockup Di Canva &#8211; HELMY SATRIA<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup di Canva - HELMY SATRIA\" src=\"https:\/\/helmysatria.com\/wp-content\/uploads\/2022\/08\/image-1-969x1024.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts2.mm.bing.net\/th?id=OIP._J_488UfZJGIy11HxW3h8wHaH0&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 di Canva &#8211; HELMY SATRIA<\/p>\n<h2>Cara Membuat Mockup Di Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup di Canva\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEj0_b9vTmX5ALy-Zgns4fIMm3TcuYItZIEwg1OvYOdw-cxzXm3MrOovWhtXSfmByWBUj8y5daHctqbrvY_-QwamTjZ9_dP5JEPp8Sz3-IhM3IJM0XIJvoQ3ee_h39pauLohuV0ikhQCOddwMRWUK_NFpKGbSF224xzkzE94YMko5MCPsoRJTbbjhaVnXA\/s1920\/Mockup TN.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts1.mm.bing.net\/th?id=OIP.Z6Cf-Pe3Hzd9k-Qx7cjaEQHaEK&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 di Canva<\/p>\n<h2>Cara Membuat Desain Mockup Kemasan Di Canva &#8211; Sobat-Tutorial<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Desain Mockup Kemasan di Canva - Sobat-Tutorial\" src=\"https:\/\/blogger.googleusercontent.com\/img\/b\/R29vZ2xl\/AVvXsEigHtvnPWQJoTBZalpUhkI7hpL5vTAkaAUq_VvzM4mL7QsraYSKMTR0fC6HGBDaiEWM9FU2ppaDwymjt5rcDHLPhJXPBrGS2ILzQtNaR_AmqTWks-54oyA0OJy5uiI1yx1v8P3u8snBeaizqMENqvvWMSz-LnpLCzGYLop8aw0-0PZCDqt7xMOJSllAuaA\/s778\/Cara Membuat Desain Mockup Kemasan di Canva 2.jpg\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts4.mm.bing.net\/th?id=OIP.4KCVbPrPbrK5jPFBDX35ZQHaD4&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara\ue001 \ue000Membuat\ue001 Desain \ue000Mockup\ue001 Kemasan di Canva &#8211; Sobat-Tutorial<\/p>\n<h2>Membuat Mockup Secara Online Dengan Mudah | Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Membuat Mockup Secara Online dengan Mudah | Canva\" src=\"https:\/\/static-cse.canva.com\/blob\/1230842\/create_Free-Mockup-Generator_how-to.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts1.mm.bing.net\/th?id=OIP.erdHaf9wGwwbbGQDOnp7HAHaFC&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Membuat\ue001 \ue000Mockup\ue001 Secara Online dengan Mudah | Canva<\/p>\n<h2>Cara Membuat Mockup Produk Sendiri Dengan Canva<\/h2>\n<p>    <img decoding=\"async\" alt=\"Cara Membuat Mockup Produk Sendiri Dengan Canva\" src=\"http:\/\/yoikut.com\/wp-content\/uploads\/2024\/11\/Mockup-8-1.png\" width=\"100%\" onerror=\"this.onerror=null;this.src='https:\/\/ts4.mm.bing.net\/th?id=OIP.36oAEOIKG7Sb-0JEbm7_FwHaEK&amp;pid=15.1';\" \/><\/p>\n<p>\ue000Cara Membuat Mockup\ue001 Produk Sendiri Dengan Canva<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dalam artikel ini, Anda akan mempelajari cara membuat mockup website yang elegan dengan pendekatan white tone. Mockup adalah representasi visual&nbsp;[&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1000198,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"categories":[512],"tags":[],"class_list":["post-1770020948366","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cara"],"_links":{"self":[{"href":"https:\/\/labkombis.politala.ac.id\/blog\/wp-json\/wp\/v2\/posts\/1770020948366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labkombis.politala.ac.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/labkombis.politala.ac.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/labkombis.politala.ac.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/labkombis.politala.ac.id\/blog\/wp-json\/wp\/v2\/comments?post=1770020948366"}],"version-history":[{"count":0,"href":"https:\/\/labkombis.politala.ac.id\/blog\/wp-json\/wp\/v2\/posts\/1770020948366\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/labkombis.politala.ac.id\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/labkombis.politala.ac.id\/blog\/wp-json\/wp\/v2\/media?parent=1770020948366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labkombis.politala.ac.id\/blog\/wp-json\/wp\/v2\/categories?post=1770020948366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labkombis.politala.ac.id\/blog\/wp-json\/wp\/v2\/tags?post=1770020948366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}