Skip to main content

8 Font gratis untuk desain UI yang Serasi

8 Font gratis untuk desain UI yang serasi 



Bingung mau pakai font apa untuk proyek desain kamu ? ada font yang kamu suka tapi ga cocok sama desain kamu ? 

Menentukan font yang bagus dan cocok untuk artikel/presentasi/desain mu itu  memang susah-susah gampang sih , aku sendiri juga merasakan hal yang sama, kadang konsep desain udah bagus  pas nentuin fontnya lamaaaa banget, pusing tujuh keliling, coba ini itu, ada yang bagus tapi ga cocok, ada yang cocok tapi ga sreg haha ribeet yah, ujung" pake font font yang netral aja deh kaya roboto atau sagoe ui hehe

ini beberapa pasangan font yang terlihat indah bersama : 

Font yang elegan : Halant X Nunito Sans
Halant 
Terlihat bagus dengan Nunito Sans


Font yang terlihat keren : Space Mono X Avenir
Space Mono
Keren bersama font Avenir 



Font yang terlihat muda dan simpel : Maven Pro X Maven Pro 
Maven Pro 
Paling bagus dengan Maven Pro sendiri untuk tulisan


Font yang cocok untuk tema teknologi : IBM Plex Sans X IBM Plex Serif
IBM Plex Sans
Pasangan paling bagusnya IBM Plex Serif


Font yang terlihat playful : Work Sans x work Sans
Work Sans 
Cantik bersama font Work Sans sendiri


Font yang terlihat Manis : Poppins X Work Sans
Poppins
Terlihat Manis dan lembut bersama Work Sans


Font yang terlihat sporty : Raleway X Roboto
Raleway
Font Roboto cocok dengan Raleway


Font yang terlihat simple dan formal : Nunito Sans X Open Sans
Nunito Sans
Look perfect with Open Sans



Jadi , pasangan Font mana yang paling kamu suka ? 
Let me know in the comments!

#uix #uiux #tips #fonts #design 







Labels:

Comments

Post a Comment

Popular posts from this blog

5 Anime Paling Nangis & Menyentuh ala Feynation (Spoiler Alert!)

Eits, perhatiin ini! Buat kalian yang demen nonton anime dengan cerita yang bikin terharu, Feynation udah siapin daftar 7 anime yang penuh emosional banget, bisa bikin hati meleleh deh. Ini dia, 7 anime paling sedih versi Feynation: 1. clannad Di dalam anime ini di ceritakan lah Okazaki Tomoya yang sudah berpacaran denga Furukawa Nagisa melanjutkan hubungannya.pada waktu itu Tomoya dkk sedang berada pada semester 2 dan sebentar lagi mereka akan lulus.namun
50 comments
Read more

Pengertian dan contoh CSS dasar

Fundamental CSS (Cascading Style Sheets) Hey, teman-teman! it's me Feyy. Di artikel kali ini, Fey akan membahas dasar-dasar CSS. Kebetulan ini juga tugas sekolah Fey nih, bagus banget buat kalian yang baru belajar tentang web. check it out! 1. pengertian CSS  jika html adalah bahasa penanda yang digunakan untuk memberikan konten (teks) struktur dan makna semantik , maka CSS adalah bahasa yang disgunakan untuk memberikan konten gaya penampilan yang bagus pada html . 2. Ada 3 itilah pada CSS yaitu  selector , property dan value.  ❇️  Selector Selector adalah  untuk memberikan gaya tampilan pada tampilan , css menggunakan metode deklaratif untuk menspesifikasikan bagian html yang ingin diberikan gaya tampilan . pemilihan elemen html dilakukan dengan menspesifikasikan selector  atau simpelnya, selector itu adalah sebagai inisial pemilihan bagian html mana yang mau di dekorasi. contohnya , kode "P" dibawah adalah sebagai kode inisial y...
Post a Comment
Read more

Tutorial membuat logo unik di Photoshop cc

Cara membuat logo unik di Photoshop cc Post hari ini fey lagi kreatif nih, baru belajar membuat logo di sekolah, jadi hari ini fey bakal ajarin temen temen membuat logo sederhana nan unik cuma pake photoshop “Cuma” ya ya “Cuma” , nah salah satu contoh, fey ambil dari logo “feynation” seperti logo blognya fey . Okay, lets doit!! Buka photoshop cc , lalu buat media baru klik new Pilih background warna hitam atau sesuai selera Lalu klik rectangel tool Buat lah sebuah kotak , ganti kan warna dengan warna biru atau sesuai keinginan, lalu di tab fill pilih “ no fill” Klik kanan layernya , pilih blending option 6. lalu pilih outer glow , ganti warna glow jadi biru yang lebih terang , agar menghasilkan effect bercahaya . perbesar size glownya 7. Klik oke , lalu agar kotak menjadi 2 , klik kanan layer lalu pilih duplicate layer , lalu move kotak yang telah di duplicate ke sebelah kanan bawah 8. Nah lalu kitabuat kotak kedua yang lebih tebal dengan cara yang sama dengan membua...
2 comments
Read more