Just a suggestion - the website paletton has a colourblind filter setting so you can see how different colour combinations look - might be helping with choosing colours for this!
Well, you need some colors. This looks like an application they would use in 1984. I kinda like the bleak industrial tones, personally, but that's besides the point.
You should use this, pick a base color, and I'd suggest using adjacent colors to develop your palette.
An easy way to make anything more color blind friendly, increase the contrast between colors. You're using a lot of muted colors, i.e. greyish. The muted colors are even more problematic for Red/Green color blindness because you put them together in Asia.
You can dig deep into color theory, it's kind of fun actually, but as long as the contrast is high, you're good.
If I'm good, I found a website that auto generates palettes based on some criteria. I'm sure there's plenty, but I'll look for a link.
Edit: not the one I was thinking of, but had some fun with it. Color generator.
That's a very broad question but basically, consistency in fonts, font sizing and physical alignment of things. Color coordination is mega important, understanding which colors are matching.
This is one of the best free online color pickers imo. It shows you matching colors in the wheel and is very flexible:
Also, go to some clean pro looking sites and pick them apart in dev tools mode for more hints (F12).
where neutral is white/grey/black, or perhaps a light tan
complimentary colors aren't the only color schemes you can use- you can use adjacent/analogous colors on the color wheel, a triadic color scheme, split-complimentary, etc... I think split-complimentary works really well for stuff like green, instead of using straight up red to compliment green, you use the colors that are directly next to red instead, so red-violet and orange.
side note, I'm surprised that color wheel you linked goes directly from red to a very dark red violet? every other color transitions smoothly but then the red-violet is super dark. I think a lighter (but still muted as you mentioned) red-violet would probably work well for what you're working with. (ps: http://paletton.com is one of my fave color scheme tools. so handy!)
here's my ideas off the top of my head:
Build it in shades of grey.
Apply the CSS in such a way that you can quickly add color later.
Technically, if you do it right, you could go as far as having multiple color sets to choose from.
If you must start with color, you can use something like Paletton to create a color palette.
You may also be interested in these articles:
https://www.studiopress.com/color-design-confidence/
https://www.smashingmagazine.com/2016/04/web-developer-guide-color/
Edit: I forgot to add this originally, but one of the reasons you should make sure it works in shades of grey is that you can't even be certain your viewer will actually see color. There are visually impaired and color blind people of various types, and none of them will see the colors of your design the same way you do.
(Technically, no other human will.)
There's also Paletton, which will let you play around with triads, tetrads, adjacents, or custom schemes. It even provides some example websites using the color scheme you pick.
If you want a color scheme to look good, you have to pay attention to color theory. The color scheme pictured is this. Note how the wine and yellow shades are nearly opposite each other on the color wheel. The green-blue is just kind of tacked on and consequently clashes, because it isn't a proper triad color scheme.
To make this work, either the yellow should become orange, or the green should be scrapped in favor of a wine, gold, and cobalt blue color scheme.
Generally, though, I'd avoid using high-saturation purple and green together: you'll look like Barney.
add in bathroom work poops. since you still get paid, and you dont spend any money on water or toilet paper; this clearly adds to the overall hourly rate.
tone down the colors a bit. use this to help you balance.
You'll want to look into general color theory to get a good understanding of how different colors complement each other and how to make them stand out while also adding to the overall setting of the scene.
For instance, take a look at this color wheel and compare the complementary colors to the screenshots you gave. Straight off the bat you notice they've focused on red, orange, and yellow to complement the blue and green setting of the leaves and sea.
If you're planning on focusing heavily on design for your game, I'd spend some time researching core topics like lighting, perspective and colors in real-life design, then applying those skills to your environments.
Unfortunately there's not really a specific catch-all answer to give, but knowing basic color theory and focusing on how other games harness it will help you decide for yourself.
Edit: Adobe Kuler and Paletton are some really good tools for generating good complementary color palette's. Paletton also has options for color-blind simulation which could really win over some brownie points if you add support for them.
I think the key to making these work is to (like the react element 87s) make use of the transparent upper with a good pair of socks.
You could either go complementary (lime green) or go with adjacent colors (a bright orange, a neutral purple). I think that these also might look great alongside baby blue or bright red socks. http://paletton.com/#uid=55i0o0krTGymoUTpmOKuAw+sAnv
Don't expect to get good overnight. If you don't have a natural instinct for design it will come slowly and painfully.
Study colour theory. Knowing which colours do what to people on a subconscious level makes a huge difference.
Use colour matching tools like http://paletton.com/ . Now instead of one colour you have three that work well.
Focus on layout. While colour is important, you can go a long way with greyscale colours and white space.
Stay away from gradients. They're not easy to get right, leave that for the future.
Spend a lot of time getting inspiration. Look at websites like behance and awwards.
Copy good sites. Tune up your CSS skills by copying a site without needing to worry about what to put in them. You can easily reuse concepts you come across, we're all pretty much copying each other anyway. That said, don't just straight up copy a website for a client.
Hi, professional graphic designer here, the blue and the lavendEr might get muddy in your collateral designs and could potentially clash if not chosen properly. Try this tool that I use for colors that match or are analogous/complimentary: http://paletton.com/#uid=3450u0kllllaFw0g0qFqFg0w0aF
Good luck! I'm having a hard time myself, I'm using a dark purple with a succulent type green and subtle purple tinted whites.
One thing you could attempt is to tag different elements into three groups (player, enemies, background) and apply a very subtle, non-saturated triad palette.
See http://paletton.com/#uid=35D0u0k3Td52DoG3kiM4C5IdE5y
You could tag the player with the blue palette, the enemies in red, and the backgrounds in green.
If you go for an adjacent tri-palette, I would think of the cold section of the palette:
http://paletton.com/#uid=5490u0k7ZeF4Qpo6GjVaP8Jir8-
and assign purple to enemies (as it's closer to red), green for environment and blue for the player.
And another edit: if you click on "add complimentary" you get a nice shade of yellow that you could use for visual effects. I personally like this one:
Wikipedia has tips on which colors to use so that the most people can differentiate them. There are links to a few useful utilities in that article.
Also, this online color picker allows you to see the palette as if you have a specific type of colorblindness, and it says how prevalent each type is in the population (in the bottom right corner - "vision simulation")
edit: fixed second link
A site I stumbled across that is super helpful: http://paletton.com/
I use it as an alternative to Adobe's color picker, as it never times out and it has a really nice vision simulator concerning color blindness.
Bronze and brown is a bad choice, they are too similar and visually bleed together.
According to the triad/3-color design philosophy, complementary colors to Bronze are Glacier ( Pale Blue ) and Chelsea Cucumber ( Pale Green ).
Since you already have blue on the weapon, I would suggest painting the cloak in a pale green, sort of like british WWI uniforms, perhaps with heavy brown weathering.
I think your stuff would be a lot better if you went more high contrast and started to experiment with contrasting colors. The work isn't bad but my eyes get lost in it due to how monotone it is. If you don't know what a color wheel is check this out:
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
Stuff like this is super helpful when you need to come up with color palettes but don't quite know what you're doing. When I plugged a green in from the green sig I got this:
http://paletton.com/#uid=72C0u0kn6Acd6PqiCHvs4vNv8pF
You could really make that pop with that palette.
You just need a color scheme. I can help with this.
I created a nice palette for you using the "pale brown" you selected as a base color.
also if you would like to make your own i think these are a few places to start
lastly the color scheme I love using in space engineers is this
Another hack here who works in a creative filed. If it falls on me to come up with the colors for a project. I'll use this website to generate a few different options, and then let the client choose which one to use.
The indoor Enchroma glasses may be useful for you. Outside of their intended use on screens I've noticed they don't enhance green as well as the sunglasses, but red and orange still pop. They do noticeably remove a yellowish tint from the environment, especially from neutral surfaces like drywall and concrete, and blue becomes more vibrant.
The colors could do with adjustment - not so saturated, and different hues. Straight black doesn't look good either, maybe a more charcoal grey or a dark shade of a color in a triad with the other two (in this case, something like a dark blue like #0c1a2d). If this link works then you should be able to see what I'm talking about - any of those swatches will work, for the most part. If not, enter 283648 into the "base RGB" box and pick "Adjacent colors" from the top and drag one of the secondary selectors out so that they're in green/purple territory. Barring all else, at least using something that site gives you should be more visually appealing than how it currently is.
I feel like the name isn't very relevant or fitting for a pony. What does it mean? How does it reflect on them as a character?
Clumsiness seems like a trait that precludes being in the Wonderbolts. They're an ace aerial acrobatics squad; it would be like making a character an uncoordinated Olympic gymnast - it makes no sense.
Being an Element seems kind of... I hate to say it because it's not very helpful and doesn't get at the root of the problem, but it's Mary Sue-ish. It feels excessive to make a character something like an Element because of that story element's prominence in the show. It would be like making your character the President or something. It also places your character into the proximity of the show's main cast by proxy, which is also rather excessive in the world of making OCs - making your character as important as or more important than main or supporting characters (the m6 and the princesses, respectively, for example) is kind of a problem.
Lastly, it seems you already posted this to the sub at a different time. There's no need to double post, especially so soon after the first post.
This was (re)posted a few days ago, it might prove somewhat helpful. Try giving it a poke, see if you can come up with a scheme that suits you.
As u/SmilingMad suggested, going with a dark grey with orange/yellow detailing would work better than edgelord-black. If you're wanting an industrial appearance, perhaps a mid-light grey base with black and yellow details would work well, or maybe keep the yellow to the colour scheme.
Very nice for a first project!
Here's some things that I would have done differently had I made this animation:
Colours. The colours you've picked seem kind of random to me, and while they look nice, they also look a bit washed-out.
https://www.youtube.com/watch?v=Qj1FK8n7WgY This is a nice video to get acquainted with colour theory, even though there is a lot more to it than just a short video. Here's a nice tool to get started with creating palettes.
The animation of the entire object panning out and moving to the left is way to fast. Ease it down, and perhaps add some motion blur to make the movement look smoother.
The point of this animation is to get people to recognise your name. You should probably show it longer than that half a second you currently do.
Still, nice work. I look forward to seeing your future iterations.
Since BeardedSheep covered most of it, I would suggest experimenting with color combos before-hand- I like to use a color pallet website like this. Also you might try breaking up your skeins into smaller batches, that way you get try lots of different patterns.
I really like the idea as well! I too think the design is a bit off, but always need to start somewhere and you have a lot of cool features I haven't seen anywhere else. Here is feedback:
I really enjoy twitch.tv's feature to fullscreen with chat. If you can manage that, it would be nice. Probably not the main focus of your experience though, and that is okay.
The ability to know who else is streaming in the streamer's game is something I never thought I wanted, but is cool. This is honestly great for discovering new streamers.
The op.gg and lolnexus links are nice, but underwhelming. It would be amazing if they were simply on your page. I suggest building your own, or maybe collaborating with Curse to embed lolnexus onto your site.
Browse games is awesome! A+
So some ideas for design:
Like I said, I know you put a lot of effort in and it's a really great site. I hope you continue to improve and push it towards the right direction, it has a lot of really nice features to help me find a stream I want to watch without having to open them. And my ideas for the design are just personal pref, you do what works for the majority of the audience and for you! Bookmarked your site. =)
It looks like you have implemented Bootstrap successfully. The site seems to work responsively.
I would suggest coming up with a color scheme, possibly with fewer prominent colors. Try Paletton to get some inspiration. If you only do one color change, get rid of the red. It is way too bright and doesn't match anything. In general, try to stay consistent with where certain colors go. For all dark backgrounds use the same color (unless it is something individually special). For all the left-border slivers, use the same color. Match up the colors of the gitHub hover effects to the rest of the site, et cetera.
I kind of like how the purple and gold go together, but the purple and gray (header) are clashing. Making them the same color or two shades of the same color would help.
Then there's the green and blue hover effects on your name and the main menu. Maybe not a bad idea in itself, but again, it does not follow any color pattern with the site as a whole.
In general, try to make your color scheme consistent unless you have a specific reason for adding a new color, especially one that will stand out.
Some of the margins do not match up.
At this point you don't really need a hamburger menu for mobile as your menu is only 2 items.
I think a lot of these things you just learn as you go along, so at this point I don't think you did too bad for your first site.
based on the sample of #734838 (a single wood panel in the image)
Your complimentary color pallet: http://api.paletton.com/img?size=25&uid=30e0u0kgqerakozdBjIlrclqq8G
base blue complimentary color: #263B4A
base green complimentary color: #4B6732
From link: http://paletton.com/#uid=30e0u0kgqerakozdBjIlrclqq8G
EDIT: This is for the wood doors as a complimentary color scheme. If you want something for the walls then eyedrop the wall and enter it in the link above.
Looks like you chose the colors kinda randomly. Use a color wheel to pick colors that compliment each other better. Try something like this: http://paletton.com/ and play around with the settings.
You used an image for the text on top. You can achieve the same effect (custom font and text shadow) using html+css only, which is more lightweight and easier to change.
This site is a web app for designing color schemes.
One very useful feature is that it will provide complimentary colors, and there are lots of example previews, which helps to solve those contrast issues.
Yeah, I don't find anything relevant by googling that too. Here below is my link to a color palette generator. Set it to 4 colors (tetrad), tweak it with the disk at the left so you get the 3 street light colors that you want and the 4th color is whatever. Then click at each color that you choose on the palette at the right, it give you the RGB[0-255] then you can enter that in excel by cliquing : color fill > other colors > custom.
http://paletton.com/#uid=75C1l0kBUpRzNOVHGAi-YjPEccg
And the font. Don't mix fonts. Use just one font. The only variation that you need is using italic, bold and having larger fonts at some places.
There's a bunch of cool websites I would recommend. Mostly aimed at web designers but works nice for warframes too.
pick a color and it will give you other colors that go with it: http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
bunch of awesome pre-made color schemes: https://colorhunt.co/
>I've just sort of hit randomize till something looks decent.
This is great if it works for you, but it always picks colours from the same palette.
There are many online tools that would help you with picking matching colours, quick google and i got this one: http://paletton.com/#uid=3050u0kllllaFw0g0qFqFg0w0aF
Stick to the basics early on. Use a central box-shaped hull compartment that's both deep and wide, cap it with bow and stern sections. Use multiple lengths of slopes to break up the outline into a curve, rather than just stacking 1x4s to a point.
When you go to add superstructure, use slopes to give some interesting texture to it. Triangle pieces are extremely flexible and can be used to add a little flair to almost any portion of a vessel.
After you're done building the surfaces of the ship, consider painting it. A good paint job can really change how a ship looks. If you're not good with color theory, consider using something like Paletton to generate a scheme you like.
I don't think distressed ever comes out as good as someone expects... Just pick a single color roll with it. Paletton is what I plan on using next time I'm going to pick colors. Also, you can do what this person did and extract colors from a nice photo using the eyedropper tool in photoshop. Just be wary because the light-based colors on a monitor will inevitably be different than the pigment based colors in paint.
I have always used color-hex.com when making themes for forums and other art assets. It gives the relative tints, shades and other colors.
Also a cool website recently posted here is paletton.com. I have not had a chance to use it but it looks really well organized and powerful. I plan to use it on my next project.
Cheers!
Color for regular text- #6A6885 - Size 18px
Color for headings - #37345c - Size 22px
Background - #F5F5F5 (I thought it was white originally on my POS work monitor)
If you were wondering :)
I find that if you are the type of person who needs specific names of the paint to get the effect you want then use citadel paint chart.
If you want to do more experimenting yourself I'd recommend: Paletton
You can pick triad, tetrad, monocromatic and it will show you good contrast colors and good adjacent colors and lighter and darker hues that work well. It's a really great tool and help you to take your game up a notch.
Hi, as an Artist(Student Art&Media) i need to criticise the look. You programming is solid and now you can begin to improve the graphics ^^
Here you can find a good color mood and try to ajust your colors, you need to find a style or let ppl find a style for you. I think when you polish things up, you can hget a very good looking game with nice gameplay.
And when you find some good ppl for marketing, tell me pls :P Also published an App few days ago, and see that i have no idea how to proper promote things :P
Well, what other colors in the room is she dealing with?
If they are strong, maybe something more subtle to make the foreground stuff pop. On the other hand if you have a lot of dark or subtle furniture pick a stronger/brighter color tuned to the mood you want to have in that room.
One thing I like to do is average the color of everything else in the room and use a color scheme generator (I prefer the triad scheme) to figure out which contrasts most closely match my summary color. It's not so much a science as an exercise to see how you really feel about a color when faced with the objective "truth" of the color wheel, but don't tell her that part.
FWIW, emerald is a beautiful color, it recently won a color of the year award. Maybe that would help sway her.
Depending on the room it's in you might consider lagoon also.
Gahhh! My eyes! Burn it and start over.
Go simple:
Helvetica typeface for everything, thin for everything but the "International Sofa Socials"
No overlapping words, and keep the information separate from the title.
Make the background image something related to a sofa... for example: a sofa.
Use this tool to pick a 3-tone color scheme: http://paletton.com/
I am by no means a professional, but I will put my two cents in anyway.
I would recommend getting a proper color palette and taking Material Design as a base for your app. Websites like matreialpalette or paletton will let you generate pleasing results.
Material Design will also come in handy when your restriction is to mainly use PS elements. The flat color segments that make up most of Material Design can be easily done in PS.
Analogous (adjacent on this) and Triad, maybe with compliment, seem to work best. Eventually you'll get a knack for it and colour selection will come naturally.
Today's analogous colour scheme, which unfortunately doesn't translate well to Trinity.
Before someone asks, got the centred shot by switching the camera side and pressing screenshot quickly.
Do you need a color palette or just need a single color that best represents IA? For a single color, a mix of her cream colored (with pink highlights) hair and her skirt might be best. Should look like this:
http://www.colorcodehex.com/ffcad7/
If you need a whole palette, try this:
It’s not hard at all, it just takes some time and patience.
Pick your base colors first, do your flats and then shade accordingly. If you have difficulty with finding matching colors, you can also use a site like Paletton to help you get started.
Right now this piece is flat because the colours behind and in font are all one note. Most abstract pieces hold strength because the artists have studied some colour theory. All of this red, orange and yellow but no green or teal to clash against. Lots of artists these days use a palette site to help them have a framework of what to use. These kinds of sites can help anyone whether they have a taste in colour theory or not!
Personally, I don't like the scale for what you're describing. Typically, Red/Yellow/Green translates as Warning/Caution/Ok.
I would consider if you want a 3-color scale maybe a blue in the middle as a neutral, messing around with something close to this: http://paletton.com/#uid=54b1q0kqQhph3r0mfm4vMcnI57q
This isn't the answer you want, but "years of experience with visual design" - just because a game's low budget doesn't mean the developers don't have experience creating art.
In short, yes, it is the soundtrack, and the color palette, and the models, and the environmental design, and how everything ties together. It's why having an art director/design director/sound director at a mid size studio is crazy important.
For some super basics, you might want to look at color theory and audio mastering. Paletton (http://paletton.com/) is a cool tool I use at my day job a lot when doing designs, and once you have something of a visual identity for your game you should use it to work out what color families can work together for background/foreground/character creation. Sound is trickier to do - the only real 'trick' I can suggest is to work with an ambient noise background generator (preferably https://www.ambient-mixer.com/) to understand mixing soundscapes to go with your visual theme, and then use those (if you can get creative commons licensed soundscapes) as a background behind whatever soundtrack you're creating.
The process of composing music and creating art isn't about engines at all. Sure, the import pipeline for Unity from Blender is a little easier than for Cryengine from Blender, and Substance Designer is built to export to Unreal Engine a little smoother than others, but they're not mandatory at all. Art's tough, but absolutely worth studying; it'll teach you about emotional manipulation in a way that will help out all your designs.
I don't wanna give the impression that I am a colour expert. I only read some tutorials/books about it and made some palettes myself.
Ok first off, I wouldn't use pure black and white. Using a a very dark grey as black and slightly tinted white colour makes it interact better with the other colours. I like the slightly yellow/orange white you are using. And you could honestly use the slightly purple colour of the floor tiles as your black.
For the colours I would propably try out some less saturated ones. And I would try to use colours that fits well together.
A website like this works well to help you find colours that work well together.
Generally speaking you should also tint your darker colours towards blue, while tinting your lighter colours towards yellow, since that is how light work in the real world. It just looks natural.
ughhhh i know I'm so sorry! If that's the case, You might want to try maybe a more slightly vibrant gold color for the buns and purple or teal hot dogs. Here's a pretty cool color palette site I use to help me find complementary colors. Hope that helps!
I tried to grab the purple you used with the Reaper Power Palette, then I plugged it into paletton.com which gives you various options to extrapolate a palette from a given input color. Typically I think people favor the split complement.
It's not an exact science.
If I may offer some constructive criticism: the visual needs some work.
The background is very noisy and looking at the screenshots I can't immediately tell what's going on, which I should for a simple game. It also interferes because there's a clear and thick line which I'd expect to be a wall but is really just part of the background. The platforms have a brushed steel texture which doesn't fit in with the rest of the cartoony feel. The UI text is a sharp green/blue color in an attempt to contrast with the red background but it's still difficult to see when there's a steel platform under it.
What I'd do:
Lower the background's level of detail and keep clear thick lines only to indicate walls where they are. You could perhaps keep the background shapes but make them less contrasting with the dark red background, make the colors closer so they'd jump out less; it's the background, you don't want all eye attention to go there.
Use less primary colors. There's red and blue and green and honestly it's a bit tiring on the eyes. I don't know much about color theory, but there's a few sites that can help. This comes to mind:
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
Keep art styles consistent. The character is cartoony, the platforms are brushed steel, the background is a circuit-like pattern with round circles for walls, the UI font has a futuristic look. It feels a bit pieced together, especially when combined with the disagreeing colors.
Give the UI better clarity. Either give it its own little panel where it doesn't have to share space with the game elements, or give it a border if the colors are still blending too well with what's underneath them.
Oh, and don't be ashamed to say there's ads! You worked on it, I think it's fair.
Paletton. So many options on this site!
You can input any color, and it will give you a 2, 3, or 4 part color scheme. From there, you can mute the colors, make them more vibrant, etc. This sounds like what you're looking for.
It depends on what you mean by 'opposite', opposite in hue (i.e. colour) or do you want to incorporate value & saturation etc. Typically you'd covert the colour to a HSV/HSL colour wheel and look. Try http://paletton.com/
Well, it depends on the music and the kinds of emotions it evokes. If you play black metal, make your website metal as fuck. Play with some color palettes! http://paletton.com/
It also depends on what you have as far as content
Merchandise store An audio player A video player Photos Contact Tour Dates
Go on some of your favorite artists websites and find one you like. Obviously some stuff is out of the 25$ price range (http://bjork.com/)
But maybe find some examples of sites or designs you like, or features that are crucial to you.
Use a different typeface, man. It's an ordinary suggestion, but I'm gonna recommend trying different weights of helvetica neue instead of the two that you've got on that thing. Using different weights instead of different fonts is a bit more natural, I think. Work on a different color scheme as well -- I could picture blue and grey working for a healthcare website better than it does for this. Also, why is everything centered? Fuck with rule of thirds, man. Get some paragraphs in there, but only if you can make it work.
Some links for you -
Hah, I actually derived the colours from a more or less sensible palette, though I drifted away a bit in terms of the saturation as I then tried to match the palette to some relevant themes.
The problem, of course, is picking good contrasting colours while having the entire ocean to deal with as contrast colour. Doesn't come across in the screenshots, though.
I agree, though. The transition desert to plains is ok, same for plains to grassland... but grassland to desert is a bit harsh and a mismatch that needs more tuning. I might decouple the entire palette from the water and try to see how moddable the water colour is.
Whoo yeah, that's a bit too bright of a green. With the experience I've racked up over the last decade plus I am in a good position at a company where I do IT, web design, and graphics design. I'm not sure I've ever seen that shade of green on a website. It really makes me cringe to see it and I'm not sure what site that would actually fit with unless it had a lot of other colors in there as well. being one of the main colors (white and a bit lighter than lime green) OP may want to look at changing that. It's almost a neon green and those colors just don't go well with sites that want to look professional.
In my last job where I did a lot more web design I remember having customers cringe when they saw that as a color option.
To be clear, I'm not trying to be a dick (though I know it comes off that way) but in my professional opinion that is not a good color template for the site as it feels like an amateur presentation to a lot of unique visitors to the site.
I can't remember the site of the top of my head that I go to for complimentary colors which are what you should be going for with a website as it is visual, but a quick Google search came up with this which looks a decent option: http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
Edit: Looks like you updated the color while I was typing my post and the red (F50E21) looks a lot better than the green for sure. I would still definitely check out a site like what I posted as it will help when/if you are expanding for more color.
Edit 2: Nice pricing on some of those products! Looks to be very reasonable shipping too.
Something like this? http://i.imgur.com/lwKopyS.jpg
Think the bottom blue block should knock out sooner. The type I used isn't perfect, maybe a more retro would be better suited. Used an 'off' white as the 'grey', as blues and greys don't tend to work well. You should typically use complimentary colours (opposites), like the blue and yellow in the mockup above. See http://paletton.com for guidance. Give me a shout if you want to use, I can change colours and do it in vector format.
I don't understand that game ... but looks wise you can try changing the color
try something like this to find complimentary colors and shades of colors used elsewhere.
that Kyu logo is nice, but setting it middle-center isn't always a good idea especially with the grid its overlapping.
consider using a larger font for the number in the bricks, and thicker lines.
You've made a simplistic look which is nice, but the thin lines and small fonts work against your minimalistic design (which is meant to be easy on the eyes.)
PS: the lines used in the grid aren't consistently thick because the middle of the grid gets 2x thickness vs the outer line (which you could argue could be thicker, but I don't think thinner.)
you can also checkout 2048 and just think about what makes is look nice, since you have a similar game that also has a minimalistic design.
I like the design and general idea, but can I give you some suggestions for other shades of blue and green? I used this color picker to come up with #218640 (dark green) and #322c7e (darker blue). The color picker lets you try out different color schemes.
I don't really like the yellow light of the guy walking. It brings my eye to him and only him. I think that the focus should be in the center of the moon. Perhaps some wolves or elk? Something on the bottom that takes up some space but doesn't distract the eye too much.
EDIT: We're looking a color scheme close to this. The yellow just doesn't fit.
Then you need to find a scheme for the cloth parts, maybe different shades of red or something like that.
One thing i heard once, red and green are complementary so they should go well together, but too much red and green is christmas, so have that in mind when making the color scheme :P
Helpful web tool for cases like this.
Ah, I thought I was too harsh. Take the below advice with a grain of salt because I am not the usual reader. I'm a blogger for money and/or amusement.
My current screen is 1280x200 so basic 16:9-ish laptop screen. I think your image sizes are all over the place - post header is fine but really that teeny tiny image in the tokyo ghoul post? Also must the images for your related posts widget be so large?
I just had a thought. Did you get a BLOG theme or a WEBSITE theme because really those are two different things. Your site looks like it would be great for say like a shopping site or something but for a blog, it's too wide and formatted oddly.
At the moment, your blog has this This Is Halloween vibe going on and if that your thing, go with it but there is no reason it should look so bad. If you aren't sure about colors use a tool like Pletteon to make a color scheme that is not only pleasing to the eyes but with hexcodes so you can put it in yourself. Personally, I just pick out colors I like [light blue, black, silver] and dick around with the colors until I reach a happy medium.
Another thing I noticed [after further inspection] is that you have links to social networks you don't use. Take all those icons down [just because they came with your theme doesn't mean you have to use them!] and only link to the ones you are active with.
Thanks' I'm still working on my color game myself. I just study the guides and color theory to see what can be put together, like a fashion strategy game. Here are some guides I've used myself. Color Guide & Skin Tone Guide & Color picker
I'd suggest heading to a site like Paletton and simulating what various color schemes would look like for someone with his specific colorblindness (drop down menu, bottom right). Which colors work well together for him would depend on the specific type of red-green colorblindness.
That being said, getting blue/orange or blue/yellow is probably a pretty good bet.
It depends on what kind of mood you want to go for. Sometimes a Color Wheel can be handy:
http://paletton.com/#uid=30S0u0keZv75xQ-abFpj-qknFlS
Using a triad would give you teal and lavender, which would look good but probably be too feminine for you. Using a complementary color would yield a blue, which could look great in a darker color like so. Yellow and black are a powerful scheme related to danger or high energy, so I'm not sure that's what you want in your bathroom. Gray would work fine though. You could also keep in monochromatic with dark browns and possibly some very light yellows.
PowerPoint itself is pretty simple in the way you can drag and drop text boxes, images, etc. What can make a PowerPoint presentation great is the visual style.
In general, keep your PowerPoint slides to a bare minimum. Wordy slides cause the audience to read and not listen. Instead, use it like cue cards, know your information well enough that the minimal information on the slide is enough to prompt you to speak. Images are fine, but maintain the original proportions (don't stretch them to fit).
Don't use an image as the background for all of your slides. It looks very amateur, a simple color theme will do fine. Some of the built in themes are okay, but avoid overly eccentric styles. If you are bad with picking colors (such as I am), try a tool like paletton to define a theme. Use simple fonts, such as Arial, Times or Helvetica, and for god sakes, DO NOT OVERUSE SLIDE TRANSITIONS! :)
Extra protip: Sometimes PowerPoint presentations look funny if you have designed them on 16x9 and present them on 4x3 (text flows onto another line, images move position, etc). To be safe, test the presentation before you present it, or save it as a PDF and present that in full screen mode. Of course, if you use a PDF, any animations will not work.
Celle de KLD sont bonnes, peut-être un peu mauve mais ca va dépendre de la calibration du moniteur.
Je l'ai tweaké un peu pour le rendre moins mauve et j'arrive à ça. Mais je peux très bien vivre avec les deux : http://paletton.com/#uid=13B0g0ke7qek3SEhK-sbzgF583A à voir en negative
Edit : C'était supposé être un reply mais bon
For people wanting a tool to select complementary colors (or more generally, create a color scheme of matching colors) see Palleton (click the "adjacent colors" button, select the angle between colors with mouse, click "examples" to see the color scheme in a mock web page, etc)
It even lets you test the contrast of your colors for colorblind people (click vision simulation).
Scalies gtfo. >V
Just kidding. Eastern dragons, don't see them very often. It's an interesting design. I don't know that I like the head that much. It lacks definition for me, like there's nothing that clearly says "this is a head" about the shape (if you ignore the eyes). Doing a quick search on eastern dragons yields many pictures of serpents with long, thin heads and shaggy manes. Also nose whiskers. The body shape looks interesting though.
Shading/highlight wise, you're consistent on the lighting's direction. There's a bit of practice needed though because the body looks like it kind of has hard edges at the transitions from light to normal to dark. Making the transition more gradual rather than brushing once along the area with a brush and calling it done, or even using the blend tool a bit, would add to the roundness of the body. Colour-wise I don't know that I would have gone with a blue for the highlights, but I guess it depends on how shiny the scales are supposed to be. It's not unbelievable, it's just not what I would have done. The typical thing to do would be to pick a lighter shade of the main green, maybe with less saturation, and toss that on as the highlight. But the blue works to break up the samey green all throughout, so I guess it works out well in that regard. That blue is also a complementary colour to the green, so good choice on that.
My go-to tool is Paletton. You can play around with the different options, and it will generate a palette for you that always looks good. Just drag around any circles, and you'll get an idea of how colours that go together work.
You don't need to hire someone for design like others are saying. Your concept is cool, and you just need to have a 'good enough' design to build trust with your users. That said, you have a lot of work to do. You should use a pallete generator, this color pattern seems nice: http://paletton.com/#uid=75A0K0k93uk1zO24LC9ekqckRlZ Get some white space in there along with the pallette and you will be off to the races. You'll definitely need to revise the design elements again but that's true for everyone that doesn't have an expensive expert right away.
For my puzzle game NoThree (https://play.google.com/store/apps/details?id=com.ovaludi.nothree.android), I decided to 1) keep it simple and 2) draw everything myself.
I chose to learn/use Inkscape and I simply experimented with all graphics until they looked okish. One very important thing I learned is to use a good palette. You should generate one on a website like http://paletton.com/ and stick to it.
I really like the teal and brown color combination, but can I also incorporate a red like this?
Here, I have 5: http://imgur.com/W7mR5n7
From memory:
Edit: Try a site like http://paletton.com/ for some basics with a color wheel. Then try to find the paints that match the closest.
It's not that the red shoes don't match the colours, I'm just not a fan of extremely bright shoes, or shoes that match exactly the colours in another piece. I also think that more neutral coloured shoes look better in general.
You can use websites like this one http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF to help visualize colors or create brighter fits that still look good together.
I think this is probably the strongest advice at the moment. Seems like you have theme and mechanic in progress which would make the art something to focus more on after you've nailed the general aspect of your game.
I would personally add that if these are to rep corporations dealing with some sort of armed forces, I'd pull away from the standard army camo and lean into perhaps a solid uniform color (blue/green/purple/etc). If this is meant for each corp/player to be their own role, you can split these colors per role.
If you absolutely want yellow as a resource value, make text black or add a black stroke to your white text. I'd also utilize some tools available online to compare colors like this one: http://paletton.com/#uid=13-0u0k00ur00Zuhl++94sa3Wca
Hope this helps!
Uh, this infographic sucks, but perceptually uniform colormaps are typically default these days in most popularly used plotting libraries, at least across Python and R (and there are quite a few of them to choose from). Even when I'm picking a color palette for a website the best generators for pleasing colors can out a filter on a preview to simulate all major types of vision abnormalities.
Take this as opposed to, say, governmental bodies discriminating against homosexuals or people outright rejecting the science on trans people so they can justify their hatred; not to downplay the need for better color management in data presentation, but it's a lot easier and private to find another graph than it is to combat prejudice.
At least you cited sources though.
i would worry less about a poll where people click what most appeals to them (your answers are going to be spread out) And more concerned about a cohesive color scheme or something that "color-codes" mechanics. For example, in 1, purple and orange don't go together in those shades. Purple and yellow do. 2 Looks good because blue and orange are complimentary, but the blue is almost too purple for it to work. 3 Those batteries are a great element, the bright green and yellow makes them stick out and seems to suggest "power" but the washed out maroon of the houses don't complement them. 4 Turn those roofs more purple along with the golden spines of the houses, and watch the magic happen. Alternatively, match the lime green of the wires to a pink element.
What i'm saying is get out your color wheel or try a website like this http://paletton.com/
You'll need to generate a palette of colours, based on the background colour you want and then use a colour checker to figure out which one to use on the background.
Palette generator: http://paletton.com
A list of colour checkers: https://www.viget.com/articles/color-contrast/
My only advice as a Graphic designer, normalize your color scheme:
http://paletton.com/#uid=75w0u0k66KP0DZG2QTWahzGfss3
I took this color: F7C8D0 from your shopify
Went to Paletton.com and pasted it on BaseRGB
Selected the "Tetrad" Option
And there you have a proper proportional Color Scheme:
Definitely explore more colors. Try creating a color palette here: http://paletton.com/
Also, try incorporating some images. I can tell this is for a school. Would they have any photos you can use? Don't take images from the internet without permission (unless royalty free)
Other things you play with are drop-shadows, more graphics/icons, and transitions/light animations.
If you need more help, comment below
It's meant for UI color schemes, but you can use it to build any kind of palette. Play with that to get a palette, then use the palette to color some stuff in Photoshop.
There's another tool that I found once that's more general use, but unfortunately I can't find it right now. Imagine a color wheel, draw an oval around the main colors you'll use, and then 180 degrees across the color wheel there's a smaller oval where you'll get your shadows.
http://paletton.com is a free interactive tool for designing color palettes. There is a LOT going on in this tool, so play a while until you've discovered all the little things that can be clicked, stretched and moved.
Be subtle, not gaudy. Unless you're making a float for the Pride parade (NTTAWWT), you want to use mostly low saturation colors. Combine a few of the variants (from the right hand side) with neutral greys to make up a final palette to paint your ship.
You will need to also convert from RGB-hex to Space Engineers' HSV color model, because Paletton lacks that feature. Here's one such converter: http://serennu.com/colour/hsltorgb.php
Remember: SUBTLETY.
The colors feel a little limiting. You have two factions that use black, and two factions that use a bluish color plus a grayscale color. Consider tossing in oranges, browns, pinks, or purples somewhere. For example, the humans could use a pink or a brown, and the cybernetics could be purple. Here's some rough comps I threw together.
Red and green are the hardest to make work. If they're both bright and intensely saturated, it looks like ass. Generally you want one of the colors brighter and more saturated (bolder), and the other darker and less saturated (grayer). It also helps if you try using a "cool" red (pinkish-purplish) or a "warm" green (yellow-green).
Keep accessibility in mind and don't use color as the only indicator for things. It'll make things easier for everyone.
Try playing around with a tool like Paletton.
This is a good start. If it was me I would make copies with these subtle changes: different door/windows/fence/balcony, multiple roof styles.
After looking at it for a few minutes personally I think what throws everything off repetition wise is the current pallet. The primary type colors allow a player to distinguish very quickly/easily. This might be why you are thinking everything is blending together after a short time. I would change the base pallet as well as add additional colors to it. This site can help with that
Feel free to DM me if you want any more feedback or make changes.
Not sure if possible in your case but if you could change the art to a vector instead of pixel it would be easier/faster to adjust the pieces as well as making more. Great start so far, good luck.
Color theory is something usually learned in art school, but some people just have a great sense of it. OP's color choices demonstrate they have that talent.
If you look at his palette of greens, the shades he picked all work together, as do the hot colors for the fire. Then the fire / light hot colors and foliage / water cools all work together as a larger set. Then the floor colors (colored greys / browns) work with the warms and cools tying the whole piece together visually.
I imagine there's good resources online to learn it, but I'm not sure what they are. You can kind of see it visually on an app like this: http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
Good luck!
That software doesn't really exist. You could maybe get answers from a palette chooser site like this by inputting values of colors you already have.
The key for text visibility, aside from sizing, is just high color contrast compared to whatever the background is. Colors can carry some meanings (red for stop, green for go, etc, etc), but it doesn't sound like you're concerned with that.
I definitely agree with you, the pallette needs work for sure. I wanted to have a simple pallette but is that a mistake? I used this site to come up with something and I'd planned on having each level have it's own pallette. (All of the model's UV maps are mapped to a pallette image about 32x32)
Thanks for the compliment about the style itself! And thank you for the constructive criticism. I'll keep at it.
Kudos for making an effort, but I'm not going to play your mom and tell you it's great when it's not. My subjective opinion is that it is ugly. But putting my personal biases aside, there are many problems with this that you probably didn't consider.
First of all, the message it's sending. Peaches are fat and juicy. Not fit. Depending on your target demographic, throwing off large drops of sweat might or might not be appealing. Are you making plants more fit?
Second, your color palette is all over the place. It follows no conventions of design. Clearly you have not studied this. Colors either go together harmonically or they don't. Sort of like musical notes. Use a tool like http://paletton.com/ and narrow your colors down to a small handful for your overall design, not just the logo. The logo should look good in black and white and inverted.
As someone else mentioned, turn it upside down and it is NSFW. It looks like an ass or a scrotum upside down that is ejecting fluids.
In addition to all that, it is rife with other amateur design elements that are going to cause you problems. The drop shadow, color gradients, use of many colors, and integrated words will all give you major headaches when you try to scale it small or use it over colored backgrounds.
Good luck.
I'm not a fan of Riot's UI/UX, but Matrix is where it's at.
I liked Telegram's UI and color palette when I used it, but I don't know if there's any IM app that I'd consider the best. They are all kind of figuring it out yet, I don't know. I really hope Riot changes their color scheme, because that green/purple/pink combination is disgusting, imo. I'd prefer if they just used a monochrome combination, like this, or even like this other, but not the odd combination they are using right now.
Sword structure is great but colors are a bit odd I think. I suggest that rework on your color palette.
Here's some useful links provided by Trove Wiki:
Edit 1: Oh, also be careful on voxel placement, handle part has a "disconnected" voxel. It has to be like this, connected:
https://en.m.wikipedia.org/wiki/Web_colors
Wikipedia's list of web colours would be a good place to start - a ctrl+F should help you find most basic colours.
Alternatively, a good colour wheel will tell you where the colour sits. I prefer paletton http://paletton.com/
There's also Paletton.
You pick a color and it gives you other tones of the same base color that dont clash with it, for using in compositions.
I've always used Paletton, they have options at the top for a 3 or 4 colour complementary set and then you can tweak the colours to what you'd like.
It has an Examples link in the bottom right so you can see which colour they are using for headers, sidebars etc.
Please also use the WebAIM Colour Contrast Checker to ensure that if you're overlaying text on a certain colour it's still legible. Lots of people struggle to read text if it doesn't pass these checks and you don't want to decide on some colours and find you have contrast issues down the line.
There's a reason the traditional DA color scheme is green armor and red weapons. They are complementary colors. A maroon cape would look fine and be very fluffy/traditional.
If you darkened down a little bit from cobalt that would probably also look pretty decent - a darkish blue can be an analogue of Dark Angels Green and would be interesting/unique.
I would avoid yellow - in addition to being a general pain in the ass to paint, yellow and green are not really related (in the traditional color scheme sense, at least, the Packers may beg to differ).
ETA: Meant to say, check out Paletton for color scheme help.
Thank you!
Interesting question. I have always considered myself an artistic person. However, I'm terrible with pixel art. I also had limited experience with animation going into the project.
The art style was born out of those limitations, I didn't want to bite off more than I could chew. What I came up with was:
-Work witch swatches of color and dont add too much detail.
-Keep only right angles. This worked well on small characters, but turned out dificult for the bosses.
-Focus on color, something I feel somewhat confident with. I made sure to pick out palettes for every world and character. For this project I used a site called paletton, I highly recommend it.
As the project went on I learned a lot about animation and pixel art. I now feel much more confident about pixel art for my next project (if it will be in 2D, hah).
Hey! Fellow UC Student!! I'm from UC Davis yeeee!
Awesome start here on your portfolio. Pretty dope that you included a download link to your resume!
Suggestions
Adding some header text to the project, and each section would be amazing so user's can understand quickly what the website is and what each section is.
Some your name / brand name next to your branding logo might be a good touch.
A monochromatic or triad color scheme would bring a little more life to the portfolio. I often use Paletton to help decide colors.
Maybe try using bootstrap's .img-rounded / .img-thumbnail for your portfolio items and .img-circle for your profile pic.
Awesome stuff man. I look forward to seeing more of you work!