Photoshop Type Time Savers
The following two Photoshop type tips are small, basic, and quick, but may save you a few minutes here and there if you're not using them already:
- quickly convert between point type and paragraph type
- change fonts on multiple layers at the same time
Do you have other time-saving type tips? Share them in the comments.
* Note: Photoshop CS3 is the version being used in this demo.
Five Lessons From FOWD ‘08
A few weeks ago, Jim and I got the chance to go to New York for a day and see some great speakers at Future of Web Design 2008. This was the third FOWD Carsonified has held (read Jackson's notes from the first one), and their experience in planning tightly-scheduled, well-organized conferences definitely showed.
There were too many talks and impressions to really go through'em all, plus there are already great in-depth discussions out there, so I just wanted to toss out my top five takeaways. There were a lot of good talks (Powazek, Mall, Swedberg) that don't get mentioned here, not because I didn't learn anything from them, but because they didn't fit neatly into these five points.
Colds. Remedies. Web Designs.
So I've had a nagging cold for two weeks now, and I'm one grumpy Crumpy. I might write up my persona as: thirty-three year old web designer, tired and a bit on the cynical side, coming to pharmacy site hoping to find a good cold/flu product via some effective design. I'm overly touchy (because of a 2-week cold) and I'm overly analytical (because I'm writing a blog post).
I recently visited 4 sites:
Here were my generally subjective evaluation questions:
- How do I respond to the overall visual approach (layout, colors, typography, hierarchy)?
- How appropriate does the home page feature area feel? Does it inform or annoy?
- Does the main product page make it easy to get a comparative overview of what's available?
- Are the tools for narrowing my remedy search effective, focused, and fast?
Using the Flickr API: We Don’t Need No Stinkin’ Badges
Earlier this week Flickr posted on their blog that the three billionth photo had been uploaded, so I thought this would be the perfect time to promote Flickr's services some more. A while back I wrote about pulling Flickr images using jQuery, but in that example we were using feeds provided by Flickr's services. Feeds are great because they don't require an API key, and with response formats like JSON, its become relatively easy to parse out the information coming in. The downside is that you can only work with the information within the feed you're pulling. Plus, that post was mostly about using jQuery and may have been a little much for most people who just want to simply pull images from Flickr. In this post, I'll show you how to easily use the Flickr API to display pictures on your site.
The Easy Way
Flickr offers a free badge creator because anyone with a Flickr account wants to show off pictures on their website. After answering some questions about how you want your badge to look, you get a tailored JavaScript include that you can just paste into your HTML and have pictures display on your page. This is really easy for anyone that just wants to show a couple photos on their blog, but doesn't feel like learning about the API (which as you'll see later is super easy). For example, here is what a personal badge (from Flickr user "vigetinspire") might look like:
Continue reading "Using the Flickr API: We Don’t Need No Stinkin’ Badges"
Overcoming Inspiration Overload
We've all heard of information overload, and most of us recognize that too much data overwhelms rather than educates. It kills our efficiency and distracts us from important tasks. With so much information at our fingertips, even small decisions become difficult. I can lose hours of time on Good Reads sifting through reviews trying to decide what book I should read next. It's fun and interesting, and my choice is well-informed, but I used to visit the library and choose something off the shelf in 5-10 minutes. Is the trade-off really worth it?
Lately I've been noticing a similar phenomenon while designing. The explosion of great CSS galleries and design blogs out there has made it impossible to feel "caught up". There are so many cool things out there to discover... and the possibility of missing something eats at me.
Under Pressure: Lessons Learned from 48 Hours of Design
The weekend before last, I participated in Rails Rumble: a 48-hour contest between small teams of Ruby on Rails developers worldwide. Viget had members in four of the teams, and everyone really delivered (you can read more about the others here). Our team (Patrick Reagan, Nicholas Schlueter, Rob Ares, and myself) built Qflip, an app that randomizes your next Netflix rental with the help of an anonymous community.
Working closely with 3 developers (photographic evidence) on a tight timeline was a unique experience, and it forced me to rethink a lot of my web design processes. While these lessons specifically apply to tight design projects, in some sense, every project is a tight design project: It never seems like you have enough time or resources to get the results you want.
So, here are a few thoughts I had on designing with developers, designing within constraints, and designing for maximum impact with minimum resources:
Continue reading "Under Pressure: Lessons Learned from 48 Hours of Design"
Superfamily Font Roundup: 40+ Serif and Sans Font Pairings
For some reason, it remains difficult to hunt down font families that have a serif and sans-serif combo. As far as I have found, none of the font sites allow you to search by this designation, yet it seems quite useful to utilize the hard work of typographers who, with great attention, have designed sets that work in this capacity. I'm not a huge student of typography, but I do understand that there's some grumbling about the use of these pairings, that using them produces less-than-ideal results or reflects a bit of laziness. I get it, and agree that some of the best combos are hand picked, but this post isn't about that. There are plenty of other font pairings that don't share a family, that work together because they contrast nicely, but again maybe a different post. This post is simply put together to identify what is available in the event that you're needing a quick sans/sans-serif harmonious combo or you're looking for wider variations within a single family style.
There isn't a clearly standardized name for serif/sans-serif paired families, but from what I can find, superfamily is the term most commonly used. You may also find references that use the terms suite, hyperfamily, type system, or family group. Following is a list compiled from other posts that I found and personal font searches. Please share superfamilies that you know of that didn't make the list, and I'll be glad to add them.
Continue reading "Superfamily Font Roundup: 40+ Serif and Sans Font Pairings"
Recent Comments
@Samantha, I’m not aware of a “find/replace font” function. That essentially would be exactly what we need, which is a type styles feature/palette. It’s indeed unfortunate, and is one...
- Peyton Crump on 'Photoshop Type Time Savers'.
- kaske on 'Photoshop Type Time Savers'.
- kaske on 'Photoshop Type Time Savers'.
Subscribe to Comments RSS