The theory of affordance was originally proposed by James Gibson that is firstly applied to the field of ecological psychology. It is also called as "direct perception theory", which emphasizes the interaction possibility between humans/animals and the environment. The theory of product semantics proposed by Krippendorff discusses the usability and understandability of products from the perspective of product cognition and linguistics. This paper synthesizes the differences and consensus on the two theories in academia, discusses the similarities and differences between the two design theories, compares their similarities and differences when applied to product design (including tangible and intangible products). Therefore, this paper further proposes a framework incorporating the theories of affordance and product semantics to help designers analyze product functions and user needs and assist in the form design and structural prototype design through the matching of interactive behavior and interactive component libraries, so as to improve the user experience of a product.