e-Learning is changing the way students learn in the classroom. However, one of the least emphasised aspect in e-learning design concerns with aesthetics. Recent research in multimedia aesthetics highlighted the need to understand interaction from a multidisciplinary perspective. Aesthetics research in e-learning usually focuses on exploring the effects of positive aesthetics design towards neutral designs and a gap in exploring the effects of negative aesthetics. In this study, two different designs were developed to reflect positive and negative aesthetics designs. The cognitive outcome of these designs was compared and evaluated based on a learning achievement to measure comprehension. Gender and academic achievement were also explored to investigate if these factors had an effect on aesthetics perception and learning achievement. Based on the outcome of 95 electronic engineering students from two different polytechnics in Malaysia, it was found that engineering students performed better in the negative design in comparison to the positive design. In addition, genders or academic achievement differences were found not to influence the outcome.