deviant art

Deviant Login Shop  Join deviantART for FREE Take the Tour
[x]
more ▶

More from `kuschelirmel

Featured in Groups:

Details

April 26, 2009
904 KB
1000×1473
Link
Thumb

Statistics

Comments: 53
Favourites: 49 [who?]

Views: 6,090 (5 today)
[x]
:iconkuschelirmel:
I've actually gotten around to coding the layout for my photomanip blog Daydream Believer using this as a header.

I will eneable critiques, because I need input, but PLEASE read this first:
You can find the working version here, remember that this is still under construction and things may change from the way they are shown in the preview. Things I still want to fiddle with include the "tags"-line under each post (it's dull I think) as well as things within the main content box such as how images are displayed when the float to the sides etc. Some colours also need to be looked at. The whole theme is a wordpress theme (if anyone has any sleek tips, I'd surely appreciate them as I'm very new to this).

Oh and I just saw I didn't include the blog's name anywhere ^^; Should I fix that and if so, where would you put the name (Daydream Believer) and where would you put the tag-line "the photomanip blog" (if you were to include that)?

>> if you choose to offer critique, please tell me how to make things better, don't just say "I don't like that pinkish colour, meh" ;P
Add a Comment:
 
:icondhuaine:
This is a beautiful design :)

1. I don't like the horizontal line cutting through the header. At first, I thought it was frame border showing on beta version. The idea of such a line is definitely nice, it separates the header and supports the hint of modern feel introduced by the footer, but maybe you could change its looks?

2. When I first saw the search field, I thought it was an error. It should be on the top, I agree, but it shouldn't stick out of the sidebar. Something in the graphics could suggest that the right edge of the sidebar is not solid and stuff can poke through there.

3. I'm sorry, but I had to lower the mark for technique mainly due to the font. Kunstler Script is definitely not OS-friendly font. There are actually only 8-10 fonts that can be found on all systems, though one could argue that Linux users won't view your site because they can't run Photoshop. Anyway, I don't have Kunstler Script on my new XP laptop and I remember I installed it manually on my old desktop.
Moreover, the font is very ornate and hard to read. It's not bad as menu (which can be done as static images) but it puzzled me for a split second as sidebar headers. Employing cufon etc to handle it would be like killing a fly with a cannon, so maybe you could change the font to something OS-friendly with oblique style? Or, if you have predefined sidebar headers, just use the images too.

4. The subheaders in the sidebar (those which go to the right) disturb the flow of the text. I think they would look better centered or slightly shifted from center to the right, but not aligned fully to the right like in current version.

5. The sidebar itself looks pretty, but after some consideration I decided it's a little too dark. It goes well with overall design, but when viewing only portion of the website (like on my laptop; I have 1280x1024 monitor for my desktop and it's okay there) it tends to dominate the screen and drive my attention from the content.

6. I like the fonts and colors used to format the content. It looks very elegant while still retaining the modern look. The only thing I would suggest is to give it more breathing space. The date is very close to the header... though admittedly I wouldn't distance them, just make the date color brighter so that it doesn't pop out that much.
Also, there could be more space between the entries.

7. I like the white border around the content box. It's very modest and nearly unnoticeable but it does good job in making the content stand out from the background.

8. I have an impression that the top part of the layout is heavier than the rest. It might be the menu and the search bar being in one line and thus taking all free space there. Also, sidebar and content are visually close to each other, which should be solved if you decide to shift sidebar subheaders to the left. If it doesn't work, the left padding of the content can be made wider (it looks narrower than the right padding at the moment, so no harm would be done, I think).

9. RSS feed is OK where it is. I checked how firefox and ie handle rss and there's usually separate button offered by browser interface so that the user doesn't need to search for feed on the site. Opera has such button in address bar and I have to say I've never even tried to add a feed in other way.
The rss icon is very blue right now... users expect it to be orange. Maybe you could change the color so that it hints that it was orange in its previous life?
Subscription placement is ok - just where I would be looking for it if I wanted to subscribe.

10. I absolutely love the reflection effect under the sidebar and content boxes. ^^ The tag cloud looks very stylish and neat. It's quite a rare place for tag cloud, but it looks like it belongs there. Aesthetically, the cloud's perfect. In practical sense though it would be uncomfortable to use since you have to scroll all the way down to reach it. Nevertheless, there's no place for it on the rest of the page, so it can stay there. It looks pretty enough to have an excuse ;)

11. The footer rocks. It's very dark, which makes it appear as if it was separate from the rest of the page, but the coffee links it with the layout theme. Very nice effect, I applaud you for it :)
The bold font stands out compared to the delicate cloud above, but it doesn't disturb anything.

12. The layout is very, very beautiful. :) It's smooth and clean, but it doesn't feel "cold". There's a lot of warmth and coziness there. It suits the style of your art perfectly. The color palette is very original, the header is original too... Graphically, it's an amazing layout.
(I just realized that it's indeed pinkish on my laptop display. It's more like violet/beige on my desktop and I think I like that color more. Oh well. It's still beautiful.)

13. The site's killed on IE6. There's a thin white line severing sidebar under search field. Content div is shifted to the left. Sidebar div is floating under content and it's shifted to the right. One can still read stuff, but IE6 kind of defeated the purpose of having practical menu in the sidebar. :(

14. Regarding the title... It's commong practice to include site title, but I don't think you have space for that. It should be somewhere on the top and the header's heavy enough in the current version. Anything more and it would be overloaded.
In my opinion, you can skip the title. It's not like it's your company's site and you have to beat the identity into everyone's brains. :) Not to sound harsh, but your title is rather long and doesn't provide much info about the kind of stuff that is listed under it. ^^'


Summing up, I'm amazed how well you managed to combine the delicate, elegant and ornate look with modern-style layout. Great job! :D There are some issues to be fixed but they are cosmetic differences and it wouldn't matter much if you just decided to keep the current version :) The biggest problem is the custom font as it completely ruins the layout on some computers. Other than that, the design is really fresh and a nice eye-candy to watch :)
What do you think?
The Artist thought this was FAIR
7 out of 8 deviants thought this was fair.

:iconfabrazz:
Okay first impression was: WoW! It looked clean, smooth and I love the vectors you used making it elegant yet exciting and fresh. The color of the background is not a dominant color, which is a good thing, but luckily also not white which would look old-fashioned. The high quality of the banner makes the overall look of the work very "classy". Now to the couple of things I have noticed that went wrong. I am on a Mac using the newest OSX, surfing on the newest Firefox version. When I go on the site, the lettering like "Subscription" on the sidebar, goes over the sidebar into the main frame which is a bummer. This also goes for a couple of other words that overframe their "box". Also, I dislike how the subheaders of each categories, for example "Categories" under "Navigation" are on the very right, it makes it look messy. (I do understand why you did it, to make it more exciting, but here I would say it is better if aligned to the left side). Also, as you mentioned yourself: The name of the website should be somewhere in the banner. Maybe a nice, elegant white overlay of the title or something could work. Otherwise: Top notch, it looks really great! Good job =)
What do you think?
The Artist thought this was FAIR
4 out of 4 deviants thought this was fair.

The Artist has requested Critique on this Artwork

Please sign up or login to post a critique.

love 2 2 joy 1 1 wow 1 1 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconkokabella:
This has to be by far the nicest wp blog I have ever seen. It's elegant yet not simplistic. Wow.
Reply
:iconhuytoan:
Definitely beautiful but in term of usability, there are some problems:
- I don't know where I am on the site (which page: Home, About or Contact?)
- Home, About, Store, Contact links on top take me some time to realize they're clickable
Reply
:iconelithastock:
I love it! I think it has a classic look but with a contemporary twist.
Reply
:iconfensterer:
I think it looks really good. Very pleasant asthetics! Nice job, Jasmin! :)
Reply
:iconkuschelirmel:
`kuschelirmel Apr 27, 2009  Hobbyist Digital Artist
thank you Phil!
Reply
:iconcindysart:
=CindysArt Apr 27, 2009  Professional Digital Artist
Wow!!! this is so good!! :clap:
Reply
:iconkuschelirmel:
`kuschelirmel Apr 27, 2009  Hobbyist Digital Artist
:hug:
Reply
:iconsnowmask:
`snowmask Apr 26, 2009  Professional Traditional Artist
Quite a very feminine and styalised layout that's very iconic to your work :heart: The header is very attractive and the content is easily navigable :nod:
Reply
:iconkuschelirmel:
`kuschelirmel Apr 27, 2009  Hobbyist Digital Artist
:hug: :heart:
Reply
:icondeep-brown:
Just a quick bit of advice: If you must use a specific font, make sure you embed it or use a transparent png through CSS or something (I personally use the margin-left:-100000px; background-image: url(blahblah); replacement hack. For the moment, at least. Roll on CSS3...), else those of us who don't have Kunstler Script (Or Kuenstler Script or whatever) can get the full effect. You'll probably need to use pngs/gifs, as I doubt you have an embedding license.
As it happens, the replacement font does affect the layout considerably. I'll drop a screenie into my scraps after this comment. If you don't want to use images or embedding to get the right font to us, at least use the font-family: tag so there's a backup or two or three.

Onto the actual design (where I'm useless tbh, but I'll do my best)
I (personally) find sidebars annoying, but that's just me. More to the point, though, I find this one detracts from the actual content because it is darker and generally "heavier" than the actual content, although that might just be me.
The header is gorgeous, and I like the way you've broken the otherwise strict column layout with the search box. Provides some interest :). OTOH putting the tag cloud at the bottom makes it seem like an afterthought - it is better than putting it into the sidebar though, which is already crammed. The RSS button, I wouldn't put in orange, if only to stay with the site and so as not to detract from content, but perhaps if you moved it up, say, to the right of the links.

Anyway, I might continue this tomorrow if I have time. As it is, I need to sleep. Remember, it's your blog, so if you think I'm talking total bull (which I quite possibly am), just ignore me :)
Reply
Add a Comment: