วันอังคารที่ 31 มกราคม พ.ศ. 2560

สรุปการเรียนครั้ง 4 วันที่ 31 มกราคม 2560

สรุปการเรียนครั้ง 4 วันที่ 31 มกราคม 2560

       พรีเซ้นต์ข่าว 15 นาที 
       เรื่องที่ 1 คือ ฟ้อนต์ที่ผสมผสานระหว่างภาพถ่ายและตัวอักษร ตัวอักษรบางตัวถูกสร้างมาจากภาพเดียวกัน แต่เป็นแบบสี พิกเซลล์คือภาพ พวกภาพนี้ใช้ในการประกอบสิ่งพิมพ์ ในหลวงสร้างฟ้อนต์จากภาพ เรียกว่า ตัวอักษรจากภาพ จุดในคอมเกิดช่องว่าง ตัวอักษรที่วิ่งได้ คือ ตัวอักษรที่ขยายไม่ได้มันจะแตก Ps ถ้าขยายจะเห็นช่องตารางเล็กๆ 
       เรื่องที่ 2 คือฟ้อนต์ที่สร้างจากลายมือผู้ออกแบบ ชื่อ ฌอน ฟ้อนต์ลายมือเหมือนจะง่ายแต่ยาก วิธีสร้างฟ้อนต์มีหลากหลาย
      1.เมนูบาร์ = จัดกริฟต่างๆได้จากเมนู View
      2.คอนทัวร์ = คำสั่งที่เกี่ยวข้องกับเส้น ฟ้อนต์ดีไซน์เนอร์ ใส่ชื่อตัวเอง
      ตารางสีเทาคือยังไม่เปิด ตารางสีชมพูคือมีปัญหา
      
      การตกแต่งบล็อค
- ปรับรูปที่จะลงในบล็อคให้พอดีสวยงาม เลือกขนาดเท่าเดิม ซึ่งก่อนที่เราจะนำภาพมาลง เราจะต้องนำไปปรับขนาดของภาพซะก่อน (ขนาดของรูปจะอยู่ที่ กว้าง 577 มาตรฐาน)




- ความกว้างของบล็อคขนาดมาตรฐานจะอยู่ที่ x1080 แต่เราสามารถปรับขนาดเพิ่มหรือลดได้ตามความเหมาะสมกับงานของเรา
- แถบบล็อคด้านข้างขนาดมาตรฐานจะอยู่ที่ x 330 แต่เราสามารถปรับขนาดเพิ่มหรือลดได้ตามความเหมาะสมกับงานของเรา





       การบ้าน 
*งานเดี่ยว
       - ทำฟอนต์ชุดอันเดิมให้เสร็จหนึ่งชุด
*งานกลุ่ม
       - ทำฟอนต์ชุดจากโครงสร้างของอาจารย์ ฟอนต์แบบ san serif โดยแบ่งกลุ่มเป็นสองกลุ่ม
       - แบ่งกลุ่มฟอนต์ไทย กับ ฟอนต์อังกฤษ
       - ส่งก่อนวันศุกร์ที่ 3 กุมภาพันธ์ 2560
       - แคปจอตัวอักษรแต่ละตัวที่เราทำเพื่อส่งในรูปเล่มรายงาน (แต่ละคนใส่เอง)



วันอังคารที่ 24 มกราคม พ.ศ. 2560

สรุปการเรียนครั้ง 3 วันที่ 24 มกราคม 2560

สัปดาห์ที่ 3 วันที่ 24 มกราคม 2560

       พรีเซ้นต์ข่าว 2 คน คนละ 5 นาที 
       คำว่า FONT มาจากคอมพิวเตอร์ ฟอนท์ (Font) หรือรูปแบบตัวอักษรมีอยู่มากมายในวินโดว์ส์ การเลือกใช้งานฟอนท์นั้นขึ้นอยุ่กับความเหมาะสม ในแต่ละเอกสาร คุณมักจะเห็นว่าในเอกสารเดียวกันนั้นมีการใช้ฟอนท์มากกว่า 1 รูปแบบเสมอ ฟอนท์ทุก ๆ ฟอนท์จะมีชื่อประจำตัวอยู่ เช่น Aril, CordiaUPC, JasmineUPC เป็นต้น ฟอนท์บางฟอนท์เป็นฟอนท์สากล คือ รู้จักกันอย่างแพร่หลาย แต่ฟอนท์หลาย ๆ ฟอนท์นั้นอาจรุ้จักในวงจำกัดเพราะฟอนท์ดังกล่าวได้ถูกออกแบบไว้ ใช้สำหรับภาษาที่ใช้ในแต่ละประเทศ ตัวอย่างเช่น ฟอนท์ในตระกูล DB หรือ ฟอนท์ที่ลงท้ายด้วย UPC ฟอนท์เหล่านี้เป็นฟอนท์ที่ถูกสร้างให้รองรับการใช้งานกับภาษาไทย เป็นต้น
       ปรับเปลี่ยนรูปแบบตัวอักษรให้ถูกใจ
       นอกจากการตกแต่งเอกสารด้วยฟอนท์ที่แตกต่างกันแล้ว คุณยังสามารถเปลี่ยนขนาดตัวอักษรเช่น
A A A A A หรือ กำหนดให้ฟอนท์มีความแตกต่างจากปกติได้ เช่น ข้อความขีดเส้นใต้ ข้อความพิเศษ ข้อความตัวเอน เป็นต้น วิธีการตกแต่งตัวอักษรไว้ใช้ในเอกสารของคุณ มีดังนี้
        การเลือกรูปแบบฟอนท์
        ก่อนอื่นต้องขออธิบายว่าฟอนท์มี 2 ประเภท คือฟอนท์แบบ “True Type fonts” ซึ่งฟอนท์ True Type จะให้ผลลัพธ์การพิมพ์ที่ตรงกับที่แสดงบนหน้าจอภาพเสมอฟ้อนท์แบบ “printer fonts” ฟอนท์แบบนี้อาจมีผลลัพธ์การพิมพ์ที่แตกต่างกับที่คุณเห็นบนหน้าจอ แต่การทำงานที่ได้จะเร็วกว่าแบบแรก
     
        ขั้นตอนการเลือกฟอนท์มีดังนี้


1. เลือกข้อความที่ต้องการเปลี่ยนรูปแบบฟ้อนต์
2. Click mouse ที่ลูกศรข้างปุ่ม
3. Click mouse เลือกรูปแบบฟ้อนต์
4. ฟ้อนต์จะเปลี่ยนไปตามที่ต้องการ

      การเปลี่ยนขนาดฟ้อนต์



1. เลือกข้อความที่คุณต้องการเปลี่ยนขนาด โดยการ Drag mouse ทับข้อความนั้น
2. Click mouse ที่ลูกศรข้างปุ่ม
3. เลือกขนาดฟอนท์

ตัวอักษรหนา ตัวเอน และขีดเส้นใต้


1. เลือกข้อความที่ต้องการ โดยการ Drag mouse ทับข้อความนั้น
2. Click mouse ที่ปุ่มเครื่องมือ ต่อไปนี้
       - Click mouse ที่ปุ่ม สำหรับทำตัวหนาให้กับข้อความ
       - Click mouse ที่ปุ่ม สำหรับทำตัวหนาให้กับข้อความ
       - Click mouse ที่ปุ่ม สำหรับทำตัวหนาให้กับข้อความ

       สระภาษาอังกฤษ เราเรียกว่า Vowels ซึ่งประกอบไปด้วย 6 ตัว ได้แก่ a, e, i, o, u และ y นั่นเอง มาดูกันว่าแต่ละตัวออกเสียงอย่างไรบ้าง
       สระภาษาอังกฤษ A
1. a = แอ
เช่น bat, fan, pan hand, land, map, tax, pack
2. a = เอ (มักจะลงท้ายด้วย -ay)
เช่น play, may, pay, day, say, way
3. a = อา (มักจะลงท้ายด้วย -ar)
เช่น car, dark, sharp, farm, park, card
       สระภาษาอังกฤษ E
1. e = อี (มักจะมี -ea ตรงกลาง)
เช่น tea, meat, bean, leaf, weak, beach
2. e = เอ
เช่น pet, red, desk, lend, tell, send, rent
       สระภาษาอังกฤษ I
1. i = อิ
เช่น rid, fish, big, ring, pin, fix
2. i = ไอ
เช่น shine, nine, knife, wife, ride, line
       สระภาษาอังกฤษ O
1. o = โอ
เช่น rose, nose, note, rope, home
2. o = ออ
เช่น lock, box, long, bomb, clock, top
3. oo = อุ, อู
เช่น good, book, look, food, room, noon
        สระภาษาอังกฤษ U
1. u= อะ
เช่น cut, bus, gun, us, run, dust
       นอกจาก a e i o u แล้วรู้หรือไม่ว่า y สามารถเป็นได้ทั้งพยัญชนะและสระภาษาอังกฤษ ได้ด้วยนะ
       สระภาษาอังกฤษ Y
1. y = อาย
เช่น fly, cry, eye, dry, spy, why, deny
2. y= อี
เช่น daily, rainy, baby, sunny


สัดส่วนและโครงสร้างมาตรฐาน แบบตัวอักษรและตัวพิมพ์ ภาษาอังกฤษ-ไทย ของ CRU-Font Family
       ก่อนการออกแบบตัวอักษรและตัวพิมพ์ หรือมีวัตถุประสงค์ปลายทางคือสร้างเป็นไฟล์โปรแกรมคอมพิวเตอร์ฟ้อนต์(Program Computer Font) ที่สามารถนำไปจดลิขสิทธิ์ผลงานประเภทวรรณกรรมได้นั้น ขั้นตอนก่อนเริ่มทำงาน นักออกแบบเองควรต้องมีการศึกษาและการนำเสนอ-สื่อแสดงกระบวนวิธีการสร้างสรรค์ผลงาน เพื่อสื่อถึงความคิดสร้างสรรค์ เทคนิควิธีของตนเองเอาไว้รองรับ อันเป็นการประกาศสิทธิ์ แสดงหลักฐานเอาไว้เพื่อพิสูจน์ความเป็นเจ้าของเอาไว้ ดังเช่นในที่นี้เป็นผลงานที่เกิดจากการศึกษาวิจัย ศึกษา ทดสอบ สอบถามตามกระบวนการทำงานวิจัยแบบสร้่างสรรค์ จนได้ผลงานออกมาจาก และเป็นส่วนหนึ่งในการวิจัยเรื่อง การออกแบบกราฟิกเอกลักษณ์ สำหรับมหาวิทยาลัยราชภัฏจันทรเกษม ปีงบประมาณ 2552 และเผยแพร่อ้างอิงไว้ที่นี้เพื่อเป็นแนวทางสำหรับนักออกแบบรุ่นใหม่และลูกศิษย์ลูกหาได้ใช้เป็นแนวทาง ก่อนที่จะออกแบบ ร่างแบบ ว่าควรต้องศึกษาเริ่มต้นไปพร้อมกันการศึกษาเครื่องมือหรือซอฟต์แวร์เพื่อการเขียนแบบตั้งต้นอย่างไร โครงสร้างสัดส่วนทั้ง 5 แบบที่นำเสนอนี้เป็นเพียงส่วนหนึ่ง โดยการศึกษา อ้างอิงจากโครงสร้างมาตรฐานตัวอักษรไทยและตัวพิมพ์ไทย ฉบับราชบัณฑิตยสถาน 2540 แบบตัวอักษรลาติน แบบ Serif มากำหนดขึ้นเป็นโครงสร้างและสัดส่วนของตัวพิมพ์ชุด CRU-LanChand ดังมีรูปแบบ ขนาด สัดส่วน ตามตารางกริดที่แสดงนี้













โครงสร้างมาตรฐานตัวอักษรไทยและลาติน

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



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












วันอังคารที่ 17 มกราคม พ.ศ. 2560

สรุปการเรียนครั้งที่ 2 วันที่ 17 มกราคม 2560

สัปดาห์ที่ 2 วันที่ 17 มกราคม 2560

- สอบพรีเทสเรื่องฟ้อน ข้อสอบมีทั้งหมด 16 ข้อ  ใช้เวลา 15 นาที คะแนนเต็ม 16 ได้ทั้งหมด 11 คะแนน
- สอบปฏิบัติเรื่องฟ้อน ใช้เวลา 3 ชั่วโมง โจทย์ในการสอบ
       * แบบทดสอบก่อนเรียนภาคปฏิบัติ : จงออกแบบเขียนแบบตัวอักษรโดยใช้ชื่อตัวเองพร้อมเลขรหัสนักศึกษาเป็นตัวอักษรแบบ San Serif ทั้งรูปอักษรไทย และรูปอักขระลาตินตัวพิมพ์ใหญ่ ในกระดาษขนาด A4 แนวนอน ความสูง 1 นิ้ว ภาษาไทย ระยะห่างสระ - วรรณยุกต์ .35 นิ้ว จัดให้เป็น 2 แถว

สอบ pre-test ก่อนการเข้าเรียน ผ่าน Claroline เพื่อทดสอบความรู้เบื้องต้นเกี่ยวกับวิชานี้
*ให้เวลาในการทำ 15 นาที 15 ข้อ







ทำแบบทดสอบก่อนเข้าเรียนภาคปฏิบัติ 

โจทย์ : ออกแบบเขียนตัวอักษรโดยใช้ชื่อตัวเอง พร้อมเลขรหัสนักศึกษาเป็นตัวอักษรแบบ San Serif ทั้งรูปแบบอักษรไทยและรูปแบบอักขระลาติน ตัวพิมพ์ใหญ่ ในกระดาษ A4 แนวนอน ความสูง 1 นิ้ว ภาษาไทยระยะห่าง สระ-วรรณยุกต์ .35 นิ้ว จัดให้เป็นสองแถว ส่งงานใน Google Classroom ก่อน 17.30 น.


https://classroom.google.com/c/Mzg5Njc3OTUzNVpa

โปรแกรมที่ใช้ในการออกแบบคือ Adobe Illustrator


( ที่มา : นางสาวเมทินี ชูวารี )












วันจันทร์ที่ 16 มกราคม พ.ศ. 2560

แปลสรุปข่าวฟ้อนต์



by Jennifer Delaney


About this font family


       WAVE is characterized by curved lines and intricate details. Each character was individually made in Illustrator and Type Tool using my original illustrations. Wave is a decorative font best used for titles or short bursts of texts in large point settings. The typeface is based on the uppercase letterforms, but I have also created lowercase letters, numbers, and glyphs. The motion lines used in the making of Wave mirror an art deco-style. Inspired by an illustration of a large wave, I was fascinated that by using only lines and solid colors we as artists can depict the translucency and ever-changing movement of waves. I began by delicately sketching out all of the letters using graph paper and micron pens. My work always begins with traditional media. I'm an illustrator, freelance artist, and graphic designer from Chicago, IL. I studied at Texas Christian University, and received my Bachelors of Arts in Graphic Design from Columbia College Chicago.

Designers: Jennifer Delaney
Design date: 2017
Publisher: Jennifer Delaney 
MyFonts debut: Jan 12, 2017



แปลด้วย Google
เกี่ยวกับครอบครัวของตัวอักษรนี้

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

ออกแบบ: เจนนิเฟอร์ Delaney
วันที่ออกแบบ: 2017
สำนักพิมพ์: เจนนิเฟอร์ Delaney
เปิดตัว MyFonts: 12 มกราคม 2017





แปลด้วยตัวเอง
เกี่ยวกับตัวอักษรนี้

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

ออกแบบ: เจนนิเฟอร์ เดเลนีย์
วันที่ออกแบบ: 2017
สำนักพิมพ์: เจนนิเฟอร์ เดเลนีย์
เปิดตัวฟ้อน: 12 มกราคม 2017












วันอังคารที่ 10 มกราคม พ.ศ. 2560

สรุปการเรียนครั้งที่ 1 วันที่ 10 มกราคม 2560

ARTD2304 : การออกแบบตัวอักษรเพื่อการพิมพ์

สัปดาห์ที่ 1 วันที่ 10 มกราคม 2560
ปฐมนิเทศน์-กิจกรรมเตรียมตัวก่อนการเรียน ในภาคเรียนที่ 2/

- facebook อ.ประชิด ทิณบุตร ชื่อ Prachid Tinnabutr สามารถเข้าศึกษาหาความรู้ได้
- Prachya Ann Singhto เป็นคนทำฟ้อนต์
- สร้างบล็อคฟ้อนต์
- ฟ้อนต์มีเรื่องราวมากมาย มีทั้งยากและง่าย
- ความหมายของฟ้อนต์ ฟ้อน (Font) เป็นรูปแบบตัวอักษรมีอยู่มากมายในวินโดว์ การเลือกใช้งานฟ้อนต์นั้นขึ้นอยู่กับความเหมาะสมในแต่ละเอกสาร มักจะเห็นว่าในเอกสารเดียวกันนั้นมีการใช้ฟ้อนต์มากกว่า 1 แบบเสมอ 
- การอ่านทำให้เรามีโลกทรรศน์ที่กว้างขึ้น
- นักออกแบบอย่าคิดว่าตัวเองทำงานดีทุกคน
- งานด้านการออกแบบต้องใช้ข้อมูลหลายๆกลุ่มมาผสม
- อาทิตย์หน้าสอบพรีเทส
- สร้างอีเมลล์ @chandra.ac.th (ขอจากตึกอธิการ) 
- รหัสวิชา ARTD2304-ชื่อจริง

       ให้นักศึกษาที่ลงทะเบียนเรียนวิชาออกแบบตัวอักษรเพื่อการพิมพ์ เข้าทำกิจกรรมออนไลน์ก่อนเข้าชั้นเรียน โดยดำเนินการดังนี้คือ (ศึกษาเรียนรู้ แก้ปัญหา ประสานงานด้วยตนเองหรือเรียนรู้ด้วยกันแบบกลุ่มปรึกษา)
- ใช้อีเมลล์ที่ทางมหาวิทยาลัยให้ @chandra.ac.th เท่านั้น (พร้อมใส่ภาพและข้อมูลให้ครบ)
- สร้างเว็บบล็อคไว้เพื่อสรุปผลสาระการเรียนรู้แต่ละสัปดาห์ โดยใช้ชื่อเว็บบล็อคตามที่อาจารย์กำหนด เช่น artd2304-ชื่อจริง.blogspot.com

1.กรอกข้อมูล ลงชื่อเข้าชั้นเรียนครั้งแรกในแบบบันทึกและประเมินผลการเรียนรู้ประจำวิชา กลุ่ม 101 ภาคปกติ คลิกเข้ากรอกข้อูลตัวเองในแบบบันทึกที่นี่
2.ลงทะเบียนในระบบอีเลิร์นนิ่ง สมัครเป็นสมาชิกระบบแล้วสมัครเข้าเรียนในวิชา เตรีวมพร้อมเข้าสอบออนไลน์ เพื่อส่งการบ้าน คลิกเข้าใช้ที่ www.claroline.info
3.ตอบแบบสำรวจศักยภาพและความพึงพอใจก่อนการจัดการเรียนการสอน
4.ลงทะเบียนเรียนและส่งงานใน Google Classroom ให้ดำเนินการให้แล้วเสร็จก่อนการเรียนในสัปดาห์ที่ 2 หรือภายในวันที่ 15/1/2560 เวลา 16.30 น.
* ตอบแบบคำถามภายในวันนี้
* แปลสรุปข่าวเกี่ยวกับฟ้อนต์
* กลุ่มจังหวัดภาคกลางตอนบน 2 ศิลปวัฒนธรรม ทุนทางวัฒนธรรม
* ส่งงานทุกครั้งต้องสร้างโฟลเดอร์ชื่อ 5611301812-

สิ่งที่ต้องเตรียมในอาทิตย์หน้า
- กระดาษกราฟ ปากกาดำ 1 ชิ้น ดินสอ 2B แฟ้มและกระดาษ
- ศึกษาฟ้อนต์หัวตัด
- โหลดฟ้อนต์ศรีสุริยวงศ์