วันอังคาร, ตุลาคม 27

การออกแบบ

1-1 หลักการและกระบวนการออกแบบ: แนวโน้มและความสำคัญ
การออกแบบ

1-1 หลักการและกระบวนการออกแบบ: แนวโน้มและความสำคัญ

ในสัปดาห์แรกของการเรียนรู้ของรายวิชานี้เราจะศึกษาเกี่ยวกับ หลักการออกแบบและพัฒนาเว็บไซต์ สำหรับพาณิชย์อิเล็กทรอนิกส์ ซึ่งแบ่งออกเป็น 3 หัวข้อย่อย ตามที่ได้กล่าวมาแล้วในข้างต้น สำหรับหัวข้อย่อย หัวข้อแรกของสัปดาห์นี้ ก็คือ หลักการและกระบวนการออกแบบ โดยนักศึกษาจะได้ทราบถึงแนวโน้มและ ความสำคัญของพาณิชย์อิเล็กทรอนิคนะค่ะ ว่ามีความเป็นมาอย่างไร รวมไปถึงในเรื่องของหลักการกระบวนการ หรือขั้นตอนของการออกแบบเว็บไซต์ที่ดีพาณิชย์อิเล็กทรอนิค ว่าจะต้องเกี่ยวข้องกับเรื่องอะไรบ้าง ? ถ้าพร้อมแล้ว เรามาเริ่มศึกษาหัวข้อแรกกันเลยนะคะ เป็นเวลาเกือบ 50 ปีแล้วใช่ไหมค่ะ ตั้งแต่ที่อินเทอร์เน็ต ได้ถือกำเนิดขึ้นมาครั้งแรก ในประเทศสหรัฐอเมริกา ซึ่งถือได้ว่าเป็นการเปลี่ยนแปลงครั้งยิ่งใหญ่ทางด้านการสื่อสาร เพราะระบบอินเทอร์เน็ตที่ทำให้คนทั้งโลกสามารถสื่อสาร และแลกเปลี่ยนข้อมูลกันได้ อย่างสะดวกรวดเร็ว โดยที่ไม่...
3-3 หลักการใช้สี: วงล้อสี
การออกแบบ

3-3 หลักการใช้สี: วงล้อสี

ในหัวข้อที่แล้ว เราได้รู้แล้วว่าสีมีคุณลักษณะอย่างไรบ้าง ในหัวจ้อนี้ก็จะเป็นเรื่องสุดท้ายแล้วของการใช้สีนะครับ เราจะพาไปรู้จักกับคำๆนึง คือคำว่าวงล้อสีนั้นเอง วงล้อสีหรือ Colour Wheel ถามว่ามันมีประโยชน์อย่างไร ถ้านักศึกษาไม่มีหัวทางด้านศิลปะเลย มองไม่ออกเลยว่าจะเอาสีใดมาอยู่กับสีใด ใช้สีแบบไหนถึงจะสวยงาม ดังนั้นวงล้อสีนี่แหละ จะเขามาช่วยตรงนี้นะครับ วงล้อสีภาษาอังกฤษเรียกว่า Colour Wheel โดยปกติแล้วก็จะมีน่าตาแบบนี้นะครับ Colour Wheel จะแบ่งออกเป็ย 12 ช่องเท่าๆกัน ซึ่ง แต่ละช่องก็จะมีสีที่แตกต่างกัน ที่มาของวงล้อสีก็จะเกิดจากการผสมสีของสารทั้งหมด 3 ครั้ง ครั้งที่ 1 ก็คือยังไม่ผสมกันก็จะเริ่มก็จะเริ่มด้วยแม่ที่ทั้ง 3 ก็คือ สีแดง สีเหลือง สีน้ำเงิน ถูกกระจายไว้ในช่องต่างๆในระยะห่างเท่าๆกัน แล้วต่อมาผสมครั้งที่ 2 อย่างเช่น สีเหลืองกับสีแดงผสมกันก็ได้เป็นสีส้ม สีแดงสีน้ำเงินผสมกันไ...
3-5 ตัวอักษรในงานออกแบบกราฟิก: ประเภทของตัวอักษรภาษาไทย
การออกแบบ

3-5 ตัวอักษรในงานออกแบบกราฟิก: ประเภทของตัวอักษรภาษาไทย

ในคลิปที่แล้วเราได้เรียนรู้ถึงประเภทของตัวอักษรภาษาอังกฤษไปแล้วซึ่งมีทั้งหมด 5 ประเภท ในคลิปนี้ก็จะเป็นการใช้ตัวอักษรภาษาไทย ตัวอักษรภาษาไทยก็จะแบ่งเป็น 5 ประเภทเหมือนกัน เดี๋ยวเรามาดูกันว่ามันเกี่ยวข้องอย่างไรกับตัวอักษรภาษาอังกฤษนะครับ 5 ประเภทของตัวอักษรภาษาไทยก็ ได้แก่ แบบดั้งเดิม แบบหัวตัด แบบลายมือ แบบคัดลายมือ และแบบประดิษฐ์ แบบที่ 1 คือ แบบดั้งเดิม ก็จะเป็นตัวอักษรแบบมีหัว หัวในตัวอักษรภาษาไทยจะไม่เหมือนในตัวอักษรภาษาอังกฤษ ถ้าภาษาอังกฤษจะมีเท้ามีเชิงแต่...ถ้าในภาษาไทยการมีหัวคือการมีหัวกลมๆ เหมือนการคัดลายมือตอนเด็ก ตัวอักษรแบบดั้งเดิมก็จะเป็นตัวอักษรที่อ่านง่ายซึ่งผู้อ่านก็จะคุ้นเคยกับตัวอักษรประเภทนี้ เหมาะกับการใช้พิมพ์เนื้อหาเยอะๆหลายๆย่อหน้า เช่น หน้าในหนังสือพิมพ์ ในเว็บไซต์ข่าว หรือ หน้านิตยสาร หน้ารายงาน หรือหนังสือแบบเรียนต่างๆ ถ้าเทียบกับอักษรภาษาอังกฤษก็จะเทียบได...
3-1 หลักการใช้สี: การรับรู้สีและจิตวิทยากาารใช้สี
การออกแบบ

3-1 หลักการใช้สี: การรับรู้สีและจิตวิทยากาารใช้สี

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

3-8 การออกแบบภาพสัญลักษณ์: สัญลักษณ์ที่เกี่ยวข้องกับเครื่องหมายการค้า

คลิปที่แล้วนักศึกษาได้เรียนรู้ไปแล้วว่าความหมายและประเภทของภาพลักษณ์มีกี่ประเภทและใช้งานอย่างไรบ้างนะครับ ในคลิปนี้ก็จะเกี่ยวกับสัญลักษณ์ ที่เกี่ยวข้องกับเครื่องหมายทางการค้า ซึ่งสัญลักษณ์ที่เราจะมาเรียนรู้กันมีทั้งหมดสามอย่างนั่นก็คือ เป็นตัว C วงกลมนะครับ ตัว TM แล้วก็ตัว R อยู่ในวงกลมนะครับ อาจารย์มั่นใจว่านักศึกษาเคยเห็นตัวใดตัวหนึ่ง เดี๋ยวเราจะมารู้จักมันว่า แต่ละตัวคืออะไรนะครับ ตัวแรกคือตัว C แล้วมีวงกลมล้อมรอบตัว C นะครับ สัญลักษณ์นี้ก็ย่อมาจากก็อปปี้ไร้ หรือว่า ลิขสิทธิ์นะครับ ลิขสิทธิ์ก็คืองานคุ้มครองงานสร้างสรรค์ทุกประเภท ผู้ที่จะได้รับการคุ้มครองทางลิขสิทธิ์ไม่ต้องทำการจดทะเบียน ไม่ต้องทำการไปยื่นเอกสารอะไรให้ยุ่งยากเลยนะครับ เราจะได้รับการคุ้มครองลิขสิทธิ์ทันทีที่เราสร้างสรรค์ผลงานนั้นขึ้นมา อย่างเช่น นักศึกษา แต่งเพลงขึ้นมาเพลงหนึ่ง แล้วก็ร้องเพลงนั้นลงโซเชีย...
3-4 ตัวอักษรในงานออกแบบกราฟิก: ประเภทของตัวอักษรภาษาอังกฤษ
การออกแบบ

3-4 ตัวอักษรในงานออกแบบกราฟิก: ประเภทของตัวอักษรภาษาอังกฤษ

หลังจากหัวข้อที่แล้วนักศึกษาได้เรียนรู้เกี่ยวกับหลักการใช้สีไปแล้วนะครับ หัวข้อที่จะต่อเนื่องกับหัวข้อหลักการใช้สีก็จะเป็นหัวข้อการใช้ตัวอักษร ในงานออกแบบกราฟิกหลายๆประเภทนักศึกษาต้องใช้ตัวอักษรในการออกแบบอยู่แล้วไม่ว่าจะเป็นภาษาไทยหรืออังกฤษ อย่างเช่นการออกแบบระบบเว็บไซต์ e-Commerce แล้วในการดีไซต์หน้าเว็บระบบต่างๆนั้น ก็จะต้องใช้ตัวอักษรในงานไม่ว่าจะเป็นภาพกราฟิกหรือคอนเทนในส่วนที่เป็นเนื้อหา ดังนั้นในหัวข้อนี้เราก็จะมาเรียนเรื่องของประเภทของตัวอักษร ซึ่งตัวอักษรที่เราใช้บ่อยๆก็มี 2 ภาษา ก็คือ ภาษาไทยกับภาษาอังกฤษ ถามว่าเราสามารถกำหนดอะไรให้ตัวอักษรได้บ้าง สิ่งที่นักออกแบบนั้นควรคำนึงถึงการใช้ตัวอักษรก็มีหลักมี 4 อย่าง อย่างที่ 1 คือประเภทของตัวอักษร ประเภทของตัวอักษรรูปร่างหน้าตาของตัวอักษรบางโปรแกรมจะใช้ว่า Font ก็จะเป็นสิ่งแรกที่เราต้องเลือกให้เหมาะสมว่าเราควรจะใช้ Font ที่มีรูปร่...
แนะนำเนื้อหาสัปดาห์ที่ 3: หลักการใช้สี, ตัวอักษร และการออกแบบภาพสัญลักษณ์
การออกแบบ

แนะนำเนื้อหาสัปดาห์ที่ 3: หลักการใช้สี, ตัวอักษร และการออกแบบภาพสัญลักษณ์

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

3-7 การออกแบบภาพสัญลักษณ์: ความหมายและประเภทของภาพสัญลักษณ์

หลังจากที่นักศึกษาได้เรียนรู้เกี่ยวกับเรื่องหลักการใช้สี แล้วก็หลักการใช้ตัวอักษรไปแล้วนะครับ อย่างที่อาจารย์บอกไปในตอนต้นว่าหัวข้อในสัปดาห์นี้ มันจะต่อเนื่องกัน 3 หัวข้อนะครับ คือเรื่องของหลักการใช้สี การใช้ตัวอักษร แล้วก็ในคลิปนี้นะครับ เป็นการออกแบบภาพสัญลักษณ์นะครับ ซึ่งหัวข้อแรกของการออกแบบภาพสัญลักษณ์ เดี๋ยวเราจะมาเรียนเกี่ยวกับเรื่องของความหมาย และประเภทของภาพสัญลักษณ์กันครับ ความหมายของภาพสัญลักษณ์ คำว่าภาพสัญลักษณ์ ภาษาอังกฤษก็คือ symbolism นะครับ symbolism ก็คือเป็นภาพที่แทนสิ่งที่เราสามารถมองเห็นได้จริง สรุปแล้วก็คือมันเป็นภาพที่ไม่ใช่ภาพจริง แต่ว่าเราดูปุ๊บเราก็สามารถตอบได้ว่านั่นมันคือภาพอะไร ภาพสัญลักษณ์นี้ จะถูกทำให้ดูง่ายขึ้น มีความซับซ้อนที่น้อยเราสามารถตอบได้ว่านั่นคือภาพอะไรและมีความชัดเจนนะครับ ต่อมานะครับ ภาพสัญลักษณ์ เราก็สามารถออกแบบได้จาก องค์ประกอบ...
3-9 การออกแบบภาพสัญลักษณ์: หลักการออกแบบภาพสัญลักษณ์
การออกแบบ

3-9 การออกแบบภาพสัญลักษณ์: หลักการออกแบบภาพสัญลักษณ์

แล้วตอนนี้นะครับ เราก็เดินทางมาถึง หัวข้อสุดท้ายของสัปดาห์ที่ 3 แล้วนะครับ หัวข้อย่อยในสัปดาห์นี้ค่อนข้างเยอะนิดหนึ่ง นักศึกษาอย่าพึ่งท้อนะครับ หัวข้อสุดท้ายที่เราจะเรียนกันจะเป็นเรื่องของการออกแบบภาพสัญลักษณ์ ในสัปดาห์ที่แล้วสัปดาห์ที่สอง เราเคยได้เรียนเรื่องการจัดการองค์ประกอบ ในการออกแบบไปแล้วนะครับ ครับ เช่นเรื่องของการเน้นจะมีเรื่องทฤษฏีกฎ 3 ส่วน นะครับ ที่ใช้ในการเน้นภาพวัตถุที่เราจะต้องการเน้น นะครับ แต่ในหัวข้อนี้หลักการออกแบบภาพสัญลักษณ์ อาจารย์ก็จะขอเน้นไปที่ การออกแบบโลโก้หรือว่าตราสัญลักษณ์นะครับ เดี๋ยวไปเริ่มกันเลยนะครับ หลักการออกแบบภาพสัญลักษณ์ ต่อไปอาจารย์ขอใช้คำว่าโลโก้แล้วกันนะครับ พูดง่ายดี จริงก็จะมีคำว่า Communication Mark คำว่า Little Mark คำว่า Mascot เยอะแยะเลยนะครับ แต่อาจารย์ขอใช้คำว่าโลโก้นะครับ หลักการออกแบบโลโก้นี้ก็จะมีทั้งหมด 4 ข้...
3-6 ตัวอักษรในงานออกแบบกราฟิก: บุคลิกของตัวอักษร
การออกแบบ

3-6 ตัวอักษรในงานออกแบบกราฟิก: บุคลิกของตัวอักษร

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