Progressive Blur dan Gradien dalam Hana

Tingkatkan reka bentuk anda dengan kesan kabur dan gradien yang memukau

Buka Hana

Progressive Blur menjadi popular bersama estetika UI kaca iOS beberapa tahun lalu, dan kebelakangan ini semakin mendapat tempat dalam alat reka bentuk UI. Namun, ia kekal sebagai teknik yang kompleks dan sukar digunakan dalam reka bentuk gerakan atau persekitaran interaktif masa nyata.

Hari ini, kami melancarkan Progressive Blur masa nyata dalam Hana. Buat pertama kali, kesan kabur jenis ini tersedia untuk kegunaan masa nyata, dengan kawalan yang intuitif dan tanpa memerlukan pengetahuan teknikal, semuanya dalam kanvas reka bentuk tanpa had Hana.

Anda boleh bermain dengan adegan di bawah untuk melihat cara ia berfungsi.

Halakan kursor atau sentuh untuk berinteraksi (Pengalaman yang dibuat dengan Hana)

Cara menambah Progressive Blur dalam Hana

Anda boleh memilih mana-mana lapisan dan menambah sama ada Layer Blur atau Background Blur. Dalam kedua-dua kes, anda boleh memilih sama ada kesan kabur itu Uniform atau Progressive.

Progressive Blur berfungsi lebih kurang seperti gradien, tetapi bukannya warna, ia beralih antara dua nilai jejari kabur.

Beginilah cara Progressive Blur berfungsi dalam Hana

Gradien Licin dalam Hana

Anda kini boleh mencipta gradien dalam Hana. Anda boleh memilih antara gradien linear, jejarian atau polar, dan melaraskan kedudukannya terus daripada kanvas.

Kami juga memperkenalkan Smooth Gradients, iaitu gradien yang menggunakan interpolasi Smooth Step untuk menghasilkan adunan yang lebih semula jadi antara warna. Kebanyakan alat reka bentuk menggunakan gradien yang bergantung pada interpolasi Linear, yang menghasilkan titik putus yang ketara antara setiap warna "stop" gradien.

Kami mula-mula melaksanakan Smooth Gradients dalam editor 3D Spline beberapa tahun lalu, dan kini kami membawanya ke Hana.

Halakan kursor atau sentuh untuk berinteraksi (Pengalaman yang dibuat dengan Hana)

Import SVG dan banyak lagi

Dalam beberapa minggu lalu, kami juga telah melancarkan beberapa penambahbaikan pada Hana, termasuk sokongan untuk fail SVG (anda kini hanya perlu seret dan lepas), prestasi yang lebih baik dan saiz runtime yang lebih kecil.

Kami juga menambah beberapa penambahbaikan kemudahan penggunaan, termasuk tingkah laku pemilih warna yang lebih baik, alat pemilihan yang dipertingkat dan pelbagai pembetulan kecil untuk menjadikan pengalaman lebih konsisten.

Pengalaman yang dibuat dengan Hana

Cuba sekarang!

Berikut ialah fail Spline Hana untuk anda meneroka keupayaan Progressive Blur dan Gradien.

Aliran kerja reka bentuk sedang berkembang

Walaupun ringkas pada terasnya, ciri baharu ini memberi banyak kawalan kreatif dan hasil kreatif yang tidak pernah ada sebelum ini.

Menganimasikan atau mencipta interaksi masa nyata seperti ini tidak pernah mudah sebelum ini, dan kini anda boleh melakukannya dalam beberapa saat dengan Hana.

Kami tidak sabar untuk melihat apa yang boleh anda bina!

—

Pasukan Spline

Ketahui lebih lanjut

Lagi daripada blog