The major light-harvesting complex of photosystem II (LHCII) has a dual regulatory function in a process called non-photochemical quenching to avoid the formation of reactive oxygen. LHCII undergoes reversible conformation transitions to switch between a light-harvesting state for excited-state energy transfer and an energy-quenching state for dissipating excess energy under full sunshine. Here we report cryo-electron microscopy structures of LHCII in membrane nanodiscs, which mimic in vivo LHCII, and in detergent solution at pH 7.8 and 5.4, respectively. We found that, under low pH conditions, the salt bridges at the lumenal side of LHCII are broken, accompanied by the formation of two local α-helices on the lumen side. The formation of α-helices in turn triggers allosterically global protein conformational change, resulting in a smaller crossing angle between transmembrane helices. The fluorescence decay rates corresponding to different conformational states follow the Dexter energy transfer mechanism with a characteristic transition distance of 5.6 Å between Lut1 and Chl612. The experimental observations are consistent with the computed electronic coupling strengths using multistate density function theory.