무버블타입 4.0 디자인가이드·MovableType 4.0 Design Assistant

Choose a Style 

Here are a few of Movable Type's many styles, which you can use as a starting point for your own design.

 

Select a Layout : Size 및 레이아웃 정보가 많은 도움이 됩니다.

There are 6 standard column layouts that work with all of the default styles and CSS in Movable Type. Each of these designs is 940 pixels wide by default, which you can change by Customizing your CSS. The last two options are good choices if you want to fit larger advertising or widgets on your site.

• Wide-Thin-Thin
• Thin-Wide-Thin
• Wide-Thin
• Thin-Wide
• Wide-Medium
• Medium-Wide

 

Customize CSS  

If you know CSS it's easy to your own styles. In the textarea to the right, we've added a few lines of CSS. Click "Apply CSS" to see those styles applied to the sample blog.

To modify a specific part on the page, click on the element below and we'll start writing the CSS for you

 

 

Serious About Design

One of the fundamental goals for Movable Type for almost seven years now has been to advance the state of design on the web. Some of the recent developments from the MT community highlight how that attention to aesthetics is alive and well.

First, as we described on the company news blog recently, we've made the Design Assistant for Movable Type available as a completely free design resource for the MT community. While the process of creating the Assistant was gratifying, we think it's just as important to look at the design-oriented philosophy behind its creation:

 

 

 

 

 

It's easy to make tools to create a design, but it's far harder to create tools that help you get in the mindset of making good tradeoffs.

So today we bring you the Design Assistant for Movable Type. Sure, you can click through it and knock out a cool custom design really quickly. But along the way, you'll start to see how a few common grid/column layouts can impact the way your content is perceived. The Assistant creates finished designs, but you're also encouraged to click on individual page elements and understand the CSS cascade that informs their styling. The last step isn't merely when a particular design is applied to your blog -- the last step is actually the start of learning more, from a broad selection of hand-picked learning resources.

But as with everything in design, it's not merely about the ideas that influence the work, it's about the experience of seeing a design in action. So try out the Design Assistant for yourself and see what it inspires you to create.

Of course, in a community full of smart designers, inspiration can come from the creativity you find in other MT sites. It's something we think about for the Movable Type community worldwide, as our European team has shown recently on its blog, too. And Aaron Bailey of 601am, the highly-regarded blog development shop, has helped make it easier than ever to find and share beautiful Movable Type-powered sites, with the launch of Movable Love.

Movable Love is brand new, but already features tons of clever and unique MT sites, each of which can help inspire your own designs to new heights. And once you've got that beautiful new site built, you'll want to make sure and submit it to the growing collection over at Movable Love.