1st Pixelized Website layout., C&C |
This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources
Submission Guidelines
1st Pixelized Website layout., C&C |
![]()
Post
#1
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
This is coming from my other topic. I made it into a layout. I'm opening a new site, Foreverangle.info but it's not up yet.
My Q's: 1.) Did I choose a good font or do I need to change the font? 2.) Did I choose an okay color for the content and navigation areas? 3.) Is there anything I should change? |
|
|
![]() |
![]()
Post
#2
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 2,936 Joined: Sep 2008 Member No: 683,235 ![]() |
Did you mean "Angel"?
It just looks weird. The font doesn't fit in at all, nor does the color. It also looks very low-quality, and you didn't cut her out too well. |
|
|
![]()
Post
#3
|
|
![]() Funride.org ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 326 Joined: Jul 2007 Member No: 542,299 ![]() |
I liked the way you cut her out.
But I dont like the font, nor the color of the font. And why another new site, what about Sugar-Blossom? |
|
|
![]()
Post
#4
|
|
![]() poison ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 4,806 Joined: Mar 2008 Member No: 629,020 ![]() |
the cut out and pixel stuff isnt bad at all. However the font still just doesnt fit well and the boxes just dont match.
One thing to think about, for the boxes and text, is to look at the picture and try to pick colours that would match the image itself. |
|
|
![]()
Post
#5
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
Did you mean "Angel"? It just looks weird. The font doesn't fit in at all, nor does the color. It also looks very low-quality, and you didn't cut her out too well. I spelled my site name wrong when signing up for the url and it's foreverangle.info instead of foreverangel.info So, my site will forever be forever angles like 45* and 60*. I liked the way you cut her out. But I dont like the font, nor the color of the font. And why another new site, what about Sugar-Blossom? S-B is now my hosting website. I've changed the font & content and nav areas. What do you think now? the cut out and pixel stuff isnt bad at all. However the font still just doesnt fit well and the boxes just dont match. One thing to think about, for the boxes and text, is to look at the picture and try to pick colours that would match the image itself. Okay. |
|
|
![]()
Post
#6
|
|
![]() /人◕‿‿◕人\ ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,283 Joined: Dec 2007 Member No: 602,927 ![]() |
This all looks like shit.
|
|
|
![]()
Post
#7
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 339 Joined: Mar 2009 Member No: 721,527 ![]() |
^
ouch. |
|
|
![]()
Post
#8
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
|
|
|
![]()
Post
#9
|
|
![]() /人◕‿‿◕人\ ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,283 Joined: Dec 2007 Member No: 602,927 ![]() |
I really think it looks like shit.
I hate the concept. Large pixels are good if you're playing Super Mario Bros. Large pixels are bad if you're in graphic design. Execution is horrible. Crap font with crap color. Little white dots around her arms. Inconsistency in the columns. f*cking weird text formatting. And on top of all that, you started with a low quality image. |
|
|
![]()
Post
#10
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
I really think it looks like shit. I hate the concept. Large pixels are good if you're playing Super Mario Bros. Large pixels are bad if you're in graphic design. Execution is horrible. Crap font with crap color. Little white dots around her arms. Inconsistency in the columns. f*cking weird text formatting. And on top of all that, you started with a low quality image. Okay. Btw, that was a rhetorical question. |
|
|
![]()
Post
#11
|
|
![]() /人◕‿‿◕人\ ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,283 Joined: Dec 2007 Member No: 602,927 ![]() |
Welcome to the internet, I think you'll enjoy it here.
|
|
|
![]()
Post
#12
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
|
|
|
![]()
Post
#13
|
|
![]() Adobe Addict ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 1,237 Joined: Mar 2005 Member No: 113,043 ![]() |
Try not to make the content area stand so alone - the beauty of good design seamlessly integrates the design of the main graphics and content areas. Right now, there isn't any flow... it's just jagged-feeling.
|
|
|
![]()
Post
#14
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
Try not to make the content area stand so alone - the beauty of good design seamlessly integrates the design of the main graphics and content areas. Right now, there isn't any flow... it's just jagged-feeling. What color do you suggest because I'm clueless on what color I should make it. |
|
|
![]()
Post
#15
|
|
![]() Adobe Addict ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 1,237 Joined: Mar 2005 Member No: 113,043 ![]() |
I'd choose a neutral shade between peach and brown. But it's not so much the color, it's the shapes. The squares don't blend in together, and the spacing between the title text, content, and left side content feel awkward to me. Try to make things more balanced and blended. Are you familiar with the rule of thirds?
|
|
|
![]()
Post
#16
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
I'd choose a neutral shade between peach and brown. But it's not so much the color, it's the shapes. The squares don't blend in together, and the spacing between the title text, content, and left side content feel awkward to me. Try to make things more balanced and blended. Are you familiar with the rule of thirds? No. |
|
|
![]()
Post
#17
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 339 Joined: Mar 2009 Member No: 721,527 ![]() |
I suggest you go back and start reading up. I know you said somewhere that you already took a break or whatever. Take a longer break. You came back posting new stuff too soon.
|
|
|
![]()
Post
#18
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
|
|
|
![]()
Post
#19
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 5,880 Joined: Nov 2007 Member No: 593,382 ![]() |
|
|
|
![]()
Post
#20
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 339 Joined: Mar 2009 Member No: 721,527 ![]() |
Well, one way to put it is... you're attempting to do design work without knowing what the rule of thirds is. Do you know the Golden Section? Fibonacci's spiral? You don't seem to have any foundation in typography either as some others has pointed out rather harshly.
Learn some theory is my best advice to you. I'm completely self-taught myself and it's taken me a year to get to where I'm at. A few weeks off isn't going to cut it. |
|
|
![]()
Post
#21
|
|
![]() kthxbai ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 2,832 Joined: Feb 2008 Member No: 621,203 ![]() |
I thought this new stuff was pretty good. Is it really that bad, iurp? ^ It's not as bad as it could be. I've definitely seen worse. I'm not a fan of the concept, though. I don't really like big, huge pixels in my face.. it's very distracting from the content. Also, I would make those white content boxes a darker color so they blend better with the image. Also, I'm not a fan of the guitar. It would distract me. If you changed it to a solid color, it would look much better, in my opinion. Well, one way to put it is... you're attempting to do design work without knowing what the rule of thirds is. Do you know the Golden Section? Fibonacci's spiral? You don't seem to have any foundation in typography either as some others has pointed out rather harshly. Learn some theory is my best advice to you. I'm completely self-taught myself and it's taken me a year to get to where I'm at. A few weeks off isn't going to cut it. I don't know any of this either >.< LOL!!! *Wikipedia, here I come!* |
|
|
![]()
Post
#22
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
Well, one way to put it is... you're attempting to do design work without knowing what the rule of thirds is. Do you know the Golden Section? Fibonacci's spiral? You don't seem to have any foundation in typography either as some others has pointed out rather harshly. Learn some theory is my best advice to you. I'm completely self-taught myself and it's taken me a year to get to where I'm at. A few weeks off isn't going to cut it. Well, I'm sorry I'm only a beginner. How would I know that I had to know typography? I mean give me a break. Wth is the Golden Section and Fibonacci's spiral & how does that apply to graphic design? |
|
|
![]()
Post
#23
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 339 Joined: Mar 2009 Member No: 721,527 ![]() |
If you're a beginner, you should be hungry for knowledge and not trying to produce more and more work and expect people to think it's good.
You may say that you're a beginner, but ultimately, people are still going to judge your design at a certain standard, not by yours. |
|
|
![]()
Post
#24
|
|
![]() kthxbai ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 2,832 Joined: Feb 2008 Member No: 621,203 ![]() |
Well, I'm sorry I'm only a beginner. How would I know that I had to know typography? I mean give me a break. Wth is the Golden Section and Fibonacci's spiral & how does that apply to graphic design? http://en.wikipedia.org/wiki/Golden_section (same thing, I guess) Basically some mathematical shit that no one cares about? ![]() |
|
|
![]()
Post
#25
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
If you're a beginner, you should be hungry for knowledge and not trying to produce more and more work and expect people to think it's good. You may say that you're a beginner, but ultimately, people are still going to judge your design at a certain standard, not by yours. I understand. http://en.wikipedia.org/wiki/Golden_section (same thing, I guess) Basically some mathematical shit that no one cares about? ![]() That's what I was thinking. I mean what does typography have to do with graphic design? Idiot. |
|
|
![]()
Post
#26
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 339 Joined: Mar 2009 Member No: 721,527 ![]() |
That's what I was thinking. I mean what does typography have to do with graphic design? Idiot. .........................are you serious? You think typography has nothing to do with graphic design. You're a lost cause. I tried being nice, but now you're just being obstinate. Until you learn, you're never getting better. You might as well give up. |
|
|
![]()
Post
#27
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
.........................you're a lost cause. I tried being nice, but now you're just being obstinate. Until you learn, you're never getting better. You might as well give up. Math doesn't = Graphic design. Math has NOTHING to do with graphic design so how can you say the golden section has something to do with graphic design? It's not like I make measurments when making these layouts, besides width & height. & You're the one that might as well give up because I am NOT going to look up stupid shit like that. |
|
|
![]()
Post
#28
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 339 Joined: Mar 2009 Member No: 721,527 ![]() |
Careful what you say, your stupidity's showing.
|
|
|
![]()
Post
#29
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
|
|
|
![]()
Post
#30
|
|
![]() Sex, Blood, & RocknRoll ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: People Staff Posts: 5,305 Joined: Nov 2007 Member No: 596,480 ![]() |
One piece of advice. When someone with a lot of talent offers you help, such as Ricky, take it.
QUOTE Typography (Etymology: typos—type, graphos—written) is the art and techniques of arranging type, type design, and modifying type glyphs. Type glyphs are created and modified using a variety of illustration techniques. The arrangement of type involves the selection of typefaces, point size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning). [1]
Typography is performed by typesetters, compositors, typographers, graphic designers, art directors, comic book artists, and clerical workers. Until the Digital Age, typography was a specialized occupation. Digitization opened up typography to new generations of visual designers and lay users. |
|
|
![]()
Post
#31
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
|
|
|
![]()
Post
#32
|
|
![]() DDR \\ I'm Dee :) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Mentor Posts: 8,662 Joined: Mar 2006 Member No: 384,020 ![]() |
LOL, you made a topic in the Showcase booth asking for feedback.
Ricky and Rachael are taking the time to try and help you focus on what you need to improve, not only on this one design but on your skills as a designer overall. Createblog has a lot of very talented designers, and I think it's a shame if you don't want to take their advice. Seriously, did you make this topic because you wanted people to make replies like "that's nice" and "it looks ok" without putting thought into it? If someone makes a reply that you don't understand, ask them to elaborate, don't insult them. People here are more than willing to help you out, but if you act like a brat they aren't going to. You need to listen to what they say because it will make you a better designer. If you don't give a shit, why should they? |
|
|
![]()
Post
#33
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
LOL, you made a topic in the Showcase booth asking for feedback. Ricky and Rachael are taking the time to try and help you focus on what you need to improve, not only on this one design but on your skills as a designer overall. Createblog has a lot of very talented designers, and I think it's a shame if you don't want to take their advice. Seriously, did you make this topic because you wanted people to make replies like "that's nice" and "it looks ok" without putting thought into it? If someone makes a reply that you don't understand, ask them to elaborate, don't insult them. People here are more than willing to help you out, but if you act like a brat they aren't going to. You need to listen to what they say because it will make you a better designer. If you don't give a shit, why should they? No I wanted feedback. Okay, I'm sorry. I'm not in a good mood today. Could you guys/gals please elaborate? |
|
|
![]()
Post
#34
|
|
![]() Onen i-Estel Edain, ú-chebin estel anim. ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 425 Joined: May 2008 Member No: 653,128 ![]() |
Typography is part of graphic design.
Basically working with text is typography. Them saying you need to learn typography means that you should work on what you can do with text, especially because your text usually doesn't fit with your image. The golden ratio, the rule of thirds, etc. has a lot to do with it Because if you follow those rules, it'll look aesthetically pleasing - it's been proven by science (I think) For instance, the Mona Lisa, one of the most 'beautiful' paintings uses the golden ratio, which is why it's so aesthetically pleasing. Another is 'The Last Supper' - another famous piece of artwork. The golden ratio wikipedia page talked about that, if you bothered to read it. QUOTE & You're the one that might as well give up because I am NOT going to look up stupid shit like that. And it's not stupid shit by the way. Besides, a lot of people think that order in a piece of art Makes it look better Maths can help with that. Also, please TRY to work on matching colours. I don't think you've gotten that much better at it. |
|
|
![]()
Post
#35
|
|
![]() Adobe Addict ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 1,237 Joined: Mar 2005 Member No: 113,043 ![]() |
Typography is a general understanding of text and letter spacing, line-heights, and so forth that help a design seem complete - you have to pay as much attention to the style and placement of your text as much as your design.
For example - I just recently designed this layout: [here]. See how I styled the content text to match with the modern flair of the design? Also, I actually incorporated typographical styles into the design itself. In short, typography (when used in web design) is knowing what font looks good and knowing the best possible way to present it in the design and in the content. About the rule of thirds, the main point of the rule is visual balance. You want to make sure that you don't have all of the visual weight on one side without something balancing out the design in another area. It also doesn't have to be limited to the Rule of "Thirds" - you can break your layout down into 2, 4, and 5 pieces - whatever is easier for you to visualize the balance of the entire composition. [Wiki] [This] really isn't the best example because it isn't balanced as good as it should be. But, do you see how I tried to balance out the text on the poster with the header text of the content? Also, by adding the inset box (with the gold top border) and music player, I tried to balance the visual weight of the graphic. Try not to get discouraged - you're going to have more criticism than compliments for a while. You should have seen some of the things that I tried to submit at first... I got rejected one after another ![]() |
|
|
![]()
Post
#36
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
Typography is a general understanding of text and letter spacing, line-heights, and so forth that help a design seem complete - you have to pay as much attention to the style and placement of your text as much as your design. For example - I just recently designed this layout: [here]. See how I styled the content text to match with the modern flair of the design? Also, I actually incorporated typographical styles into the design itself. In short, typography (when used in web design) is knowing what font looks good and knowing the best possible way to present it in the design and in the content. About the rule of thirds, the main point of the rule is visual balance. You want to make sure that you don't have all of the visual weight on one side without something balancing out the design in another area. It also doesn't have to be limited to the Rule of "Thirds" - you can break your layout down into 2, 4, and 5 pieces - whatever is easier for you to visualize the balance of the entire composition. [Wiki] [This] really isn't the best example because it isn't balanced as good as it should be. But, do you see how I tried to balance out the text on the poster with the header text of the content? Also, by adding the inset box (with the gold top border) and music player, I tried to balance the visual weight of the graphic. Try not to get discouraged - you're going to have more criticism than compliments for a while. You should have seen some of the things that I tried to submit at first... I got rejected one after another ![]() Okay. Thanks. |
|
|
![]()
Post
#37
|
|
![]() Senior Member ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Administrator Posts: 8,629 Joined: Jan 2007 Member No: 498,468 ![]() |
Jesus christ you guys, do we need to go over the Showcase Booth: Guidelines and Rules of Conduct thread?
It just looks weird. The font doesn't fit in at all, nor does the color. It also looks very low-quality Agreed. Well, one way to put it is... you're attempting to do design work without knowing what the rule of thirds is. Do you know the Golden Section? Fibonacci's spiral? You don't seem to have any foundation in typography either as some others has pointed out rather harshly. Learn some theory is my best advice to you. I'm completely self-taught myself and it's taken me a year to get to where I'm at. A few weeks off isn't going to cut it. He's throwing some big words at you here but he's right. If you're really interested in learning about all this and want to become a better designer, you need to do some learning on your own. It won't be easy but it will pay off for sure. |
|
|
![]()
Post
#38
|
|
![]() Irrisistable Cabbages. ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 549 Joined: Nov 2007 Member No: 589,355 ![]() |
|
|
|
![]() ![]() |