Membuat Desain Web di Adobe Xd Part 2

28/01/2020    Muhammad Reza Syaifi    46     Desain

Ketika kita sedang membuat usaha tentunya hal yang harus kita lakukan adalah meyakinkan para customer. Nah biasanya untuk mempromosikan sebuah produk banyak sekali cara yang dilakukan, seperti misalnya membuat iklan di youtube atau juga membuat website dan websitenya menjadi nomor 1 di google. Nah jika kita mempunyai sebuah website pastinya kita juga harus membuat sebuah desain website yang bagus dan menarik agar para bisa memikat para customer. Nah teman - teman pada tutorial kali ini saya akan memberikan sedikit tips dan trik kepada kalian semua yaitu bagaimana caranya membuat web yang bagus di UI dan UX, untuk selebihnya lihat tutorial berikut ini

Setelah itu kalian masukan bahan gambarnya, nah untuk bahan gambarnya bebas ya teman - teman, kalian bisa download di freepik.com, lihat gambar berikut ini


Membuat Desain Web di Adobe Xd Part 2

Setelah itu buatlah shape kotak, lalu pada bagian warnanya ceklis pada bagian bordernya saja, lalu ubah menjadi warna hijau, lihat gambar berikut ini

Membuat Desain Web di Adobe Xd Part 2

Setelah itu buatlah teks di dalam kotak tersebut dengan nama " REGISTER ", lihat gambar berikut ini

Membuat Desain Web di Adobe Xd Part 2

Setelah itu buatlah kotak hijau, dan pada bagian fillnya kalian beri warna hijau setelah itu buatlah teks di dalam area kotak tersebut, lihat gambar berikut ini

Membuat Desain Web di Adobe Xd Part 2

Setelah itu buatlah teks menu, about us dan news lalu kalian atur seperti gambar berikut ini

Membuat Desain Web di Adobe Xd Part 2
Setelah itu dibagian teks dari menu buat objek kotak tipis seperti gambar berikut ini

Membuat Desain Web di Adobe Xd Part 2

Nah langkah selanjutnya yaitu buatlah objek kotak lalu kalian atur besar dan posisinya seperti gambar berikut ini

Membuat Desain Web di Adobe Xd Part 2

Setelah it buatlah objek kotak lagi dengan warna hijau lalu atur posisinya seperti gambar berikut ini

Membuat Desain Web di Adobe Xd Part 2

Setelah itu masukan bahan gambar yang sudah disiapkan, nah untuk gambarnya bebas ya teman - teman, lihat gambar berikut ini
Membuat Desain Web di Adobe Xd Part 2

Nah teman - teman nanti kita akan lanjut di part 3 ya terimakasih

Artikel, Photoshop, Tips dan Trik, Inspirasi, IT, Desain Grafis

Belajar Membuat Website dari Nol

Pelajarannya mudah dipahami, orang awampun pasti bisa.

Learn More

Belajar Membuat Website dari Nol

Pelajarannya mudah dipahami, orang awampun pasti bisa.

Learn More