Although if most of the article titles lean towards sensational rather than concise and informative, my eyes would probably start skipping the titles and looking more towards # of shares and comments and who actually shared the article, so for that I'd prefer 3.
I think that combination 1 and 4 could work best. Picture at the top of the box gives the card balanced and calm feeling, but toned down user name and icons help visual hierarchy.
4 & 6 for me! I think having gray text on the "bottom bar" makes it a lot easier on the eyes. Having turquoise both above and below the text makes it harder to focus (1). Really liking having the picture at the top however :)
I'm late to the game, but I'd vote for 1 or 6. Hierarchy seems best in these examples when compared to the others. I'd play with the overall contrast between typefaces though. Your body copy is creating a lot of visual noise which in a grid like this feels a bit overwhelming.
21 Responses
Which ordering of social line, byline and headline do you like the best?
3 months ago
Rebound
Magazine Style Social Layouts
by Mikael Keussen
Which version do you prefer the best? The card style or the magazine style?
3 months ago
Pro
Simon H.
1, 4, and 6.
3 months ago
Pro
Jon Gold
1 or 6; card style over magazine style.
3 months ago
Lower left one.
3 months ago
Pro
Murat Mutlu
this is great. 1 felt easiest on the eye for me
3 months ago
Pro
Willy Simonsson
Flip a coin between 1 and 4
3 months ago
looks like my blog :)
I'd go magazine, both look fine
3 months ago
Pro
Ryan Glasgow
Bottom right has the best grouping of content.
3 months ago
Pro
Bobby Giangeruso
Wait, that's me! Nice work you guys :)
3 months ago
OHAI #6
3 months ago
Pro
Riki Tanone
Number 1 and 6. Magazine style.
3 months ago
I like 1 and 4. Having the title and photo next to each other makes it faster to see what each item is about.
3 months ago
Although if most of the article titles lean towards sensational rather than concise and informative, my eyes would probably start skipping the titles and looking more towards # of shares and comments and who actually shared the article, so for that I'd prefer 3.
3 months ago
Pro
Coleman Tharp
Numbers 1 and 2 look great. The others confuse me, I cant really tell who the author of the post is.
3 months ago
Pro
Jérôme Montagne
The n°6 is the more readable for me.
Great work.
3 months ago
Pro
Pavel Maček
I think that combination 1 and 4 could work best. Picture at the top of the box gives the card balanced and calm feeling, but toned down user name and icons help visual hierarchy.
3 months ago
Pro
Nathan Powell
Number 4 for me
3 months ago
Pro
Johan Geijer
4 :)
3 months ago
4 & 6 for me! I think having gray text on the "bottom bar" makes it a lot easier on the eyes. Having turquoise both above and below the text makes it harder to focus (1). Really liking having the picture at the top however :)
3 months ago
Pro
Chris Welch
I'm late to the game, but I'd vote for 1 or 6. Hierarchy seems best in these examples when compared to the others. I'd play with the overall contrast between typefaces though. Your body copy is creating a lot of visual noise which in a grid like this feels a bit overwhelming.
Lovely colors though. :)
about 1 month ago