Skip to main content

3. Board Layout Pt. I

Introduction

After you complete a schematic, the next step in the PCB design process is to conduct the layout for your board. In doing so, you're translating the theoretical arrangement of your circuit design onto a physical board that will have to operate in the real world.

During the layout process, you'll typically follow the steps below:

  1. Board & Stackup: Outlining layers and arranging the via stack-up.
  2. Design Rules: Configuring the constraints of the layout to your design requirements.
  3. Component Placement: Arranging components on the board and maximizing functionality.
  4. Routing: Connecting components together, sometimes between multiple layers.
  5. Design Rule Check (DRC): Verifying that your layout confines to the requirements outlined in the Design Rules.

Remember, there are many solutions for a design's board layout. It's your job to determine the best viable solution!

Layout Set-Up

Before you begin, keep in mind this tutorial is a continuation of the previous module's schematic.

To start, open the PCB document for the SPI-CAN Breakout Board project you created earlier. You should have a window similar to below:

image.png

If you zoom out of the page slightly, you'll notice an odd cross-hair on the bottom left of the window. This is the Origin, the reference point for your layout's dimensions. When placing down components at specific measurements, it's nice to have the origin level with your board.

To place the origin in the correct spot, navigate to the top-left tool bar. Then, select Edit --> select Origin --> then select Set. 

image.png

Now, a green cross should appear with your cursor. Place the green cross on the bottom left corner of your board border. Once your cursor is at the desired spot, use left-click to set the origin.

Note: You can use Ctrl + Mouse Scroll Wheel to zoom in on the corner!

image.png

After zooming out, your layout should now look like what's seen below:

image.png

Now, since we only have about 15 components, we want to make our board smaller to save space and reduce manufacturing costs. To do this, we need to redefine the board shape.

In the top left tool-bar select View --> then select Board Planning Mode.

image.png

Your layout should now be in Board Planning mode, so your screen should look like this:

image.png

In the top left tool-bar, navigate to Design --> then select Edit Board Shape.

image.png

A white outline should appear around your board shape.

image.png

You'll want to change the board shape such that you have the following parameters:

  • Length = 2000 mils
  • Width = 1500 mils

To change the board lengths, pick a side (top or right, move toward the origin) and select the center of the edge. Then, click and drag the edge until your board is the correct size.

  • Use the legend on the top left to determine when your side is the correct size. Remember, you can zoom in to get a more precise placement.

image.png

Once you're done, your board should be a much smaller shape.

image.png

Navigate back to 2D Layout Mode (toggle View in the toolbar) until you have something that looks like this:

image.png

Layer Stack-Up

With your board size ready, we can check our layer stack-up manager. For PCB design, it's important to consider how many layers or "planes" you want on your board. 

To view this, go to Design --> then select Layer Stack Manager.

image.png

You should get a new window that looks like below:

image.png

In PCB Design, you can add more than two layers to a board. For our purposes, we'll leave the the design at two layers. If you wanted to add more layers, this is where you can add them.

Design Rules

For the Design Rule Check, it's important to ensure the constraints we're applying to our layout are realistic and meet the requirements of our components. For our design, we want to modify the rules due to component pad sizes.

To start, navigate to the top left tool-bar and select Design --> then select Rules

image.png

You'll be greeted by a new window with a ton of different constraints you can apply to your design.

image.png

For our design, we want to modify the following rules:

  1. Trace Width Constraint
  2. Hole Size Constraint
  3. Polygon Connect
  4. Silk to Solder Mask Clearance

Trace Width Constraint

Open the drop-down options on the left side of the window until you reach the following page (Routing --> Width --> Width).

image.png

Modify the parameters under constraints to the following values:

  • Min Width: 6 mil
  • Preferred Width: 8 mil
  • Max Width: 16 mil

image.png

Hole Size Constraint

Next, navigate to the Routing Vias Page (Routing --> Routing Via Style --> RoutingVias)

image.png

Modify the parameters under the Constraints tab until you have the following values:


Via Diameter: Via Hole Size
Minimum 20mil 10mil
Maximum 50mil 20mil
Preferred 25mil 12mil

image.png

Next, navigate to the HoleSize module (Manufacturing --> Hole Size --> HoleSize).

image.png

Modify the Maximum parameter to 300mil.

image.png

Polygon Connect

Now, we need to change the polygon connect rules. For our power and ground Vias, we want to ensure they have easy access to their respective signals going in and out of their connected planes.

 To do this, navigate to the Polygon Connect module (Plane -> Polygon ConnectStyle --> PolygonConnect).

image.png

Under Constraints, toggle on the Advanced option.

image.png

You should have a view of the full page.

image.png

Now, under Via Connection, change the Connect Style to Direct Connect.

image.png

Your page should now look like what's seen below:

image.png

Silk to Solder Mask Clearance

Finally, we need to modify the clearance constraint between the silk and solder mask. Navigate to the window below (Manufacturing --> Silk To Solder Mask Clearance --> SilkToSolderMaskClearance).

image.png

Change the Silkscreen to Object Minimum Clearance parameter to 4mil.

image.png

Finalizing Design Rules

Once you have all the rule constraints set to your needs, select the Apply option on the bottom right of the window. Then select OK.

image.png

This concludes our section on the layout set-up. To continue to the next part of the layout tutorial, navigate to this page: 4. Layout Pt. II