Bayangkan atau fikirkan tentang pelanggan yang datang kepada anda dan memberi komisen kepada anda untuk mereka bentuk tapak web. Mungkin anda perlu mereka bentuk tema yang akan digunakan, dan ia akan menjadi kesan pertama yang akan meninggalkan beribu-ribu atau berjuta-juta orang yang akan melawatnya. Bagaimana anda akan menyampaikannya kepadanya? Adakah anda akan mengambil tangkapan skrin tapak web tempat anda mengusahakan reka bentuk dan menunjukkannya kepada mereka? Bukankah lebih baik menggunakan mock up web?
Menunggu, Tidakkah anda tahu terdapat juga mock up web? Nah, topik ini menarik minat anda. Dan banyak. Kerana anda boleh memberikan persembahan anda kehadiran yang lebih baik dan membuat pelanggan pergi jauh lebih gembira selepas melihat imej di mana nampaknya laman web itu sudah beroperasi. Dan hakikatnya, anda tidak memerlukan kos yang tinggi untuk melakukannya.
Apakah mockup laman web
Pertama sekali, mari kita terangkan sedikit apa a laman web mock up. Seperti yang anda ketahui, mockup sebenarnya ialah perwakilan "imej sebenar" yang menunjukkan rupa hasil akhir kerja anda.
Dalam kes laman web, akan menjadi imej hasil halaman web tersebut.
Kolaj jenis ini mereka digunakan untuk memberikan lebih realisme kepada karya, kerana banyak kali, apabila anda membentangkannya, ia mungkin kosong atau tidak mewakili seratus peratus apa yang telah anda lakukan. Di samping itu, pelanggan mempunyai cara yang lebih visual untuk mendapatkan idea.
Dan anda akan berkata, mengapa tidak tunjukkan kepadanya laman web yang telah anda kerjakan? Ia boleh dilakukan, tetapi bukan sebagai pembentangan kerja tetapi anda perlu membenarkan pelanggan menavigasi web untuk dia mengenalinya secara menyeluruh dan, banyak kali, mereka tidak mempunyai masa untuk melakukannya, jadi anda tidak memastikan bahawa dia telah melihat segala-galanya.
Sebaliknya, dengan mockup web anda akan mencapainya kerana anda akan menyerlahkan semua yang anda mahu lihat dalam imej tersebut.
Bagaimana ia dibuat
Sekarang, bagaimanakah mock up web ini dibuat? Adakah terdapat program untuk menciptanya? Adakah ia kolaj yang diambil dari Internet?
Sebenarnya terdapat beberapa alat percuma bahawa mereka boleh membantu anda untuk mencipta ini, dan mereka boleh memberi anda pilihan, bukan sahaja dengan contoh yang akan kami berikan kepada anda sedikit kemudian.
Dengan ini, anda juga boleh membuat koleksi mereka untuk pelanggan itu, meletakkan reka bentuk dalam urutan berbeza yang menjadikan hasil akhir kelihatan lebih baik.
Alat ini ialah:
Kelam kabut
Alat ini adalah dalam talian dan ianya percuma. Dengan itu anda boleh membuat mock up web kerana mempunyai banyak skema dan API yang dengannya anda boleh menyelesaikan kerja dalam masa beberapa minit.
Malah, ia adalah a yang paling banyak digunakan dan itu memberi anda banyak pilihan.
Kacoo
Dalam kes ini, kami mesti memberi amaran kepada anda bahawa, walaupun kami akan memberi tumpuan kepada bahagian percuma, alat itu ia juga dibayar dan itu bermaksud akan menjadi lebih terhad dalam apa yang anda boleh lakukan.
Untuk mendapatkan idea, anda hanya boleh mengeksport masuk PNG (jadi ia tidak begitu disesuaikan jika anda mahu menggunakannya dengan pelanggan lain).
Perkara yang baik ialah jika anda bekerja dengan pasukan anda boleh bekerja bersama-sama pada masa yang sama (iaitu dalam masa nyata).
wirify
wirify merupakan salah satu alat boleh mengubah laman web menjadi a bingkai kawat dan, dengan itu, bekerja dengan klien menunjukkan web kepada anda mengikut keinginan anda. Tetapi sudah tentu, di sini adalah perlu untuk memilih foto komputer, tablet atau mudah alih untuk memasang hasil program ini.
Seperti yang anda mungkin telah meneka, semua alatan memberikan anda imej reka bentuk web, tetapi ia adalah perlu untuk benar-benar memasangnya dalam imej sebenar. Untuk ini, anda perlu mengakses foto di mana komputer, telefon bimbit, tablet ditunjukkan untuk memasukkan reka bentuk anda di atas dan mendapatkan foto yang menyatukan kedua-duanya (dan kelihatan bagus).
Untuk melakukan ini, anda boleh menggunakan mockup siap sedia atau menciptanya sendiri dengan program penyuntingan imej.
Web mock up yang boleh anda muat turun
Jika anda tidak mahu terlalu tertekan untuk membentangkan karya, di sini kami tinggalkan beberapa contoh laman web mock up yang anda boleh muat turun dan gunakan. Anda akan menjimatkan masa.
Mock up laman web yang realistik
Kita mulakan dengan adegan yang boleh dimiliki sesiapa sahaja. Ia adalah meja dan skrin komputer di atas (papan kekunci dan tetikus di bawah). Di latar belakang rak buku dengan buku. Walau bagaimanapun, rak buku ini dalam warna hitam dan putih, begitu juga dengan elemen hiasan meja (lebih banyak buku dan lampu) dan dinding, yang berwarna kelabu.
kenapa? Supaya pandangan tertumpu pada halaman yang dipaparkan oleh monitor. dalam kes anda boleh menjadi rumah halaman, atau bahagian wakil yang anda ingin tunjukkan kepada pelanggan.
Anda memuat turunnya di sini.
Mockup laman web mudah
Perwakilan yang lebih mudah, di mana dengan latar belakang kelabu (walaupun ia boleh disesuaikan) ia tidak menunjukkan skrin di mana kami akan memasukkan halaman web.
Ia menonjol bahawa, jika anda melihat skrin, ia mempunyai bahagian yang lebih terang dan bahagian yang lebih gelap, kerana ia mensimulasikan bahawa cahaya jatuh padanya.
Ini boleh menjadi menarik untuk bahagian yang anda mahukan pelanggan memandang mereka secara eksklusif.
Anda memuat turunnya di sini.
Mockup Samsung Galaxy S5
Ini khususnya adalah mockup Samsung Galaxy S5 tetapi ia boleh menjadi sempurna untuk anda menunjukkan, dalam imej yang sama, tiga bahagian reka bentuk web yang telah anda buat supaya pelanggan menghargai penampilannya pada telefon bimbit.
Perlu diingat bahawa Google kini memperkasakan perniagaan lebih daripada gunakan laman web responsif, iaitu, ia kelihatan baik sama ada anda menggunakan komputer, tablet atau mudah alih. Oleh itu, ia tidak mencukupi bahawa ia kelihatan baik pada komputer, anda perlu memastikan pada semua platform lain.
Anda boleh memuat turunnya di sini.
Mockup untuk tablet dan mudah alih
Dalam kes ini, anda tidak akan dapat memaparkan 100% web pada tablet, tetapi anda boleh menunjukkan pada mudah alih. Dan jika anda ingin menunjukkan reka bentuk anda pada kedua-dua peranti ini, anda juga boleh melakukannya, supaya pelanggan mendapat idea tentang bagaimana ia akan kelihatan.
Sudah tentu, ingat bahawa pada tablet ia akan dipaparkan dalam format landskap manakala yang mudah alih akan memilikinya menegak. Ini adalah cara untuk dia melihat perubahan reka bentuk anda agar sesuai dengan kedua-dua peranti.
Anda faham di sini.
Adakah anda mempunyai beberapa contoh web mock up? Anda boleh berkongsi mereka dalam komen.