Advertisements

Brick by brick: News about FontStruct


All About Bricks

News | | August 27th, 2010

New Bricks

new_macaroni_bricks

First things first. We’ve added four new bricks. With the new possibilities offered by FontStruct 2.0, some quarter ring shapes (the so-called “macaroni” bricks) make sense and have been requested by several users in contact mails and comment threads like this one, so here they are. Enjoy!

You can see that the B in the image above is a bit mannered. Users have suggested using “2 x 2″ filter settings to connect the macaroni bricks in different ways and avoid such  eccentricities. I don’t have much experience with working with 2 x 2 filters myself – it’s a technique that’s been developed and perfected completely by FontStruct community members – but here’s a quick and simple example of how you could use them to join and overlap the macaroni shapes. First a finished letter with the filters set to 2 x 2 and two lengths of macaroni overlapping nicely …

using_filters_1

…  and then with the filters set to the standard setting of 1 x 1 to demonstrate how the letter is constructed:

using_filters_2

Any volunteers willing to write a full tutorial on 2 x 2 filter techniques?

Better Bricks

We’ve also done some work to improve the quality of the existing bricks. Some users had observed that certain bricks did not join well in the downloaded fonts. These shapes have been redrawn and should produce better results now. Please let us know about any more poor joins.

We’ve also refurbished the existing ring and punch-cut square shapes to make the circles, if not perfect, at least not quite so dreadful. The main impetus for this was stumbling upon “Oh, it’s not a circle” by Luc Devroye which highlights the “wilted disaster” of the original FontStruct ring shapes. Thanks Luc!

The Order of Things

Finally a short note about the ordering of the bricks in the “All Bricks” palette.

Initially, the ordering was purely intuitive.  Shapes were added, in logical groups, simply as they occurred to me with a bit of shuffling based on vague assumptions such as “not many people are really going to want to build fonts with star shapes”. This process continued as FontStruct developed, and as community members asked for new bricks they were appended to the bottom of the palette.

Recently I took a look at what shapes people actually liked to use. See the images below or the detailed breakdown here. The one on the left shows the existing order. The one on the right shows the brick palette sorted according to brick popularity. The pixel (square) is king of course, followed by the quarter circles and the big triangles, then the large circle. The least popular brick of all is the pentagon. If you can bring yourself to wrap your arms around those awkward corners, hug a pentagon today.

Although we won’t completely reorder the brick palette on the basis of these statistics, some reorganisation will take place at some point and I think these stats may help with that. At least they’ve reminded me how important order can be when presenting options in an interface.

Palette Order


10 Comments

  1. Mike

    Wow Rob, you have really expanded the offering. I haven’t looked at this for a while. I also just noticed this – http://fontstruct.spreadshirt.com/

    Who put that together?

    Comment by Mike — August 27, 2010 #


  2. Tylo

    WOW!
    I think its a really good idea reorder the brick palette!
    Now, I have to go…new bricks!

    Comment by Tylo — August 27, 2010 #


  3. geneus1

    Thank you Thank you Meek! I’ll be releasing two clonable samples of fonts using the new arc bricks with and without filters. I am surprised that you mentioned that you don’t have much experience with 2×2 filters. There is much to be said. I don’t know where to begin. I’ll answer any questions I can on the sample font pages.

    Comment by geneus1 — August 27, 2010 #


  4. TomoAlien

    Yes! These 4 bricks are very, very useful!
    I can’t wait for more nice bricks to use in our FontStructions! ;)

    Comment by TomoAlien — August 27, 2010 #


  5. Rob Meek (meek)

    @Mike! Nice to see you back on FontStruct! The FontStruct team put the shop online although the Spreadshirt people provide a great platform.

    Comment by Rob Meek (meek) — August 27, 2010 #


  6. djnippa

    Oooooh new bricks. Excellent.
    I can fully relate to reordering the brick panel. However your proposed reordering in my opinion has a major flaw. When building a ‘curved’ font. You want ‘all’ the curves to be in one place. Scrolling up and down would be a pain, popularity should only come into the equation, within these clusters of shape. I’ll put together a few options and email them to you.

    Comment by djnippa — August 27, 2010 #


  7. Rob Meek (meek)

    @djnippa. Looking forward to your proposals. I’ve already got some others from thalamic. The image in the blog post is not a proposed reordering by the way. I don’t want to order the bricks based purely on popularity. I just thought it was interesting to see what is popular. Also on the todo list is a complete rethinking of the brick palette which will probably do away with the idea of one big list.

    Comment by Rob Meek (meek) — August 28, 2010 #


  8. riccard0

    Just my two cents (and some feature requests):
    1) The “macaroni” bricks are a wonderful and very welcome addition at last! Since now it was possible to do them only in white using brick-stacking. So here’s my feature suggestion: in the Advanced > Modify menu why not adding a “Invert” item which would transform the selected bricks from black to white and the background from white to black?
    2) The filters are very powerful and useful in order to obtain several effects. And they’re absolutely essential to control at least a little the letter-spacing. However, they’re a pain to work with, because there isn’t a visual clue of which squares the brick will or is covering. That and the fact that only a part of the brick is clickable in order to select it, make placing and especially moving around bricks when working with filters a bit difficult and frustrating.
    Keep up the good work! :-)

    Comment by riccard0 — August 28, 2010 #


  9. riccard0

    Oh, since we’re on topic, another thing I would like to see is an option to add transformed (rotated, flipped, etc.) bricks to the custom bricks panel.

    Comment by riccard0 — August 28, 2010 #


  10. Rob Meek (meek)

    @riccard0 Thanks for the feedback.

    Inversion of bricks would be cool but is a lot harder to implement than you might imagine. Nevertheless, I’ve taken a note of your suggestion.

    I know it’s a pain to work with the filters set to more than one. They were originally intended as something a designer would use right at the end of the design process, either to add uniform spacing between bricks, or to inflate their designs a little bit. I never dreamed that people would actually work with them set to two. For the time being you’ll have to accept the way it works, but maybe I can improve things a bit in a future release of the FontStructor.

    Comment by Rob Meek (meek) — September 1, 2010 #