Shop Mobile More Submit  Join Login
×




Details

Submitted on
April 26, 2009
Image Size
904 KB
Resolution
1000×1473
Link
Thumb
Embed

Stats

Views
8,158
Favourites
48 (who?)
Comments
53
×
Daydream Believer - webdesign by kuschelirmel Daydream Believer - webdesign by kuschelirmel
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:
 
:iconhell0z0mbie:
This is a beautiful and well thought out layout. It looks very functional while still fun to look at.

I would definitely include the name of the blog. I think I would put it offset a little under the "home, about, store, contact" links at the top maybe.

The only things I would change other than the title would be the search bar and the border around the content box. The search bar being wider than its column looks less than ideal in my opinion. Would it be feasible to put it down by the subscribe box, and formatted similarly? I think it's stark appearance takes away from the prettyness at the top of the page and would look better fit to the column. I also think the content box needs a border of some kind, maybe a subtle, 1 pixel one like around the navigation column? It looks a little abrupt with no border.

Again, this is a stunning layout. Love the tag cloud at the bottom, the header, the font choices... It is amazing!
What do you think?
The Artist thought this was FAIR
3 out of 3 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.

:iconbeachsideblue:
BeachsideBlue Featured By Owner Aug 30, 2009
This has to be by far the nicest wp blog I have ever seen. It's elegant yet not simplistic. Wow.
Reply
:iconhuytoan:
huytoan Featured By Owner Aug 23, 2009
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:
ElithaStock Featured By Owner May 2, 2009
I love it! I think it has a classic look but with a contemporary twist.
Reply
:iconfensterer:
fensterer Featured By Owner Apr 27, 2009
I think it looks really good. Very pleasant asthetics! Nice job, Jasmin! :)
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
thank you Phil!
Reply
:iconcindysart:
CindysArt Featured By Owner Apr 27, 2009  Professional Digital Artist
Wow!!! this is so good!! :clap:
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
:hug:
Reply
:iconsnowmask:
snowmask Featured By Owner 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 Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
:hug: :heart:
Reply
:icondeep-brown:
Deep-Brown Featured By Owner Apr 26, 2009
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
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
I was under the mistaken impression that Kunstler Script was one of the default fonts of the OS and that I already had an adequate substitute - which doesn't seem to be the case as I see now.

the tag cloud is at the bottom because that is where you end up after reading a post (and because it's too big for the sidebar). I'm always annoyed in other layouts that you have to navigate back to the top to choose your "next target", so I put that cloud at the bottom to give a startng point.

there will definitely be no orange rss button - people who use rss know what to look for anyway, and orange clashes with the layout colours like crazy. Many people seem to find the search bar distracting where it is, so I may switch that with the feed stuff and give it a more prominent spot.
Reply
:icondeep-brown:
Deep-Brown Featured By Owner Apr 27, 2009
Which OS =P. I'd be willing to bet that even if windows and mac had it (god forbid that windows and macs might share anything, the apple evangelists might have a heart attack!), linux wouldn't. Which is my preferred OS on desktop, although I do use the laptop for web 99% of the time so it wouldn't affect me. :)

Right, I see your thinking. Clever. :)

Yeah, I agree with you. I like the search bar where it is. Meh. It's your blog.
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 28, 2009  Hobbyist Digital Artist
vista ;) so not the most common one by a long shot i admit... *shrug* totally my fault - I'm gonna switch to images or a different font, dunno which one yet ;)
Reply
:icondeep-brown:
Deep-Brown Featured By Owner May 3, 2009
Meh, nothing wrong with vista..
You could try sIFR or similar - a waste of time tbh though. It's bandwidth cheaper to use images. I don't trust using specific fonts personally.. It'd be nice if CSS font embed was supported in any browsers, but, well.. The can of worms that would open would be impressive. Unless someone came up with an open standard for a font table permissions thing.. :/
Reply
:icondeep-brown:
Deep-Brown Featured By Owner Apr 26, 2009
...I meant text-indent, not margin-left. Sorry.
Reply
:iconelandria:
Elandria Featured By Owner Apr 26, 2009  Professional General Artist
This is beautiful! Elegant and sleek and actually I know one of your critiquers mentioned the search bar being wider than the menu strip, but actually, I like that. It gives it a quirkiness and makes it stand out just a little. I don't think it detracts from the rest of the design at all :)

In your quest to work with wordpress did you come across any really half decent tutorials on the subject? I'm shamed to say that I've done absolutely nothing with my wordpress blog purely because the coding looked so damn complicated :S
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
:glomp: thanks Lanny! :love:

I found their own documentation to be rather helpful - that together with getting a free theme with the rough layout (like sidebar size and positioning etc) in place where I thought I'd need it to base my own layout on... but in the end I didn't quite do it the way I first thought (just replacing the pictures) but I started changing around small stuff, like colours and positioning of things within the sidebar for example. this lets you get a feel for the code and once you're comfy, you can code with the php stuff wordpress uses just like with any other webpage (just kinda neater, but you'll see that soon enough).
Reply
:iconelandria:
Elandria Featured By Owner Apr 27, 2009  Professional General Artist
... I'm still scared. :|

:lol: I'm such a wuss :no:
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
awww *pokes Lanny to take a plunge* you'll be the queen of wordpress! :D
Reply
:iconelandria:
Elandria Featured By Owner Apr 27, 2009  Professional General Artist
:lol: I doubt it. On the other hand I am very excited about the new stuff for the journals Spyed is testing at the mo :D
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
I've seen it - this should be great indeed! :love:
Reply
:iconelandria:
Elandria Featured By Owner Apr 27, 2009  Professional General Artist
:nod: :D
Reply
:iconchrysothemis:
chrysothemis Featured By Owner Apr 26, 2009
"if anyone has any sleek tips, I'd surely appreciate them as I'm very new to this" - Well, whenever I am in need for tips and tricks or just inspiration concerning all aspects of (web) design I go here : [link]
They have lots of wordpress related things.
Hope this helps.
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
you're the bestest! :glomp: thank you!
Reply
:iconchrysothemis:
chrysothemis Featured By Owner Apr 27, 2009
You're welcome :)
I am glad I can help :hug:
Reply
:iconkeremgo:
KeremGo Featured By Owner Apr 26, 2009  Professional Digital Artist
wow top notch work :clap:
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
thank you! :hug:
Reply
:iconlorriewhittington:
LorrieWhittington Featured By Owner Apr 26, 2009  Professional Traditional Artist
It's very lovely, elegant and classy..AND nice to see something in this category that is actually a working coded site and not a PS mock up!
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 26, 2009  Hobbyist Digital Artist
:glomp: thank you muchly!

and yeah, I know the feeling. I've been browsing for inspiration some months back and couldn't believe how many people just "code" in PS without regard as to if it would be code-able in actual HTML...
Reply
:iconlorriewhittington:
LorrieWhittington Featured By Owner Apr 26, 2009  Professional Traditional Artist
Yep, in the early days of my membership here, I used to cruise the web interface category, and would feel terribly inadequate about my web design skills looking at all the amazing lay-outs and thinking 'how can I possibly do something like this'? Then I started reading the artist comments and comments by other people and paying closer attention, and realised that most of them, yes...MOST of them weren't actually coded and were mocked up in Photoshop, I was outraged! This is something me and $zilla774 have talked about quite a lot. I think there should be some kind of differentiation in the categories, that separates the two, in that caps of actual working sites should be separate from PS layouts.
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
I agree :nod: it's frustrating to see something really cool thinking "how did he do that?" just to realize "oh, he didn't" ^^;
Reply
:iconblueberrybubblepop:
BlueberryBubblePop Featured By Owner Apr 26, 2009
Amazing layout. Love it. Nice work.
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 26, 2009  Hobbyist Digital Artist
thanks!
Reply
:icontrinovantes:
Trinovantes Featured By Owner Apr 26, 2009  Hobbyist Interface Designer
Are you looking for critique on the design or live version?

The header and footer looks amazing.
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 26, 2009  Hobbyist Digital Artist
on both - but especially the live version of course :aww:
Reply
:icontrinovantes:
Trinovantes Featured By Owner Apr 26, 2009  Hobbyist Interface Designer
Well since I don't subscribe, I'll just comment a critique:

Deviousness 4.5/5
Vision 4.5/5
Originality 5/5
Technique 3/5
Impact 4/5

I'll begin by saying it's very creative and unique - the header, footer, and font invokes the feeling of peace and tranquility (captures the essence of daydreams)

I find that the sidebar is too narrow to fit so many content. The right-aligned sub navigation labels offsets the overall effect.

The tag cloud seems weird positioned at the bottom. Try positioning it in the sidebar because the tag cloud is an important navigation/summary element for a blog.

The RSS subscription box needs to stand out more. You will want more readers so focus their attention to it! :) Maybe a bigger and orange RSS icon? Show some contrast with the box background and sidebar.

In the live version, you have some errors when viewing in Internet Explorer. The sidebar floats below the content (probably the double margin bug). Also, because I don't have the Kunstler Script font you've used, all the menus are Times New Roman. Try using a font replacement (such as Cufon) or image (not recommended).
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
firstly, thank you very much for sharing your thoughts, I appreciate it.

I have tested this in IE and it works just fine - if something is displayed incorrectly it's a) the font which is totally my fault (and will be dealt with soon-ish) or b) your IE version - are you using an old one by any chance?

the sidebar is narrow because I detest those monsters of sidebars where you have to identify which column the actual content is in before you can start enjoying reading the posts. let's just chalk that up to (my) taste ;) the right positioning of the subheaders was supposed to break the dullness - I might nudge them a bit away from the edge, as you're not the only one who found this disturbing. But to get a feeling for what I find works I'll need to get some distance between myself and the layout cos I've clearly been staring at it too long to be anywhere near objective ^^;

the tag cloud is at the bottom for two reasons, well, two and a half :giggle: 1) the sidebar is too narrow to hold it without looking shitty, 2) when you read a post (and mine tend to be longish) you end up at the bottom and the tag cloud gives you the option of continuing to explore without being restricted by the post's tags and without having to scroll up (or use a imo unstylish "back to top"-link) and 2 1/2) I just didn't want to lose it completely cos I love tag clouds lol

what will not happen is an orange rss icon. it clashes with the background colour in a most evil way. plus, anyone who knows how to use an rss reader will know what to look for should they want to get the feed.
Reply
:icontrinovantes:
Trinovantes Featured By Owner Apr 27, 2009  Hobbyist Interface Designer
Fair enough :) It's good to be unique.

I'm using the IE tab addon for Firefox (which renders with my IE6). So, I'm viewing in IE6 that it has the sidebar error. I recommend you look into a way to fix it because sadly about 20-40% of internet users still use IE6.

I also agree with firheruwen about the search bar. It looks like an error (even though you intent it to be that way).
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 27, 2009  Hobbyist Digital Artist
i use that same add-on to cross-check all my css and it works just fine - must be something else then.

:hug: again, thank you muchly
Reply
:icontrinovantes:
Trinovantes Featured By Owner Apr 27, 2009  Hobbyist Interface Designer
IE6? Because that addon only renders with the version installed on your computer.
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 28, 2009  Hobbyist Digital Artist
damn, I haven't thought that far... I need to look, but probably not. :(
any ideas on how to get it at least so that it isn't that much of a bug any more?
Reply
(1 Reply)
:icondeep-brown:
Deep-Brown Featured By Owner Apr 26, 2009
Was just looking down, and wondered why you suggested not to use an image. I mean, she already has CSS classes for each link, so it would be the work of a moment to put in an image replacement hack. Although, yes, it would be a hack (CSS3 has a proper tag for it if I remember correctly, thank god. Although considering how long it's taken just for CSS2, we won't be able to use it for another ten years.) and thus annoying. But still.
Reply
:icontrinovantes:
Trinovantes Featured By Owner Apr 26, 2009  Hobbyist Interface Designer
I personally prefer to use text instead of images for menu items simply for SEO purposes. You can't use alt tags for background images :( (assuming you want hover effect without javascript)

But otherwise, images are a better alternative to font replacement such as Cufon or sIFR for loading speed. Cufon requires the site to load the jquery framework (about 97kb which can lag a lot)
Reply
:icondeep-brown:
Deep-Brown Featured By Owner Apr 27, 2009
I know you can't. That's why I still have the original text there, and just replace the image using CSS. The "Phark Method" is my preferred one. [link]

Agreed. Although, of course, they both have the advantage of permitting dynamic links without you having to bother with some form of image generation script. And they work better overall than CSS image replacement. But, well, there's a fair amount to load.
Reply
:icontrinovantes:
Trinovantes Featured By Owner Apr 27, 2009  Hobbyist Interface Designer
Hmm interesting. Thanks for the link. Guess I learned something new.

Its depressing to know CSS3 won't be fully supported for a long time. But at least it's better than waiting till 2020 for HTLM5 to finish :)
Reply
:icondeep-brown:
Deep-Brown Featured By Owner May 3, 2009
Pleasure :)

Haha, yeah.. Ah well.
Reply
:icontheimperfectimpala:
TheImperfectImpala Featured By Owner Apr 26, 2009
:ecxited: Great layout. The only thing thats different on the actual site is the font for the navigation.
Reply
:iconkuschelirmel:
kuschelirmel Featured By Owner Apr 26, 2009  Hobbyist Digital Artist
which OS are you using?
does the different font pose any problems layout-wise? for example, does it go over the sidebar?
Reply
Add a Comment: