Join for FREE | Take the Tour Lost Password?
[x]

deviantART

 
©2009 `kuschelirmel
:iconkuschelirmel:

Artist's Comments

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

Critiques


: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 :)
The Artist thought this was FAIR
4 out of 5 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 =)
The Artist thought this was FAIR
3 out of 3 deviants thought this was fair.

Thank you for your Critique

You are not logged in.

Comments


love 2 2 joy 1 1 wow 1 1 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:icontheimperfectimpala:
:ecxited: Great layout. The only thing thats different on the actual site is the font for the navigation.

--
Not a shred of evidence exists in favor of the idea that life is serious.
- Brendan Gill


© Luke Gallagher
Website:
www.luke-gallagher.com - Now Available for Commission
:icontrinovantes:
Are you looking for critique on the design or live version?

The header and footer looks amazing.
:iconblueberrybubblepop:
Amazing layout. Love it. Nice work.

--
cause there's nothin' better
:iconkuschelirmel:
on both - but especially the live version of course :aww:

--
Love is patient...and kind; Love is not easily angered, it keeps no record of wrongs...It always protects, always hopes, always perseveres.

Avatar by ~Ros-s
:iconkuschelirmel:
thanks!

--
Love is patient...and kind; Love is not easily angered, it keeps no record of wrongs...It always protects, always hopes, always perseveres.

Avatar by ~Ros-s
:iconkuschelirmel:
which OS are you using?
does the different font pose any problems layout-wise? for example, does it go over the sidebar?

--
Love is patient...and kind; Love is not easily angered, it keeps no record of wrongs...It always protects, always hopes, always perseveres.

Avatar by ~Ros-s
:iconillusio-5:
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!

--

Lorrie
I L L U S I O C R E A T I V E
A R T 4 S A L E

deviantART: So much to inspire, so much to aspire to...
:iconkuschelirmel:
: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...

--
Love is patient...and kind; Love is not easily angered, it keeps no record of wrongs...It always protects, always hopes, always perseveres.

Avatar by ~Ros-s
:iconillusio-5:
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.

--

Lorrie
I L L U S I O C R E A T I V E
A R T 4 S A L E

deviantART: So much to inspire, so much to aspire to...

Details

April 26
904 KB
904 KB
1000×1473

Statistics

53
47 [who?]
2,388 (3 today)
0 (0 today)

Share

Link
Embed
Thumb

Site Map