-Principal design and website development

One of the big secrets of design is learning how to guide the visual direction of viewers; This principle is often overlooked by even the most experienced designers, so today we're going to take a deeper look at how it works. Visual direction is controlling the eye movement of the user; this can be achieved by carefully selecting your images and by well-placed and aligned design elements.It is greatly established that the default eye movement throughout the page (in an LTR – Left to Right – layout) is from the top left towards the bottom right as the image illustrates.
However; this can't be further from the truth, by arranging the composition elements in a certain way, a designer can control and force the movement of the viewer's eyes in and around the layout of the design.  For example, the eye will travel along an actual path such as solid or dotted line, or it will move along more subtle paths such as from large elements to little elements, from dark elements to lighter elements, from color to none-color, from unusual shapes to usual shapes, etc. Graduation of size, and repeated shapes and size of related elements subtly leads the eye as well.
1. Controlling Directions with Images.
2. Leading the Eye.
3. Forms.
4. Design Direction.
Credit - http://translate.googleusercontent.com/translate_c?anno=2&hl=th&rurl=translate.google.co.th&sl=en&tl=th&twu=1&u=http://webdesign.tutsplus.com/articles/design-theory/visual-direction-in-web-design/&usg=ALkJrhiOTx27q7PICZaBh3clbLGy-IHfRQ

แปลบทความ....
หนึ่งในความลับใหญ่ของการออกแบบคือการเรียนรู้วิธีที่จะแนะนำทิศทางการมองเห็นของผู้ดู ซึ่งหลักการนี้มักจะถูกมองข้ามจากนักออกแบบที่มีประสบการณ์มากที่สุด ดังนั้น วันนี้เราจะใช้เวลาดูให้ลึกซึ้งเกี่ยวกับวิธีการทำงานกัน
ทิศทางการควบคุมการเคลื่อนไหวของ Visual เป็นการดูของผู้ใช้ ซึ่งสามารถทำได้โดยการเลือกภาพของคุณและด้วยการวางให้ดีและจัดเรียงองค์ประกอบของการออกแบบไว้ จะจัดตั้งขึ้นตามการเคลื่อนที่ โดยเริ่มต้นจากบนซ้ายไปทางขวาล่าง 
อย่างไรก็ตาม การแสดงนี้ก็ไม่สามารถเป็นความจริงได้ เพราะยังขาดการจัดองค์ประกอบที่สำคัญบางอย่าง ผู้ออกแบบจึงได้สร้างจุดสนใจให้สายตาของผู้ชม โดยได้หันมาสนใจรูปแบบการออกแบบเว็บฯ ตัวอย่างเช่น ตาจะเคลื่อนที่ไปตามเส้นทางจริง เช่นเส้นทึบหรือเส้นประ หรือจะย้ายไปตามเส้นทางที่ลึกซึ้งยิ่งขึ้น เช่นจากองค์ประกอบขนาดใหญ่ไปหาองค์ประกอบเพียงเล็กน้อย หรือจะย้ายไปตามเส้นทางที่ลึกซึ้งยิ่งขึ้นอีก เช่นจากองค์ประกอบขนาดใหญ่ไปหาองค์ประกอบขนาดเล็ก จากองค์ประกอบหนักไปหาองค์ประกอบที่เบา จากมีสีก็ไม่มีสี จากรูปทรงผิดปกติเพื่อเป็นรูปทรงที่เป็นปกติ ฯลฯ จบการศึกษาขนาดและรูปทรงที่ซ้ำๆกัน และขนาดขององค์ประกอบที่เกี่ยวข้องก็ยังมีอย่างละเอียดอีกมากมาย

1.การควบคุมเส้นทางด้วยภาพ

2.ชั้นนำทางความคิด

3.รูปแบบ

4.ทิศทางการออกแบบ

-ความหมายของ12สี

1. สีดำ ( Black ) เป็นสีแห่งความตาย ความมืด ลึกลับ น่ากลัว ความผิด พลังแห่งปีศาจ สิ่งเร้นลับ อำนาจ ... ความเข้ม

2.สีทอง หรือ สีเหลือง ( Gold) เป็นสีที่แสดงถึงความมั่งคั่ง มั่งมี อบอุ่น เป็นมิตร สร้างสรรค์ หรือนักคิดค้น ประดิษฐ์ สิ่งใหม่ ๆ อิสระ ความเมตตา การมองโลกในแง่ดี

3.สีแดง ( Red ) เป็นสีที่แสดงถึง ความร้อนแรง อันตราย เร่งด่วน ฉุกเฉิน ตื่นเต้น ความรัก โรแมนติก ความเจ็บปวด ความเผ็ดร้อน ความทรงจำ ความกล้าหาญ ความเป็นเจ้าของ ทะเยอทะยาน พลังแห่ง Sex

4.สีเทา ( Gray ) เป็นสีที่แสดงถึง ความมั่นคง ปลอดภัย สม่ำเสมอ ผู้ที่มีอำนาจ บุคลิกที่แข็งแกร่ง ความคลาสสิค ความตกต่ำ ความรู้สึกหดหู่ มัวหมอง

5.สีขาว ( White ) เป็นสีที่แสดงถึง ความบริสุทธิ์ สะอาด ผ่องใส ความหวัง ความถูกต้อง ความจริง การไว้ทุกข์ ความช่วยเหลือ ความเรียบง่าย ความเรียบร้อย

6.สีน้ำเงิน ( Blue ) เป็นสีที่แสดงถึง ความมั่นคง ความ สม่ำเสมอ เสถียรภาพ ความแน่นอน ความแข็งแรง ความ เป็นผู้นำ น้ำ ความเย็น ความสะอาดสะอ้าน ความสบาย ความไว้วางใจคลาสสิค ความรู้สึกอ่อนไหว ห้วงอารมณ์

7.สีม่วง ( Purple ) เป็นสีที่แสดงถึง ความเป็นเจ้านาย กษัตริย์ การฑูต แฟชั่น เกย์ สหรัฐ – ทหารที่ถูกฆ่า ลีโอนาโด นาวินซี จิตรกรชื่อดัง – ทำให้เขามีพลัง ทางความคิดมากขึ้น หากนำสีม่วงเป็นสีห้องเด็ก จะทำให้เด็กเกิดจินตนาการ

8.สีน้ำตาล ( Rust ) เป็นสีที่แสดงถึง ความสมบุกสมบัน ดิน สนิม ความแห้งแล้ง ความเป็นมิตร ความซื่อสัตย์ การไว้ใจ น่ารำคาญ ทรมาน เห็นแก่ตัว แข็งแกร่ง

9.สีเขียว ( Green ) เป็นสีที่แสดงถึงความสดชื่น ต้นไม้ การเจริญเติบโต เงิน ความหนุ่มสาว สิ่งแวดล้อม การผ่อนคลาย ความเป็นธรรมชาติ และสีเขียวยังเป็น สีประจำชาติของประเทศไอร์แลนด์ อีกด้วย

10.สีชมพู ( Pink ) เป็นสีที่แสดงถึง ความเป็นผู้หญิง อ่อนไหว ความรัก ความนุ่มนวล น่ารัก วัยหวาน สุภาพอ่อนโยน ทะนุถนอม ขี้อาย

11. สีส้ม ( Orange ) เป็นสีที่แสดงถึง แรงบันดาลใจ เต็มเปี่ยม พลัง ความสำคัญ ความอบอุ่น ความกรุณา หยิ่งยโส จองหอง มีทิฐิ

Credit - http://www.slideshare.net/pakornkrits/7-2-4625749

12.สีฟ้า (Blue)สีแห่งสันติ ความน่าเชื่อถือ ความซื่อสัตย์ ความสุขสงบ และความเย็น ช่วยผ่อนคลายและลดระดับความอยากอาหาร ความร้อนในร่างกายและจิตใจ ถ้าแต่งชุดสีฟ้าน้ำทะเลแล้วทาปากสีแดง จะให้ลุคสาวร้อนแรงที่น่าเชื่อถือ

Credit - http://planet.kapook.com/taurlek/blog/viewnew/105966

-หลักการออกแบบและพัฒนาเว็บไชต์

การสร้างเว็บไซต์ที่มีคุณภาพมีองค์ประกอบที่เกี่ยวข้องอยู่มากมาย ซึ่งเราจะต้องหาข้อมูล วิเคราะห์ และตัดสินใจก่อนที่จะถึงขั้นลงมือทำจริง ตัวอย่างเช่น วัตถุประสงค์ของเว็บไซต์คืออะไร,ใครเป็นกลุ่มผู้ชมเป้าหมาย,ทีมงานมีใครบ้างและแต่ละคนเชี่ยวชาญในเรื่องใด,เนื้อหาและข้อมูลจะมาจากที่ไหน,เทคโนโลยีอะไรบ้างที่จะนำมาใช้,รูปแบบของเว็บเพจควรจะเป็นอย่างไร ซึ่งที่กล่าวมาเป็นสิ่งที่เราจะพิจารณากันดังต่อไปนี้
1.กำหนดเป้าหมายและวางแผน
2.วิเคราะห์และจัดโครงสร้างข้อมูล
3.ออกแบบเว็บเพจและเตรียมข้อมูล
4.ลงมือสร้างและทดสอบ
5.เผยแพร่และส่งเสริมให้ป็นที่รู้จัก
6.ดูแลและปรับปรุงอย่างต่อเนื่อง

Credit - http://business-online.tht.in/aticle-design-website.html

การออกแบบโครงสร้างเว็บไซต์ คือ การวางแผนการจัดลำดับ เนื้อหาสาระของเว็บไซต์ ออกเป็นหมวดหมู่ เพื่อจัดทำเป็นโครงสร้างในการจัดวางหน้าเว็บเพจทั้งหมด เปรียบเสมือนแผนที่ ที่ทำให้เห็นโครงสร้างทั้งหมดของเว็บไซต์ ช่วยในนักออกแบบเว็บไซต์ไม่ให้หลงทาง การจัดโครงสร้างของเว็บไซต์ มีจุดมุ่งหมายสำคัญคือ การที่จะทำให้ผู้เข้าเยี่ยมชม สามารถค้นหาข้อมูลในเว็บเพจได้อย่างเป็นระบบ ซึ่งถือว่าเป็นขั้นตอนที่สำคัญ ที่สามารถสร้างความสำเร็จให้กับผู้ที่ทำหน้าที่ในการออกแบบและพัฒนาเว็บไซต์ (Webmaster) การออกแบบโครงสร้างหรือจัดระเบียบของข้อมูลที่ชัดเจน แยกย่อยเนื้อหาออกเป็นส่วนต่าง ๆ ที่สัมพันธ์กันและให้อยู่ในมาตรฐานเดียวกัน จะช่วยให้น่าใช้งานและง่าย ต่อการเข้าอ่านเนื้อหาของผู้ใช้เว็บไซต์
Credit - http://sufiyan52.multiply.com/

การสร้างเว็บไซต์นั้น จะต้องยึดหลักผู้เข้าชมเป็นสำคัญ  และมีเนื้อหาที่เข้าใจง่าย เป็นปัจจุบันเสมอ ซึ่งการออกแบบเว็บไซต์นั้นก็ไม่ใช่เอาตัวเองเป็นตัวตั้ง แต่ควรคำนึงถึงผู้ที่มาเข้าชมเว็บไซต์ด้วย คือ สามารถเข้าได้โดยไม่จำกัดเพศหรือวัย และควรสื่อสารผ่านทางเว็บด้วยเนื้อหาที่ไม่ผิดศีลธรรม หรือก้าวก่ายสิทธิเสรีภาพของผู้อื่น โดยทั่วไปแล้ว ก็มีเว็บไซต์หลายประเภท อาทิเช่น การโฆษณาทางธุรกิจ เว็บไซต์โรงเรียน,วิทยาลัย,มหาวิทยาลัย ตลอดจนหน่วยงานภาครัฐและเอกชน ที่ต้องการสื่อสารและประกาศกิจกรรมของหน่วยงานตนให้บุคคลภายนอกได้รับทราบด้วย 
(แนวความคิด โดย พิทักษ์;2554)

ประวัติส่วนตัว

ชื่อ นายพิทักษ์ สุวรรณพล ชื่อเล่น ปาล์ม
เกิดเมื่อวันที่ 10 กุมภาพันธ์ 2536
อยู่บ้านเลขที่ 73/2 หมู่ 2 บ้านหัวนา ตำบลจระเข้ อำเภอหนองเรือ จังหวัดขอนแก่น
รหัสไปรษณีย์ 40240
เบอร์โทรศัพท์ที่ติดต่อได้ 0846014250
Facebook http://www.facebook.com/plamsukkasanti
อีเมลล์ chat_plam@hotmail.co.th
กำลังศึกษาที่ วิทยาลัยอาชีวศึกษาขอนแก่น ในระดับชั้น ประกาศนียบัตรวิชาชีพชั้นสูง(ปวส.)
คณะเทคโนโลยีสารสนเทศและการสื่อสาร สาขาเทคโนโลยีสารสนเทศ