Entries Tagged as “Design”
Redesigning the Desktop Calendar
Most people use a calendar of one form or another in their day to day lives. With so many people using calendars I am really surprised that nobody has gotten annoyed by their functionality to the point where they felt that they needed to rewrite the way calendars work. Maybe I am alone on this idea but stay with me.
It seems to me that the computer calendar was simply a copy of the old paper calendar. The ones that hang on the wall in your cubical with the last month still in view because you never look at the thing except when you finally remember to flip the thing to the next month. Yeah that one.
It seems to me that when designing the desktop calendar programmers took the tried and true route. They built the calendar to look just like our old trusty friend the paper calendar. Granted they gave us more views like week view, day view, and even year view. But I think their needs to be one more view. "Rolling Month View"
Rolling Month View is for people who like the birds eye view of the month, but also want to see the next three or four weeks in addition to the current week. The problem with the traditional calendar system is that if I am at the end of the current month I have to click over to the next calendar month to see what's going on in two weeks. flipping back and forth counting days, trying not to count those extra days that are dimmed out but added in there to complete the boxes in the grid.
I just want to see what's happening in the next week or two. I never care about what happened last week unless the police are asking me "Where were you on the night of…" Anyway, you get the point.
Below is a screen shot of my calendar for the month of May. Assuming today was the 25th of May, it is nearing the end of the month. Granted I can see a few days ahead, but what if I want to see what's happening the week after? I have to toggle to the next month. Meanwhile the calendar is happy to show me what I did 4 weeks ago. What a waste of space! And totally useless in my opinion.
Rolling Month View might be the solution. It continues to roll the calendar forward a week at a time so you always have the next two or three weeks ahead of you displayed in the familiar monthly grid view.
Here is a very rough screenshot for conceptual purposes. There is probably a nicer way to do the rolling calendar, but this took me all of 1 minute to put together. The point is, it makes sense even if the presentation needs some work.
If your a developer for Apple, or know a developer for Apple, can you please get this worked into the next version of iCal? I will love you long time.
→ Respond NowTags: Design · Opinions & Rants · Software · usability
Magnetic Photoshop Frame
For you designer types out there I created a series of do it yourself Photoshop magnets that you can use to frame a photo or a piece of your child's art on your refrigerator door.
All you need for this project is a pack of magnetic paper available from an office supply store, or online from retailers like amazon available for about $10 a pack.
Download the Photoshop frame file, and print onto the magnetic paper, and trim the pieces out with a razor knife. Enjoy!
→ Respond NowTags: Design · Freebies
Creating a reusable message style in Photoshop
As a designer, I have a massive collection of layer styles and gradient styles that I refer to in order to speed up my design process. I started with some free styles I got from Designer Folio and have added a ton of my own styles to the list based on projects I have worked on.
One style that has always been missing was something that looked like an error message that you might find in many css frameworks. Typically these look like solid blocks of color with borders on the top and bottom. Granted this is not a difficult thing to design but it is time consuming and when your quickly changing up a design it can really bog you down. At least it does for me. You can always short cut the design by adding a stroke border all the way around but that's not always what I want to show a client.
Figuring out how to create the 1 pixel rule at the top and bottom of the solid block of color is the only real trick. If your interested in knowing how it was done check out the mini tutorial below. If not, you can download the sample layer styles now. Figuring out how to make the 1 pixel rule at the top and bottom of any block was a real productivity booster and it allowed me to explore and test comon design elements very quickly while not feeling bogged down in the process.
Example of included styles
Creating the effect is actually very simple. First start with a base of any color on a separate layer. I like to use a bold color that is similar to the color I intend to use. I only do this to make it easier to spot the correct layer in the layers palette later on should I need to make a change.
Figure 1
Next, you can apply one of the starter styles and modify it to your liking. All the effects are editable and non destructive.
Figure 2
As I said earlier, the effect is very easy to create from scratch. The only trick is figuring out how to make the border appear on the top and bottom of an element without using a stroke. To do this, I added a drop shadow and an inner shadow only I changed the blend mode to normal, set the opacity to 100%, angle to 90 degrees, distance to 1 pixel, and reduced the size to 0.
Figure 3
This effectively gives you a one pixel stroke at the top and bottom of your design elements. Now add some gradients and other types of fill, and now you have the ability to rapidly create many types of design elements like menus, footers, sidebar details, table rows and cells, and etc. The style is actually very versatile and can spawn all sorts of new creative ways of increasing your design productivity.
Download The Photoshop Layer Styles
I packaged up a small handful of these basic layer styles that you can use as a starting point in your own work. Note, these were based on 72 dpi resolution document. If you design at higher resolutions, then you will need to adjust the distance of the drop shadow and inner shadow to suit your needs.
Download the Photoshop layer styles for free
→ Respond NowTags: Design · Inspiration · Photoshop
Free Grayscale Textures
As a designer I understand the value of great free textures. Textured images are a great way to add some pizzaz to a design project. That's why I decided to give back to the design community by offering these textures up for free.
I originally shot these images for use in various video projects I had going. Because I used them as video mattes they are all in grayscale. This made it easy to matte the textures to a background to create the desired effect.
Your free to use these textures for personal or commercial work. The only restriction is that the images cannot be redistributed on any other site or as part of a collection for sale or free. You are NOT required to provide a photo credit, but if you can do so without mucking up your project I would love you long time. Please Enjoy!
Share the goodness with a retweet!
→ Respond NowTags: Design · Freebies · Inspiration · Photography
Apple's Obsession With Removing Buttons
It seams that as of late, Apple has been obsessed with removing buttons from their devices. They are acting like the crazy parents obsessed with removing all sharp corners from their house when they have a child. Was Steve Jobs attacked and injured as a child from a rogue button?
In the last two years Apple has been grooming consumers for a buttonless revolution. The iPhone, though having buttons itself focuses more or non tactile usability. Earlier this year we saw the laptops go buttonless. Now the iPod Shuffle.
I personally did not care much for the buttonless laptop. I felt the system did not work as good and needed more time being tested for usability. Apple has always been on the forefront of design and usability and being able to put them into the same package has always been a strong point for them. This time around I am not so sure. I know I would feel more comfortable recommending an last years model to someone purchasing a laptop for the first time.
The 3rd generation iPod announced today really makes me wonder if it's really necessary to reinvent the wheel? Unless of course your making a better wheel. Maybe I am being quick to conclusions as I have not actually seen the new iPod Shuffle but let me point out a few things that I noticed right away. A few things that have me concerned about this product.
Why on earth would you take the buttons off of the device and put them on to the headphone cord? I don't know about you, but I personally think the earbuds are mediocre at best. The first thing I did when I got my iPod was buy some real headphones. Putting the controls on the cord just means that if you buy a shuffle you have to stick to the earbuds supplied until third party manufactures catch up and ship an alternate product. No doubt you will have to pay a premium for them to boot. Do we really need another iPhone headphone debacle? Didn't we learn something from this or do we need to do it all over again.
→ Respond NowTags: Design · Software · usability
