- Beranda
- All About Design
[Tutorial] Desain Neumorphism - Tren Desain 2020
...
TS
rifaye
[Tutorial] Desain Neumorphism - Tren Desain 2020
Udah pernah denger tentang Desain Neumorphism? Buat agan dan sista yang belum tau, konsep desain Neumorphism itu merupakan sebuah konsep desain hasil kombinasi antara desain Skeumorphism dan desain Flat. Neumorphism sendiri adalah paduan kata New dan Skeumorphism.
Spoiler for Tentang Desain Skeumorphism dan Flat:
Nih buat jelasnya tentang tampilan desain Neumorpishm bisa cek langsung desain-desain berikut [Warning BWK] :
Spoiler for Neumorphism 1:
Spoiler for Neumorphism Dark Mode:
Spoiler for Neumorphism Colorful:
Nah gimana? Keren gak gan?
Pengen coba bikin beginian juga. Nih ane coba kasih tutorial konsepnya ya.
Silahkan pilih aplikasi design yang sering agan pakai, bisa pakai Sketch, Figma, Adobe Illustrator, Adobe XD dan yang lainnya yang menurut agan paling nyaman deh.
Kali ini ane bikinnya pakai aplikasi Sketch.
Langkah Pertama
Buat color pallete dengan warna yang mirip yang terdiri dari:
1. Light Color yang akan jadi warna Light Shadow
2. Mid Color yang akan menjadi warna Backgrounddan Element Color
3. Dark Color yang akan menjadi warna Dark Shadow
disini ane gunain:
Light Color: #FFFFFF
Mid Color: #F3F3F3
Dark Color: #D3D3D3
Spoiler for Cara Generate 3 Warna:
Langkah Kedua
1. Buat artboard sesuaikan ukuran dengan yang agan mau, lalu ubah warna background jadi Mid Color #F3F3F3
2. Buat objek baru yang akan diberi efek neumorphism ini. Atur warna menjadi Mid Color #F3F3F3
3. Buat shadow pertama dengan spesifikasi Dark Color #D3D3D3opacity 60%, dengan nilai x: 7, y:7, dan blur: 16, spread 0
4. Buat shadow kedua dengan spesifikasi Light Color #FFFFFF opacity 60%, dengan nilai x: -7, y:-7, dan blur: 16, spread 0
Spoiler for Biar Lebih Jelas:
Taraaaa jadi deh efek neumorphismnya.
Gimana gak terlalu sulit kan? Silahkan dicobain gan terus posting di komen ya.
Ini contoh hasil coba-cobaan ane
Spoiler for coba-coba:
Spoiler for Cobain Lagi Bikin UI:
Spoiler for sumur dan referensi:
Diubah oleh rifaye 24-09-2021 05:59
provocator3301 dan 55 lainnya memberi reputasi
54
20.6K
78
Komentar yang asik ya
Mari bergabung, dapatkan informasi dan teman baru!
All About Design
13.8KThread•3.3KAnggota
Urutkan
Terlama
Komentar yang asik ya