Install Web App

Border radius menjadi lebih baik, dengan cara ini!

profil-penulis

Ihsanuddin

06 Februari 2024

Apa itu rounded corner?

Rounded corner, atau sudut yang melengkung adalah tren dalam UI design yang sering digunakan, bahkan semua aplikasi populer sekarang, semuanya mengadopsi sudut yang melengkung, bukan sudut yang lancip, dari mulai youtube hingga netflix.

Lalu apa masalahnya, bukannya gampang bikin border radius?

Yup, memang sangat mudah namun masalahnya muncul jika kamu menggunakan 2 elemen dengan ukuran border radius yang sama, akan muncul ilusi optik yang terlihat tidak nyaman dan tidak nyaman dilihat.

Lalu bagaimana membuat sudut yang cantik?

Gunakan rumus ini untuk membuat lengkungan sudut yang lebih baik untuk menentukan sudut bagian dalam.

Radius Dalam (RD) = Radius Luar (RL) - Ketebalan/2 (K)


Artikel Lainnya Dengan Kategori Terkait :


1. 4 Contoh Desain Risoprint Yang Menarik dan Menginspirasi

2. 5 Software Desain Grafis Yang Sering Digunakan Oleh Designer Profesional

3. 6 Contoh Desain 3D yang Lucu & Menarik

4. 7 Font Yang Cocok Untuk Tema Helloween

5. 7 Unsur Desain Grafis Yang Perlu Kamu Ketahui

6. 8 Makna Psikologi Warna dalam Desain Logo, yang Perlu kamu Ketahui

7. Adobe Fresco vs Adobe Photoshop : Mana yang Paling Dibuthkan Designer

8. Border radius menjadi lebih baik, dengan cara ini!

9. Coba 8 Tren Desain Grafis 2023 ini Untuk Karya Visual Yang Lebih Baik

10. Hal yang Perlu Diperhatikan Sebelum Membuat Logo

11. Inspirasi Desain Grafis Modern Abad Pertengahan

12. Inspirasi style design floral, style yang bisa dibilang “aesthetic”

13. Ketahui Perbedaan RGBA dan CMYK Dalam Design Grafis

14. Keuntungan Menjadi Graphic Designer

15. Membuat Konektor di Figjam

16. Membuat Konten UX yang Efektif dan Mudah Diingat

17. Pengertian Creative Design, Dan Perbedaanya Dengan Graphic Design, Tugas Dan Skill

18. Pengertian Desain Grafis Menurut Para Ahli

19. Peranan Desain Grafis dalam Dunia Digital

20. Perbedaan Vektor dan Bitmap Dalam Desain Grafis

21. Prinsip Design Grafis Minimalis, Apa Itu Prinsip Minimalis, Kegunaan Dan Contoh Penerapannya

22. PRINSIP HIERARKI VISUAL: Pondasi Desain Grafis yang Kuat

23. Rekomendasi Situs untuk Download Font Keren Buatmu

24. Sebelum Mendesain Pamflet, Wajib Perhatikan Hal Ini

25. Sistem jarak & skala dalam desain

26. Struktur & Hirarki Visual

27. The Box Model

28. Tips Belajar UI UX Design yang Wajib Diketahui Pemula

29. Tips memilih warna untuk Logo Agar Brand Semakin Dikenal

30. Tips Mengatur Sticky Button Dan Elemen Navigasi di Web Seluler

Masuk Terlebih dahulu untuk berkomentar

Paling baru
Lihat Lainnya