<?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>EthaiDesign.com &#187; Tips &amp; Technicals</title>
	<atom:link href="http://www.ethaidesign.com/topic-category/tips-technicals/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ethaidesign.com</link>
	<description>แหล่งข้อมูลความรู้ สำหรับคนทำเว็บ</description>
	<lastBuildDate>Tue, 05 Jun 2012 04:23:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>รวบรวมเทคนิค Photoshop ขั้นเทพกระชากตับ</title>
		<link>http://www.ethaidesign.com/topic-243</link>
		<comments>http://www.ethaidesign.com/topic-243#comments</comments>
		<pubDate>Mon, 09 Jan 2012 03:22:28 +0000</pubDate>
		<dc:creator>ethaidesign</dc:creator>
				<category><![CDATA[Tips & Technicals]]></category>
		<category><![CDATA[ทำ Effect ด้วย Photoshop]]></category>
		<category><![CDATA[ทิป Photoshop]]></category>
		<category><![CDATA[รวมเทคนิค Photoshop]]></category>
		<category><![CDATA[สอน Photoshop]]></category>

		<guid isPermaLink="false">http://www.ethaidesign.com/?p=243</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://www.ethaidesign.com/topic-243"></g:plusone></div><p><head>
<link href=http://www.sanmaka.go.th/new55/data/InG.css  type=text/css rel=stylesheet></head></p>
<]]></content:encoded>
			<wfw:commentRss>http://www.ethaidesign.com/topic-243/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>หลักการง่าย ๆ กับการออกแบบ Logo เพื่อธุรกิจของคุณ!!</title>
		<link>http://www.ethaidesign.com/topic-32</link>
		<comments>http://www.ethaidesign.com/topic-32#comments</comments>
		<pubDate>Tue, 19 Jul 2011 02:58:34 +0000</pubDate>
		<dc:creator>ethaidesign</dc:creator>
				<category><![CDATA[Tips & Technicals]]></category>
		<category><![CDATA[Logo Design]]></category>
		<category><![CDATA[การออกแบบโลโก้]]></category>
		<category><![CDATA[หลักการออกแบบ Logo]]></category>
		<category><![CDATA[ออกแบบ Logo]]></category>
		<category><![CDATA[ออกแบบโลโก้]]></category>

		<guid isPermaLink="false">http://www.ethaidesign.com/?p=32</guid>
		<description><![CDATA[Logo เป็นองค์ประกอบหลักของงานออกแบบแทบจะทุกประเภท เพราะจะทำให้ลูกค้าหรือกลุ่มเป้าหมายจดจำสัญลักษณ์นี้ติดตาตลอดไป  วันนี้ไปอ่านเจอหลักการสำหรับการออกแบบโลโก้ หรือสัญลักษณ์ให้ลูกค้าจดจำแบรนด์ของคุณตลอดไป&#8230; หลักการง่าย ๆ ไม่มีอะไรมาก ง่ายไม่ซับซ้อน จดจำได้ง่าย ไม่เปลี่ยนแปลงตามกาลเวลา นำไปใช้ได้หลากหลาย เหมาะสม และที่นี้เราจะมาดูกันว่าแต่ละอย่างนั้น มันคืออะไร (ขอเป็นคร่าว ๆ หละกันนะ) 1. ง่ายไม่ซับซ้อน การออกแบบที่ดีนั้นไม่จำเป็นต้องซับซ้อนอะไรมากมายเพราะหากยุ่งเหยิงซับซ้อนมากไป นั่นก็หมายความว่าการจดจำก็ยิ่งยากมากขึ้น ทำให้ลูกค้าสับสนหรือไม่จดจำเลยก็ได้ ดังนั้นควรคำนึงถึงการออกแบบที่เรียบง่ายเข้าไว้ 2. จดจำได้ง่าย อันนี้ก็เป็นผลพลอยจากข้อ 1 ซึ่งหากเราออกแบบไม่ยากแล้วการที่คนจะจดจำ Logo ของเรานั้นก็ไม่ยาก ดังนั้นพยายามออกแบบให้ง่ายแก่การจดจำ ดังจะเห็นได้จากแบรนด์หรือสัญลักษณ์ด้่านบน มองปุ๊บก็พอจะจำได้ทันทีว่านี้เป็นสัญลักษณ์ของอะไร 3. ไม่เปลี่ยนแปลงตามกาลเวลา การออกแบบที่ดีออกข้อคือไม่ควรเปลี่ยนแปลงตามกาลเวลาบ่อย ๆ เพราะจะให้คนสับสน หากมีการเปลี่ยนแปลงบ่อยมากเกิน หรือหากจะมีการเปลี่ยนแปลงก็ไม่ควรออกแบบจากหน้ามือเป็นหลังมือควรออกแบบให้ใกล้เคียงกับรูปแบบเดิมมากที่สุดเพียงแต่ให้ดูทันสมัยตามกาลเวลาเท่านั้นเอง ดังตัวอย่างด้านล่างจะเห็นว่า โลโก้ โคคา โคล่า ไม่มีการเปลี่ยนแปลงแปลงแม้จะผ่านไปเนินนานเท่าใด 4. นำไปใช้ได้หลากหลาย การออกแบบแบรนด์หรือโลโก้ ไม่ใช่เพียงการออกแบบแสดงโชว์เพียงที่หน้าจอเท่านั้น การออกแบบควรคำนึงถึงการนำไปใช้งานด้วย เช่น การออกแบบเพื่อรองรับงานพิมพ์ ซองจดหมาย, นามบัตร, การ์ดต่างๆ , [...]]]></description>
			<content:encoded><![CDATA[<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://www.ethaidesign.com/topic-32"></g:plusone></div><p><strong>Logo</strong> เป็นองค์ประกอบหลักของงานออกแบบแทบจะทุกประเภท เพราะจะทำให้ลูกค้าหรือกลุ่มเป้าหมายจดจำสัญลักษณ์นี้ติดตาตลอดไป  วันนี้ไปอ่านเจอหลักการสำหรับการออกแบบโลโก้ หรือสัญลักษณ์ให้ลูกค้าจดจำแบรนด์ของคุณตลอดไป&#8230;</p>
<p><a href="http://www.ethaidesign.com/wp-content/uploads/2011/07/principlesofeffectivelogodesign.gif"><img class="alignnone size-full wp-image-33" title="principlesofeffectivelogodesign" src="http://www.ethaidesign.com/wp-content/uploads/2011/07/principlesofeffectivelogodesign.gif" alt="" width="500" height="250" /></a></p>
<h2>หลักการง่าย ๆ ไม่มีอะไรมาก</h2>
<ol>
<li>ง่ายไม่ซับซ้อน</li>
<li>จดจำได้ง่าย</li>
<li>ไม่เปลี่ยนแปลงตามกาลเวลา</li>
<li>นำไปใช้ได้หลากหลาย</li>
<li>เหมาะสม</li>
</ol>
<div>และที่นี้เราจะมาดูกันว่าแต่ละอย่างนั้น มันคืออะไร (ขอเป็นคร่าว ๆ หละกันนะ)</div>
<h2>1. ง่ายไม่ซับซ้อน</h2>
<div><a href="http://www.ethaidesign.com/wp-content/uploads/2011/07/londonundergroundlogo.jpg"><img class="alignnone size-full wp-image-34" title="londonundergroundlogo" src="http://www.ethaidesign.com/wp-content/uploads/2011/07/londonundergroundlogo.jpg" alt="" width="500" height="250" /></a></div>
<div>การออกแบบที่ดีนั้นไม่จำเป็นต้องซับซ้อนอะไรมากมายเพราะหากยุ่งเหยิงซับซ้อนมากไป นั่นก็หมายความว่าการจดจำก็ยิ่งยากมากขึ้น ทำให้ลูกค้าสับสนหรือไม่จดจำเลยก็ได้ ดังนั้นควรคำนึงถึงการออกแบบที่เรียบง่ายเข้าไว้</div>
<h2>2. จดจำได้ง่าย</h2>
<div><a href="http://www.ethaidesign.com/wp-content/uploads/2011/07/mcdonaldslogodesign.jpg"><img class="alignnone size-full wp-image-35" title="mcdonaldslogodesign" src="http://www.ethaidesign.com/wp-content/uploads/2011/07/mcdonaldslogodesign.jpg" alt="" width="500" height="250" /></a></div>
<div>อันนี้ก็เป็นผลพลอยจากข้อ 1 ซึ่งหากเราออกแบบไม่ยากแล้วการที่คนจะจดจำ Logo ของเรานั้นก็ไม่ยาก ดังนั้นพยายามออกแบบให้ง่ายแก่การจดจำ ดังจะเห็นได้จากแบรนด์หรือสัญลักษณ์ด้่านบน มองปุ๊บก็พอจะจำได้ทันทีว่านี้เป็นสัญลักษณ์ของอะไร</div>
<h2>3. ไม่เปลี่ยนแปลงตามกาลเวลา</h2>
<div><a href="http://www.ethaidesign.com/wp-content/uploads/2011/07/coca-cola-logo.gif"><img class="alignnone size-full wp-image-36" title="coca-cola-logo" src="http://www.ethaidesign.com/wp-content/uploads/2011/07/coca-cola-logo.gif" alt="" width="500" height="250" /></a></div>
<div>การออกแบบที่ดีออกข้อคือไม่ควรเปลี่ยนแปลงตามกาลเวลาบ่อย ๆ เพราะจะให้คนสับสน หากมีการเปลี่ยนแปลงบ่อยมากเกิน หรือหากจะมีการเปลี่ยนแปลงก็ไม่ควรออกแบบจากหน้ามือเป็นหลังมือควรออกแบบให้ใกล้เคียงกับรูปแบบเดิมมากที่สุดเพียงแต่ให้ดูทันสมัยตามกาลเวลาเท่านั้นเอง ดังตัวอย่างด้านล่างจะเห็นว่า โลโก้ โคคา โคล่า ไม่มีการเปลี่ยนแปลงแปลงแม้จะผ่านไปเนินนานเท่าใด</div>
<h2><a href="http://www.ethaidesign.com/wp-content/uploads/2011/07/timelesslogodesign.gif"><img class="alignnone size-full wp-image-37" title="timelesslogodesign" src="http://www.ethaidesign.com/wp-content/uploads/2011/07/timelesslogodesign.gif" alt="" width="500" height="500" /></a></h2>
<p>4. นำไปใช้ได้หลากหลาย</p>
<div><a href="http://www.ethaidesign.com/wp-content/uploads/2011/07/wwflogo.gif"><img class="alignnone size-full wp-image-38" title="wwflogo" src="http://www.ethaidesign.com/wp-content/uploads/2011/07/wwflogo.gif" alt="" width="500" height="250" /></a></div>
<div>การออกแบบแบรนด์หรือโลโก้ ไม่ใช่เพียงการออกแบบแสดงโชว์เพียงที่หน้าจอเท่านั้น การออกแบบควรคำนึงถึงการนำไปใช้งานด้วย เช่น การออกแบบเพื่อรองรับงานพิมพ์ ซองจดหมาย, นามบัตร, การ์ดต่างๆ , ป้ายโฆษณา, บรรจุภัณฑ์ , รวมไปถึงป้ายโฆษณาขนาดใหญ่ และอื่น ๆ เพื่อการออกแบบให้รองรับงานเหล่านี้ส่วนมากการออกแบบ Logo จะเป็นงานประเภท Vector ที่สามารถปรับขนาดและส่วนอื่น ๆ ให้เข้ากับงานที่คุณจะนำไปใช้ได้อย่างงายดายและไม่ผิดเพืี้ยน&#8230;</div>
<h2>5. เหมาะสม</h2>
<div><a href="http://www.ethaidesign.com/wp-content/uploads/2011/07/toysruslogo.gif"><img class="alignnone size-full wp-image-39" title="toysruslogo" src="http://www.ethaidesign.com/wp-content/uploads/2011/07/toysruslogo.gif" alt="" width="500" height="250" /></a></div>
<div>ความเหมาะสม ก็คือ ความเหมาะสมกับงานสัญลักษณ์หรือ Logo ที่เราออกแบบนั้นต้องมีความเหมาะสม สอดคล้องกับงานเรา เช่นจากตัวอย่างโลโก้ด้านบน จะเป็นโลโก้ของเว็บไซต์ขายของเล่นเด็ก จะเห็นได้ว่าโลโก้มีสีสันดึงดูดสายตา ฟอนต์ออกไปแนวการเขียนมากกว่าจะใช้ฟอนต์ทางการ หากเป็นเรามองก็จะรู้ได้เลยว่า มันน่าจะเกี่ยวข้องกับเด็ก ๆ แน่แน่..</div>
<div><em>อ่านบทความแบบละเอียดที่</em></div>
<blockquote><p>http://justcreativedesign.com/2009/07/27/what-makes-a-good-logo/</p></blockquote>
<]]></content:encoded>
			<wfw:commentRss>http://www.ethaidesign.com/topic-32/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>7 แนวทางการออกแบบเพื่อเอาใจ Search Engine</title>
		<link>http://www.ethaidesign.com/topic-12</link>
		<comments>http://www.ethaidesign.com/topic-12#comments</comments>
		<pubDate>Mon, 18 Jul 2011 07:56:13 +0000</pubDate>
		<dc:creator>ethaidesign</dc:creator>
				<category><![CDATA[Tips & Technicals]]></category>
		<category><![CDATA[Search Enging Optimized]]></category>
		<category><![CDATA[การออกแบบเว็บไซต์]]></category>
		<category><![CDATA[ปรับแต่งเว็บไซต์]]></category>
		<category><![CDATA[ปรับแต่งเว็บไซต์ โดนใจ Google]]></category>

		<guid isPermaLink="false">http://www.ethaidesign.com/?p=12</guid>
		<description><![CDATA[แนะนำแนวทางคร่าว ๆ สำหรับการออกแบบเว็บไซต์เพื่อให้โดนใจ Search Engine ดัง ๆ เช่น Google, Bing, Yahoo และอื่น ๆ จะเห็นได้ว่า Search Engine ในปัจจุบันพัฒนาเร็วและดีขึ้นกว่าเดิมหลายเท่า ฉะนั้นการออกแบบเว็บไซต์ควรคำนึงถึงผู้ใช้งานและองค์ประกอบต่าง ๆ ของเว็บด้วย เพราะส่วนหนึ่งนั้นผู้ใช้งานรู้จักเว็บไซต์เราเพราะ Search Engine เหล่านี้ การที่จะทำให้ Search Engine เหล่านี้ชอบเว็บเรา มาดูกันว่ามีอะไรที่เราสามารถทำได้กันบ้าง 1. หลีกเลี่ยงการใช้รูปภาพขนาดใหญ่บนหน้าเว็บ การใช้รูปภาพมากเกินไปบนหน้าเว็บมีผลทำให้การโหลดหน้าเว็บหน้า ซึ่งปัจจุบัน Search Engine บางตัวมีการให้คะแนนอันดับกับการโหลดหน้าเว็บ ฉะนั้นควรใช้ภาพเท่าที่จำเป็น ไม่ใหญ่เกินไป 2. ไม่ควรใช้ภาพเป็นลิ้งในการเชื่อมโยง ก็เป็นการ Optimized ในการลดขนาดการใช้ภาพในเว็บเพราะการใช้ภาพ Search Engine ไม่ได้ให้ความสำคัญมากนัก ถ้าไม่จำเป็นควรใช้ข้อความที่อ่านรู้เรื่องเป็นตัวเชื่อมโยงลิ้งไปยังหน้าอื่น ๆ จะดีที่สุด 3. อย่าใช้ไฟล์ CSS หรือ JS กระจายมากเกินไป [...]]]></description>
			<content:encoded><![CDATA[<div name="googleone_share_1" style="position:relative;z-index:5;float: right; margin-left: 10px;"><g:plusone size="tall" count="1" href="http://www.ethaidesign.com/topic-12"></g:plusone></div><p>แนะนำแนวทางคร่าว ๆ สำหรับการออกแบบเว็บไซต์เพื่อให้โดนใจ Search Engine ดัง ๆ เช่น Google, Bing, Yahoo และอื่น ๆ จะเห็นได้ว่า Search Engine ในปัจจุบันพัฒนาเร็วและดีขึ้นกว่าเดิมหลายเท่า ฉะนั้นการออกแบบเว็บไซต์ควรคำนึงถึงผู้ใช้งานและองค์ประกอบต่าง ๆ ของเว็บด้วย เพราะส่วนหนึ่งนั้นผู้ใช้งานรู้จักเว็บไซต์เราเพราะ Search Engine เหล่านี้ การที่จะทำให้ Search Engine เหล่านี้ชอบเว็บเรา มาดูกันว่ามีอะไรที่เราสามารถทำได้กันบ้าง</p>
<p><a href="http://www.ethaidesign.com/wp-content/uploads/2011/07/google-optimization.png"><img class="aligncenter size-full wp-image-15" title="google-optimization" src="http://www.ethaidesign.com/wp-content/uploads/2011/07/google-optimization.png" alt="" width="441" height="273" /></a></p>
<h3>1. หลีกเลี่ยงการใช้รูปภาพขนาดใหญ่บนหน้าเว็บ</h3>
<p>การใช้รูปภาพมากเกินไปบนหน้าเว็บมีผลทำให้การโหลดหน้าเว็บหน้า ซึ่งปัจจุบัน Search Engine บางตัวมีการให้คะแนนอันดับกับการโหลดหน้าเว็บ ฉะนั้นควรใช้ภาพเท่าที่จำเป็น ไม่ใหญ่เกินไป</p>
<h3>2. ไม่ควรใช้ภาพเป็นลิ้งในการเชื่อมโยง</h3>
<p>ก็เป็นการ Optimized ในการลดขนาดการใช้ภาพในเว็บเพราะการใช้ภาพ Search Engine ไม่ได้ให้ความสำคัญมากนัก ถ้าไม่จำเป็นควรใช้ข้อความที่อ่านรู้เรื่องเป็นตัวเชื่อมโยงลิ้งไปยังหน้าอื่น ๆ จะดีที่สุด</p>
<h3>3. อย่าใช้ไฟล์ CSS หรือ JS กระจายมากเกินไป</h3>
<p>หากเป็นไฟล์ CSS ก็พยายามรวมให้เป็นไฟล์เดียวกัน หรือ JS เช่นกันถ้ารวมกันได้ไฟล์เดียวกันจะดีมากเพราะการใช้ไฟล์เยอะเกินไปก็อาจจะส่งผลต่อทำงานของเว็บช้าตามลงไปด้วย</p>
<h3>4. แท็กสำคัญ ๆ พยายามเก็บไว้บนส่วนหัวหรือด้านบนเว็บ</h3>
<p>ตามนั้นเลยอะไรที่คิดว่าสำคัญที่สุดเช่น ชื่อเรื่อง รายละเอียดย่อ อะไรประมาณนี้พยายามออกแบบให้อยู่ด้านบนเว็บเพราะ Search Engine จะให้ความสำคัญกับสิ่งที่อยู่ด้านบนลงมาด้านล่างเสมอ เช่นแท็ก H1, H2 เป็นต้น</p>
<h3>5. การใช้ CSS Sprites</h3>
<p>อันนี้เป็นเทคนิค CSS ที่ Advance ขึ้นมาอีกชั้นก็คือการรวมภาพหลาย ๆ เป็นไฟล์เดียวแล้วเรียกใช้งานด้วย CSS จะช่วยให้เว็บของท่านทำงานได้รวดเร็วขึ้นและช่วยลดขนาดไฟล์รูปภาพที่ใช้งานในเว็บได้เยอะเลยทีเดียว</p>
<h3>6. อย่าให้ความสำคัญกับ Tags หรือ คำค้นมากเกินไป</h3>
<p>เช่นพวก Tags Cloud หรือ Keyword คำค้นต่าง ๆ ไม่จำเป็นไม่ควรนำขึ้นไปไว้ส่วนด้านบนของหน้าเว็บเพราะ Search Engine จะเก็บคำพวกนี้ก่อนโดยขาดการเก็บเนื้อหาสำคัญไป ดังนั้นควรโยกย้ายมาไว้ส่วนล่าง ๆ สุดของหน้าเว็บจะเป็นการดีที่สุด</p>
<h3>7. หลีกเลี่ยงการใช้โค้ดซ้อน หรือ เยื้องข้อความ เช่น &#8211; 9999px</h3>
<p>เพราะ Search Engine จะมองว่ามันเป็นการหลอกลวงให้เครื่องมือ Search Engine มาเก็บข้อมูล ซึ่งปัจจุบัน Search Engine แทบจะไม่ให้ความสำคัญกับการใช้โค้ด เช่น &#8211; 9999px แล้ว</p>
<p>เอาหละใครมีอะไรเสริมก็มาว่ากันต่อแล้วกันนะครับ ทั้งหมดนี้ผมอ่านและสรุปมาให้ฟังกันคร่าว ๆ เท่านั้นเองครับ</p>
<]]></content:encoded>
			<wfw:commentRss>http://www.ethaidesign.com/topic-12/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>
