Friday, 28 November 2014

300k Page Views

It's good fun to acknowledge little achievements like these. Whilst the high-flying hobby gurus are racking up 500k or even a million page views, my little blog continues its consistent plod, recently passing 300k page views – very exciting indeed.

Thanks to everyone who has visited the blog over the past five years, it's quite a buzz to know that people are actually reading what I have to say and even commenting. Things have slowed on the hobby front as my time is taken up with other things, but my hobby enthusiasm is overflowing in spite (or because) of this.

The coming month is going to be an odd time as our baby son is due imminently. My hope is that the blog will continue to be my hobby outlet, although I may struggle even more for genuine content during this initial 'newborn' period. Whilst surrounded by all things baby-related it will be nice to have a hobby harbour to shelter in.

But what blog stuff is on the horizon…?

On the top of the list is to continue coverage of my Castle exploits. I hope to finish building the kit and have some images of the whole thing together, with miniatures to give people an idea of scale.

It would be my ultimate goal to get my gaming board done and find a permanent home for the castle – and paint it all – but I think this will remain a long term goal for now. This may actually be a blessing as TW have hinted at their castle gatehouse release in the new year. What an addition that would be. Very exciting!

I also intend to finish my Rulebook Design series with a look at some rulebooks that I think got it right, as well as a couple of classic examples to examine.

I'm hoping to introduce some videos into the mix and expand the YouTube channel. Obviously this will require quite some input so another long-term goal.

Needless to say there's no end in sight for the blog!

Wednesday, 26 November 2014

TW Plastic Castle – Wall Gate

So, having already looked at the Tower and Fortified Wall kits, we come to the last piece of the TW Castle puzzle – the Wall Gate. I was very much looking forward to seeing this!

The box contains four sprues of two different designs and another instruction sheet. I was very keen on not messing this one up so read the sheet carefully before I started.

The kit follows a similar theme to the Fortified Wall. The ground floor is a little different as when complete it's made up of two pieces with the doors attached.

I did make a mistake here and stuck the end pieces (that the doors clip into) the wrong way around. It's not very clear on the sheet which way round these go but if you remember that the doors go at the flared wall side (rather than the flat inner wall side) you will be fine.

You may find TW's Wall Gate video of help.

The first floor is not dissimilar to the wall – except you have an arch piece that goes in the middle. All pretty straightforward it has to be said. The top of the Wall Gate is identical to the Wall crenulated piece so you've got no excuses for getting that wrong.

When stacked together they look pretty amazing. The one thing to note is that the ground floor (as it's made up of two pieces) was rather loose, so the gate will only be at its best when part of a combined kit. You can't really game on the interior as there isn't enough space, but it's not missed.

The models look very cool when next to the completed kit, and I cannot wait for TW to complete their gatehouse kit.

Both this kit and the Wall kit have connector pieces that allow you to slide walls/gates together, and I couldn't help but give them a try before I packed up for the evening.

The only thing left is to put the whole castle together…!!

To be continued…

Monday, 24 November 2014

TW Plastic Castle – Fortified Wall

For those of you who missed my fun and games with the TW Tower you need to watch the Tabletop Workshop castle videos before you get started and it will save a lot of the issues I had. I didn't watch them in my haste to get stuck in and promptly had all kinds of mishaps. Not a problem though as I will use my first Tower model separately from the castle as an independent watchtower of some kind.

Unlike the Tower kit, the Fortified Wall is unlikely to ever be used on its own.

Opening the box there are four sprues of two different designs – there are also instructions!

Starting with the ground floor, you stick the arches onto the base, followed by the one-piece inner wall.

The outer wall is made up of four pieces of 'flared' wall and checking the illustration on the instructions will ensure you put the right piece in the right place. That was easy.

The first floor is even easier as it's exactly the same procedure except both walls are single piece – the outside wall has windows in it.

The top of the wall is a simple case of sticking crenulations onto a floor piece then adding some pegs underneath. That is it!

The only thing to note is that you will have to shave/file off any excess where the parts were attached to the sprues. If you don't the pieces may not join up snugly.

Once stacked, the joins are virtually invisible.

Your models have plenty of room to fight across the battlements.

The bonus is that the walls are as detailed inside as they are out. If you don't glue your floors together you can lift them off and take the battle indoors (although the model bases I've used won't fit through the doorways).

Another fantastic piece of kit from TW. Only one more element of the castle to go – The Gate – and then I hope to have some images of the kits together.

To be continued…

Friday, 21 November 2014

TW Plastic Castle – Tower

After storing the rather large parcel in the garage for a couple of days, I managed to find a spare hour last night so thought I would dive in and start building my plastic castle by Tabletop Workshop.

Given that their other buildings were so intuitive to put together, how much more difficult could the castle be?

The castle consists of 4 Towers, 3 Walls, a Wall Gate and connectors for the whole lot. I decided to start with one of the Towers…

It all looked very straightforward and upon opening the box I found six sprues of two different types. It's a very cleverly designed kit and, just like the other buildings, TW have managed to keep things very streamlined and production costs low by repeating elements.

The instructions (on the back of the box) suggested that I start with the base so I duly obliged.

Unlike the instructions on the previous building kits, the one for the Tower was more like an exploded diagram, so after a quick look I figured I had the measure of it… err, not really.

The three pieces that make up the starting point were found and stuck together. "This is easy" I thought, but my lack of preparation would bite me in the backside before I was done.

What was not obvious (to me) in my rush to get started was that the three wall sections that appear on all six Tower sprues are slightly different. The one to the right of the image (above) flares out slightly at the bottom and (I was to find out) has different fixings underneath. I began clipping and sticking random wall sections to my base before I realised my mistake.

What I should have done was clip out all the flared sections and use them on my base, as above. Not a problem. With the base piece done I moved onto the first floor.

Again, I began sticking random wall sections, this time to my first floor before realising that, unless I want several window sections on my second floor, there should be three window and three blank walls to each floor. In the photo above you can see I'd stuck two blank wall section next to each other, leaving me with an abundance of windows.

Not a problem. This was fixed and with the experienced gained my (identical) second floor was completed in minutes.

Next came the top of the tower. Being very cautious I managed to get this right first time. You start off by sticking the three outer and three inner wall sections to your floor.

Then you stick the top of the crenulations (again, three pieces) in place to seal it all in. Job done. I would suggest having the joints in the top at a different place from the joints in the walls.

With all my sticking done I had my four floors ready to go. A simple stacking job was required and voila…a tower in an hour. There is a door and step that can be added to the ground floor, but I left things plain for now.

Let's not mess around here – this kit is simply awesome. It doesn't have the detailed elements that, say, the chapel has – but that's good. It's a blank canvas for you to tailor to suit you. All the important bits (like the brickwork) are very detailed, but it's not cluttered with random stuff… books on the floor or drapes on the walls, that you'd have to cut out if you didn't want them. If you do want them, you can add them yourself later.

I'm very excited to move onto to other elements. It'll be great to see the castle slowly come to life.

The models look great in the top of the tower and because I didn't glue the floors together, I can remove floors and have models take their adventures inside.

This morning I realised that I had made a third mistake. The building method above is all good, but only if you intend to build your model as an independent tower.

I, however, wanted mine to be a part of my castle and in my excitement had completely forgotten above the connector sprue (above) which was in a separate bag in the large parcel. Though there are no instructions for how to use these (that I can see) it looks like they replace wall sections on the three lower floors so that they can clip into the (as yet unbuilt) wall and gate sections – notice the bottom piece on the sprue is flared.

This is going to mean either purchasing another tower kit to do properly, or hack up my lovely tower to replace wall sections. Neither option particularly appealing.

Learn from my mistakes…plan your build before you start!

Wednesday, 19 November 2014

A Rather Large Parcel…

A rather large parcel arrived at work today. Anyone who's been following my exploits with the Tabletop Workshop plastic buildings will guess what it is!

Not sure when I'm going to get to look at this in any detail, let alone build it, but I'm a very excited geek right now. Aside from buying entire armies, this has got to be one of the biggest parcels to grace the doorstep.

Watch this space…

Monday, 17 November 2014

Rulebook Design – World of Twilight

Back in March this year I pledged towards the World of Twilight Kickstarter, Travels through Anyaral. I have long been an admirer of what Mike Thorp has done with the game and the fact that he originates pretty much all of it himself is a great example for budding game designers.

The World of Twilight is one of the best branding examples in the gaming industry for me. Despite not having tons of cash to throw at it, Mike has developed a truly unique and recognisable logo and visual style for the game – his pencil illustrations have come to epitomise the brand and is, as I say, pretty unique and easily identifiable. Whilst I've never actually played the game, I have downloaded the first two books as free PDFs and felt compelled to pledge when the opportunity arose.

Last Thursday a parcel arrived containing the book and my Kickstarter exclusive miniature. Given the recent series on this blog about designing rulebooks I felt the need to add a supplement post about this book having given it the once over.

The internal design matches what's gone before in the first two books. It's a pretty clean layout, almost duotone rather than full colour inside, and does the job. The pencil illustrations work really well on the textured background and the whole thing feels like part of the World of Twilight family. There is no page navigation to speak of and the page numbers are very subtle, but I don't think it's really an issue in this instance.

The only real design issue I have is the background fluff (above). It's been set in a display font, which does not work as body copy for me – it's a real challenge to try and read it so I suspect a lot of people will probably not bother, which is a shame as clearly a lot of work went into writing it. Mike tells me it was a conscious decision and that's fair enough, it comes down to individual designers' tastes – even if I don't agree, at least it was a conscious decision not a random selection.

This book is clearly as much of a labour of love as the ones that went before and the passion that went into it is obvious to see. I love the concept of World of Twilight and it has carved out its own corner – and is still carving – in an industry that's notoriously difficult to break into.

Yet as much as I like this book, the format and print finishing lets it down for me.

This rulebook was crying out to be perfect-bound, like the small Malifaux rulebook, but instead it was saddle-stitiched (stapled). Just like the Saga rulebook in my previous review post, it has bowed due to page numbers and paper weight. Mike has since told me that it was a conscious decision to go down the stitched route to match the two books that went before and that's perfectly valid. Although I'd personally rather see perfect-bound, it does makes sense retaining consistency across the range.

The real crime however is the print finish. Mike went for a matt laminated cover, which is a great choice but the printers didn't do a very good job (on this copy at least) on this occasion. You can see in the image above we have bubbles appeared underneath the laminate on the front cover. In the photo below you can see the laminate has started to lift at the edges of the cover. It may just be a one-off in an otherwise perfect batch – I hope so.

As a designer, if I had received this from a printer it would have been rejected and the whole batch sent back to be printed again – it's simply not good enough. The lifting will only continue and in a year it is likely to look a bit of a mess.

As a Kickstarter backer I am disappointed with this end product – though the miniature is excellent – not just for me but because I don't think Mike got value for money from his printer.

The question is, would I even have noticed these things if designing wasn't my day job?

Wednesday, 12 November 2014

How To Design A Rulebook – Black and White

In the previous couple of posts we've looked at three ways to lay out a colourful page in your rulebook – but what about black and white options?

Off the top of my head, I can see only three reasons why you would want to create something in black and white:

1. Print-friendly
You're producing a printable PDF/Word version of your rules and want to save readers' paper and ink when they print it out.

2. Cost
You're having it printed commercially and can't afford the colour price (though this isn't as much of an issue these days thanks to digital printing).

3. Personal Taste
You simply prefer black and white and don't want the distraction of colour.

Let's have a look at how these reasons might be implemented in the layout of your rulebook.

This first example is almost a straight de-saturation of our latter colour example. I have changed our grid somewhat – 20mm borders on all sides except the top edge which has 30mm.

You will notice that I've moved the page numbers to the top of the page (where the extra space is) next to the navigation. The only thing remaining at the bottom of the page is our social media and web links. There is the possibility that these may be lost if the reader's printer has excessive print margins, but it's not the end of the world as they can refer back to the digital document (in fact I'd encourage these links being clickable in the digital document in the first place).

Now the bit that doesn't work as well – images.

I've used grayscale versions of images from our coloured examples and they'll be fine for reasons 2 and 3 above, however they're no use for readers trying to print your document – they're too saturated and (aside from making the paper wet and wrinkled from an inkjet print) they will use an excessive amount of ink/toner.

By using simple line drawings to represent diagrams and filler images (such as this wonderful concept illustration on the right by Heath Foley for Mantic Games) you save the reader some expense and keep your document very legible. Your reader will thank you for it!

Why still bother with images? Because, just like the colour examples, we want to establish our game's brand and/or give our reader some eye candy to stimulate their imagination and get them excited about playing. Just because there's no colour it doesn't mean our document should be boring to look at, hence the re-introduction of an image that breaks out of the grid.

But what could you do to improve things if you have no illustrations and you're just putting something together yourself to stick online for people to look at?

Again, there's no reason why you can't follow the basic principles here.

In this example I've reclaimed some of the border – reduced to 15mm on all sides except the bottom edge which is 20mm. This gives us a bit more text space, so we'll get more on each page. However, this shouldn't mean it's wall-to-wall text, crammed in there. You need to let the text breathe in order for it to be legible and easy to read and take in.

I've maintained as much of the space as I can from previous examples and I've introduced double return spaces before subheadings. Similarly, I've kept the text well away from the top of the diagram box. All the navigation and links have moved down to the bottom, to allow more text space. But remember, it's all about letting the text breathe by adding space.

The 'eyes half-closed' view

If you want to know whether there's enough space on your page you need to look at it with your eyes half-closed.

If your page columns become large grey rectangular shapes then there's not enough space in your page. If you can still identify each section of text (like the image above) then you're on the right lines.

And that's how you design a rulebook!

I'm going to do a final follow-up post to tie up loose ends at some point, but if you have any questions or comments let me know.

Thursday, 6 November 2014

How To Design A Rulebook – Design #2

So now you've seen an all singing and dancing layout last time, it's time to reel things in a bit.

For this next example I've tweaked the original and cleaned it up a bit. Gone are the cut-out images and things take on much more of a gridded appearance.

The main thing to notice is that we now have illustrative edges to the pages and these contain the page numbers and navigation. I've rotated the navigation text in the the top-right to read down the page and added a coloured tab. This demonstrates a way of colour-coding each section of your rulebook so that as people flick through they know exactly where they are at all times. Simple but effective.

You will also see that I've rotated the example box to now span the width of page one. Similarly, the image on page two is at the top of the page to counter-balance the example box.

Still too colourful?

Let's strip things out even more…

The slimline version…

This is exactly the same spread, except the illustrated edges are gone. I've kept the colour-coding and added a coloured ring around the page numbers. This reinforces the colour-coding and make the numbers more noticeable.

Slimline with grids…

With the guides turned on you can see that our columns are still on the same baseline grid and things are still organised and considered. You may notice that I have altered the example box to make use of our six-column grid – the image now spans 4 columns to the 2 text columns.

This second design is still colourful, but it's restricted to the featured images rather than any peripheral 'distractions'.

If this is still a bit over the top we'd better have a look at something a lot more subtle.

To be continued…

Tuesday, 4 November 2014

How To Design A Rulebook – Design #1

With the templates done, we're moving to the visual look of your page and you need to keep in mind a couple of things – who your audience is and how they're going to use your book.

If your rulebook is going out as a Word doc or PDF file and you expect your audience to print it out then have mercy on their toner cartridges. In this instance you don't want to use lots of full colour images, or have important stuff within 10-15mm of any page edge. However, this doesn't mean your rulebook has to look boring – we'll cover this option later.

If your rulebook is meant to be viewed purely onscreen – ebook or PDF on an iPad for instance – then you don't want to have anything too subtle in the background that will become washed out on a screen. Also screens are much brighter than paper, so consideration will need to be made when choosing colour. Screens only require low resolution images and can display incredible detail, so take advantage of that too, especially if the viewer can zoom into diagrams, etc.

If you want your document to be printed commercially (or print on demand via the internet) and high impact then you have an opportunity to go for it (without going over the top). Let's look at this option a bit closer.

Taking our template spread from our hypothetical rulebook, I have commandeered some imagery from the XCom game (which is essentially humans vs aliens) for the purposes of demonstrating how easy it can be to create high impact visuals.

Our example double-page spread – click to zoom, it's a big image!

First of all I've changed the fonts to something more appropriate to the subject matter. Choosing fonts is a minefield and there's something to be said for "less is more". I chosen a rather fancy (but not over the top) display font from for my Section Heading, navigation to the top-right and page numbers. They're still very legible, but have a more sci-fi edge to them which helps with creating a feel for the game. For the rest of the text I've gone with Titillium, which is a very strong sans-serif typeface yet has a technical vibe. I've purposefully kept the main body text clean and very easy to read – do not be using fancy typefaces in here! I've plucked out a couple of colours from my background image to add some complimentary colour and made the bulk of the text 90% black instead of 100% black to take the harshness out of it.

For my background image, I took a large, landscape (horizontal) pic and dropped it into the background. This frames the page and adds some atmosphere. However, text is not going to be legible sitting on it so I dropped a white box on top of it big enough to cover my text area (and a little more). I made the opacity of this box 95% to allow a tiny bit of the background image to show through, without interfering with the text.

Similarly, I dropped white circles behind the page numbers to help them stand out. We want the reader to easily find and identify them, without having the page numbers dominate or distract from the main text. The top-right navigation got the same treatment, with a thin white keyline to draw people's eye across the top of the page, to make it easier to find. The box 'bleeds' off the edge of the page so that it can be seen easily as you flick though the book.

A quick lesson in typography…
You will notice that the columns of text sit on the same baseline grid. The baseline is the 'line' upon which most letters sit, and which descenders (such as those found on lowercase 'p' 'y' and 'j') drop below.

Similarly, text in an adjacent column to a Main Title share the same baseline as the Main Title text rather than aligning with the top of the Main Title.  Conversely, the text opposite the Section Header align with the top of the Section Header rather than the baseline – aligning with the baseline would leave a rather large gap at the top of the page. Does that make sense?

That explanation is a bit on the heavy side, but it just means that everything looks more aligned and considered, rather than just letting text fall where it may.

The spread with guidelines – Note the text on the same baseline

You will notice we have some other visual additions to the spread.

In the far left column we have an example diagram (in this instance a screenshot from the computer game but you get the idea). It's accompanied by our example text in italics as per the template. You will notice that I dropped it into a box with a blue keyline. This was to pick it out further from the bodycopy so that it stands out. I could have gone to town on the box itself with metallic effects, or make it look like a computer panel but given how much else is going on it makes more sense to be reserved to maintain legibility – less is more.

As much as I've been going on a lot about grids and templates, it does make sense to break out of these grids now and again, else you page starts to look very rigid. As our copy in the far right column has fallen short of the bottom of the page (a change from the template for demonstration purposes), I have taken the opportunity to introduce a cut-out pic of a Muton alien, breaking in from the edge of the page. I have forced the text to flow around his shape to help his integration into the page. His presence introduces new shapes and angles into our grid and your eye starts to flow more around the pages.

Similarly, I have taken the opportunity to add a cut-out of the flying bot (hilariously named Floaters) to the middle of column two. He breaks out of our column grid and your eye flows around the page as you follow the angle of his body. Obviously, I've cherry-picked my images from a wealthy resource in the XCom games, but what this shows is that if you have images don't simply drop them in a rectangular box – having cut-outs can create interesting shapes on the page. But again, don't over do it.

So that pretty much describes the thinking behind this layout. It is very heavy on the visuals – too much for some no doubt – but we've managed to keep things reasonably restrained. As a piece of communication it works and has plenty of eye candy.

Next time I'll look at something a little more subtle, then look at a pure black and white layout.

Got questions? Leave a comment and I'll try and answer!

To be continued…


Related Posts Plugin for WordPress, Blogger...