: Critique: How can I make my 'add post' website element stand out better? I'm working on building my own blogging website from the ground up, or at least that's what I assume that's what it

@Jamie315

you have a neat thing going on here. Essentially you have a challenge with meaning. Because your Add New button is identical in presentation to the other rectangles on the page, it means the same thing as the other rectangles when a person sees it.

There are many ways to tackle an issue like this. User's graphic above is a very good example because it:


stays within the colour palette
indicates clearly an action with the big disc plus icon
clarifies the action with the addition of the word New


Think about the fact that you will have other controls, (like the cool Delete Post slide-out), and choose a systematic way of expressing controls. Sort of a style guide that relates to the verbs of your app. An example off the top of my head:


controls are always labelled in all caps
control panels are grey
control buttons are coloured: red for bad/stop, yellow for caution,
green for go, and blue for informational
control buttons always have a meaningful icon in two colours
control buttons never have drop shadows


The result will be a family of controls that have consistency, fit within your interface and look cool.

Vote Up Vote Down

@Cody3331749

First I'd like to say you've done a really neat job of this, it's looking good. The interface is smooth and responsive.

My personal observations about this are;


It might be better to have the 'Add Post' call to action as a completely different colour to the rest of the elements on there. It blends in a little too much for me at the moment.
I feel that 'Add Post' should be somewhere else. It looks like a kind of status message to me, like if I'd just saved the post and it was confirmation of the fact. I can see why you put it at the top though, as with a larger number of posts it wouldn't be visible.


Nice job so far though.

Vote Up Vote Down

@Samaraweera207

Just to give you a few ideas before I pop out:



I can't explain right now but I will revisit this later today/tomorrow when I can. At least the visuals are there and I hope it helps. :)

Vote Up Vote Down