Static diagrams are the most prevalent artifact used in visualizing component-and-connector architectures and supporting software architecture learning. The use of such artifacts exhibits a fundamental disconnect from the dynamic nature of software systems, deemphasizes the importance of architectural interactions with a focus on static structure, and does not support a high degree of learner engagement. This paper presents our work in addressing these challenges by developing runtime visualization techniques that better support learning through the use of visual vocabularies that leverage insights from computer graphics and human perception. We also present evaluative data drawn from user studies and associated insights, which provide positive indicators that our work is effective in supporting our target learning outcomes.