Site designing

Discuss website building & share your websites and web projects!
Post Reply
User avatar
springkite
Newbie
Posts: 5
Joined: Wed May 11, 2022 2:37 pm

Site designing

Post by springkite »

I’ve got my layout done, but I haven’t figured out my color palettes/background graphics yet. To be honest, I’ve always found the design part to be the bane of making a website. I don’t really know anything about colors enough to not rely on palette generators to make things look good, and having to draw the graphics on my own (I’m not super good at drawing either X( ) or wading through the resources to find something that fits (or that I can make do with) often end up with me wondering of I can achieve what I want to achieve. I really adore these sites that could put a bunch of different graphics together into very eye-pleasing designs, but at the same time how the webmasters did it is beyond me.

I don’t mind the fact that I have to put in the work to realize what I imagined, but do you guys have any tips to make the process easier? Would be super appreciated. Thank you!
I have not thought of a cool signature yet! :P
User avatar
Grafo
Websurfer
Posts: 53
Joined: Tue May 10, 2022 4:14 pm
Website: https://grafo.zone/
Contact:

Re: Site designing

Post by Grafo »

Hi! Really I never thought to much about color pallets and that stuff. My recomendation is just release with what you think it's ok at first. Your site doesn't need to be released on it's final form at first (there is no need for it to have a final form at all even!) and just go modifying it as you go. Whatever palette or layout you use I bet someone will find it pleasing :)
Image
Visit my website! https://grafo.zone/
XMPP: grafo@grafo.zone
User avatar
yequari
Netizen
Posts: 45
Joined: Tue May 10, 2022 7:36 pm
Location: Cyberspace
Website: https://yequari.com

Re: Site designing

Post by yequari »

Hello, I'm garbage at visual design, know nothing about colors, and can't draw to save my life. What worked for me was finding an object that is visually appealing to me, then design my site based loosely on that. In my case, that object is a model 1 Sega Genesis. I used a color palette generator to find colors that were similar to those used on the Genesis, and started designing my site. I ended up taking it a step further and making the layout of my site actually look like a Genesis too, adding the control buttons (which I turned into a music player) and the air vent to the left, and placing my content off-center to the right.

I also found this page recently, which has helped me. It talks mostly about mainstream/boring (imo) site design, but the general concepts are still good https://thefullstackdev.net/resource/cr ... at-design/
User avatar
youngsterj4y
Netizen
Posts: 39
Joined: Wed May 11, 2022 10:11 pm
Location: the pokemon plush pile
Website: https://transrats.neocities.org

Re: Site designing

Post by youngsterj4y »

For a palette, I was using the accent colors of the background I used. For pages that use a different background I just base it on vibes and readability. I find contrast is important when readability is concerned, I used boarders and solid/slightly transparent backgrounds in the text area to avoid putting text directly on my obnoxiously busy backgrounds.

For graphics I feel like I should make my own but honestly I've been having a splendid time just browsing gifcities and tumblr to get icons and decorations! It's fun and less stressful.
Image"You're telling me these rats are all transgender?!"
User avatar
juette
Websurfer
Posts: 89
Joined: Tue May 10, 2022 3:30 pm
Location: mentally im in the torchwood hub
Website: https://mothcore.neocities.org/
Contact:

Re: Site designing

Post by juette »

one quick palette tip: try to stick to three main colors at most on each page (unless you wanna go the hyper-colorful route but im gonna assume not). use one more than the other two - use different shades (darker/lighter/more or less saturated) of these three colors. it really helps keep the page coherent.
Image Image
User avatar
sage
Newbie
Posts: 9
Joined: Fri May 13, 2022 5:22 pm
Location: canada
Website: https://frogpondblues.neocities.org

Re: Site designing

Post by sage »

i have nothing super useful of my own to add, but i'll toss a link for this site here -- it lets you put in a hex color and generate tints/shades of that color, so you can make a palette that's incredibly complementary.
Image
User avatar
Sadness
Site Admin
Posts: 38
Joined: Tue May 03, 2022 1:26 pm
Location: cyberspace
Website: https://sadgrl.online/
Contact:

Re: Site designing

Post by Sadness »

I feel extremely similarly to you!! And I have some handy lifehacks to share that will hopefully help!

- I suck at colors REALLY bad. But I found kind of a cheat. I go on Pinterest or wherever and I look for a piece of art that I really like the color scheme of. Then I use a browser extension eyedropper to grab the hex codes from the color of the art! The artist has already done the hard part: figuring out what colors look nice together! I recently learned that the more different colors you have, the more chaotic and messy it looks (and I love colors/chaos ;-;) so it's also best to stick to 1-3 colors at first if you want it to look ~conventionally~ nice.

~ I can't draw either, and I'm pretty bad at art so I largely rely on free graphics that I find around the web. This is harder than it sounds though, because it's hard to grab a bunch of different gifs from gifcities and throw them together without it looking kinda sloppy. What I usually do is try to go in it with a theme in mind (choosing the theme is the hardest part) and then save a bunch of gifs and eventually narrow it down.

~ There's also a few programs out there which will generate art randomly for you in a cool pattern. That can be useful for unique backgrounds, or accent images you might want to add. Look up AI art generators and 3D fractal generators (but don't pay for any, there are plenty available for free).

~ Font size was rly hard for me to get down, so I just spent a lot of time looking at other people's code and snagging their settings for font size and line height, margins & padding, if I found an example on a site that I really liked. I have a video on how to use the inspect tool for that kinda stuff, it's handy to fix problems with your site as well!

I also agree with the answer about checking with an accessibility tool to make sure everything is readable and contrasted well.

I hope this helps!!
Image
User avatar
qt3.14
Newbie
Posts: 10
Joined: Wed May 11, 2022 8:05 pm
Location: minnsnowta

Re: Site designing

Post by qt3.14 »

I've always used color pallet generators and collections of color pallets that are tagged to find a schema. Gotta cheat to get something that looks decent.

The other strategy is to asks friends super nicely to do art, and throw money at them if you're able. Fiver ain't bad if you need a logo.

Last thing I always do is have a ton of people look at the thing while building it, esp. people are super not familiar with it at all. Sometimes you're super familiar with the thing you're making and navigation is confusing for people who are not you.
Image
User avatar
sixeyes
Websurfer
Posts: 72
Joined: Wed May 11, 2022 7:39 pm
Website: https://sixey.es/

Re: Site designing

Post by sixeyes »

I like designing small "rooms" or whatever, but as a separate process than to actually fill it with content... whenever i need a page for something im like "ugh! i cant believe i have to do web design". And then other times its the opposite where it's like yeah this looks nice but what can i even put here. (As a consequence basically all my pages look different. I'm kind of trusting (hoping) that i've a subconscious "style" that people can recognize as consistent)

Speaking of colour scheme generators, my fave is hihayk's "scale" thingy - It's more of a gradient generator but i like the results. It's fun to dial in a "recipe" first and then randomize the base color until it's nice. (Arguably this might be better for art than for web design but eh. Is there really a difference)
Image
User avatar
Squid-Died
Websurfer
Posts: 86
Joined: Mon May 16, 2022 5:19 am
Website: https://cryptalarchive.carrd.co/

Re: Site designing

Post by Squid-Died »

im pretty okay at colours but sometimes i use this thing and it usually works out pretty good, you can generate palettes by just hitting the spacebar till u find a nice one and tweak it till ur happy.

it has colour blindness filters too if you have that in mind, theres also a tool on there that'll generate a palette from whatever image you provide and also a bunch of community made palettes to check out as well if u just wanna be lazy.
Image

△△△ i made some holographic stickers of this, check it out!!
Post Reply