Design Feedback

It’s not the greatest piece of work, but for me it’s pretty great. I’m not a professional designer, or anything, so for me, this was fairly meticulous. Few hours of work.

It’s a design mock-up for my blog/portfolio. Any feedback from those more experienced than I would be much appreciated. :smile:

Okay, so. I took a few critiques to heart, and have made a few changes.

  1. The navigation bar’s links now show an “active” state, meaning a permanent difference when you’re on that page. In this example, the active link is “Home”.

  2. Also on the navigation bar, a search icon has been added before the search field, to make it stand out a bit. Icon design isn’t something I’m particularly amazing at, so ya. It shows.

  3. The border radius on the blog posts have been shortened from 15px to 5px. Looks much better, IMO.

Thanks to @gratimax for the ideas. :smile:

EDIT: Forgot the other edit.

  1. Links! On the “posted by” section of the blog posts, you can now see a link to the user “FerusGrim”, and its new coloring.

Looking nice :smiley:

1 Like

Looks nice :wink:
I think there should be more padding at top/bottom on the blog posts and you could add a 1px border in a lighter color on the left and right. Also the radius is now too small in my opinion - try 8 or 10px… :smiley:
And you could make the space between title and the first post smaller…

I think the text of the articles is too small (or the article boxes are too wide). It’s hard to find the next line when you read it.

2 Likes

[quote=“boformer, post:5, topic:4003”]
I think the text of the articles is too small (or the article boxes are too wide).
[/quote]This is a very well-noticed issue, thanks! I’ll make the container smaller, and lessen the padding between the text and the container-wall.

[quote=“momar, post:4, topic:4003”]
I think there should be more padding at top/bottom on the blog posts
[/quote]By how many pixels, do you think?

[quote=“momar, post:4, topic:4003”]
Also the radius is now too small in my opinion - try 8 or 10px.
[/quote]I’ve actually tried most of the numbers between, and I personally prefer where it’s at now. But still, thanks!

[quote=“momar, post:4, topic:4003”]
And you could make the space between title and the first post smaller.
[/quote]Funnily enough, in production, it will be. I’m just a lazy schmuck, and didn’t feel like dragging it up. In the next version I post, I’ll include this edit.

Okay! Update!

  1. Whitespace between the banner/avatar and blog posts has been reduced.
  2. Blog post containers width has been reduced (and the text within modified to match it).
  3. Padding width between text and container wall has been reduced.
  4. Search section changed with new icon (courtesy of @octoshrimpy)
  5. Search section text-area changed for the better.

Looks great. Did you build it completely from scratch or use something akin to Bootstrap?

It’s not a coded site, just a design. :stuck_out_tongue:

XD
Wow how did I miss that?

1 Like

No biggy. When I do work out my designs onto paper, as it were, I generally do it from Notepad++, without any libraries like Bootstrap. Though, recently I’ve been using PHPStorm. I like it.

Any experience with Bootstrap? I’ve been looking into it, but haven’t decided to make the leap to using it. Some insider information might be nice. :smile:

I got into bootstrap last year and I love it. Once you know your way arround their CSS classes making fully responsive web pages is a breeze. And if you ever get stuck their own website shows you what their CSS and JavaScript can do with examples of code. I’m a mentor for a FIRST robotics team and we built our website with bootstrap, and even used bootstrap for our wordpress theme.

The robotics team site. To see our wordpress you’ll need to click the “FRC team” button.

I’ve made a couple websites on my own with bootstrap too, but they’re not live at the moment.

Wow, that looks awesome. I’ll have to really look into this! Thank you. :smile:

Yeah no problem, always glad to help out a fellow web dev.