Phase diagrams reflect the possible kinetic routes and guide various applications such as the designed assembly and synthesis of functional materials. Two-dimensional (2D) materials have been a focus of ongoing research due to their wide applications; therefore, researchers are highly motivated to discover the general principles that control the assembly of such materials. In this study, we map the 2D phase diagrams of short-and long-range attractive colloids at single-particle resolution by video microscopy. Phase boundaries, including (meta)critical or triple points and corresponding real-space configurations, are precisely specified. Profiles of 2D phase diagrams with attractive interactions resemble their 3D counterparts. For short-range systems, by measuring the deepest achievable supercooled states on the phase diagram, a "crater" structure surrounding the metastable fluid-fluid critical point indicates an enhanced nucleation rate within the crater and further suggests a local minimum of the free-energy barrier for crystallization in this area. During a dense fluid-mediated two-step crystallization process, we observe that multiple crystallites could form within a single dense fluid cluster, partly due to its highly amorphous shape. This highly amorphous shape is found for all observed well-developed dense fluid clusters. It is a supplement to the multistep nucleation process. For long-range systems, equilibrium vapor-liquid coexistence is observed, which paves the way for the exploration of critical behaviors. Rigidity percolation of crystallites, and bulk fluid-solid coexistence which provide clear evidence of a possible first-order transition for 2D melting, are observed for both systems. Our experiments reveal the general features of phase behaviors shared by 2D attractive systems including graphene, protein membranes, and adsorbed nanocrystals.