Tampilan atau tata letak dalam MPI merupakan komponen yang penting. Kemenarikan dari sebuah tampilan MPI akan memotivasi siswa untuk membuka MPI selain didukung oleh isi atau materi yang baik. Apa saja yang perlu di perhatikan dalam tampilan/tata letak sebuah MPI? Simak materi berikut
a.Tata letak
Tata letak atau layout dalam MPI menyangkut bagaimana meletakkan unsur-unsur tampilan MPI (background, warna,tulisan, nagivasi dll) untuk menjadi suatu kesatuan yang padu dan enak dilihat.
b.Jenis huruf (tipografi)
Pemilihan jenis huruf sangat penting dalam pengembangan MPI. Fungsi dari huruf adalah membuat teks menjadi berguna dan mudah digunakan.
https://www.kompasiana.com/insyira/5500fd33a33311bb7451299f/huruf-dalam-mendesain-media-pembelajaran
https://webdesign.tutsplus.com/articles/typographic-readability-and-legibility--webdesign-12211
Referensi jenis huruf:
b. Warna
Warna dalam pengembangan MPI sangat penting karena warna juga dapat membantu untuk menyampaikan pesan.
Referensi memilih warna
https://color.adobe.com/create
https://htmlcolorcodes.com/color-chart/
https://www.canva.com/colors/color-wheel/
Referensi jenis, sifat dan karatersitik warna
https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/
c. Nagivasi
Fungsi navigasi sangat penting. Sahabat harus paham alur program dari MPI yang akan dikembangkan. Setiap nagivasi atau menu-menu akan mengarahkan siswa untuk menuju materi yang diinginkan, jadi jangan salah menentukan alur navigasi supaya siswa tidak salah informasi.