Graphics Discussion and Showcase

Auto-Spreader - Thread Design

Submitted by CranK, , Thread ID: 42467

Thread Closed
CranK
Frontend Developer
Prime
Level:
1
Reputation:
38
Posts:
145
Likes:
23
Credits:
618
01-08-2017, 08:44 PM
#1
Hello welcome to my recent project all around a brand new visual look for an auto-spreader, I'm explaining everything below.

Would love to get a small rating also this was made for a client, contact informations got faked/removed

[Image: mZee.png]

[Image: KgVr.jpg]



[Image: pm3V.jpg]

[Image: BwN5.jpg]

[Image: 7JZz.jpg]



[Image: QanA.png]



[Image: gqEw.png]


Thanks forWatching
[Image: dtTCRPU.jpg]
Thanks for the Prime Upgrade Cajun
[Image: 5Kgr.gif%60]

RE: Auto-Spreader - Thread Design

Bubble
Captain of Pirates
Divine
Ice Cream God
Level:
0
Reputation:
204
Posts:
1.73K
Likes:
578
Credits:
266
02-08-2017, 12:38 AM
#2
That red is too intense with the black text. There are many alignment issues. The section under the header looks akward. Titles and body text are placed in weird areas, there is a lot of negative space in the middle. The ratio between the title, subtitle, and body text is all over the place. Your text looks a bit blurry, maybe you used smooth/sharp instead of none?

All I have for now, I have to go somewhere.

RE: Auto-Spreader - Thread Design

WOLFLEAKS
Member
Prime
Level:
0
Reputation:
29
Posts:
186
Likes:
25
Credits:
180
02-08-2017, 12:51 AM
#3
This looks awesome dude!!! Great job! I think you should keep the design it looks awesome just the way it is.

RE: Auto-Spreader - Thread Design

CranK
Frontend Developer
Prime
Level:
1
Reputation:
38
Posts:
145
Likes:
23
Credits:
618
OP
02-08-2017, 02:32 AM
This post was last modified: 02-08-2017, 02:38 AM by CranK
#4
02-08-2017, 12:38 AM
Bubble Wrote:
That red is too intense with the black text. There are many alignment issues. The section under the header looks akward. Titles and body text are placed in weird areas, there is a lot of negative space in the middle. The ratio between the title, subtitle, and body text is all over the place. Your text looks a bit blurry, maybe you used smooth/sharp instead of none?

All I have for now, I have to go somewhere.

Thanks for your feedback, The ratio between title, subtitle and body is exact the same over the whole thread, I've checked this twice, you can see that on my picture in the spoiler it provides my helping lines for the alignment, just saw I've used an older version, I've aligned the auto spreader text in the box and fixed some alignment issues for the titles (Packages, Contact). If you're using ''none'' instead of ''sharper'' the text gets completely messy its not smoothed out anymore which looks wrong, so you can decide wether your text is smoothor sharp but clunky, I would always stick toanti-aliasing:

From None - Sharp - Sharper - Rounded.
http://prntscr.com/g37o6k

You're right about the negative space in the middle, the issue is, if I would move the ''Supported Browsers'' Up it would look to clunky and pressed together
http://prntscr.com/g37one
I could probably change the whole thing and stick to another solution but had nothing in mind when I did it. But thanks for pointing that out.

About the color yeah you're right not gonna edit it though, thinking about that for my next thread
[Image: dtTCRPU.jpg]
Thanks for the Prime Upgrade Cajun
[Image: 5Kgr.gif%60]

RE: Auto-Spreader - Thread Design

Bubble
Captain of Pirates
Divine
Ice Cream God
Level:
0
Reputation:
204
Posts:
1.73K
Likes:
578
Credits:
266
02-08-2017, 02:52 AM
#5
02-08-2017, 02:32 AM
CranK Wrote:
Thanks for your feedback, The ratio between title, subtitle and body is exact the same over the whole thread, I've checked this twice, you can see that on my picture in the spoiler it provides my helping lines for the alignment. If you're using ''none'' instead of ''sharper'' the text gets completely messy its not smoothed out anymore which looks wrong, so you can decide wether your text is smoothor sharp but clunky, I would always stick toanti-aliasing:

From None - Sharp - Sharper - Rounded.
http://prntscr.com/g37o6k

You're right about the negative space in the middle, the issue is, if I would move the ''Supported Browsers'' Up it would look to clunky and pressed together
http://prntscr.com/g37one
I could probably change the whole thing and stick to another solution but had nothing in mind when I did it. But thanks for pointing that out.

About the color yeah you're right not gonna edit it though, thinking about that for my next thread

None is clearer than everything else by far. The proof is in the screenshot you provided. You have to pick the right size and font appropriate to the resolution of your project. I'm finally on a desktop now and I can tell you right now that the text is noticeably blurry, especially the text in the packages.

As for the middle being empty, my only suggestion could be adding the logo in white with low opacity in the middle, or something. Your best option would be redoing it.

You should really fix your alignment. I could point them all out if you wish.

Btw, idk if you made the logo, but on the right side there is a pixel sticking out. One of the circles is cut off a bit. Some of the circles aren't aligned with the intersection of lines.
1

RE: Auto-Spreader - Thread Design

Lukecetion
Senior Dude
Level:
0
Reputation:
62
Posts:
544
Likes:
113
Credits:
369
02-08-2017, 12:45 PM
#6
I'd personally say that the header is stupidly big, and the width would look awful for several resolutions. Hence neither is well optimized for universal use. There are also several breaks in style, which ruins the flow. Such as the first header box after the main header, the "Shado Auto-Spreader" box having darker outlines that aren't shown anywhere else in the design. Another example of this is the entire "features" bar which is for some reason, an oddly red color compared to the rest, rather dark feel of the design. Another thing to note is that you've used different thin elements with the same red color. Now the issue here is the thinness of these elements as it makes them appear in a darker color thanks to the feather Photoshop places in them by default.

Another thing regarding flow is the awful placement of "Supported Browsers" and it's parent headers (software and technique). Normally you'd read a book from left to right, however the placement weights more towards reading it either right to left or left, middle, right or right, middle, left. Hence, there is no proper order to it, ruining the flow of the design and making it an annoyance to read. Another thing I noted is how the undertitle of "Unique Techniques" seems completely off when compared to the one under "Software Usage". The placement is keeping it off, where as one is perfectly aligned under, the other is just cramped, crashing with the style flow.

Now the worst thing about this entire design is obviously the "Packages" area. First of all, it shows thing red outlines across the boxes, something that isn't displayed anywhere else. Heck, last time it was white and dark outlines. Next is the overuse of red color in general. It crashes with the overall weigh of the design as well thanks to the randomly huge "Expert Pack". I'd suggest to find some other way to display focus rather than compromising the weight of the design. The final thing is a more of a odd-ball really. The "Message Me" box possess 2 extra "circles" from the middle points of it. (Top and bottom). The same box style is used in the header and one of the tags, however, they do not possess these two extra circles. Which breaks with the design (again).
1

RE: Auto-Spreader - Thread Design

CranK
Frontend Developer
Prime
Level:
1
Reputation:
38
Posts:
145
Likes:
23
Credits:
618
OP
02-08-2017, 10:42 PM
This post was last modified: 02-08-2017, 10:49 PM by CranK
#7
02-08-2017, 02:52 AM
Bubble Wrote:
None is clearer than everything else by far. The proof is in the screenshot you provided. You have to pick the right size and font appropriate to the resolution of your project. I'm finally on a desktop now and I can tell you right now that the text is noticeably blurry, especially the text in the packages.

As for the middle being empty, my only suggestion could be adding the logo in white with low opacity in the middle, or something. Your best option would be redoing it.

You should really fix your alignment. I could point them all out if you wish.

Btw, idk if you made the logo, but on the right side there is a pixel sticking out. One of the circles is cut off a bit. Some of the circles aren't aligned with the intersection of lines.

02-08-2017, 12:45 PM
Okama Wrote:
I'd personally say that the header is stupidly big, and the width would look awful for several resolutions. Hence neither is well optimized for universal use. There are also several breaks in style, which ruins the flow. Such as the first header box after the main header, the "Shado Auto-Spreader" box having darker outlines that aren't shown anywhere else in the design. Another example of this is the entire "features" bar which is for some reason, an oddly red color compared to the rest, rather dark feel of the design. Another thing to note is that you've used different thin elements with the same red color. Now the issue here is the thinness of these elements as it makes them appear in a darker color thanks to the feather Photoshop places in them by default.

Another thing regarding flow is the awful placement of "Supported Browsers" and it's parent headers (software and technique). Normally you'd read a book from left to right, however the placement weights more towards reading it either right to left or left, middle, right or right, middle, left. Hence, there is no proper order to it, ruining the flow of the design and making it an annoyance to read. Another thing I noted is how the undertitle of "Unique Techniques" seems completely off when compared to the one under "Software Usage". The placement is keeping it off, where as one is perfectly aligned under, the other is just cramped, crashing with the style flow.

Now the worst thing about this entire design is obviously the "Packages" area. First of all, it shows thing red outlines across the boxes, something that isn't displayed anywhere else. Heck, last time it was white and dark outlines. Next is the overuse of red color in general. It crashes with the overall weigh of the design as well thanks to the randomly huge "Expert Pack". I'd suggest to find some other way to display focus rather than compromising the weight of the design. The final thing is a more of a odd-ball really. The "Message Me" box possess 2 extra "circles" from the middle points of it. (Top and bottom). The same box style is used in the header and one of the tags, however, they do not possess these two extra circles. Which breaks with the design (again).

Thanks for the feedback, really appreciate it, that you guys took the time to write this down, not sure if I'm going to improve the stuff on it though.
Was a bit dumb to pick such a bright red.
About the logo no, he provided me it.
Gave me a lot of stuff to improve for my next thread design.
[Image: dtTCRPU.jpg]
Thanks for the Prime Upgrade Cajun
[Image: 5Kgr.gif%60]

RE: Auto-Spreader - Thread Design

lolwut
Novice
Level:
0
Reputation:
0
Posts:
39
Likes:
3
Credits:
1
05-08-2017, 04:19 PM
#8
Great thread design!

RE: Auto-Spreader - Thread Design

verymiceneme
Newbie
Level:
0
Reputation:
0
Posts:
16
Likes:
0
Credits:
57
19-08-2017, 07:32 PM
#9
Looks nice, but there's a few alignment issues that should be fixed.

RE: Auto-Spreader - Thread Design

frederic2ec
Junior Member
Level:
0
Reputation:
4
Posts:
64
Likes:
2
Credits:
0
09-09-2017, 10:19 PM
#10
Gread design. A nice 7/10

Users browsing this thread: 1 Guest(s)