In this study, the authors propose a set of design principles based on the framework of Technological Pedagogical Content Knowledge (TPCK or TPACK) through the subject matter of music focusing on the affective domain, and identify interrelations among musical content, emotions, and technology. The design guidelines were tested in an empirical investigation and the results showed statistically significant differences between the control and the experimental groups in favor of the experimental group. The study extends the theoretical framework of TPCK to a design framework and proposes instructional design guidelines that address both the cognitive and the affective domains of learning, a focus that is currently missing from the existing TPCK or TPACK literature.