Membuat Desain Web di Adobe Xd Part 2

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

28 Januari 2020

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat