[a / b / c / d / e / f / g / gif / h / hr / k / m / o / p / r / s / t / u / v / vg / vm / vmg / vr / vrpg / vst / w / wg] [i / ic] [r9k / s4s / vip / qa] [cm / hm / lgbt / y] [3 / aco / adv / an / asp / bant / biz / cgl / ck / co / diy / fa / fit / gd / hc / his / int / jp / lit / mlp / mu / n / news / out / po / pol / qst / sci / soc / sp / tg / toy / trv / tv / vp / wsg / wsr / x] [Settings] [Search] [Mobile] [Home]
Board
Settings Mobile Home
/gd/ - Graphic Design

[Advertise on 4chan]

Name
Options
Comment
Verification
4chan Pass users can bypass this verification. [Learn More] [Login]
File
  • Please read the Rules and FAQ before posting.
  • Additional supported file types are: PDF
  • There are 51 posters in this thread.

08/21/20New boards added: /vrpg/, /vmg/, /vst/ and /vm/
05/04/17New trial board added: /bant/ - International/Random
10/04/16New board for 4chan Pass users: /vip/ - Very Important Posts
[Hide] [Show All]


Self-serve ads are available again! Check out our new advertising page here.


[Advertise on 4chan]


File: 1567535030302.png (1.4 MB, 1679x922)
1.4 MB
1.4 MB PNG
I am making a 4chan clone and I need help with design. How can I fix this?
>>
File: 1570191913749.png (756 KB, 1679x899)
756 KB
756 KB PNG
this is what my chan looks like right now. The images are going to do the masonry thing like pic above and pintrest does. I got rid of the background because a friend of mine said it was ugly
>>
File: 1565331454168.png (333 KB, 1679x920)
333 KB
333 KB PNG
this is what the inside of a thread looks like right now
>>
File: 1572921164734.png (150 KB, 1081x768)
150 KB
150 KB PNG
I might add a sidebar between the main content and the board list
I also found this really nice color, so I might make it the main background color
>>
File: 1585756834479.png (272 KB, 1680x916)
272 KB
272 KB PNG
I am completely lost on how I should implement the user dashboard.. here you should see something closer to reddit's where you can see who has replied to you and also your own posts

this image is from my last attempt at this
>>
File: 1582869768113.png (366 KB, 1680x914)
366 KB
366 KB PNG
also btw this was what my last attempt looked like
>>
File: 1589081493302.png (189 KB, 1080x808)
189 KB
189 KB PNG
the form for typing is also something I need help on...
>>
File: 1570953386754.png (23 KB, 796x431)
23 KB
23 KB PNG
this is what I did last time
also next to it is a notification panel
>>
>>392759
oh yeah, also this a mock! You can play around with it if you'd like using figma
https://www.figma.com/file/YKGMaoxq6fbI7OaBujH3Z9/Untitled-Copy
>>
>>392764
>soigma
gtfo faggot
>>
>>392757
That's really good, Anon, keep going.
>>
>>392758
Make the boxes a little darker than the background, put the dropdown arrow closer to the IDs, move the reply to the bottom right of each box
>>
>>392760
>>392761

The color theme is on point anon!
>>
looks like discord, I didn't like it
You're trying to make it from scratch? You can look out for tinyboard if you want some reference.
https://github.com/savetheinternet/Tinyboard
>>
>>392767
what have you done?
>>
It's pretty surreal seeing 4chan's UI with more modern-day elements... very Microsoft-esque, I can't put my finger on it.

I agree with your friend on >>392756, the image is pretty cluttered. That said, I like where your head's at, a synthwave color theme might be fun to experiment with.

Can't wait to see where this goes, best of luck to ya!
>>
>>392757
get rid of the gay ass round edges
>>
Is this just a mockup or is this a fully working website that you're building?
>>
>>393325
fully functional! These images are from live production >>392757 >>392758 >>392762
>>
looks cool anon. here's mine
>>>/wg/7620079

and don't forget "mobile" 4chan exists
https://p.4chan.org/
>>
I have a board design question too.
Everyone says it is shit design, but nobody can tell what is wrong with it...
Here is screenshot. URLs are blurred, because I dont want to get banned again kek
>>
>>393271
What sucks about round edges. I think the fact that this nostalgic dipshit is trying to clone 4chan shows just how much of a failure he’s preparing to be. The round corners are about the only good thing this asshole pinched off.
>>
>>393500
thank you for the input! I would love to hear more criticism!
>>
>>393497
Anyone?
>>
>>393497
>white on white with sans serif with barely any style

It looks like the first example you'd see on a html tutorial.
>>
oh, umm... bumping!
>>
why isn't anyone helping? :(
>>
>>394885
Cool thread, abed! I’ll give it a few reads and think about it.
>>
>>392760
>reddit
>>393516
>>393533
>>394553
>>394885
You must go back.
>>
11
>>
looks pretty damn good to me.
whats the site gonna be called?
>>
>>393497
make it more like facebook posting

there, i helped
>>
>>392756
You mean an "imageboard"? Fucking mongoloid
>>
fukn weeb
>>
>figma
show what your imageboard looks like with javascript disabled.
>>
>>392767
>>395182
>complaining about figma
>>
>>393497
Its too plain and too white/bright. I feel like im looking into the sun.
>>
>>395168
yes
>>
Please have a /v2k/ and /intcel/ board, tired of the shitty threads. 4chan went to shit due to overexposure so entire boards are dead, don't end up the same please.
>>
I'm trying to build a small net of imageboards. If you want to join us let me know on 4kev.org
>>
bumping thread for more input
>>
>>392756
The sidebar isn't doing for me. A column would be a better format for it. I'm not sure if those are those previews, but the asymmetry bothers me. Try to make the thumbnails the same size.
>>
File: 1581245477065.png (189 KB, 1679x925)
189 KB
189 KB PNG
>>397035
Hi anon. I agree. I made this so hopefully it is better. What do you think?
>>
File: 1571183558795.png (201 KB, 1679x951)
201 KB
201 KB PNG
this is what the inside of the thread will look like. The box in the bottom right won't be there until you do an action, so pretend that it's not there. It is in its minimized state.
>>
File: 1593363954054.png (115 KB, 1171x669)
115 KB
115 KB PNG
this is what it will look like when it is maximized. I still need to put the captcha in there somehow... maybe a multi step form? Kind of like what you'd see in a registration step
>>
>>397346
>>397347
>>397348
how do I add SOUL? I was thinking of adding full width banners on top like youtube does... maybe small banners like 4chan? This is very difficult for me...
>>
File: 1594160616584.png (64 KB, 334x599)
64 KB
64 KB PNG
a kind anon made this mock up for me. What do you guys think?
>>
>>392759
Personally I would take from Clover/kuroba and have a sidebar with threads you've posted in and notifications of if you've received a reply or how many posts since you last were in the thread. Maybe structure or as a Multilayer fly-out of some sort? One layer as a board list, one as your post info. The option to download all photos from a thread would be nice as well.

But I'm also retarded so take it or leave it.
>>
>>397375
looks like someone that is into children would love it
>>
>>393497
i'm not a graphic designer, I accidentally clicked on this board, but here's my input:
>there is barely any contrast, and therefore no easily discernible hierarchy of elements
>too much horizontal space is wasted
>very bright, try more subdued colors
>>
>>393497
full width post entry box suggests to the user that a large post is wanted or desired, when the opposite is true. no one wants posts which waffle on, they want direct posts which encourage a response.
the reply box i am using now is about 1/4 of my screen and 5 lines tall. i would maybe go 1/3 screen wide on desktop at max.
a contained post UI element with all the buttons in a short distance so not a huge mouse move to click through and post would be the best option imo.
>>
>>397346
maybe experiment with the cards for each thread, try to give them some character or difference from a what would be a standard example in documentation. make one thread card look enticing on its own. right now it could be a site for anything, there is no character to the font, the colour, the design. it is like just a default design.
>>
>>392756
It looks like some bloated Discord shit and I won't use it
>>
>>397551
what design would you prefer?
>>
>>397552
The one the biggest chans on earth use except with even less bloat.

I actually own a chan and made it pretty close to perfect in my eyes but I feel like if I told you you would copy it idk
>>
>>397553
well that sucks... I understand your unwillingness to share. It would help me a lot if you could be more specific about what you would change!
>>
>>397556
it's not that hard dude, you are making a chan, chans are supposed to be simple and square, yours has too much roundness and transparent shit and a weird confusing background.
>>
>>397556
Also please press F12, clear cache and reload and tell me how big the network transfer for this >>392756 page is.
reloading /b/ on my chan without cache, currently with 16 thumbnails is a 600kb transfer.
>>
>>392757
Why ar the rows spaced out so much? Fix it.
>>
>>392756
It looks too soft and friendly
And using words like "chat" make the website seem to nice and casual
4chan should feel cold and unwelcoming like a website designed by the programmers that just needed the essentials laid out to them
>>
File: 455445.png (381 KB, 1014x1208)
381 KB
381 KB PNG
>>395017
Haha.
I don't use facebook, I don't know how does it work
>>397452
>>395693
I did it bright on purpose, because I have worst LCD monitor that ever existed, and a lot of sun in my room.
>>397462
This is what I ended up after rewrite.

Still looks like soviet industrial equipment
>>
bumping
>>
>>397779
are you using Black? you aren't meant to use straight black, the dark grey of the submit button would be a better color choice than black.
>>
>>397779
You were able to make everything worse in every way, congratulations.
The first fucking thing you should do is talk with different people who use 4chan and see what people like of it what and what they don't. I can tell for sure that if one day I wake up and see this shit >>397346 I would never come back to the site.

Look at this SHIT >>393497 nobody would ever know what to do in it and what represent what and i fucking use forums since 1999.

Everything is shit because you are trying to figure out what to do while doing. Prepare a fucking plan that try to solve real problems focused on the kind of user you want. DONT GUESS, get some people on discord or whatever and talk with them about
>>
>>398266
>are you using Black?
#080d0f
>you aren't meant to use straight black, the dark grey of the submit button would be a better color choice than black.
Idk, I personally don't use black theme. Some people were whining about black theme, and I shitted out something.
>>398271
>The first fucking thing you should do is talk with different people who use 4chan and see what people like of it what and what they don't.
This usually ends up not with design features requests, but with calling jannies niggers.
>Look at this SHIT >>393497 nobody would ever know what to do in it and what represent what and i fucking use forums since 1999.
I don't know myself :D
>Everything is shit because you are trying to figure out what to do while doing. Prepare a fucking plan that try to solve real problems focused on the kind of user you want.
I can't plan a back end, and you want me to plan a front end ?
>. DONT GUESS, get some people on discord or whatever and talk with them about
Everyone I tried to do this, they ended up killing themselves.
>>
>>398373
whats your URL? also did they actually kill them selves
>>
why is everythin either dark or white, why does nobody use 18% gray for backgrounds anymore
>>
>>392767
Found the retard that still uses Photoshop to make UI.
>>
>>392757

Make the edges sharp and bring back the background, but make it customizable. your friend is a fat useless pig that needs to be put down.
>>
>>398411
>whats your URL?
eagleboard.ga
Idk, I don't like it myself to be honest. I will rewrite everything (soon hopefully, because I'm threatening to rewrite for 2 months now)
I try to copy others stuff, and I realize I don't like those either.
>also did they actually kill them selves
Idk, I haven't head from them ever since.

Also, what do you all think about design of my newest project:
http://eaglepoll.ga/poll.php?vote=22
>>
File: 1594827434016.png (78 KB, 400x400)
78 KB
78 KB PNG
bumping thread
please help everyone I have been stuck for almost a year now
>>
bump I am sad nobody is helping my head is mush and I need help or this project wont go anywhere
>>
>>392760
check out bronnen.net 's UI
its an improvment over the old ylilauta style which had replied messages etc
>>
>>399863
>private messages
very interesting website. Thank you for sharing!
>>
>>392756
I've never seen a high quality looking chan before. Neato.
>>
>>400518
thank you for the compliment
>>
>>392761
The drop shadow behind images is a lovely touch. What are your limitations for fonts?
>>
>>399429
What will it be called?
>>
>>392756
META! nice name can't find it on Google tho.
>>
File: 1582541956960.png (512 KB, 1476x964)
512 KB
512 KB PNG
posting latest screenshots
picture of board list
>>
File: 1591639221108.png (352 KB, 1477x965)
352 KB
352 KB PNG
picture of catalog
>>
File: 1578808107548.png (174 KB, 1475x942)
174 KB
174 KB PNG
this is what inside of thread used to look like (without drop shadow around each post)
also this screenshot shows post form
>>
File: 1580765928907.png (223 KB, 1477x942)
223 KB
223 KB PNG
this is what the inside of each thread looks like now
there is now a drop shadow around each post
also there is a drop shadow around the post form

also the textarea of the post form has become larger to show intent
>>
File: 1604012059892.png (218 KB, 1476x961)
218 KB
218 KB PNG
slightly older image but it shows what the form looks like with files attached
>>
File: 1607335664284.png (187 KB, 1477x963)
187 KB
187 KB PNG
another slightly older image but it shows what the notification panel looks like relative to the thread
>>
File: 1601743720340.png (24 KB, 526x697)
24 KB
24 KB PNG
this is what notifications look like now with and without notification
>>
File: 1593301811471.png (314 KB, 1466x943)
314 KB
314 KB PNG
this is what profile view looks like
the grayed post is currently being hovered by mouse (mouse was not captured in screen shot)
>>
File: 1578817827645.png (230 KB, 1465x943)
230 KB
230 KB PNG
this is what the report modal looks like. Also in the background you can see the dropdown options (hide and report)
>>
>>402541
>>402542
in all honesty I'm not sure I really like the dropdown around each post. I do like the larger thumbnails though

what do you guys think of it?
>>
File: 1590164473899.gif (366 KB, 540x542)
366 KB
366 KB GIF
umm anons could you please offer criticism?
>>
>>402768
The white layout makes it feel more like reddit/twitter where it panders to a mobile UI for normies. I prefer this look >>392761 better. Sort of like an older internet vibe a la 4chan
>>
>>392756
Voxed esta muerto, dejalo descansar.
>>
File: 395.png (522 KB, 1000x1000)
522 KB
522 KB PNG
>>392761
send link
>>
>>402961
can't share link, sorry
>>
File: 376.jpg (696 KB, 2000x2769)
696 KB
696 KB JPG
>>402963
why not
>>
>>402964
I would get banned and then I wouldn't be able to ask for help :(
>>
File: 310.png (270 KB, 874x877)
270 KB
270 KB PNG
>>402965
;(
>>
>>394885
You imageboard don't have unique selling point (USP)
>>
Add e-celeb board or gtfo





Delete Post: [File Only] Style:
[Disable Mobile View / Use Desktop Site]

[Enable Mobile View / Use Mobile Site]

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.