UI Design · January 16, 2022

Desain Hero & Layanan Kami Pada Web Company Profile dengan Figma #4

image_pdf

Setelah kita selesai mendesain Navbar selanjutnya kita akan desain bagian Hero seperti berikut :

Selanjutnya masukan gambar yang ada pada resource yang sudah disiapkan, Seperti dibawah ini :

Setelah ini kita akan melakukan masking, agar gambarnya lebih rapi, yaitu dengan cara membuat lekukan gambar dengan menggunakan pen tool, seperti dibawah ini :

Setelah selesai dengan pen tool, maka langkah selanjutnya adalah masking dengan cara membuat gambar pen tool di letakan tepat dibawah gambar, kemudian Blok keduanya lalu tekan CTRL+ALT+M , hasilnya sebagai berikut :

Setelah itu tambahkan sedikit ornamen pada section hero, seperti dibawah ini. Jik ada gambar yang keluar dari garis hero aka pelu dilakukan masking agar terlihat lebih rapi, seperti berikut :

Selanjutnya kita akan membuat Tagline, sebagai berikut :

Setelah itu kita akan membuat CTA (Call To Action), seperti berikut :

Selanjutnya kita akan membuat section bagian Layanan Kami, silahkan desain seperti gambar dibawah ini :