Somjed-mmd: 2010

วันอังคารที่ 12 ตุลาคม พ.ศ. 2553

วันเสาร์ที่ 2 ตุลาคม พ.ศ. 2553

5.การใช้สื่อประสม สำหรับออกแบบเว็บไซต์

4.การใช้ตัวอักษร และภาพกราฟฟิก

3.หลักการใช้สี

หลักการใช้สีสำหรับการออกแบบเว็บไซต์

3.1.จำนวนของสีหลัก

สีหลักให้เลือกตาม Concept + Mood Tone หรือ Theme เพื่อแสดงให้เห็นถึงภาพลักษณ์

ส่งเสริมเอกลักษณ์ขององค์กรหรือหน่วยงานนั้นๆ ได้ ด้วยการใช้สีที่เป็นเอกลักษณ์ของ

องค์กรมาเป็นโทนสีของเว็บไซต์

3.2.การใช้สีพื้นหลัง

ภาพ ลวดลาย สีของตัวหนังสือและพื้นหลังแตกต่างกันเห็นได้ชัดเจน และสีพื้นหลังเป็นสีที่

อ่อนทำให้อ่านแล้วสบายตา ภาพพื้นหลังเป็นสิ่งที่ทำให้เว็บของเราดูดีขึ้น แต่เราต้องคำนึงถึง

เรื่องต่อไปนี้ด้วย

1.การใส่ภาพพื้นหลังที่ใหญ่มาก จะทำให้เว็บของเราโหลดได้ช้าลง

2.การใส่ภาพพื้นหลังที่ไม่ดีจะทำให้อ่านข้อความได้ยาก

3.การใส่ภาพพื้นหลังอาจทำให้สับสนระหว่างภาพที่เราใช้สื่อความหมายกับภาพพื้นหลัง

4.การใส่ภาพพื้นหลังทำให้ตัวอักษรอาจลดความเด่นชัดลงไป

3.3.โทนสีโดยรวม

โทนร้อน โทนเย็น รูปด้านล่างวงล้อความสัมพันธ์ของสี ซึ่งบรรจะสีที่นิยมใช้ในเว็บไซต์ไว้

20 สี เหมาะสำหรับผุ้ที่กำลังจะเลือกสีที่จะใช้ในเว็บไซต์อยู่ เราสามารถใช้ความสัมพันธ์ของ

วงล้อของสีนี้ให้เกิดประโยชน์ได้อย่างมากมายเช่น

ต้องการออกแบบให้เว็บไซต์รู้สึกตัดกันโดยสิ้นเชิง เราอาจใช้ชุดสี 4 สีที่ทำมุมกัน 90 องศา

เช่นตัวอย่างถ้าเราเลือกชุดสี 1,6,11,16 สีที่ได้จะตัดกันชัดเจน

ถ้าต้องการให้เว็บไซต์ดูกลมกลืนก็อาจเลือกชุดสีใกล้เคียงกันก็ได้เช่น เลือกชุดสีเขียวเบอร์

8,9,10,11 ก็จะได้สีในโทนสีเขียวสว่าง

3.4.สีกับหมวดหมู่
หมวดหมู่ ต่างๆอาจจะแสดงด้วยแถบนำทาง
หมวดหมู่แต่ละหมวดควรมีสีที่ไม่เหมือนกัน เพื่อเป็นการแบ่งหมวดหมู่ให้ชัดเจน
สีในแต่ละหมวดหมู่ควรมีความเหมาะสมกับเนื้อหาในแต่ละหมวดหมู่

วันจันทร์ที่ 27 กันยายน พ.ศ. 2553

รูปแบบและโครงสร้างหน้าเว็ปไซด์

หน้าเว็บไซต์แบบแนวตั้ง

หน้าเว็บไซต์แบบแนวนอน

ขนาดเว็บไซต์แบบพอดีหน้าจอ

ขนาด 1024*768

วันอาทิตย์ที่ 26 กันยายน พ.ศ. 2553

วันเสาร์ที่ 25 กันยายน พ.ศ. 2553

วันศุกร์ที่ 24 กันยายน พ.ศ. 2553

การใส่สีตัวอักษร

ความรู้สึกของสี สีต่างๆ ที่เราสัมผัสด้วยสายตา จะทำให้เกิดความรู้สึกขึ้นภายในต่อเรา ทันทีที่เรามองเห็นสี ไม่ว่าจะเป็น การแต่งกาย บ้านที่อยู่อาศัย เครื่องใช้ต่างๆ แล้วเราจะ ทำอย่างไร จึงจะใชสี้ได้อย่างเหมาะสม และสอดคล้องกับหลักจิตวิทยา เราจะต้องเข้าใจว่าสีใดให้ความรู้สึก ต่อมนุษย์อย่างไร ซึ่งความรู้สึกเกี่ยวกับสี สามารถจำแนกออกได้ดังนี้ สีแดง ให้ความรู้สึกร้อน รุนแรง กระตุ้น ท้าทาย เคลื่อนไหว ตื่นเต้น เร้าใจ มีพลัง ความอุดมสมบูรณ์ ความมั่งคั่ง ความรัก ความสำคัญ อันตราย สีแดงชาด จะทำให้เกิดความอุดมสมบูรณ์ สีส้ม ให้ความรู้สึก ร้อน ความอบอุ่น ความสดใส มีชีวิตชีวา วัยรุ่น ความคึกคะนอง การปลดปล่อย ความเปรี้ยว การระวัง สีเหลือง ให้ความรู้สึก แจ่มใส ความร่าเริง ความเบิกบานสดชื่น ชีวิตใหม่ ความสด ใหม่ ความสุกสว่าง การแผ่กระจาย อำนาจบารมี สีเขียว ให้ความรู้สึกงอกงาม สดชื่น สงบ เงียบ ร่มรื่น ร่มเย็น การพักผ่อน การผ่อนคลาย ธรรมชาติ ความปลอดภัย ปกติ ความสุข ความสุขุม เยือกเย็น สีเขียวแก่ จะทำให้เกิดความรู้สึกเศร้าใจความแก่ชรา สีน้ำเงิน ให้ความรู้สึกสงบ สุขุม สุภาพ หนักแน่น เคร่งขรึม เอาการเอางาน ละเอียด รอบคอบ สง่างาม มีศักดิ์ศรี สูงศักดิ์ เป็นระเบียบถ่อมตน สีฟ้า ให้ความรู้สึก ปลอดโปร่งโล่ง กว้าง เบา โปร่งใส สะอาด ปลอดภัย ความสว่าง ลมหายใจ ความเป็นอิสระเสรีภาพ การช่วยเหลือ แบ่งปัน สีคราม จะทำให้เกิดความรู้สึกสงบ สีม่วง ให้ความรู้สึก มีเสน่ห์ น่าติดตาม เร้นลับ ซ่อนเร้น มีอำนาจ มีพลังแฝงอยู่ ความรัก ความเศร้า ความผิดหวัง ความสงบ ความสูงศักดิ์ สีน้ำตาล ให้ความรู้สึกเก่า หนัก สงบเงียบ สีขาว ให้ความรู้สึกบริสุทธิ์ สะอาด ใหม่ สดใส สีดำ ให้ความรู้สึกหนัก หดหู่ เศร้าใจ ทึบตัน สีชมพู ให้ความรู้สึก อบอุ่น อ่อนโยน นุ่มนวล อ่อนหวาน ความรัก เอาใจใส่ วัยรุ่น หนุ่มสาว ความน่ารัก ความสดใส สีไพล จะทำให้เกิดความรู้สึกกระชุ่มกระชวย ความเป็นหนุ่มสาว สีเทา ให้ความรู้สึก เศร้า อาลัย ท้อแท้ ความลึกลับ ความหดหู่ ความชรา ความสงบ ความเงียบ สุภาพ สุขุม ถ่อมตน สีทอง ให้ความรู้สึก ความหรูหรา โอ่อ่า มีราคา สูงค่า สิ่งสำคัญ ความเจริญรุ่งเรือง ความสุข ความมั่งคั่ง ความร่ำรวย การแผ่กระจาย จากความรู้สึกดังกล่าว เราสามารถนำไปประยุกต์ใช้ไในชีวิตประจำวันได้ในทุกเรื่อง และเมื่อต้องการสร้างผลงาน ที่เกี่ยวกับการใช้สี เพื่อที่จะได้ผลงานที่ตรงตามความต้องการในการสื่อความหมาย และจะช่วยลดปัญหาในการ ตัดสินใจที่จะเลือกใช้สีต่างๆได้ เช่น 1. ใช้ในการนแสดงเวลาของบรรยากาศในภาพเขียน เพราะสีบรรยากาศในภาพเขียนนั้นๆ จะแสดงให้รู้ว่า เป็นภาพตอนเช้า ตอนกลางวัน หรือตอนบ่าย เป็นต้น 2. ในด้านการค้า คือ ทำให้สินค้าสวยงาม น่าซื้อหา นอกจากนี้ยังใช้กับงานโฆษณา เช่น โปสเตอร์ต่างๆ ช่วยให้จำหน่ายสินค้าได้มากขึ้น 3. ในด้านประสิทธิภาพของการทำงาน เช่น โรงงานอุตสาหกรรม ถ้าทาสีสถานที่ทำงานให้ถูกหลักจิตวิทยา จะเป็นทางหนึ่งที่ช่วยสร้างบรรยากาศให้น่าทำงาน คนงานจะทำงานมากขึ้น มีประสิทธิภาพในการทำงานสูงขึ้น 4. ในด้านการตกแต่ง สีของห้อง และสีของเฟอร์นิเจอร์ ช่วยแก้ปัญหาเรื่องความสว่างของห้อง รวมทั้งความสุขในการใช้ห้อง ถ้าเป็นโรงเรียนเด็กจะเรียนได้ผลดีขึ้น ถ้าเป็นโรงพยาบาลคนไข้จะหายเร็วขึ้น สีกับการออกแบบ ผู้สร้างสรรค์งานออกแบบจะเป็นผู้ที่เกี่ยวข้องกับการใช้สีโดยตรง มัณฑนากรจะคิดค้นสีขึ้นมาเพื่อใช้ในงานตกแต่ง คนออกแบบฉากเวทีการแสดงจะคิดค้นสีเกี่ยวกับแสง จิตรกรก็จะคิดค้นสีขึ้นมาระบายให้เหมาะสมกับ ความคิด และจินตนาการของตน แล้วตัวเราจะคิดค้นสีขึ้นมาเพื่อความงาม ความสุข สำหรับเรามิได้หรือ สีที่ใช้สำหรับการออกแบบนั้น ถ้าเราจะใช้ให้เกิดความสวยงามตรงตามความต้องการของเรา มีหลักในการใช้กว้างๆ อยู่ 2 ประการ คือ การใช้สีกลมกลืนกัน และ การใช้สีตัดกัน 1. การใช้สีกลมกลืนกัน การใช้สีให้กลมกลืนกัน เป็นการใช้สีหรือน้ำหนักของสีให้ใกล้เคียงกัน หรือคล้ายคลึงกัน เช่น การใช้สีแบบเอกรงค์ เป็นการใช้สีสีเดียวที่มีน้ำหนักอ่อนแก่หลายลำดับ การใช้สีข้างเคียง เป็นการใช้สีที่เคียงกัน 2 – 3 สี ในวงสี เช่น สีแดง สีส้มแดง และสีม่วงแดง การใช้สีใกล้เคียง เป็นการใช้สีที่อยู่เรียงกันในวงสีไม่เกิน 5 สี ตลอดจนการใช้สีวรรณะร้อนและวรรณะเย็น ( warm tone colors and cool tone colors) ดังได้กล่าวมาแล้ว 2. การใช้สีตัดกัน สีตัดกันคือสีที่อยู่ตรงข้ามกันในวงจรสี (ดูภาพวงจรสี ด้านซ้ายมือประกอบ) การใช้สีให้ตัดกันมีความจำเป็นมาก ในงานออกแบบ เพราะช่วยให้เกิดความน่าสนใจ ในทันทีที่พบเห็น สีตัดกันอย่างแท้จริงมี อยู่ด้วยกัน 6 คู่สี คือ 1. สีเหลือง ตรงข้ามกับ สีม่วง 2. สีส้ม ตรงข้ามกับ สีน้ำเงิน 3. สีแดง ตรงข้ามกับ สีเขียว 4. สีเหลืองส้ม ตรงขามกับ สีม่วงน้ำเงิน 5. สีส้มแดง ตรงข้ามกับ น้ำเงินเขียว 6. สีม่วงแดง ตรงข้ามกับ สีเหลืองเขียว การใช้สีตัดกัน ควรคำนึงถึงความเป็นเอกภาพด้วย วิธีการใช้มีหลายวิธี เช่น ใช้สีให้มีปริมาณต่างกัน เช่น ใช้สีแดง 20 % สีเขียว 80% หรือ ใช้เนื้อสีผสมในกันและกัน หรือใช้สีหนึ่งสีใดผสมกับสีคู่ที่ตัดกัน ด้วยปริมาณเล็กน้อย รวมทั้งการเอาสีที่ตัดกันมาทำให้เป็นลวดลายเล็ก ๆ สลับกัน ในผลงานชิ้นหนึ่ง อาจจะใช้สีให้กลมกลืนกันหรือตัดกันเพียงอย่างใดอย่างหนึ่ง หรืออาจจะใช้พร้อมกันทั้ง 2 อย่าง ทั้งนี้แล้วแต่ความต้องการ และความคิดสร้างสรรค์ของเรา ไม่มีหลักการ หรือรูปแบบที่ตายตัว ในงานออกแบบ หรือการจัดภาพ หากเรารู้จักใช้สีให้มีสภาพโดยรวมเป็นวรรณะร้อน หรือวรรณะเย็น เราจะ สามารถควบคุม และสร้างสรรค์ภาพให้เกิดความประสานกลมกลืน งดงามได้ง่ายขึ้น เพราะสีมีอิทธิพลต่อ มวล ปริมาตร และช่องว่าง สีมีคุณสมบัติที่ทำให้เกิดความกลมกลืน หรือขัดแย้งได้ สีสามารถขับเน้นให้ให้เกิด จุดเด่น และการรวมกันให้เกิดเป็นหน่วยเดียวกันได้ เราในฐานะผู้ใช้สีต้องนำหลักการต่างๆ ของสีไปประยุกต์ใช้ให้สอดคล้อง กับเป้าหมายในงานของเรา เพราะสีมีผลต่อการออกแบบ คือ 1. สร้างความรู้สึก สีให้ความรู้สึกต่อผู้พบเห็นแตกต่างกันไป ทั้งนี้ขึ้นอยู่กับประสบการณ์ และภูมิหลัง ของแต่ละคน สีบางสีสามารถรักษาบำบัดโรคจิตบางชนิดได้ การใช้สีภายใน หรือภายนอกอาคาร จะมีผลต่อการ สัมผัส และสร้างบรรยากาศได้ 2. สร้างความน่าสนใจ สีมีอิทธิพลต่องานศิลปะการออกแบบ จะช่วยสร้างความประทับใจ และความน่าสนใจเป็นอันดับแรกที่พบเห็น 3. สีบอกสัญลักษณ์ของวัตถุ ซึ่งเกิดจากประสบการณ์ หรือภูมิหลัง เช่น สีแดงสัญลักษณ์ของไฟ หรือ อันตราย สีเขียวสัญลักษณ์แทนพืช หรือความปลอดภัย เป็นต้น 4. สีช่วยให้เกิดการรรับรู้ และจดจำ งานศิลปะการออกแบบต้องการให้ผู้พบเห็นเกิดการจดจำ ในรูปแบบ และผลงาน หรือเกิดความประทับใจ การใช้สีจะต้องสะดุดตา และมีเอกภาพ

สี (color)

สี= ที่เกี่ยวข้องกับมัลติมิเดีย คือสีที่อยู่บนหน้าจอคอมพิวเตอร์, บนมือถือ The colo Wheel = วงจรสีขั้นที่ 1 แม่สีคือ PRIMARY เช่นสีแดง, สีเหลือง, สีน้ำเงินขั้นที่ 2 สีรอง คือ SECONDARY เช่น สีส้ม , สีม่วง , สีเขียวขั้นที่ 3 TETIARY เช่น สีส้มแดง , สีส้มเหลือง , สีม่วงแดง, สีคราม ,สีเขียวอ่อน ,สีน้ำเงิน+สีเขียว ได้สีเขียวน้ำเงินศัพท์ที่เกี่ยวกับสี1. Hue แปลว่า ตัวสีหรือเนื้อสี2. Saturation แปลว่า ความจัดจ้านของสีหรือความเจิดจ้าของสี3. Value แปลว่า ค่าน้ำหนักของสี (ผสมขาวกับดำ ทึบก็ใส่ดำ ขาวให้สว่าง) สี (color)1. CMYK ใช้สำหรับกับสิ่งพิมพ์ มี 4 สี เช่น หนังสือพิมพ์ 4 สีCYAN สีน้ำเงิน , MAGENTA สีชมพูบานเย็น, YELLOW สีเหลือง , BLACK สีดำสีนอกเหนือจากที่พิมพ์ออกมาในการพิมพ์ 4 สี คือการทับกันของสีสองสี2. RGB (แดง, เขียว, ฟ้า) ลงเว็บไซต์หรือบนหน้าจอกำหนดเช่น 141R, 145G, 32B ได้สีเขียวขี้ม้าแบบต่าง ๆ ของสีชนิด RGBแบบที่ 1 MONOCHROMATICสีเดียว สร้างความแตกต่างด้วยระดับความมืด- สว่างของสีแบบที่ 2 TRIADSการเลือก 3 สี ที่อยู่ตรงกันข้ามวงจรสี เช่น เว็บไซต์เกี่ยวกับเด็ก อารมณ์มีสีสันแบบที่ 3 ANALOGOUSการใช้สีใกล้เคียงกัน โดยเลือกจากสิ่งที่อยู่ถัดไป อีก 2-3 สี อาจสร้างความกลมกลืนได้ดีแบบที่ 4 COMPLEMENTARYการใช้สีตรงข้ามกัน สามารถช่วยเน้นความโดดเด่นได้ดี ควรใช้สีดำหรือเทา เพื่อลดความรุนแรวของสี นอกจากนั้นการใช้สี ที่แตกต่างกันมาก จะทำให้มีความสำคัญเท่ากัน ดังนั้นจึงควรลดความเข้มของสีหนึ่งลง (ต้องลดหลั่นความเข้มของสี)แบบที่ 5 SPLIT-COMPLEMENTSการใช้สีแบบผสม เป็นการผสมผสานระหว่างสีโทนร้อนและเย็นโดยเริ่มจากการเลือกสีใดสีหนึ่งและจับคู่กับอีก 2 สี ในโทนสีที่ตรงข้ามกัน