The new forums will be named Coin Return (based on the most recent vote)! You can check on the status and timeline of the transition to the new forums here.
The Guiding Principles and New Rules document is now in effect.

Roketto Punch!!!

MagicToasterMagicToaster JapanRegistered User regular
edited April 2007 in Artist's Corner
Honest to God, I can't recall if i posted this here or not...

In any case, I've reworked this design a bit and want some feedback. I'm so insecure when it comes to web design.

Ok, AC; kill me with your words!

rpxc6.jpg


Kill me! Come on! Kill me! I'm here! Come on! Do it now!

MagicToaster on

Posts

  • EhmaviscaEhmavisca Registered User regular
    edited April 2007
    I like it a lot ! : 0

    Maybe you need something on the right though, it feels unbalanced. I could be so wrong though, IM STUPID.

    Ehmavisca on
  • YellowHerbYellowHerb Registered User regular
    edited April 2007
    I like the humor in it, but what purpose does this site have?

    YellowHerb on
  • freekfreek Registered User regular
    edited April 2007
    I like it. CSS? How'd you achieve the logo on the left?

    freek on
  • MunacraMunacra Registered User regular
    edited April 2007
    I like the color scheme, MT. It's very crisp.

    I think the header is pretty bland though. And the red block should expand all the way to the sides. (of the white thing) Either that, or have something that separates it more from the white.

    Not a drop shadow though. Drop shadows are tacky.

    The "about me" is a little odd. There is a pretty big space between the letter "t" and the letter "m" which makes it looks like it's separated. Adjust the kerning between the the two to alleviate the distance.

    p.s: Have you worked out the CSS yet? Can I see it pleaaaaaassseee? :: pretty eyes::

    Munacra on
  • AumniAumni Registered User regular
    edited April 2007
    I like the design a lot, actually. I like the simple banner, and the colors work well together.


    But the Japanese in Romaji? Killin' my eyes.

    Aumni on
    http://steamcommunity.com/id/aumni/ Battlenet: Aumni#1978 GW2: Aumni.1425 PSN: Aumnius
  • ProspicienceProspicience The Raven King DenvemoloradoRegistered User regular
    edited April 2007
    I'm likin' it a lot MT. Simple and clean's the way to go now as far as web design goes (at least so I hear from my friends in ze industry). I'm not sure if there should be something on the right, a part of me says it might look good and another part says 'tis cool. I guess maybe mess around with stuffs. Looks great to me besides that though!

    Prospicience on
  • Tweaked_Bat_Tweaked_Bat_ Registered User regular
    edited April 2007
    This is really, really cool, MT.

    Just some minor typos: Dimensions (not dimentions) and Pursuing (not persuing) :)

    Apart from that, it's pretty fucking sweet. I like the background pattern (diagonal stripes). I also like how you've tied that into the main content with the striped header/footer bars. I also like the style of the profile (ie: how it's been written) - unique and a little entertaining.

    The general idea is really nice, I think it could do with a little embellishment. I mean, keep it simple, the structure/layout/colours work well together, but it's the small details you add that will make it pop out a little (or alot) more. Stuff like maybe adding a faint border to the photo, adding some shading/color variation (maybe soft gradient?) to the header, maybe a really really soft shadow to the base of the header/photo.

    I don't really know exactly, they're just general ideas to think about. It depends on what kind of look you're going for. If you want to make it more "shinier" then you're going to want to add some soft gradients/gloss effects/shadows/reflections, but if you want something a little more "comic book" you'll want more solid colours and patterns etc etc...

    Also, have you tried playing around with the navigation. It's pretty simple, so that's not a problem, but maybe making it stick out a little more may help... maybe a different colour or style? Not sure...

    Either way, do post up your HTML/CSS when you get around it it, we want to see that too! (atleast I do :P).

    Tweaked_Bat_ on
  • CorgiCorgi Registered User regular
    edited April 2007
    I don't know much about web sdesign and CSS and what not... but I do know that February is capitalized.
    Even the abbreviation.

    I want to learn Japanese. And Spanish.
    I took four years of Spanish and nothing stuck but the bad words.:|

    Corgi on
  • AlyceInWonderlandAlyceInWonderland Registered User regular
    edited April 2007
    Today i've discovered that I can read the spanish section on the backs of shampoo bottles.

    Cool site, MT! Me likes! I'll give some better crits when it's not 1:30, and when I'm not about to pass out!

    Cheers!

    AlyceInWonderland on
  • icebergiceberg Registered User regular
    edited April 2007
    The only thing that bugs me about the design is the thin white bars on either side of the red banner. White is such a strong color, especially to the darker tones on either side. The contrast is causing it to vibrate and detract from the content. Just stretch the red to match up with the darker grey.

    iceberg on
  • redimpulseredimpulse Registered User regular
    edited April 2007
    The biggest thing that bothers me is "persuing."

    Pursuing. Honestly it took me about 5 times to realize that it didn't say "perusing."

    redimpulse on
    rbsig.jpg
  • MagicToasterMagicToaster JapanRegistered User regular
    edited April 2007
    Frank ...errr...ehmavisca - I'm not sure if I'll keep that logo thing there, it might get in the way later on.

    Yellow H. - This site has no purpose, except for getting me an A in my web-building class.

    Freek - No, this is the Photoshop mock, I haven't build it yet... and I have no idea how I'm gonna make that logo work.

    Munacra - Yeah, the header is very bland. I originally wanted that white border around the entire page, but the more I look at it, the more I dislike it. I'll build this page in a while, and I'll post the CSS when I dooooooo.

    Aumni - Really? I think the romaji is pretty legible.

    Prospicienceseses- WOOT!!!

    Tweak - Ugh! Typos always get me. Thanks for pointing them out.

    Corgi - See, in Spanish you don't capitalize the name of the months... thats why I made that mistake. Thanks for pointing it out though, I'll get on fixing it. Also, I highly encourage you to learn Spanish!

    Aliceeeee - You read the back of shampoo bottles??? Wierdo.

    Iceberg - Yeaaaaaahrrrr, I'll get on fixing that.

    Redimpulse - Yes... I know, my grammar is terrible.

    MagicToaster on
  • CorgiCorgi Registered User regular
    edited April 2007
    I want to get the Rosetta Stone. Mostly just so I can communicate with my boyfriend's mother without being so friggin' awkward. >.<
    But that stuff is costly.

    Corgi on
  • LaliluleloLalilulelo Richmond, VARegistered User regular
    edited April 2007
    That guy in that picture is really ugly. Couldn't you get like, a better picture of like, someone hot? Yeah you should put a pic of Scarlett Johanson in there, or someone like that. I have that same fear though.

    Lalilulelo on
  • EhmaviscaEhmavisca Registered User regular
    edited April 2007
    I DISAGREE. That person in the picture (whoever it is) have very nice lips.

    <3
    mmmmmmmmmmmmmmm

    Ehmavisca on
  • drinkinstoutdrinkinstout Registered User regular
    edited April 2007
    nice - but the right side definitly needs something.... oh, maybe a repeating city skyline (vertical) with the line matching the way you decorated the font on the left side.

    see: http://www.csszengarden.com/?cssfile=177/177.css for an idea what I'm talking about.

    drinkinstout on
  • MagicToasterMagicToaster JapanRegistered User regular
    edited April 2007
    I dunno who that person is, but he sure is handsome!

    Also, Corgi there are other free ways of learning Spanish. Learn Spanish.com had some cool lessons when I checked it out for a friend a while back. Also, something that helped me with Japanese was watching soap operas, you should sit down and watch them Novelas, they are full of drama and girls named María. Or get this prehistoric sit-com. I remember watching it as a kid, I thought it was hilarious.

    TV helps alot!

    MagicToaster on
  • CorgiCorgi Registered User regular
    edited April 2007
    OoO! Thanks toast. I know what I'm going to be doing for summer... besides volunteering at the humane society and college orientation and catching up on much needed sleep. and probably yoga.

    Corgi on
  • AlyceInWonderlandAlyceInWonderland Registered User regular
    edited April 2007
    AlYceeeee - You read the back of shampoo bottles??? Wierdo.

    Am I always going to have to correct you;)

    And yes!......sometimes I get bored in the shower and I'm like LOL I nead 2 bursh up on my spaneesh.

    I'm not a weirdo:(

    AlyceInWonderland on
  • Tweaked_Bat_Tweaked_Bat_ Registered User regular
    edited April 2007
    And yes!......sometimes I get bored in the shower and I'm like LOL I nead 2 bursh up on my spaneesh.
    Yeah, that's pretty normal, I'm sure we all get those impulses :roll:

    MT: The CSS should be pretty simple for this site, it's just a single column centered on the page... the left BG could be done a few different ways depending on what you know :)

    Tweaked_Bat_ on
  • MagicToasterMagicToaster JapanRegistered User regular
    edited April 2007
    I'll work on the HTML/CSS this week end and I'll post it then.

    MagicToaster on
  • RyeRye Registered User regular
    edited April 2007
    It's clean.. I suppose

    It needs texture/photos or something to break up the simplicity. Web design is about addin dimension and appeal to boring information. You have to make it LOOK like the information is more interesting that it is. You need to add dimension and areas of interest and relative inactivity.

    I'm not saying you should overdo it and add drop shadows to everything like some e-hole webdesign 101 prick. What you have now is what I'd call a good starting point - akin to the way you lock out areas of light and shadow when you're painting a canvas.

    Now that you have the shaping and layout, you should begin dressing things up. I'm probably the only one to say this but, he colors are kinda weak and overdone (Grey isn't usually a good webdesign color, as it's inately boring. you need to couple it with stronger complimentary colors.) Essentially you have a monochrome red with shades of grey. Red is harder to work with because it's very middle-of-the-road; it's can slip into cold as well as stay warm. It's also a very middle home value. Mixing it with grey is like saying "I'm boring and I can prove it". If you desaturated your picture, you'd see it's really flat. Use a brighter or darker color. Right now your site only uses 40-50% of the range of values.

    Get a nice accent color - this is a color you use EXTREMELY sparingly. Use it as a 1px line or small font for links. Now, find either a really cool photo or an abstract design with your two colors in it (photomanipulate if you find a coo one that's off color). Work it in subtly in the background or banner or somewhere.

    If you're confident in your ability to make a good repeating design, you can use one in the content area. Your css should expand to fit any browser size and any length of content needed.

    Rye on
  • MagicToasterMagicToaster JapanRegistered User regular
    edited April 2007
    I don't usually like saying negative things about crits that have been given to me, but I'm gonna have to disagree with you on the colors. I'm really proud of this color scheme, I think it delivers exactly what I wanted: simplicity.

    I'm not a big fan of textured backgrounds used to fill up space, if you have to resort to that your original composition lacks balance and proper planning. Anyone can balance out a design by adding crazy crap all over the place, but when you work with bare minimums you force yourself to think. I believe the colors balance each other out, no color out weighs the other, I put a lot of thought into them.

    Also....
    Rye wrote: »
    [...]Red is harder to work with because it's very middle-of-the-road; it's can slip into cold as well as stay warm.

    I have no idea what you mean by this. Red is a hot color.

    MagicToaster on
  • MunacraMunacra Registered User regular
    edited April 2007
    It needs texture/photos or something to break up the simplicity. Web design is about addin dimension and appeal to boring information. You have to make it LOOK like the information is more interesting that it is. You need to add dimension and areas of interest and relative inactivity.

    Web Design is about presenting content as clearly and precisely as possible. If your information is boring or not interesting to your visitors, even though you may have tons of pictures or colors or whatever, I bet you people will stop visiting.

    Munacra on
  • GodfatherGodfather Registered User regular
    edited April 2007
    Lalilulelo wrote: »
    That guy in that picture is really ugly. Couldn't you get like, a better picture of like, someone hot? Yeah you should put a pic of Scarlett Johanson in there, or someone like that. I have that same fear though.



    Man what?


    That guy in the photo is a STUD-muffin.


    Just look at those eyebrows.


    Those are some nice eyebrows.

    Godfather on
  • Tweaked_Bat_Tweaked_Bat_ Registered User regular
    edited April 2007
    Munacra wrote: »
    It needs texture/photos or something to break up the simplicity. Web design is about addin dimension and appeal to boring information. You have to make it LOOK like the information is more interesting that it is. You need to add dimension and areas of interest and relative inactivity.

    Web Design is about presenting content as clearly and precisely as possible. If your information is boring or not interesting to your visitors, even though you may have tons of pictures or colors or whatever, I bet you people will stop visiting.
    Well, I agree with the texture/photo thing. They can really go a long way to break up a site into manageable/readable chunks, especially if it's text-heavy... it also helps in bringing out certain pieces of your content, thus making it more precise or clear... but, if the information is boring, well, you should probably consider working on that :P

    And hurry up with the html/css MT, I wanna seeeeeeeeee!

    Tweaked_Bat_ on
  • LaliluleloLalilulelo Richmond, VARegistered User regular
    edited April 2007
    Godfather wrote: »
    Lalilulelo wrote: »
    That guy in that picture is really ugly. Couldn't you get like, a better picture of like, someone hot? Yeah you should put a pic of Scarlett Johanson in there, or someone like that. I have that same fear though.



    Man what?


    That guy in the photo is a STUD-muffin.


    Just look at those eyebrows.


    Those are some nice eyebrows.


    I'm just jealous.:P

    Lalilulelo on
  • GodfatherGodfather Registered User regular
    edited April 2007
    Lalilulelo wrote: »
    Godfather wrote: »
    Lalilulelo wrote: »
    That guy in that picture is really ugly. Couldn't you get like, a better picture of like, someone hot? Yeah you should put a pic of Scarlett Johanson in there, or someone like that. I have that same fear though.



    Man what?


    That guy in the photo is a STUD-muffin.


    Just look at those eyebrows.


    Those are some nice eyebrows.


    I'm just jealous.:P


    There's enough beefcake in that picture to feed a third-world country.

    Godfather on
  • RyeRye Registered User regular
    edited April 2007
    By red being cold I mean when you start dipping into darker tones, it turns colder (closer to purple). Obviously red is a warm color, but it's the darkest of the warms.

    You're not balancing things dynamically. Your red and grey are approximately the same home value. I'm not saying you didn't put a lot of thought into it (I'm sure you did). It's not.... interesting to me. You can disagree all day, but it won't change the fact that it's not just simple. It's boring.

    "No color outweighs the other" is right, which is why it's boring. What makes design interesting is finding ways to cheat the scale to balance things

    You can put two equal weight items on both sides of a teeter-totter to balance it out, but it's boring. It's symmetrical. You can put more weight nearer to the fulcrum and still balance it out with different masses. This is the kind of approach you need tot take.

    You can say you don't want or need textures, but your colors aren't enjoyable enough to justify "color fields". You're right that you need to think harder and working with less makes it harder. Unfortunately, it didn't quite payoff. There's no internet consolation prize for purposely handicapping yourself.

    You're welcome to disagree and I know you don't often disagree with critiques, but I really hope you reconsider. I'd be willing to do the equivalent of a "paint over" for your design, but I don't want to waste my time if you're already set in your ways and won't be revisiting this design. Much like your advice to me about marketing, this is something I'm fairly confident on and I do every day. I may not be right, but that doesn't mean your solution isn't still wrong.

    Rye on
  • MagicToasterMagicToaster JapanRegistered User regular
    edited April 2007
    Actually, I would like a paint over very much! :D

    EDIT: Though I've already made some modifications as I've build the page, like what you said about the gray background, Rye. I didn't notice untill I looked at it on another monitor.

    MagicToaster on
  • RyeRye Registered User regular
    edited April 2007
    I obviously went overboard, but you see I included the use of a tertiary color - yellow. I think the inclusion of yellow really makes it feel warmer.

    Now, if you can find a happy medium between this and yours, it'd be much improved. On the right side, if I had more time, I'd illustrate a cool cell-style rocket punch that would trail off toward the bottom instead of the faded explosion. I also upped the contrast on the left and right sides. That's very much a personal preference, so do with that what you will.


    It would look a lot cleaner if I had the original ai or psd (IE the left side overlapping the Japanese writing)


    rocket.jpg

    Rye on
  • MagicToasterMagicToaster JapanRegistered User regular
    edited April 2007
    Rye, I want to thank you for taking the time to do this. Though I stand by my original simple approach I really like how you tackled some of the issues I've been meaning to address and I'll use some inspiration from your re-design to decorate my layout, though not exactly with fire. :P

    Also this that you said struck a chord in me:
    Rye wrote: »
    There's no internet consolation prize for purposely handicapping yourself.

    Though I'm studying design now, I basically talked my way into that school. I have no design background whatsoever so I've always felt the need to prove to myself I can be just as good as all the kids in school by doing things the hard way. In reality, nobody cares as long as it looks good. I never really recognized that in me until now.

    EPIPHANY!!!

    MagicToaster on
  • MossMoss Registered User regular
    edited April 2007
    I kinda like your original design, but it bugs me that the nav bar and title bar are centre aligned whilst the body is left aligned.

    Also, please keep it simple. It could possibly even benefit from taking out the background writing on the left hand side.

    Moss on
  • RyeRye Registered User regular
    edited April 2007
    I woulda been more upset if you had been all "I love that! I'll do something like that!" The fire, like I said before, was WAY over the top, but i think you understand what I' saying about color and texture.

    Simple is cool, but not everyone enjoys simple. Simple is hard to do also. That's not to say that ornate is easy either. Practice both extremes and you can comfortable with both.

    About the "purposely handicapping yourself" thing, it's still good to practice at that stuff, but don't do it for a client or whatever.

    Rye on
Sign In or Register to comment.