;In this study, we synthesized a serious of fluorophore with various donor and acceptor substituents. The longer emission wavelength fluorophore can be adjusted by molecular design which nonplanar conjugated structure could restrict intramolecular rotation in solid state. Moreover, aggregation-induced emission phenomenon will be found in nonplanar conjugated structure. On the other hand, we added dicyano-substituented with dithiophene fluorophore to test their aggregation-induced emission behavior. In addition, the thermal properties and the energy level of HOMO and LUMO were estimated by thermogravimetric analyzer, differential scanning calorimeter, cyclic voltammetry, and low-energy photoelectron spectrometer, respectively. Finally, the density functional theory and time-dependent density functional theory to imitate the orbital and energy levels of HOMO and LUMO.