<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Octwelve - A Web Designer&#039;s Blog by Luc Melgar &#187; Productivity Tips For Web Designers</title>
	<atom:link href="http://octwelve.com/category/productivity-for-web-designers/feed/" rel="self" type="application/rss+xml" />
	<link>http://octwelve.com</link>
	<description></description>
	<lastBuildDate>Thu, 01 Mar 2012 02:27:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Graphic Design Basics Book</title>
		<link>http://octwelve.com/2009/11/07/graphic-design-basics-book/</link>
		<comments>http://octwelve.com/2009/11/07/graphic-design-basics-book/#comments</comments>
		<pubDate>Sat, 07 Nov 2009 09:20:56 +0000</pubDate>
		<dc:creator>Luc</dc:creator>
				<category><![CDATA[Productivity Tips For Web Designers]]></category>

		<guid isPermaLink="false">http://octwelve.com/?p=119</guid>
		<description><![CDATA[I have 9 years of design experience behind me but would you believe that I don&#8217;t have any idea about the fundamentals of design nor do I have a formal education of it. I just design based on what I think is beautiful and usable. I felt like reading something I can bring anywhere with [...]]]></description>
			<content:encoded><![CDATA[<p>I have 9 years of design experience behind me but would you believe that I don&#8217;t have any idea about the fundamentals of design nor do I have a formal education of it. I just design based on what I think is beautiful and usable.</p>
<p>I felt like reading something I can bring anywhere with me. I&#8217;m tired of staring at the monitor. So I went to Basheer Graphic Book shop and grab myself a copy of Designs Basic Index by Jim Krauss. I found myself reading it every morning in the bus on my way to office. Just as the title says, it&#8217;s all about the basics of designs.</p>
<p><img class="alignnone" src="http://farm3.static.flickr.com/2532/4081909117_d27aa6ee2c_o.jpg" alt="" width="500" height="332" /></p>
<p>This book is not the &#8216;show-off&#8217; type which features the trendy and stylish designs out there. It covers the fundamentals of design from typography and color to layout and business issues. What I like the most is the &#8216;do&#8217;s and don&#8217;ts&#8217; of designing. My design practices changed after applying what I&#8217;ve learned from this book. <strong>Designing is not about the rules, but knowing the essentials can help you come up with an aesthetically and effective design. </strong>I&#8217;ve learned new things on this book. It&#8217;s a worthwhile read for beginners and also a great reference for advanced designers.</p>
<p>Don&#8217;t stop learning! ^_^</p>
<p>Technorati Tags: <a href="http://technorati.com/tag/graphic+design+book" rel="tag">graphic design book</a>, <a href="http://technorati.com/tag/graphic+design+fundamentals" rel="tag"> graphic design fundamentals</a>, <a href="http://technorati.com/tag/design+book" rel="tag"> design book</a>, <a href="http://technorati.com/tag/web+design+book" rel="tag"> web design book</a>, <a href="http://technorati.com/tag/website+design+book" rel="tag"> website design book</a>, <a href="http://technorati.com/tag/graphic+design+basic+book" rel="tag"> graphic design basic book</a>, <a href="http://technorati.com/tag/basic+graphic+design+book" rel="tag"> basic graphic design book</a>, <a href="http://technorati.com/tag/design+basic+index" rel="tag"> design basic index</a></p>
]]></content:encoded>
			<wfw:commentRss>http://octwelve.com/2009/11/07/graphic-design-basics-book/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>How to be a web designer</title>
		<link>http://octwelve.com/2008/01/12/how-to-be-a-web-designer/</link>
		<comments>http://octwelve.com/2008/01/12/how-to-be-a-web-designer/#comments</comments>
		<pubDate>Sat, 12 Jan 2008 14:46:16 +0000</pubDate>
		<dc:creator>Luc</dc:creator>
				<category><![CDATA[Productivity Tips For Web Designers]]></category>
		<category><![CDATA[Website Design Inspirations]]></category>

		<guid isPermaLink="false">http://octwelve.com/2008/01/12/how-to-be-a-web-designer/</guid>
		<description><![CDATA[This question have been asked by my cousin who studied chemistry and now he seems to be interested in web designing. Quite a transition I thought. The first thing I could retort was &#8220;Are you creative?&#8221;. But let&#8217;s skip that. Here are the techy skills and required stuff to get started. 1. Choose a platform, [...]]]></description>
			<content:encoded><![CDATA[<p> This question have been asked by my cousin who studied chemistry and now he seems to be interested in web designing. Quite a transition I thought. The first thing I could retort was &#8220;Are you creative?&#8221;. But let&#8217;s skip that. Here are the techy skills and required stuff to get started.</p>
<h3>1. Choose a platform, PC or Mac</h3>
<p>The never ending debate! I&#8217;m a PC user and it works fine with me. But if you are on this creative field you&#8217;ll be surrounded with Mac users who&#8217;ll sway you that Mac is a better computer for creative professionals and those who sings &#8220;Mac rocks PC sucks or Mac blings PC stinks&#8221; or whatever. Well, Mac is a pretty sweet looking machine. Leopard, the latest operating system of Mac has a lot of cool features too. So it&#8217;s really tempting to choose it over PC. However, Mac is a lot more expensive than PC. Although if Mac are not like 5x more expensive in Manila than in US, I&#8217;d definitely splurge on it. My 2 cents is, PC or Mac, it&#8217;s up to you. It&#8217;s just a matter of preference. At the end of the day, it&#8217;s your design that will be judge, not your equipment. :)</p>
<p><img src="http://octwelve.com/wp-content/uploads/designer_cartoon.jpg" title="Designer Cartoon" alt="Designer Cartoon" /></p>
<p><span id="more-17"></span></p>
<h3>2.  Softwares</h3>
<p>All you really need is a graphic editor, html editor, a browser and ftp client.</p>
<ul>
<li><strong>Photoshop</strong>, is the industry standard for graphic editing. It&#8217;s what you&#8217;re going to use to design the graphics and the layout of your website.</li>
<li><strong>Dreamweaver</strong> is the html editor of my choice. After designing the comp in Photoshop, splice up those graphics, fire up Dreamweaver and put those graphics back together using XHTML and CSS.</li>
<li><strong>Firefox</strong>, everyone&#8217;s favorite browser is also my choice for viewing and testing my web pages. But don&#8217;t forget to test your pages on other browsers as well, such as Internet Explorer (v5-7), Safari browser for Mac, Opera, Mozilla, and Netscape. You have to make sure that your web page displays properly on different browsers.</li>
<li><strong>FireFTP</strong> is a powerful Firefox plugin which allows you download and upload files to and from your web server.</li>
<li><strong>Flash</strong> is another web design software that is use to create animation. You can actually create a full flash based website. Although I suggest that you learn Photoshop, XHTML/CSS, and web standards first.</li>
</ul>
<h3>3. Resources</h3>
<p>Imagery and typography is paramount in web design. Here&#8217;s a list where you can get them.</p>
<p>Stock photos:</p>
<p><strong>Istockphoto </strong>(price starts at $1 per download)<strong> </strong>- <a href="http://www.istockphoto.com" target="_blank">www.istockphoto.com</a><br />
<strong> Stock.Xchng</strong> (free for personal use. restrictions apply) &#8211; <a href="http://www.sxc.hu" target="_blank">www.sxc.hu</a></p>
<p>Fonts:</p>
<p><strong>Linotype </strong>-<a href="http://www.linotype.com/" target="_blank"> www.linotype.com</a><strong><br />
Dafont</strong> &#8211; <a href="http://www.dafont.com" target="_blank">www.dafont.com</a></p>
<h3>4. Creative talent</h3>
<p>Do you agree? My answer is no and yes.</p>
<p>No, because anyone can come up with a design. All it takes is some technical knowledge and basic layout principles. The question is, is it a good design? Is it a design that sells?</p>
<p>What defines a good web design has 2 standpoints. The first focuses on usability and functionality. The second is on aesthetics. This means that a <em>good web design</em> should be both usable and visually appealing.</p>
<p style="padding: 0pt 0pt 10px 10px; float: right"> <script type="text/javascript"><!--
google_ad_client = "pub-5229668072974911";
//250x250, square permalink
google_ad_slot = "0884111206";
google_ad_width = 250;
google_ad_height = 250;
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p>Don&#8217;t be discouraged. I don&#8217;t think it&#8217;s always like that. I know many designers who are not great with designs. But why do they have customers could be 1. they&#8217;re a good salesman, or 2. their designs looks good on their customers even if it looks crap to others. Which only proves  &#8220;Beauty is bought by judgement of the eye&#8221;.</p>
<p>That might work if you are carving your own path as a freelance designer. But what if you are applying to a design agency? Web design is part of the creative industry.  Ofcourse the talented designer is more competetive, right? I also answered yes, creativity is required. Well, not really required, but preferred. A <em>good designer</em> is more competetive than &#8216;just a web designer&#8217;.</p>
<p>I&#8217;m having a headache while I&#8217;m writing this. I wasn&#8217;t really sure where to stand lol  All I can say now is, if you want to design and if you have a passion for it, go for it! All it takes is inspiration and experience to come up with a good design.</p>
<h3>Recommended Sites and Books</h3>
<p><strong>Video Training:</strong></p>
<ul>
<li>Lynda.com &#8211; <a href="http://www.lynda.com" target="_blank">www.lynda.com</a></li>
<li>Total Training &#8211; <a href="http://www.totaltraining.com" target="_blank">www.totaltraining.com</a></li>
</ul>
<p><strong>Books:</strong></p>
<ul>
<li><a href="http://www.amazon.com/gp/product/1590597478?ie=UTF8&amp;tag=octwelve-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1590597478">Beginning HTML with CSS and XHTML: Modern Guide and Reference (Beginning: from Novice to Professional)</a><img src="http://www.assoc-amazon.com/e/ir?t=octwelve-20&amp;l=as2&amp;o=1&amp;a=1590597478" style="border: medium none  ! important; margin: 0px ! important" border="0" height="1" width="1" /></li>
<li><a href="http://www.amazon.com/gp/product/0975841963?ie=UTF8&amp;tag=octwelve-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0975841963">The Principles of Beautiful Web Design</a><img src="http://www.assoc-amazon.com/e/ir?t=octwelve-20&amp;l=as2&amp;o=1&amp;a=0975841963" style="border: medium none  ! important; margin: 0px ! important" border="0" height="1" width="1" /></li>
<li><a href="http://www.amazon.com/gp/product/097584198X?ie=UTF8&amp;tag=octwelve-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=097584198X">The CSS Anthology: 101 Essential Tips, Tricks &amp; Hacks</a><img src="http://www.assoc-amazon.com/e/ir?t=octwelve-20&amp;l=as2&amp;o=1&amp;a=097584198X" style="border: medium none  ! important; margin: 0px ! important" border="0" height="1" width="1" /></li>
<li><a href="http://www.amazon.com/gp/product/0975841971?ie=UTF8&amp;tag=octwelve-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0975841971">The Art and Science of CSS</a><img src="http://www.assoc-amazon.com/e/ir?t=octwelve-20&amp;l=as2&amp;o=1&amp;a=0975841971" style="border: medium none  ! important; margin: 0px ! important" border="0" height="1" width="1" /></li>
</ul>
<p><strong>Photoshop Effects Tutorials </strong>- There are lots of tutorial sites out there. Google is your friend.</p>
<ul>
<li> PSD Tuts &#8211; <a href="http://www.psdtuts.com/" target="_blank">www.psdtuts.com</a></li>
<li>Photoshop Top Secrets &#8211; <a href="http://www.photoshoptopsecret.com/" target="_blank">www.photoshoptopsecret.com</a></li>
</ul>
<p><strong>Inspiration:</strong></p>
<ul>
<li>CSS Remix &#8211; <a href="http://www.cssremix.com/" target="_blank">www.cssremix.com</a></li>
<li>CSS Mania &#8211; <a href="http://www.cssmania.com/" target="_blank">www.cssmania.com</a></li>
<li>and lots more. Again Google is your friend. Search best css design gallery ^_^</li>
</ul>
<p><strong>Training Center</strong> (Philippines)</p>
<ul>
<li>Philippine Center for Creative Imaging &#8211; <a href="http://www.pcci.com.ph/" target="_blank">www.pcci.com.ph</a></li>
</ul>
<p>If you have any comment or additional tips, please do. But no brawling please ^_^</p>
<p>Love and peace,<br />
Luc</p>
<p>Technorati Tags: <a href="http://technorati.com/tag/how+to+be+a+web+designer" rel="tag">how to be a web designer</a>, <a href="http://technorati.com/tag/web+designer+tools" rel="tag"> web designer tools</a>, <a href="http://technorati.com/tag/web+design+pc+or+mac" rel="tag"> web design pc or mac</a>, <a href="http://technorati.com/tag/web+design+softwares" rel="tag"> web design softwares</a>, <a href="http://technorati.com/tag/web+designer+tips" rel="tag"> web designer tips</a></p>
]]></content:encoded>
			<wfw:commentRss>http://octwelve.com/2008/01/12/how-to-be-a-web-designer/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
	</channel>
</rss>

