Spesifikasi Reka Bentuk Program Mini WeChat (5) Spesifikasi Visual


5. Spesifikasi visual

Untuk memudahkan pereka bentuk, WeChat menyediakan satu set perpustakaan kawalan asas untuk reka bentuk web dan program kecil;

微信应用号(小程序)设计规范-稀土区

Alamat pratonton: https://weui.io

1Spesifikasi fon

Saiz fon biasa ialah 20, 18, 17, 16, 14, 13, 11 (pt.rios scena). :

微信应用号(小程序)设计规范-稀土区

Penggunaan fon WeChat adalah selaras dengan fon sistem yang sedang berjalan Mengambil navigasi sebagai contoh, fon yang sepadan untuk iOS dan Android adalah seperti berikut:

Navigasi (iOS dan Android)

微信应用号(小程序)设计规范-稀土区

. Warna fon

微信应用号(小程序)设计规范-稀土区

Kandungan utama adalah Hitam, kandungan sekunder adalah Kelabu;

Biru ialah warna untuk pautan, hijau Untuk melengkapkan warna teks, merah ialah warna yang digunakan untuk keadaan Tekan dan Lumpuhkan masing-masing mengurangkan ketelusan kepada 微信应用号(小程序)设计规范-稀土区

2 . 微信应用号(小程序)设计规范-稀土区

Laraskan ketelusan teks kepada 60% dalam keadaan boleh klik

keadaan tidak boleh klik Laraskan ketelusan teks bawah kepada 30%微信应用号(小程序)设计规范-稀土区

微信应用号(小程序)设计规范-稀土区Teks pada butang di luar senarai adalah standard

Gunakan apabila ketinggian butang ialah 25px: warna #000000 / #353535 saiz fon 14pt

Teks standard pada butang linear halaman

Gunakan apabila ketinggian butang ialah 35px: warna #09BB07 / #353535 saiz fon

微信应用号(小程序)设计规范-稀土区

微信应用号(小程序)设计规范-稀土区

🎜🎜🎜🎜🎜 16pt 16pt 5. Prinsip penggunaan ikon🎜🎜🎜🎜