Friday, January 05, 2007

Mimetype

Oxygen progress is going well. Right now we are finishing core Kde icons, (thanks Aaron for the detailed list) but I also found time to do some improvements here and there.

One of the last retouch was the mimetype sheet. I was not happy with the page curl effect. In my opinion it was too "hard". I also thought the sheet itself was too tight and dark. Compare the new version.


Much better ha?
Another problem of the previous design was the shadow. When scaling down, specially at 64x64 and 32x32 size, the top part of the sheet was looking ugly and not sharp. Centering the shadow under the sheet solved this problem.

PS: Please you a name or a nick when leaving a comment! It will be easy for me to reply.

Update:
Below I've reduced a bit shadow on 128x128 svg, and that what I get when scaling down.


19 comments:

Anonymous said...

nice :)

Anonymous said...

Indeed, new looks much better.
Thumbs up!

Anonymous said...

Looks much butter. Makes me wonder if the curl is necessary at all...

David said...

Anonymous #3 (why nobody write his name?): Do you mean "butter" or "better"?

Samuel S. Weber said...

details, details, details :)

Thanks for the effort!

Anonymous said...

I meant better :)

Anonymous said...

Now comes the hard part of updating all the icons that include the "sheet of paper", such as the ODF icons and PDF icon.

Anonymous said...

Why don't you re-use icons from Ubuntu's default Human Icon Theme? The SVGs are licensed under a Free Software license (a free version of Creative Commons) and many of the icons are really high quality. Why do all the work again?

You can download the SVGs from here (click on the .tar.gz file).

David said...

paul pacheco: yes it was intentional.
In the beginning I did all the corners rounded, but then thought the small icons were looking too cartoonish. I left the bottom left corner rounded because it was enough to make the whole sheet look softer while not cartoonish.

David said...

Anonymous #4: it will take a couple of hours or less to update all the mimetypes. Probably we won't do that at all, since we are thinking in using one svg for the sheet, and then to overlay the symbols that make the mimetype. That in order to save loading time, CPU usage and keeping files smaller.

Anonymous said...

Have you thought about:
- making the shadow in the bigger version less heavy? While the smaller versions look just fine, the bigger one has too much contrast with the background.
- moving the curl to the top-right corner? Maybe it's just me, but it gives me an unpleasant sense of "instability" as it is now.

Anonymous said...

If the SVGs needed to be updated, wouldn't it be possible to automate the process, since it's all XML?
Scripting, Regexp, Diff?

Anonymous said...

Wouldn't it be possible to add shadows in software (ie. an underlay as opposed to an overlay)?

David said...

Every size is made by the same 128x128 svg icon. If I do a too light shadow 32x32 will probably look bad.

Just updated with a lighter shadow version of the sheet.

Another possibility would be making two SVGs, one with a light shadow that will be used for 128, 64 and 48 px sizes. Another SVG with dark shadow for 32 and 16. Let's see.

Anonymous said...

Using overlays for the mimetypes is a really good idea! This will help keeping the icon theme consistent. Also, I believe that using a thicker shadow for the smaller icons is the way to go.

Keep up the great work!

Anonymous said...

I think it is quite an improvement over the old sheet, but I do like the darker shadow there more, honestly.

Good job, and I eagerly await more previwes!

Johan Thelin said...

There seems to be a problem with your feed through PlanetKDE - it looks as if the actual HTML source of your blog is shown as plain text instead of being interpreted as HTML encoded.

Anonymous said...

I'd go with a more subtle shadow in the bigger versions, maybe even more blurred.
Smaller versions look great with a dark shadow instead, as in your original improved version.

Daniel D. said...

Rather strange bend. When it's round it looks like the sheet of paper is made of cloth or rubber. Feels very unnatural for "photo-realistic" set.