[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 32 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: 1597466868344.jpg (228 KB, 1200x823)
228 KB
228 KB JPG
What are you working on /gd/ ?
>>
please leave this gamecube 2000's look in past. I'm so tired of it lol
>>
>>398770
clearly reads "1997"
>>
>>398770
Oh, I'm sorry. You do prefer the bootstrap bloat anon?
>>
why does web design (development especially) suck so much
>>
This shit is driving me crazy. A long time ago I recall seeing a simple page criticizing modern web design and explaining the advantages of simple html pages. It was in a humorous tone, and there were a couple of parodies of it (in good spirit).
I can't find it for the life of me. I only get stupid "how to web design for dummies" "16 web design ideas" and other such stupid results.
Can anybody link me to this page or tell me the its name?
>>
>>399030
Thanks jesus, yahweh, buddha, osiris and whoever god there might be I found it.
http://motherfuckingwebsite.com/
>>
>>399031
Also there is this one
http://bettermotherfuckingwebsite.com/
>>
>>399031
>http://motherfuckingwebsite.com/
lmao nice content.

txti is based.
>>
>>399031
funny but retarded
>>
>>399030
>>399031
Speaking of criticizing modern websites
https://www.dagusa.com/
>>
>>399031
It's pretty close to mine.
https://munashe.xyz/
>>
>>399081
could you tell me whats going on in your pastebin things? im totally a newfag to these codes but like your site
>>
File: temp.png (45 KB, 1920x969)
45 KB
45 KB PNG
My page looks a little empty. I only need to display two options like in pic related, but how and what would you fill it out with?
>>
>>399065
kek
>>
>>399109
Use a neutral background image and center the content both vertically and horizontally?
>>
>>399065
https://thebestmotherfuckingwebsite.co/
>>
What do you use Figma, Sketch or Adobe XD?
>>
>>399232
Piece of paper and Atom.
>>
>>398982
Bloat, simple html/css suffice in most cases.
>>
>>399097
this
>>
>>398765
Where can I start to learn to make designs like that
>>
File: wizard1.gif (62 KB, 69x110)
62 KB
62 KB GIF
https://neocities.org/

you're welcome
>>
>>399328
Developers are completely blind when it comes to giving their projects a face, even with simple CSS. It's almost like they're trying to self-sabotage.
>>
>>399521
yes, nowadays it's just apps instead of websites.
>>
File: 1605797804022.png (33 KB, 1366x360)
33 KB
33 KB PNG
I need some help from someone who is working with worldpress. How the fuck do I remove the bottom of the site. I installed a new theme and at the footer it's empty
>>
i think i might start another e-commerce site in a couple months. what are some simple, black themed shops out there?
>>
>>>/g/78815319
>>
File: 1605907958850.png (396 KB, 1174x957)
396 KB
396 KB PNG
I am making a 4chan clone how do I improve the design?
>>
File: 1588172203418.png (191 KB, 1674x926)
191 KB
191 KB PNG
this is a mockup I made
>>
File: 1578251001123.png (201 KB, 1679x951)
201 KB
201 KB PNG
this is a mockup I made of the inside of a thread. I decided to remove the face from each post

btw I kind of stole the design from dribbble haha
>>
File: 1593479484677.png (186 KB, 975x957)
186 KB
186 KB PNG
>>399852
btw this is what it currently looks like right now. I removed the "back to catalog, edit, report" buttons under the title of each post. I think I'll add "back to catalog" back

btw I zoomed out in this image so you can see the bottom too. There is a section that says "Join the discussion"
>>
File: 1588243823087.png (249 KB, 1473x990)
249 KB
249 KB PNG
this is what the modal looks like. It's off to the side but on mobile view takes up the entire width and most of the height. The captcha is in dark mode (for now) and I will probably undo that.

There is also an activated dropdown that with "hide" and "report" options
>>
File: 1597444381143.png (246 KB, 1470x988)
246 KB
246 KB PNG
this is what happens when you click on report. It opens a report modal that allows you to write the reason why the post should be removed
>>
File: 1575929552100.png (593 KB, 1485x966)
593 KB
593 KB PNG
this is the discover page that shows all boards. Each board will have special properties to them including a cover image. I am thinking of adding more things to each board... things like a custom icon and a custom banner for each card
>>
File: 1577282541816.png (1.4 MB, 1679x922)
1.4 MB
1.4 MB PNG
this is something I made a long time ago but still kind of like. Should I go in this direction instead?
>>
File: 1585328223321.png (150 KB, 1081x768)
150 KB
150 KB PNG
this is another idea I was playing around with... should I continue down this path?
>>
File: 1598307124193.png (292 KB, 1366x628)
292 KB
292 KB PNG
this was my first attempt I made around a year ago... it has been so long and I haven't gotten anywhere design wise... If only I could figure this out...
>>
File: Cable.jpg (102 KB, 1000x667)
102 KB
102 KB JPG
I've goy a few pictures like this and I need to cut out the background for a web store.
I've tried paths and the magic wand in photoshop and none look too good.

What are my options?
>>
>>399892
you should use photoshop or gimp to turn them it into a png
>>
>>399912
I'm using photoshop ATM but I'm having trouble outlining the cable
>>
>>399857
the background feel too heavy to watch, i prefer the solid color
>>
I'm working on my portfolio website right now!
Any feedback would be great!
https://davidziemek.wixsite.com/david-ziemek
>>
>>399956
with a portfolio you should show and not tell. When I first landed I didn't know what to do... then once I realized I was supposed to click on the icons I said to myself "wow, this is going to take a really long time, isn't it?" But after I clicked on the items I found that there wasn't much being shown other than a wall of text and a form... The other two icons didn't take me anywhere.

in your about section under the canvas icon you mentioned you've done traditional and all sorts of art and design since you remember. I would suggest taking all of the work you've done and putting in on the landing page of the website.

With web design it is really important to minimize the effort required by the user to consume information. If you hide everything behind icons that I have to click I will more likely just close the tab and do something else. Keep it simple and put everything on a single page. If you have so a lot of work to show then put the best works on the landing page and put the rest on a different page. With each project describe what it is and the design process behind it.

I would also suggest using https://webflow.com/ to make your website instead of wordpress. It lets you do more radical designs easier and lets you focus on the design.

I would also suggest creating an account on dribbble.com, browsing other portfolios, and studying them.
>>
>>399994
this but if anon knows web-design he should try to code it instead on using Webflow
>>
>>400085
>this
redditor detected >:^(
>>
>>400085
Hmmm... if you want to show of your ability to create websites that is fine. I would say make it first on Webflow, Figma, or any design tool then mimic it in html, css, js

If I had to guess, I would say that anon's lack of ability in web development is severely limiting his design progress. It's almost as if he's designing while coding. Don't do that. Start with a design then implement it in code.
>>
>>398982
html/css/js suck because of legacy bullshit and lack of clear direction when they when they were created. Web devs "solved" this by building "tools" that added extra layers of abstraction to help "simplify" things, but these tools sucked so people abstracted the tools and/or made their own and now we have thousands of shitty tools, frameworks, processors, etc...
The fact that JS became the defacto language for web dev is horrifying.
>>
does that say PUBLIC VOID ŚćźNET
>>
1. What do I read to understand how to design a good website? Color palette, usability, etc.
2. What tools do I use to create a design? Photoshop, XD?

I am a programmer and I want to create a really nice design before I start working on my project. I have some experience with Photoshop. Please recommend me a few articles or books specifically about web design.
>>
>>398770
Yeah I too like how sterile and dull websites are now...
>>
File: TwSTmu2.png (187 KB, 927x879)
187 KB
187 KB PNG
How do i make a html5 video player? I know how to make one but how to style it and design the buttons? Im maybe autistic as fuck but all the youtube tutorials are garbage. I dont fucking need garbage flat globohomo soulless buttons.
So which software is good if i want to make a custom html5 video player with custom layout and shiny old buttons like pic related
>inb4 make it in flash
>>
>>400309
>html5 video player
https://videojs.com
>>
>>400283
I actually prefer it, it's clean. You can have a website with a ton of customization in the UI and layout, but a lot of times there's a ton of bloat, it loads slowly, and it doesn't render well on mobile. A complex layout done well can be great, but you need HTML & CSS knowledge, a WYSIWYG editor will probably not give you anything useful. And I like the simple, minimalist trends that Squarespace has been helping to promote, but I feel the cost might be hard to justify for some people when most social media is free.





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.