Archives for posts with tag: Design

There’s no doubt that the iPad is a superb delivery device for magazines, books, and browsing the net. Magazines in particular work really well in this new format. The large uncluttered screen allows for well designed magazine layouts, without limitation in typography or illustration, and introduces a whole new dimension of interactivity.

However, there is a downside to this. As yet, there is no common, more efficient delivery method. Unlike books, which can be purchased and downloaded through either Apples’ iBooks app or Amazons’ Kindle, each magazine packages their own downloader — and those downloads can be huge. There are only so many 500Mb issues of Wired that you can fit even on the largest iPad.

We’re almost there, and this is definitely the device to take us there!

  • Cost of the device – iPads are clearly prohibitively expensive for the majority of folks, limiting the market
  • Only a handful of truly interactive Magazines, such as Wired
  • Delivery format: current crop of interactive magazines are very large in size, filling up a lot of space on the iPad

In our infinite wisdom, for the BiteSizedJapan project it was decided that writing a Publishing system from scratch would ensure a much better fit for the magazine than trying to hack an existing content management system.

Let me say this up front: Content Managers are not easy to write!

Thankfully the pain is somewhat mitigated thanks to TinyMCE and a lot of jQuery.

Publisher

Publisher MCE

BiteSizedJapan features “bento” boxes filled with “bites” of Japanese culture. While researching sites, I came across inspiration from down under, in the form of Love Bento! Gorgeous layout, simple but effective.

lovebento1

lovebento2

While we work like crazy lil bees on the content and publishing system for Bite Sized Japan, we found time to put together a dummy front cover for the magazine. The artwork is from our archive and we’re trying to track down the original artist. Anyone know who created it?

Issue 1 demo cover. Who drew the anime girl?

Issue 1 demo cover. Who drew the anime girl?

I have mixed feelings about cover design. April 2010 being our first issue, and we really don’t want BiteSizedJapan.com to be seen as “just another Anime magazine”. After all, that’s not what we’re about. We’re a Japanese Culture magazine, and Japan is far more than Anime, Manga and schoolgirls (no, really!). We will be far broader in our exploration of Japanese culture.

A quick google of “japanese culture” kicks up 100′s of interesting web sites that touch on similar themes to BSJ. While many are packed with interesting information, the majority feel like academic web sites or wikis. Not that there’s anything wrong with either of these, but they are hardly inspire or catch the eye. There are obvious exceptions such as the rather excellent www.tokyocube.com or www.pingmag.jp (sadly no longer published). This is the “cool” end of the market, but both of them lack the magazine format that attracts me to working on Bite Sized Japan.

Finding a balance between the “cool” and “academic”, while trying to keep our magazine format*, is challenging. For our premier issue its really important for us to catch the eye of casual surfers, while managing to promote that we’re an information rich publication, rather than just lots of pretty pictures of anime girls and funny things in Japan.

* There is of course one small caveat to all of this: We’re not a printed magazine. Being exclusively online means that pretty welcome pages are a no go: we have to present the guts of our content to our readers (and the lovely GoogleBot) first-hit. Our cover page is unlikely to be the first page a reader will see when they come across our magazine as we’ve actually reversed the order from a traditional print magazine!

cufon

So, if you come up with a fab design with sexy typefaces and a wonderful layout…  and then you can pretty much kiss that goodbye within a browser. After all, you are limited to a handful of rather dull typefaces, and until now there was very little you could do about that….

The solution? Well, over the past week or so I’ve been playing with the Cufon font library.

Cufon is a very clever tool that lets you upload fonts and reprocess them in a format that can then be displayed in almost all browsers. Simply including the Cufon script:

<script type=”text/javascript” src=”/script/cufon.js”></script>

…the font script (generated via their web site)…

<script type=”text/javascript” src=”/fonts/EurostileT_400-EurostileT_700.font.js”></script>

…and a simple jQuery call and you’re good to go:

Cufon.replace(“.myCssClass”);

Cufon will walk through your page and replace all instances of “.myClass” with your fancy font. It’ll even maintain the formatting (including colour).

We’ve tested this on Internet Explorer 6 and 7, FireFox 3.5 and Safari 4.1 and it works like a charm – and ideal tool for a type-heavy publication like a magazine (BiteSizedJapan).

Vixen has been scribbling again as we get closer with the BiteSizedJapan character designs.

New artwork by Sirin for BiteSizedJapan

kamekobraids

Vixen has given Kammy-chan a gift… a beret!

More Kam poses

More Kam poses

The Vixen put together some new poses! We’re getting there. Once we have Kameko’s look finally figured out, we’ll be creating the rest of her family.

Bemused Kammy-chan

Bemused Kammy-chan

We're not done yet...

We're not done yet...

These are still prototypes… here are a few other sketches from dear Chino:

More sketches from Chino

More sketches from Chino

I really liked the “long hair” Kam, but I think we’ll maybe use this design for her sister.

Over the months (years?) that BiteSizedJapan has been bumping around between people there have been many, many designs for the magazine layout, the technology behind it, even the music! But by far the hardest part of the entire design has been our hostess! Kameko has gone through many generations, and as we get closer to nailing the final designs, my dear new friend Chino in Japan smacked us with a twist on our Kameko character… and we just love her!

Chino's "Kameko remix" (Isn't she cute?)

Chino's "Kameko remix" (Isn't she cute?)

Original Kameko design

Original Kameko design

This has given us a bit of a kick in the pants, and we’re going to be spending the next week or so actually sitting down to finish all the character illustrations.

Big thanks to Chino!