2D Floor Plans – With Colors or Materials

This article shows some cool examples of ways to use color or materials on your 2D Floor Plans that are  available for Pro and Team subscribers.

The goal of this article is to highlight the settings and hex code colors we used. If you need more detailed steps, see: 2D Floor Plans – Choose Colors for Your Floor Plans and 2D Floor Plans – Display Color or Material by Room Type.

Example 1 – Room Colors by Room Type

This example uses color so that it's easy to see the location and number of each type of room. Here it's easy to see that there are 4 bathrooms. 

4_Bedroom_with_Garage_2_-_Yellow_and_blue.jpg

Overview – how to create a floor plan with these colors for rooms

  1. Draw a floor plan in the RoomSketcher App.
  2. In Walls mode, set these Room Types: Bedroom, Bathroom, Garage, Living Room. 
  3. In the RoomSketcher Web Account, open the 2D Floor Plan – Rooms tab. For each of the Room Types above, we set Type to Color, then clicked the pencil and typed the Hex codes shown below.
  4. When you have set all the colors, be sure to click Apply before leaving this tab.

    3_Room_colors_blue_and_yellow.jpg

  5. On the 2D Floor Plans tab, we set  Show Furniture to No Furniture.

    3_No_furniture.jpg

  6. Then we confirmed with Apply.
  7. Now, in the RoomSketcher App, Preview your 2D Floor Plan to make sure all the settings are correct. Then Generate Your 2D Floor Plan

Example 2 – Highlight Different Rooms and Show All Furniture

This example also uses color to show the location and types of rooms. We wanted to highlight the Gym, and the options to use 2 of the bedrooms for a Playroom and Home Office, so we set the Playroom to  the same Room Type of "Office" and gave Room Type "Gym" the exact same color. We also used Navy for the wall color.

4_Bedroom_with_Garage_-_Pink_and_Green_-.jpg

Overview – how to create a floor plan with these colors for rooms

Follow the steps from the first example. Here are the settings for 2D Floor Plan – Rooms tab. For each of the Room Types above, we set Type to Color, then clicked the pencil and typed the Hex codes shown below. 

2D Floor Plan Settings - Room Types.jpg

Example 3 – Room Materials

In this example, we are showing the flooring materials. This technique is very similar to the examples above, except instead of "Color", you set a "Material". We also added Outside Measurements in the RoomSketcher App.

11_4_Bedroom_with_Garage_-_CW_Materials_-_Standard_Rooms_-_Bedrooms_-_2D_Floor_Plan.jpg

Here are the settings for the 2D Floor Plans - Rooms tab:

11_Materials_Rooms.jpg

And here are the settings for the 2D Floor Plan tab:

11_Floor_Plans_tab.jpg

 

Example 4 – Consistent Floor Color Plus Different Wall and Text Colors

For this example, there was no need to set various Room Types like above as the floor is one consistent yellow color across all the rooms. We used a teal text color, and navy walls. See the settings below. We also added Helper Symbols, such as a compass, entrance arrow, and wheelchair circles, and added a text label with the Total Area of the property. 

Office_Guideline_-_CW_Yellow_Floor_-_Helenora_-_2D_Floor_Plan.png

 

Here are the settings on the 2D Floor Plan tab:

5_Yellow_Office_Settings.jpg

 

Related Articles

 

Was this article helpful?

Have more questions? Submit a request