Pimonrat Arti3319 : Visual Communication Design Technology

วันพุธที่ 15 กุมภาพันธ์ พ.ศ. 2555

สรุปความหมาย Website Design

Website Design จากการสรุปที่ฟังการบรรยายในชั่วโมงเรียน หมายถึง การสร้างหน้า Page
/Pages ที่มีข้อมูล(Data) ภาษา(Languages) รูปแบบ(Layout) สี(Color) ภาพ(Image) ที่ออกแบบเป็นไปตามความต้องการของนักออกแบบ เผยแพร่ทางเครือข่าย เชื่อมโยงไปทั่วโลก สามารถจัดแสดงและจัดเก็บข้อมูลอยู่ในหน้า Page ได้ เราสามารถจดทะเบียน Domain ของเราได้ตาม Web ที่รับจดทะเบียน อย่างเช่น Web Godaddy http://www.godaddy.com/domains/get-a-website-Globe-2.aspx?isc=gfnf2th02
โดยจะเสียค่าเช่า Host เป็นรายปี ส่วนราคานั้นจะขึ้นอยู่่กับ Type ของ Domain เช่น .com .co .info ราคาจะต่างกันไป ในปัจจุบัน จะมีทา่งลัดการเรียนรู้เกี่ยวกับ Website Design โดยการใช้โปรแกรมสำเร็จรูป Wordpress เป็นแบบ Open Source หรือโปรแกรมสำเร็จรูป อาทิเช่น Dream Weaver , Flash , Express โดยจะเป็นโปรแกรมแบบ Commercial ซึ่งจะช่วยในการทำ Website Design

สัปดาห์ที่ 5 วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

อาจารย์ได้ให้นักศึกษาไปดูงานที่ BOI FAIR 2011 ที่เมืองทองธานี โดยให้ไปศึกษาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์ แล้วนำำกลับมาทำรายงานและอัพลง Blogspot ของตัวเอง ภายใต้โจทย์ที่อาจารย์ระบุไว้

ผู้ที่ไปศึกษาดูงาน BOI แล้ว
1.ได้ศึกษาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์อะไรมาบ้าง (1 อย่าง)
2.ผลกระทบของเทคโนโลยีที่มองเห็นว่ามีต่อวิชาชีพนักออกแบบนิเทศศิลป์คืออะไรบ้าง พร้อมเสนอหลักฐานที่มองเห็นในงานมาประกอบ
3.เรียนออกแบบฟ้อนต์ เห็นฟ้อนต์อะไรบ้าง ประเภทไหนบ้าง ตามล่าหาความจริงต้นตอไฟล์ฟ้อนต์ให้เจอ
4. ส่งรายงานสรุปสาระตามหัวข้อ ส่งภายในวันพฤหัสนี้เท่านั้น จำนวนหน้า ไม่น้อยกว่า 5 หน้าเนื้อหา (ไม่นับรวมหน้าปก สารบัญ คำนำ บรรณานุกรม)ขนาด A4 มีการอ้างอิงส่วนประกอบและรูปแบบอย่างถูกต้องตามระเบียบการทำเอกสารรายงาน ภาคนิพนธ์(มีหลักฐานแสดงชัดเจนว่าได้ไปศึกษาดูงานมาจริง) ส่งในGoogleDocs และเขียนสรุปลงในบล็อกของตัวเอง ( งานนี้ 5 คะแนน ใครไม่เอา ไม่ไปจริง ก็จะสนองให้ในชั้นเรียน)

อ้างอิงจาก : Google+ : ผศ. ประชิด ทิณบุตร

สัปดาห์ที่ 4 วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

การเรียนการสอนในคาบนี้ อาจารย์ประชิด ได้อธิบายสอนการทำFont ลายมือ ทำใน โปรแกรม
Font Creator 6.0 โดยใช้แม่แบบจาก Font CRU-Lanchan จากนั้นก็ให้นักศึกษาลองทำด้วยตัวเองได้อย่างง่าย

ภาพการเขียนจากลายมือตัวเอง ทั้ง ภาษาอังกฤษ และ ภาษาไทย นำไปสแกนที่ความละเอียด 300 Dpi หรือ 1200 Dpi แล้วนำไปทำในโปรแกรม Font Creator

ภาพจากโปรแกรม Font Creator นำภาพที่สแกนมา Crop ทีละตัวแล้วนำมา Paste ลงในช่องแต่ละตัวอักษรตามตัวนั้นๆ เพื่อสร้างเป็น Font ลายมือของตนเองโดยนำมาจัด ขนาด และ Kearning

ตาราง Grid ในการจัดทำขนาด และ จัด Kearning Font ภาษาอังกฤษ โดยใช้ เส้น Baseline , xHeight

และ CapHeight เป็นหลักการทำ

ตาราง Grid ในการจัดทำขนาด และ จัด Kearning Font ภาษาไทย โดยใช้ เส้น Baseline , xHeight

และ CapHeight เป็นหลักการทำ

วันพุธที่ 28 ธันวาคม พ.ศ. 2554

สัปดาห์ที่ 3 วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

อธิบายเกี่ยวกับการใช้งาน Font Self และ การเรียนรู้ในวิชา
-Font Kerning -Bearing ชาน
-Font Foundry -Baseline
-Glyph รูปอักขระ -X Height
-Font Template -Cap Height
-Program Font -Asender
-Type Aranging -Descender

สอนเรื่ององค์ประกอบการออกแบบ Font และให้นักศึกษาทำ Font ไทย จาก Template ของ อาจารย์
และให้หา Font อังกฤษ มาเป็นต้นแบบในการพัฒนาให้เป็น Font ภาษาไทย

สัดส่วนโครงสร้างมาตรฐานตัวอักษรไทยที่ราชบัณฑิตยสถาน

สัดส่วนโครงสร้างมาตรฐานตัวอักษรลาตินหรือโรมัน

ที่มา http://arti3319.blogspot.com/2011/07/blog-post.html

วันพุธที่ 21 ธันวาคม พ.ศ. 2554

การออกแบบ Font ด้วยลายมือ

การออก แบบ Font ด้วยลายมือ โดย เขียนที่ Base Grid แล้ว ไป ลงใน Fontself

สัปดาห์ที่ 2 วิชาเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

ให้รายงานข่าวเกี่ยวกับเทคโนโลยี 3 คน และ

หลังจากนั้นได้ทำการทดสอบ Pre-test หรือ ทดสอบก่อนการเรียนเพื่อวัดความรู้ของนักศึกษา โดยทำการทดสอบที่ http://chandraonline.chandra.ac.th/dokeos/index.php

และสอนการเข้าเว็บ srceen-o-matic แล้วเข้าดูการสอนต่างๆใน youtube การแปลงไฟล์ Vdo

อาจารย์ได้สั่งให้นักศึกษาหา Font อังกฤษ Free Font และสั่งให้ปริ้นออกมาเป็นแบบ มีอักษร H x p d ขนาด 1000 point บอกการใช้เว็บ chandraonline ว่ามีอะไรบ้างแก้ไขยังไงบ้าง

สมัคร http://www.fontself.com/ และ Fontstruct.com เพื่อไว้ใช้ในการออกแบบ ตัวอักษร และให้ทำการปริ้น Basegrid มาใช้ในการออกแบบตัวอักษร