<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Webdesign for the Beginner</title>
	<atom:link href="http://warofwinds.com/winged-wolf-studio/webdesign-for-the-beginner/feed/" rel="self" type="application/rss+xml" />
	<link>http://warofwinds.com/winged-wolf-studio/webdesign-for-the-beginner/</link>
	<description>Time to Fly</description>
	<lastBuildDate>Tue, 10 Aug 2010 17:33:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: R(ed)</title>
		<link>http://warofwinds.com/winged-wolf-studio/webdesign-for-the-beginner/comment-page-1/#comment-1045</link>
		<dc:creator>R(ed)</dc:creator>
		<pubDate>Tue, 31 Mar 2009 22:22:24 +0000</pubDate>
		<guid isPermaLink="false">http://warofwinds.com/winged-wolf-studio/?p=281#comment-1045</guid>
		<description>This does seem to link to the idea you mentioned referring to the &quot;web&quot; of webcomics?

It is to every artist&#039;s benefit to be able to have a site that is at least representative of the style and the nature of the comic, I&#039;ve seen some websites that are far more attractive than the comics that present them, and others that are as ugly as the CG default template (plain text links?!) A great site can really enhance the feel and impact of a webcomic even subliminally.

For what&#039;s it&#039;s worth I&#039;ve gone through (at least) 6 revisions. I spent some time drawing up some sketches with some measurements, (VERY IMPORTANT) and an idea of what I wanted where and how and learnt the skills to make it happen, but it doesn&#039;t end there! Sometimes things work great, sometimes they blow and to be honest, sometimes I&#039;ll look back months later with some experience and techniques and think &quot;perhaps there is a better way&quot;.

Checking out how other people do things is a good way to see what does work...as does this blog actually!</description>
		<content:encoded><![CDATA[<p>This does seem to link to the idea you mentioned referring to the &#8220;web&#8221; of webcomics?</p>
<p>It is to every artist&#8217;s benefit to be able to have a site that is at least representative of the style and the nature of the comic, I&#8217;ve seen some websites that are far more attractive than the comics that present them, and others that are as ugly as the CG default template (plain text links?!) A great site can really enhance the feel and impact of a webcomic even subliminally.</p>
<p>For what&#8217;s it&#8217;s worth I&#8217;ve gone through (at least) 6 revisions. I spent some time drawing up some sketches with some measurements, (VERY IMPORTANT) and an idea of what I wanted where and how and learnt the skills to make it happen, but it doesn&#8217;t end there! Sometimes things work great, sometimes they blow and to be honest, sometimes I&#8217;ll look back months later with some experience and techniques and think &#8220;perhaps there is a better way&#8221;.</p>
<p>Checking out how other people do things is a good way to see what does work&#8230;as does this blog actually!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Kez</title>
		<link>http://warofwinds.com/winged-wolf-studio/webdesign-for-the-beginner/comment-page-1/#comment-949</link>
		<dc:creator>Kez</dc:creator>
		<pubDate>Thu, 26 Mar 2009 15:26:42 +0000</pubDate>
		<guid isPermaLink="false">http://warofwinds.com/winged-wolf-studio/?p=281#comment-949</guid>
		<description>Always design so it will fit in the &quot;smallest common denominator&quot; browser. That used to be 800x600, but it&#039;s pretty safe to say 1024x768 now. Most people using resolutions larger than that. I personally open a 1280x1500 window in PS and start there, because I like to have gutters and margins to frame it while I&#039;m working.

It&#039;s important to realize that despite a larger browser size available to the webdesigner, it&#039;s still important to keep your site &quot;tight.&quot; I won&#039;t say small, because the best sites change conformation to fit ANY browser, but by tight I mean streamlined, cut the fat, etc. Always aim for the least amount of clutter and the best organization, and show the importance of elements by where they appear. The most important things should be top left, and the least important, bottom right. 

Back to your question though, when I open mu 1280x1500px file, I usually start with a box 1000px wide and try to go smaller from there.  Even in 1024x768, it&#039;s good to have a margin on the sides. I don&#039;t ever aim for a width above 1000 when I design sites.

A tip I found helpful: viewing the gridlines helps me keep large PSD site templates in perspective. I set my gridlines to 100px cut once at a 50px interval.  I also press control+R for the ruler, also set to pixels. You can display your gridlines by going to view-&gt;show-&gt; gridlines, and you can edit their display by going to edit-&gt;preferences.</description>
		<content:encoded><![CDATA[<p>Always design so it will fit in the &#8220;smallest common denominator&#8221; browser. That used to be 800&#215;600, but it&#8217;s pretty safe to say 1024&#215;768 now. Most people using resolutions larger than that. I personally open a 1280&#215;1500 window in PS and start there, because I like to have gutters and margins to frame it while I&#8217;m working.</p>
<p>It&#8217;s important to realize that despite a larger browser size available to the webdesigner, it&#8217;s still important to keep your site &#8220;tight.&#8221; I won&#8217;t say small, because the best sites change conformation to fit ANY browser, but by tight I mean streamlined, cut the fat, etc. Always aim for the least amount of clutter and the best organization, and show the importance of elements by where they appear. The most important things should be top left, and the least important, bottom right. </p>
<p>Back to your question though, when I open mu 1280&#215;1500px file, I usually start with a box 1000px wide and try to go smaller from there.  Even in 1024&#215;768, it&#8217;s good to have a margin on the sides. I don&#8217;t ever aim for a width above 1000 when I design sites.</p>
<p>A tip I found helpful: viewing the gridlines helps me keep large PSD site templates in perspective. I set my gridlines to 100px cut once at a 50px interval.  I also press control+R for the ruler, also set to pixels. You can display your gridlines by going to view-&gt;show-&gt; gridlines, and you can edit their display by going to edit-&gt;preferences.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Pirogoeth</title>
		<link>http://warofwinds.com/winged-wolf-studio/webdesign-for-the-beginner/comment-page-1/#comment-944</link>
		<dc:creator>Pirogoeth</dc:creator>
		<pubDate>Thu, 26 Mar 2009 10:52:16 +0000</pubDate>
		<guid isPermaLink="false">http://warofwinds.com/winged-wolf-studio/?p=281#comment-944</guid>
		<description>One thing that gets me when doing webpages in photoshop is... How big should I design it to be in PS?

1000x900px?

Whats the general standard size? If there is one.
Looking forward to your next piece KEZ.

- Piro</description>
		<content:encoded><![CDATA[<p>One thing that gets me when doing webpages in photoshop is&#8230; How big should I design it to be in PS?</p>
<p>1000&#215;900px?</p>
<p>Whats the general standard size? If there is one.<br />
Looking forward to your next piece KEZ.</p>
<p>- Piro</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Sen</title>
		<link>http://warofwinds.com/winged-wolf-studio/webdesign-for-the-beginner/comment-page-1/#comment-938</link>
		<dc:creator>Sen</dc:creator>
		<pubDate>Thu, 26 Mar 2009 04:58:45 +0000</pubDate>
		<guid isPermaLink="false">http://warofwinds.com/winged-wolf-studio/?p=281#comment-938</guid>
		<description>The last few CSS designs I did I started out with code instead of sketches, but that&#039;s just because it&#039;s so easy for me to think in code/CSS and make things come out exactly as I want them to right now.

I really do dislike starting in PS to come up with simpler designs sometimes, but it&#039;s definitely helpful and most times necessary (like if I had to do anything professionally - in which case it&#039;s very important as I&#039;m actually conveying ideas to someone else).</description>
		<content:encoded><![CDATA[<p>The last few CSS designs I did I started out with code instead of sketches, but that&#8217;s just because it&#8217;s so easy for me to think in code/CSS and make things come out exactly as I want them to right now.</p>
<p>I really do dislike starting in PS to come up with simpler designs sometimes, but it&#8217;s definitely helpful and most times necessary (like if I had to do anything professionally &#8211; in which case it&#8217;s very important as I&#8217;m actually conveying ideas to someone else).</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: KEZ</title>
		<link>http://warofwinds.com/winged-wolf-studio/webdesign-for-the-beginner/comment-page-1/#comment-937</link>
		<dc:creator>KEZ</dc:creator>
		<pubDate>Thu, 26 Mar 2009 03:53:41 +0000</pubDate>
		<guid isPermaLink="false">http://warofwinds.com/winged-wolf-studio/?p=281#comment-937</guid>
		<description>@fluffy, I used to start my designs on paper too! Since I have a tablet, I just sketch in photoshop now.  My next article, I THINK is going to be a summation on the differences between how HTML and CSS work--the stuff I wish someone had told ME when first started. Instead, I just *headdesk*&#039;d my way to understanding. Shortcuts, FTW!</description>
		<content:encoded><![CDATA[<p>@fluffy, I used to start my designs on paper too! Since I have a tablet, I just sketch in photoshop now.  My next article, I THINK is going to be a summation on the differences between how HTML and CSS work&#8211;the stuff I wish someone had told ME when first started. Instead, I just *headdesk*&#8217;d my way to understanding. Shortcuts, FTW!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Clare K. R. Miller</title>
		<link>http://warofwinds.com/winged-wolf-studio/webdesign-for-the-beginner/comment-page-1/#comment-934</link>
		<dc:creator>Clare K. R. Miller</dc:creator>
		<pubDate>Wed, 25 Mar 2009 23:57:18 +0000</pubDate>
		<guid isPermaLink="false">http://warofwinds.com/winged-wolf-studio/?p=281#comment-934</guid>
		<description>You know, I&#039;ve heard that general advice before, but always ignored it. (Granted, I haven&#039;t designed my own website since middle school, just little tables and stuff.) But your explanation makes so much sense. Thank you!</description>
		<content:encoded><![CDATA[<p>You know, I&#8217;ve heard that general advice before, but always ignored it. (Granted, I haven&#8217;t designed my own website since middle school, just little tables and stuff.) But your explanation makes so much sense. Thank you!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: fluffy</title>
		<link>http://warofwinds.com/winged-wolf-studio/webdesign-for-the-beginner/comment-page-1/#comment-928</link>
		<dc:creator>fluffy</dc:creator>
		<pubDate>Wed, 25 Mar 2009 17:12:22 +0000</pubDate>
		<guid isPermaLink="false">http://warofwinds.com/winged-wolf-studio/?p=281#comment-928</guid>
		<description>I personally start out my webdesigns by doing sketches on paper.  I know perfectly well how code will map to the results I want, and I don&#039;t use a lot of graphics in my designs (so I don&#039;t need to have stuff ready to slice-and-dice), but knowing what I want to do is an important first step.  I suppose that with a liberal enough definition, a piece of paper and a pencil qualifies as a &quot;graphics editor.&quot;

It helps a lot to understand the CSS box model, also.  Making a design around what HTML/CSS excels at is a great way to reduce how frustrating it is to get things working.  Keep the layout simple, with a simple vertical stacking of basic elements, which you could further split into horizontal elements, but do so sparingly.  Don&#039;t design around a fixed screen width.  Don&#039;t have image-based borders around things.  And so on.</description>
		<content:encoded><![CDATA[<p>I personally start out my webdesigns by doing sketches on paper.  I know perfectly well how code will map to the results I want, and I don&#8217;t use a lot of graphics in my designs (so I don&#8217;t need to have stuff ready to slice-and-dice), but knowing what I want to do is an important first step.  I suppose that with a liberal enough definition, a piece of paper and a pencil qualifies as a &#8220;graphics editor.&#8221;</p>
<p>It helps a lot to understand the CSS box model, also.  Making a design around what HTML/CSS excels at is a great way to reduce how frustrating it is to get things working.  Keep the layout simple, with a simple vertical stacking of basic elements, which you could further split into horizontal elements, but do so sparingly.  Don&#8217;t design around a fixed screen width.  Don&#8217;t have image-based borders around things.  And so on.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Pirogoeth</title>
		<link>http://warofwinds.com/winged-wolf-studio/webdesign-for-the-beginner/comment-page-1/#comment-922</link>
		<dc:creator>Pirogoeth</dc:creator>
		<pubDate>Wed, 25 Mar 2009 09:53:49 +0000</pubDate>
		<guid isPermaLink="false">http://warofwinds.com/winged-wolf-studio/?p=281#comment-922</guid>
		<description>Thanks for writing this :)
It&#039;s very useful information to know :)
Photoshop is one of my strong points so knowing that I can start a site in photoshop and then code for that is better than thinking I&#039;ll have to code and then add photoshopped stuff to that :)

- Piro</description>
		<content:encoded><![CDATA[<p>Thanks for writing this :)<br />
It&#8217;s very useful information to know :)<br />
Photoshop is one of my strong points so knowing that I can start a site in photoshop and then code for that is better than thinking I&#8217;ll have to code and then add photoshopped stuff to that :)</p>
<p>- Piro</p>
]]></content:encoded>
	</item>
</channel>
</rss>
