35 Web Side Sidebar Creative Design Appreciation

Surely you've racked your brains trying to design a more attractive sidebar? Did the boring sidebar design ever turn you off? So, this article should be your dish. Below 35 tall sidebar design is to inspire your inspiration and born!

Before the case, a simple summary of the sidebar design Impact factors Bar:

Size size

Color style

Typesetting design

Position

This checklist basically covers the main factors to consider in designing the sidebar.

First of all, the width of the sidebar should not be too large, it is best to control the content of the main part of the width of One-third to One-second.

In color, the sidebar and the entire page should be kept in harmony, using simple colors, not too prominent color. This may sound like a departure from the design, but in fact it doesn't conflict with the color--Usually the good sidebar is designed to attract users ' attractiveness through typography, pictures, fonts, and not the use of dazzling colors to break the balance of the page.

Again, in this square inch, typesetting is undoubtedly very important. Sidebar is an important way for users to get content, it is often used, but not the user's goal, it is a lot of time resident and page side, the need according to user habits, site design needs and the overall style of the system of typesetting design.

Finally talk about location. The position of the sidebar is nothing more than the left or right, the top that is called navigation bar, put underneath ... It is estimated that not many people are willing to do such a thing. Usually the user browses the page from left to right, so generally on the left side will get more attention (in the Arab world should be exactly the opposite). But it is ultimately the channel to guide the user to get content, on the right to get less attention, but it for the entire site visual impact will be less, so that users more focused on content. Therefore, the left and right positions have their advantages and disadvantages.

The contents of the sidebar, the presentation of the form are also needed to consider the designer. On the mobile side, because of the screen size restrictions, the design of the sidebar, which has gradually affected the desktop side of the Web page design. In the next 35 cases, you'll see a wide variety of sidebar designs, but there are always a few of your dishes that you can use for reference.

Gossip less, Case looks!

Smoke & croak BLOG with varicolored handdrawn sidebars

EAT DRINK INC WEBSITE with non-standard navigation SIDEBAR

Flipp WEBSITE with left SIDEBAR for navigation

Goltz GROUP Black and white WEBSITE, with SIDEBAR navigation

WEB CANVAS design WEBSITE with CREATIVE navigation SIDEBAR

Mortgage WEB TEMPLATE with ORANGE SIDEBAR for RATES

OSBORN BARR WEBSITE with scrollable SIDEBAR

LS5 WEBSITE with right navigation SIDEBAR

SCULPT COMMUNICATIONS WEBSITE with elegant SIDEBAR design in GRAY

TripExpert BLOG with TWEETS SIDEBAR

EXA AIR BOEING 777-300ER with ORIGINAL navigation SIDEBAR

Elevated third WEBSITE with BLOG ARCHIVE SIDEBAR

VISION DIRECT ONLINE STORE with PRODUCT CATEGORIES SIDEBAR

Webappers WEBSITE with great well-designed SIDEBAR

DEMO Mesacreativa BLOG with Photostream SIDEBAR

LAUREN VIDAL WEBSITE with SIDEBAR for navigation and EMAIL NEWSLETTER

CHEF S WEBSITE with top WEEK MENU entree SIDEBAR

ISO Entertainment INFO WEBSITE with navigation MENU TABS on the SIDEBAR

CANDY ' S cupcakes WEBSITE with FACEBOOK FANS SIDEBAR

MARKETING WEBSITE TEMPLATE with well-designed SIDEBAR

Ciquattro AGENCY PORTFOLIO with nice SIDEBAR

CORNELL UNIVERSITY WEBSITE with NEWS SIDEBAR

BALLARD DESIGNS WEBSITE with beautiful IMAGE SIDEBAR

Modern furniture WEBSITE with FACEBOOK SIDEBAR

SALON WEBSITE with accurate SOCIAL MEDIA FOLLOW SIDEBAR

ERIC Garcetti with the sign-in SIDEBAR

AMERICA BLOG NEWS with recommended articles SIDEBAR

Time WEBSITE with Content-rich SIDEBAR

FOX SPORTS WEBSITE with great SIDEBAR

The daily BOARD WEBSITE with handwritten SIDEBAR

Playmag SITE with black illustrative SIDEBAR

The PINK PLUMBER WEBSITE with question FORM SIDEBAR

Cofa media WEBSITE with cool SOCIAL media SIDEBAR

Infule WEBSITE with free COURSE SUBSCRIBE SIDEBAR

Adsy WEBSITE with CREATIVE animated SIDEBAR