[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y ] [Search | Free Show | Home]

Not enough white space and the design is too cluttered. Too much

This is a blue board which means that it's for everybody (Safe For Work content only). If you see any adult content, please report it.

Thread replies: 14
Thread images: 4

Not enough white space and the design is too cluttered. Too much white space and then it looks empty. Any tips on how to get it just right?
>>
Some people like excess white space. Like me.
>>
>>301661
Try a very slight gradient per panel? You do not. Need more items on the pages though
>>
White space creates sections in your design. In the example you posted, there are "products" sections that I feel need more white space above and below.
>>
>>301661
The design is cluttered.Use whitespace and lack of it to group items.
Include what is necessary, leave out what is not.
e.g. Last section has Navigate, Help Desk, Find the Nearest Store.
I'd use "Sitemap, Contact Us, Stores"
There is no "Desk". People only will look at "Stores" because they want to find one.
"Contact Details" or "Contact Address" would be under the Sitemap not "Find-Contact Us"
>>
>>302010
...also as a further example, just from the bottom section again - the prominence given to the "Submit" and "Join" are the same as the section headings! Remove word redundancy as mentioned (also "Join our Newsletter" to "Get Newsletter" 1. You're not going to be sending them someone else's newsletter so "our" is redundant, and 2. No one "joins" a newsletter, they "receive" or "get" one)
Then I would increase the prominence of the headings relative to the "Submit" "Join"
>>
>>301661
Mark overlaps with shadows, shadows add slight gradients, white becomes just enough
>>
File: whitespace.png (16KB, 383x521px) Image search: [Google]
whitespace.png
16KB, 383x521px
Are you using a vertical grid? That might help you.

I tend to be fairly formulaic with how I space 'sections'. So usually somewhere between 50 - 100px top and bottom of a section of content. Keep it consistent either way because it will make it easier to develop - it should always be the same value.

I hope that makes sense?
>>
>>301661
It's fine. The sections just need a little vertical breathing room.
>>
File: file.png (224KB, 341x788px) Image search: [Google]
file.png
224KB, 341x788px
Kill these shits
>>
>>301661
i think it looks like sex
>>
>>302145
Yeah i was going to suggest this
>>
File: Capture.png (186KB, 1242x401px) Image search: [Google]
Capture.png
186KB, 1242x401px
>>301661
My I ask how are u gonna code this, are you gonna use svg clippings?

Also, do you have the mobile version?
>>
>>302679
this
Thread posts: 14
Thread images: 4


[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y] [Search | Top | Home]

I'm aware that Imgur.com will stop allowing adult images since 15th of May. I'm taking actions to backup as much data as possible.
Read more on this topic here - https://archived.moe/talk/thread/1694/


If you need a post removed click on it's [Report] button and follow the instruction.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com.
If you like this website please support us by donating with Bitcoins at 16mKtbZiwW52BLkibtCr8jUg2KVUMTxVQ5
All trademarks and copyrights on this page are owned by their respective parties.
Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
This is a 4chan archive - all of the content originated from that site.
This means that RandomArchive shows their content, archived.
If you need information for a Poster - contact them.