Tag Archives: good design

What is so Special About The Story of Jasmine?

     The Story of Jasmine is truly unique and remarkable—not only from the standpoint of the story being told but from other key aspects as well. I thought I would help my supporters understand why every installment is unique and remarkable.
     It’s not supposed to happen like this…
    … to freshly present a finished installment to readers at the same time the story is being conceived is unheard of. But here we are.
The Writing
     Books usually go into production after the ideas have already been conceived and written down, sculpted and rewritten, then edited and proofread. The amount of text is known. When planning a publication, designs are based upon knowing beforehand the sizes of all the elements needed to be in the layout.
     The Story of Jasmine is in perpetual idea form. I can truly say I only have a vague notion of where the story is going. And I don’t know how the story ends. I am trusting that the creative process will take me where I need to go and everything will get resolved in a spectacularly satisfying way.
     The way I process information is a factor in my creativity. Not only am I a visual thinker, but a spatial thinker as well. I see things in terms of their orientation in space (and time). When I’m writing, I often get a visual of how the story appears on the page.
     I record ideas as they freshly occur to me and reason out the in-between stuff. I’m often surprised at what is gets revealed in the narrative that had never occurred to me when piecing known elements together. To update the newest information in my head is to integrate it.
While I’m in a more linear mode, I ponder why newly revealed details would be important and how they might affect the other characters. All I really have to do is pose the question to myself and I’ll (eventually) receive an answer. However, the story usually comes when I’m engaged in a physical activity, such as housework.
     Maybe I’m sweeping the floor when a part of the drama unfolds before my eyes. I’ll continue my activity until the “clip” is finished. As a visual thinker I “see” the characters in motion. Then I’ll go over the scene in my head, again and again—while still sweeping—so I understand it from each character’s perspective.
****I’ve read research that suggests that doing something physical while trying to learn something reinforces the ability to remember. It might be why when talking with a friend while on a walk, I would be able to reconstruct our entire conversation later when taking the same route. The memory is tied to different features, such as walking over peculiar cracks in the sidewalk or pausing in front of a tree. I’m apt to agree with the study.  But I digress… ********
     Each published installment is a single scene that represents a complete thought. I decide whose viewpoint would most effectively advance the story for the reader. I only begin writing in earnest when phrases start coming in.
Design
     Writing might take a couple of hours or three days. But as soon as I am finished, I transfer the raw text electronically and import it into Photoshop. First, I see how much text there is to work with. If there is little text, the illustrations become larger, vice-versa.
     This is the point where I edit the text. Appreciating the text in the context of the page is where I begin to assess the design. The text becomes units or blocks that have spatial relationships to other blocks. Visually, some blocks need to be filled when the lines are too short. I solve these visual problems by adding or losing words. It’s a matter of choosing different words to convey the same meaning. If I want to increase the size of an illustration, I may toss out a paragraph.
     This more organic method flies in the face of conventional graphics design where an established grid dictates the size and relationships of the units. For aesthetic considerations, I rely upon my eye and my artistic sensibilities to make the page a joy to behold because I’ve internalized the rules and understand how to break them.
The Jasmine Font
     A large part of my page aesthetic is due to the font. I designed my Jasmine font based upon the calligraphy I used in 1980 in some installments of The Story of Jasmine published in The Dragon magazine.
     The text font is the italic version of the Jasmine font. This is another departure from convention. Italics is seldom used for large blocks of text because italics is too hard to read: it is usually reserved for captions instead. Roman (upright) and Regular (medium weight) versions of fonts are normally used for blocks of text.
     When I first used my font, I was still renovating the original panels and wanted to replicate their size and look. The Jasmine italics font is the same size as the calligraphy was on the original panels—large—so readability is not an issue.
Illustration
     Then I decide what needs to be illustrated. Often, within an illustration’s progress, I may change the text to better describe the action, which may increase or decrease the size of the art.
     Often, no illustration decision is necessary. I simply re-create what I saw in my mind’s eye when my creative muse showed me a clip. I admit, I often receive material enough for several pages. So it’s a matter of being discerning. If I wish to feature a certain scene, I manipulate the text to accommodate an illustration, balancing the elements of the narrative between three panels or more.
     I chose to make the characters ultra-realistic looking. I wanted to f—k with the notion of reality impinging upon fantasy … a story documentary in page form. The realness of the characters feeds the realness of the tale. This very story just might be happening out there, somewhere, in another reality…
Publishing
     From conception to finished layout and art, the process takes about a month. With Patreon’s monthly deadline, I feel honor-bound to my patrons to produce at least one installment each month. During the month, I weave together many different creative disciplines. But whatever I do, the result is fresh and in-the-moment.
     Where actually does the story come from? Is it my imagination or am I tapping into some other realm where all this is actually taking place? Do other writers wonder the same things too? Can’t it be both?
     Well, I cannot worry about how relevant a story is about a girl growing into her power even though I sometimes wonder if people are sick of medievally-inspired fantasies about kingdoms at war with evil. It doesn’t matter. This tale is being told whether or not our world is ready for it.
All I know is that my Patreon fans are witnessing a creative process that integrates several disciplines on an on-going basis.

Darlene’s Design Tips: Characters Per Line

In reviewing some design portfolios of candidates seeking layout work in the RPG genre, I was very surprised. From the samples I have seen thus far, I wonder if anyone has any feel for using type at all!

The last portfolio I reviewed, there were only two readable pages among twenty. Only those two pages used flush left/rag right alignment and the ratio between the size of the type versus the length of the line was finally correct. Unfortunately, it was all wrong on his other sample pages.

If this person were a student of mine (I used to teach graphic design to University underGrad students), I would point out some things he did that are not reader-friendly, such as his persistent use of justified text. According to Wikipedia, when justifying text type, “the minimum number of characters per line (cpl) is 40 characters; anything less than 38-40 characters often results in splotches of white spaces (or rivers) or too many hyphenations in the block of text.”

Apparently, this designer does not know that using the optimum number of characters per line (cpl) greatly impacts legibility. Basically, anything from 40 to 75 characters is widely regarded as a satisfactory line length for a single-column page set in a serifed text face in a text size. The 66-character line (counting both letters and spaces) is widely regarded as ideal. For multiple column work, a better average is 40 to 50 characters. Font sizes need to be adjusted up or down to achieve it.

Therefore, if designers insist upon using one column of type across an entire page, they must strive to make the type conform to 66 characters per line. Otherwise, the page will look like the suspiciously small type within a lawyer’s contract. Longer lines (between 85-90 cpl) may be acceptable for bursts of discontinuous text, such as in bibliographies and footnotes, but for continuous text, lines with more than 80 characters is unacceptable. On the other hand, study participants preferred shorter lines over long lines, likely because they feel more at ease with the format. Also, short text, such as ragged marginal notes, can be as little as 12-15 cpl.

Whatever the format, the text should be always be inviting and easy. Avoid the mistake of presenting a wall of text with no breathing room. Don’t make leading–the space between the sentences in a paragraph–too tight. Think of the leading as the road that brings the eye back to the right to read the next line. The pathway of white should, at the very least, be 20% of the font size, or two points above the size of the font. That’s what is meant by 10 on 12 (written 10/12). It means to set the text using ten point type with twelve points of leading. The same paragraph set solid is written 10/10.

The designer would be cruel to the reader to set a paragraph solid with a justified type alignment. When the text is set as thick blocks, it becomes an almost impenetrable wall. Reading is slowed and comprehension is compromised. It’s also a recipe for a head ache. I wonder why this mistake is done so often in the RPG genre? Why is there so little regard for making texts legible and accessible to the poor reader? Is it possible people are unthinkingly proliferating the mistakes created by others before them?

Another portfolio I perused showed the complete opposite. This designer used the page like a canvas. Also being an illustrator, she used the text to accentuate her art. She made a statement about not liking there to be too many lines of text on a page. That’s ok if she was also the author. If not, I would hate to be someone who was trying to communicate something vital in the midst of visuals competing for attention. This designer was self-serving, showing off. Her allegiance was not true to her role as designer: to accentuate the meaning of the text.

A good designer makes sure that everything is accessible to the reader. The page is not a canvas for the designer to express himself–that takes away from the purpose of the page and spread. Nor is it a contest to see how many words can be crammed onto a page because printing is expensive. In good design, the words always take precedence. They are supported. Information is easy to find. Reading becomes a joy. Good design is reassuring to the reader. Good design is invisible. It does not call attention to itself. It faithfully supports the meaning of the words and looks easy.

Successful graphic design is Zen.

Sources: Bringhurst, R. (1992). Horizontal Motion. The Elements of Typographic Style, pp 25-36. Point Roberts, WA: Hartley & Marks.