The dihydroxy naphthalene/$TiO_2$ complexes with different substitution patterns were prepared by surface modification. X-ray diffraction, UV-Vis spectroscopy, photoluminescence, and X-ray photoelectron spectroscopy were used to characterize the prepared composite materials. The results indicated that the surface modification did not influence the crystallization of $TiO_2$. The visible-light absorbances of prepared dihydroxy naphthalene/$TiO_2$ complexes could be assigned to the ligand-to-metal charge transfer. The obtained catalyst exhibited outstanding photocatalytic activity and stability under visible light. A linear relationship existed between the percentages of hydroxynaphthalenes coordinated on $TiO_2$ surface and $H_2$ production ability. The substitution pattern of dihydroxy naphthalene and $CH_3OH$ content could also influence the photocatalytic performance remarkably. The photocatalytic $H_2$ production ability was further improved after loading with ultra low concentration of Pt, 0.02 wt %. The possible mechanism was proposed.