DailyUI 035 – Blog Post
Blog posts are primarily about text. Here I wanted to put more emphasis on displaying that in a decent, easy to read manner instad of a crazy, “groundbreaking” design. Since I do a lot of photography as a hobby, I figured I’d do something related to some images I have taken myself. So text and images are all by me. The text I wrote up quickly just for this design, to further convey a certain type of “authenticity” to it. It’s based on where I am currently in my photography, but I harkened back to last month when I was heading off to the store, and I saw the sun hitting the playground just in front of my apartment building in a such a way that I just had to run back up to grab my camera. It’s partly talking to myself to try and make myself realise that there are things to photograph nearby, as well as talking to everyone else. I might actually write up a proper post like this sometime soon.
Since the post itself is about photography, I figured I’d also make the images visually clear. The header is one photo, with a slight black opacity layer to make the white headline pop out a bit more. On top of it there’s the headline, name of author and two icons. These icons are a bookmark – to allow the user to save it for later reading – and a share button. I feel like I could have spaced these closer together. The thought at the time was to space them out to make it easier to click, but it looks a bit off balance like this.
Beneath is the actual content. Since the headline is up above, I started it off with the date of the post a bit faded off, but still readable. Then there’s the post. Here it was pivotal to have a readable font, and having it punchy and contrasty to the background. I didn’t choose a full white background and a full black text to make the post a bit easier on the eyes. More on font choice later. Then there’s also the big quotes. I figured since the text is left aligned I’d have it right aligned to break things off a bit more from the monotony.
I end it all off with another photo, to show that images will be fully stretched across the entire width. This is important because it’s a photography post, meaning showing off the pictures will be important, thus having them on big display.
Fonts used here are Lora for the headline and the quotes as well as Lato for content. I picked this because I’ve always enjoyed the contrast between a serif title and sans serif content text. Lato is a very easy to read font but I’m not sure it would work so well in long form like this. But on here it looks pretty decent I think.
That’s it for now. Now to enjoy the weekend.