A great product sells itself. In the case of FontStruct, which is a Flash-based tool for font design, its creators took no chances and went all out to promote it in the latest issue of their email newsletter: one full page showing what you can do with FontStruct.
Beautiful fonts created with FontStruct are put on display using powerful praises.
(The image above emphasizes only one testimonial. It would be too long if I put everything on the right side in full size.)
This is how you sell your product. You show it in action. And because we’re talking about typography here, nothing goes with beautiful type better than beautiful words. It also happens to be the smartest way to spice up testimonials, or similarly short pieces of text.
As long as you build a good product, you won’t have to worry about either the by-products or marketing copy. I mentioned “by-products” because aside from being a web-based tool, FontStruct is also a user-generated website. I know user-generated sites suffer from high noise-to-signal ratios and people are starting to doubt the “wisdom of the crowds”. But in creative environments like FontStruct, you tend to attract talented producers and enthusiastic consumers. Especially when coupled with a tool that works well.
If you’re looking for cool new fonts to play with, try FontStruct. You’re in for a pleasant surprise.
This comes as a surprise. Aux of Cogent Metal is vehemently against webpages that have narrow layout widths. And I thought web designers are now more worried about the opposite: the wide layouts that whip out the horizontal scrollbars in resolutions narrower than 1024×768.
This is another proof that you can’t guess every possible reaction to a design pattern. In this case Aux would rather have wide layouts because it would mean a larger area to present content. But what can you do about someone just like Aux, but who believes the complete opposite?
more
I thought it would be cool to dish out interesting links you can check out this weekend. Hope you find inspiration in them.
Pixar’s Brad Bird on Fostering Innovation: Anybody who’s been the tiniest bit interested in art eventually finds Pixar as a haven for all creatives. Brad Bird says it’s not easy to continuously churn out successful animated movies and he lists how to keep the fire of innovation burning.
If you work in lighting but you want to learn how to animate, there’s a class to show you animation. There are classes in story structure, in Photoshop, even in Krav Maga, the Israeli self-defense system. Pixar basically encourages people to learn outside of their areas, which makes them more complete.
Satan’s Logo.: The goal is simple—figure out how Satan would sell his “brand” with a logo. This is a good exercise for all the marketing people out there. You don’t have to choose the Devil as your make-believe client, just find a popular person or brand and ask yourself how you would promote him/her/it. But there’s something to be said about the necessary deception in coming up with Lucifer’s company name. Is branding in general the same way?
The hardest part was the new brand name actually. After all we are talking about the master deceiver in all history here so his true nefarious tendencies need to be cloaked in a thin veneer of corporate benevolence.
Mother Like No Other: Yves Geleyn created a cute animated movie for Mother’s Day. It’s a special presentation from Zune Arts. I love the variety of textures used in this animation.
Set to the tranquil, melodious song “Come As You Were,” by The Bird and The Bee, the short stars a young beaver who is whiling away the time on a tree trunk. When a red cardinal flutters in and pecks at his shoulder, the beaver is jolted out of lassitude, and begins his search for a Mother’s Day idea.
Finally, I just want to let you know I’m now writing the Friday Focus posts at Devlounge. If you’re dying for more link candy, go check it out.
Happy Mother’s Day weekend!
According to the latest episode from the Boagworld podcast, “you might be wasting your time designing with CSS” because now that Flash is open source, it’s “going to be everywhere and is the platform we should now be developing on”.
Flash versus CSS? What?
Let’s backtrack a bit. Adobe recently announced the Open Screen Project, which will implement a “consistent runtime environment” for Flash (and AIR) across all platforms. All, as in every medium imaginable: computers, mobile devices, TVs, and everything in between. Adobe working hand in hand with some of the biggest names in media and electronics to make this possible. For a company that’s always created proprietary technologies, moving to an open mindset is a bold move. But this will cement the popularity and innovativeness of Flash.
So how does Flash compete with CSS? We shouldn’t take the Flash vs. CSS part literally. It should be more like Flash vs. HTML and CSS. Or HTML and CSS and JavaScript. Wait, what about AJAX? And Silverlight?
See how silly this bout has become? All these web technologies are not direct competitors. (Except for Silverlight, perhaps, but I’m not even sure if it still stands a chance.)
But there’s a very real question being posed here. Should HTML/CSS coders move on to what seems to be the greener pasture that is Flash?
I firmly believe that not every website in the world has to be done in Flash for it to be jaw-droppingly awesome. There will be Flash developers who believe exactly the opposite. There will be hybrid web designers who can straddle between both and don’t really feel the pressure. Any of the three will prevail in the future, but from the looks of it right now, there’s still a place for plain old HTML and CSS no matter how big Flash has become.
Besides, both camps are still considerably immature. The web in general is, actually. It’s just that with all the effort spent into creating websites and the money that can be made from them, web technologies seem complete already. But they are just as dynamic and unpredictable as the web itself.
Perhaps one of the most well-designed and organized compilation of information design patterns, this website created by Christian Behrens is actually part of his master’s thesis.
It’s designed in Flash, which makes it a lot easier to demonstrate the non-static design patterns (e.g. layering) as they change over time. One can also look up the patterns according to different characteristics (e.g. order principle, user goal, graphic class, number of dimensions).
Anybody who wants to learn the variety of ways to present data—it’s a very elegant craft if it’s done right—should go visit this website. Truth is, Christian is not the first to come up with such a site, though he certainly did an awesome job with it.
User interface design is not the same as information design, but in several environments they can go hand in hand. Yahoo! has its own Design Pattern Library, which provides examples using the YUI Library and Yahoo! sites themselves. UI-Patterns.com is another such site. Even Chris Messina used a Flickr photoset as a repository for them (along with other equally useful collections: user flows, applications, etc.). Another personal project is this pattern library by Martijn van Welie.
Clearly, there’s a growing need for websites that would prove useful to information designers and interface designers. Perhaps even other types of designers. The problem is what’s out there right now are difficult to update and not exactly open to external contributions, mostly because they’re personal creations done during someone’s spare time. They’re dead ends. There is no way for other people to come in and suggest new patterns, or even share code, images, videos, and links that can help demonstrate them. There is no growth, no learning, no exchange of ideas. No community.
Design patterns keep people from reinventing the wheel, but all these collections of design patterns are redundancies themselves.
Am I looking for yet another niche social network like tlbox? Or a whole new breed of “inspiration” and “showcase” websites? Hey, if somebody can create a website with over 1 million user-generated colors, why not add another weapon to the designer’s arsenal? Move over, CSS, it’s time for ID and UI (or UX, or UIE, or whatever) to shine!
Beautiful, practical, flexible typography on the Web is practically non-existent and still remains a web designer’s dream. We’ve drawn a few steps closer through Flash- and CSS-based inline replacement techniques but at the price of accessibility and elegant code. Fortunately a member of the W3C’s CSS Work Group, Jason Teague, volunteered to be the primary advocate for the CSS3 typography modules. And he’s asking for our input.
These are the typography modules for CSS3:
CSS Fonts Level 3
…contains the properties to select fonts, as well as properties for font “adjustments”, such as emboss and outline effects, kerning, and smoothing/anti-aliasing. Font selection is identical to the similar section in CSS2. The font adjustment properties are new to CSS3.
CSS Web Fonts Level 3
…provides syntax for describing fonts: their name, their style, which characters they cover and also where to download them from. Adding such descriptions to a style sheet allows a designer to be more precise in font selection and, if the browser supports font downloading, to use fonts that people are unlikely to have installed, including fonts that the designer created himself for the purpose. Web fonts are also used by SVG and, conversely, one can use SVG to create fonts for download. Web fonts existed already in CSS2.
If you ask me, and I’m speaking as a non-expert in typography, I just want the type size renderings to be normalized across all browsers first. With all the new properties about to hit as CSS3 becomes mainstream (it’s working on Safari already), web designers will face even more problems just trying to keep websites sane-looking across different browsers.
Problem is, the W3C is not the right venue for raising this problem since it’s the browser vendors that render styles differently. And I’m not just referring to Internet Explorer here. We all want pixel perfection, do we not? But is it even possible? Not having to choose between px, em, and pt font sizing would be a good starting point.
Regardless, it’s good that there’s an open communication line between the general Web community and the working group. It doesn’t matter if you’re a type fiend or a casual web surfer. All you have to do is leave a comment (you have to register first), and your voice will be heard. So, what have you been wishing for when it comes to web typography? Sound off at Jason’s blog now!
