Trik : Sumber Vektor Dan Gradasi Warna Untuk Situs

DV-TRIK

Anda pasti berpikir apakah kita perlu belajar menggambar vektor dan punya sense desainer kalau membuat landing page. Hmm, perlu gak ya?

Baik, saya berikan contoh desain halaman website diviforlanding yang menurut saya terlihat profesional. Kira-kira berapa orang yang terlibat dalam pembuatan landing page ini? berapa illustrator? berapa desainer?

Tidak sama sekali, hanya 1 yaitu saya sendiri. Baik, kenapa padanan warnanya kok cantik dan ilustrasinya juga oke-oke.

Kali ini saya memberi rahasia yang mungkin jarang orang tahu bahwa saya hanya memanfaatkan situs gratisan di internet. Tentunya anda bisa juga memanfaatkan semua gambar-gambar yang ada di member area untuk mempercantik landing page.

Daftar Isi hide

#1 Gradasi Warna

#2 Situs Mencari Vektor

Ouch

#1 Gradasi Warna

Memadu madankan warna memang tidak segampang yang dikira. DIVI memfasilitasi background yang berupa 2 warna (gradien) tetapi susahnya adalah bagaimana agar gradiennya terlihat pas.

Jangan bingung, langsung ke situs https://uigradients.com

Pilih salah satu dari warna gradien yang tersedia, anda bisa bereksperimen dengan menambahkan 1 warna lagi tetapi sangat tidak saya sarankan karena yang tersedia biasanya sudah bagus-bagus. Contohnya bisa anda lihat gradien “Ametis” di situs diviforlanding :

Nah, gradasi warna inilah yang membuat background terlihat lebih menarik ketimbang 1 warna. Bagaimana caranya di DIVI? gampang.

Pilih section lalu klik tanda “gear” lalu pilih Background dan klik tab kedua. Lihat gambar di bawah ini :

Oke, ada 2 select color disana bukan? copy warna pertama dan kedua disana, untuk sementara gradiennya yang standar dulu karena sebenarnya anda juga bisa mengatur derajat gradien tapi untuk default sudah ciamik kok bentukannya.

Lanjut ke vektor.

#2 Situs Mencari Vektor

Freepik bukan? iya salah satunya tetapi saya akan memberikan anda situs selain freepik yang bahkan tidak usah mencantumkan sumber gambarnya. Ribetnya di freepik adalah kita harus mencantumkan siapa pembuat vektornya berupa link, dan kadang saya lupa.

Berikut ini beberapa alternatif selain freepik dan resume singkat penggunaannya :

catatan : tools untuk editing atau tutorialnya tidak disediakan di artikel ini.

Undraw

Kunjungi https://undraw.co untuk mendapatkan vektor gratis dan tanpa harus memberikan referensi ke pembuatnya. Vektor yang saya pakai di diviforlanding sebagian besar saya ambil disini dan tidak diedit sama sekali.

Anda bisa mengeditnya di Adobe Illustrator atau Corel Draw, tetapi seperti yang saya katakan sebelumnya bahwa saya tidak menyediakan tutorial editingnya.

Ouch

Kunjungi https://icons8.com/ouch, berbagai desainnya sangat menarik dan variatif.

Kalau saya cek sih tidak perlu mereferensikan situs ini selama yang anda download adalah versi PNG. Tetapi hati-hati dalam penggunaan untuk komersial karena ada beberapa peraturan yang harus diikuti.

Absurd Design

Ini agak berbeda karena tidak seperti yang sebelumnya dibahas, absurd.design memiliki ilustrasi-ilustrasi yang “nyeni”.

Btw, anda harus memberikan link untuk memakai ilustrasinya, silahkan kunjungi https://absurd.design

Iconscout

Alteratif Freepik hanya sayang desain free nya tidak terlalu banyak, tetapi anda tidak harus memberikan link kesini. Cuma, silahkan dibaca cara pemakaiannya karena tidak boleh dijadikan gambar merchandise dsb.

Humaaans

Kunjungi https://www.humaaans.com, tetapi cara memakainya agak berbeda karena yang anda dapatkan adalah library yang berisikan ilustrasi manusia.

Untuk mengeditnya silahkan download https://www.invisionapp.com/studio, tenang saja aplikasi ini gratis kok, memang butuh sedikit belajar untuk menggunakannya jika anda berminat.