หน้าเว็บ GOLLUM RIDER

สีสันหน้าเว็บไซต์

สีหน้าเว็บไซต์แนวนอน
1>สีหลัก >>> เป็นสีฟ้า
2>สีพื้นหลัง >>> เป็นสีฟ้าอ่อน
3>สีโดยรวม >>> ส่วนใหญ่จะเป็นสีอ่อน
4>สีจัดแบ่งกลุ่ม
4.1>ข่าว >>> เป็นสีฟ้าอ่อนผสมสีขาว
4.2>บันเทิง >>> เป็นสีฟ้าอ่อนผสมสีขาว
4.3>การติดต่อ >>> เป็นสีฟ้าอ่อนผสมสีขาว

การใช้ตัวอักษร ภาพ ออกแบบเว็บไซต์
1>สีตัวอักษรเนื้อหา >>> เป็นสีขาว และ สีดำ
2>ลักษณะตัวอักษร(Font) >>> อักษรบางตัวขึ้นอยู่กับ การเขียนโค้ดภาษา HTML ขนาดอยู่ที่ประมาณ 14 – 20
3>ภาพ >>> เป็นภาพต่าง ๆ ที่เหมาะกับเนื้อหาของข้อมูล
4>ตำแหน่งของภาพ >>> อยู่ใต้เนื้อหาและข้อความต่าง ๆ
5>ขนาดของภาพ >>> ปานกลาง

การใช้สื่อประสมสำหรับเว็บไซต์
1>การใช้ภาพเคลื่อนไหว >>> เป็นภาพเคลื่อนไหวต่าง ๆ
1.2>สร้างสีสัน >>> โลโก้ ปุ่มกด หน้าแรกเว็บไซต์ จะเน้นสีอ่อน
1.3>วีดีโอ คลิป >>> จะเป็นคลิปวีดีโอพวก MV และ คลิปวีดีโอต่าง ๆ
1.4>การใช้เสียง >>> เสียงที่ออกมานั้นจะเป็นเสียงในคลิบวีดีโอบางแห่งของหน้าเว็บและในหมวดฟังเพลงออนไลน์

สีหน้าเว็บไซต์แนวตั้ง
1.สีหลัก >>> เป็นสีแดง
2.สีพื้นหลัง >>> เป็นสีชมพู
3.สีโดยรวม >>> ส่วนใหญ่จะเป็นสีอ่อน
4.สีจัดแบ่งกลุ่ม
4.1>ข่าว >>> เป็นสีแดง
4.2บันเทิง >>> เป็นสีแดงอ่อน
4.3การติดต่อ >>> เป็นสีฟ้าอ่อน


การใช้ตัวอักษร ภาพ ออกแบบเว็บไซต์
1.สีตัวอักษรเนื้อหา >>> เป็นสีชมพูอ่อน และ สีดำ
2.ลักษณะตัวอักษร(Font) >>> อักษรบางตัวขึ้นอยู่กับ การเขียนโค้ดภาษา HTML ขนาดอยู่ที่ประมาณ 14 – 20
3.ภาพ >>> เป็นภาพต่าง ๆ ที่เหมาะกับเนื้อหาของข้อมูล
4.ตำแหน่งของภาพ >>> อยู่ใต้เนื้อหาและข้อความต่าง ๆ
5.ขนาดของภาพ >>> ปานกลาง


การใช้สื่อประสมสำหรับเว็บไซต์
1>การใช้ภาพเคลื่อนไหว >>> เป็นภาพเคลื่อนไหวต่าง ๆ
1.2>สร้างสีสัน >>> โลโก้ ปุ่มกด หน้าแรกเว็บไซต์ จะเน้นสีอ่อน
1.3>วีดีโอ คลิป >>> จะเป็นคลิปวีดีโอพวก MV และ คลิปวีดีโอต่าง ๆ
1.4>การใช้เสียง >>> เสียงที่ออกมานั้นจะเป็นเสียงในคลิบวีดีโอบางแห่งของหน้าเว็บและในหมวดฟังเพลงออนไลน์

การแบ่งหมวดหมู่ของหน้าเว็บ

หน้าเว็บแนวนอน

My Work
- About me
Contact
- Please feel free to contact me here contact@deanoakley.com or use the form below

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

สนุก
-ค้นหา
-สารบัญเว็บไทย
-ข่าว
-อีเมล์
-หาเพื่อนคิวคิว
-ฟังเพลง
-คลาสสิฟายด์
-ริงโทน
-เล่นเกมส์

สนุกทุกวัน

-Entertainments
--ดูดวง
--ฟังเพลงออนไลน์
--คลิปวิดีโอ
--เกมส์

-Shopping
--คลาสสิฟายด์ ซื้อ–ขาย
--ช้อปปิ้ง
--หาบ้าน
--หารถ
--หางาน
--คูปอง - ส่วนลดพิเศษ

-Community
--เว็บบอร์ด
--หาเพื่อนคิวคิว
--หาคู่ไทยเมท
--นกนก
--แชท

-Services
--แปลศัพท์
--อัลบั้มรูป
--ริงโทน - โหลดเพลง
--เลขเด่น - ดวงสด

-อีเมล์
--Widget - Glitter
--เว็บบนมือถือ
--ท็อปฮิต

-อ่านสนุก
--ข่าว
--ซุบซิบดารา
--ดูทีวี
--หนัง - ละคร
--เพลง - นักร้อง
--ท่องเที่ยว
--วัยรุ่น - วัยเรียน
--เซ็กส์ - ความรัก
--ผู้หญิง
--แม่และเด็ก
--กล้อง - มือถือ
--ฟอร์มูล่าวัน
--รถยนต์
--ไนท์ไลฟ์-Hipkingdom
--กีฬา

-ข่าว

-บันเทิง

-วาไรตี้

-เกมส์-ไอที

-กีฬา

-ฟังเพลงออนไลน์
--เพลงฮิต
--เพลงใหม่

-กิจกรรมชิงรางวัล

-เว็บไซต์แนะนำ

-สารบัญเว็บไทย

-อัตราการแลกเปลี่ยนเงิน

-ราคาน้ำมัน

-ราคาทอง

ลักษณะของเมนู

หน้าเว็บแนวนอน

- ตัวอักษร
- ไอคอน

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

- ตัวอักษร
- ไอคอน
- Dropdown
- รูปไอคอน
- ภาพนิ่ง
- ภาพเคลื่อนไหว
- Roll-Over

ตำแหน่งของเมนู

หน้าเว็บแนวนอน

- แถบเมนู อยู่ ตรงกลางทางซ้ายของหน้าเว็บ

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

- แถบเมนู อยู่ ส่วนบนของหน้าเว็บ
ส่วนตรงกลางทางซ้ายของหน้าเว็บ
ทางซ้ายของหน้าเว็บ
ส่วนท้ายของหน้าเว็บ

การจัดวางตำแหน่งของโลโก้ , เนื้อหา , ภาพ

หน้าเว็บแนวนอน
ส่วนหัว
- มีชื่อเว็บ
- รูปภาพ
ส่วนเนื้อหา
- มีข้อมูลต่าง ๆ
- มีปุ่มไอคอน
ส่วนท้าย
- รูปภาพต่าง ๆ

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

ส่วนหัว
- ชื่อเว็บ
- Logo หน้าเว็บ
- แถบ Login
- โฆษณา
- ปุ่มไอคอนต่าง ๆ
- แถบค้นหาข้อมูล
ส่วนเนื้อหา
- ข้อมูลต่าง ๆ
- รูปภาพ
- ข่าวสารต่าง ๆ
- ไอคอนข้อมูลต่าง ๆ
ส่วนท้าย
- ข้อมูลเพิ่มเติม
- ความคิดเห็น
- เว็บลิงค์ต่าง ๆ
- โฆษณา

ขนาดหน้าจอของหน้าเว็บ

แนวนอน

- มีขนาด 1024 x 768

แนวตั้ง

- มีขนาด 1024 x 768

ลักษณะโครงสร้างหน้าเว็บ

แนวนอน



แนวตั้ง

LOGO

แบบสีที่ใช้ในตัวอักษร

แบบ 1 สี


แบบ 2 สี


แบบ 3 สี


แบบ 4 สี

แถบรหัสสี

องค์ประกอบการออกแบบ ( Element of Design )
1.สี
แม่สีศิลปะประกอบด้วยสี แดง สีเหลือง และสีน้ำเงิน ซึ่งเมื่อนำแม่สีทั้งสามมาผสมกันในอัตราส่วนต่างๆก็จะเกิดสีขึ้นมามากมายซึ่งประโยชน์ จากการที่เรานำสีมาผสมกันทำให้เรา สามารถเลือกสีต่างๆมาใช้ได้ตามความพอใจสร้างสรรค์ผลงานศิลปะที่งดงามตามความพอใจขอผู้สร้าง สีที่เกิดจากการนำเอาแม่สีมา ผสมกัน เกิดสีใหม่เมื่อนำมาจัดเรียงอย่างเป็นระบบ รวมเรียกว่าวงจรสี

ภาพแสดงวงจรของสีที่เกิดจากการนำแม่สีมาผสมกัน
การเกิดสีดังภาพ เกิดจากการนำเอาแม่สีมาผสมกัน ในอัตราส่วนต่างๆกันซึ่งพอสรุปได้ดังนี้

สีขั้นที่1 (สีขั้นต้นหือแม่สี)(Primary Color) ประกอบด้วย สี แดง สีเหลือง และสีน้ำเงิน

สีขั้นที่ 2 (Binary Color) เกิดจากการนำเอาสีขั้นที่ 1 (แม่สี ) มาผสมในอัตราส่วนเท่าๆกันประกอบด้วยสี เขียว สีส้ม
และสีม่วง
•สีเขียว เกิดจากการนำเอา สีเหลือง กับ สีน้ำเงิน มาผสมกันในอัตราส่วนเท่าๆกัน
•สีส้ม เกิดจากการนำเอา สีเหลือง กับ สีแดง มาผสมกันในอัตราส่วนที่เท่าๆกัน
•สีม่วง เกิดจากการนำเอา สีน้ำเงิน กับ สีแดง มาผสมกันในอัตราส่วนที่เท่าๆกัน

•สีขั้นที่ 3 (Intermediate Color) เกิดจากการนำเอาสีขั้นที่ 2 ผสมกับสีขั้นต้นที่อยู่ใกล้เคียงกันได้สีแตกต่างออกไป
ได้แก่ สีเหลืองแกมเขียว สีน้ำเงินแกมม่วง สีแดงแกมม่วง สีแดงแกมส้ม สีเหลืองแกมส้ม และสีน้ำเงินแกมเขียว
• สีเหลืองแกมเขียว เกิดจาก การผสมกันระหว่างสีเหลืองกับสีเขียวอย่างละเท่าๆกัน
• สีน้ำเงินแกมม่วง เกิดจากการผสมกันระหว่างสีน้ำเงินกับสีม่วงอย่างละเท่าๆกัน
• สีแดงแกมม่วง เกิดจากการผสมกันระหว่างสีแดงกับสีม่วงอย่างละเท่าๆกัน
• สีแดงแกมส้ม เกิดจากการผสมกันระหว่างสีแดงกับสีส้มอย่างละเท่าๆกัน
• สีเหลืองแกมส้ม เกิดจากการผสมกันระหว่างสีเหลืองกับสีส้มอย่างละเท่าๆกัน
• สีน้ำเงินแกมเขียวเกิดจากการผสมกันระหว่างสีน้ำเงินกับสีเขียวอย่างละเท่าๆกัน

การใช้ตัวอักษร (Typography)
Typography : การใช้อักษรหรือการจัดวางตัวอักษร
Font ( Typefaces ) : ชุดรูปแบบของตัวอักษร
Font Families : ตระกลูของชุดแบบอักษร เช่น ตัวธรรมดา ตัวหนา ตัวเอียง

ส่วนประกอบ
1. แบบมีเชิง ( Serlf )
2. แบบไม่มีเชิง ( Sans Serif )
3. แบบแฟชั่น ( Novelty )
4. แบบลายมือ ( Script )
5. แบบตัว ๆ ( Monospace )
6. แบบสัญลักษณ์ ( Dingbat , Ornament )

ขนาดตัวอักษร
มีหน่วยเป็น Points แบบอักษรที่มีความแตกต่างกันที่ขนาด Points ที่ไม่เท่ากัน ไม่จำเป็นต้องมีความสูงเท่ากันก็ได้ เช่น 72 Points เท่ากับ 1 นิ้ว

การจัดตำแหน่ง
1. แบบชิดขวา
2. แบบชิดซ้าย
3. แบบกระจายทั่ว
4. แบบตรงกลาง

การผสมตัวอักษร
- ตัวอักษรไม่มีขา ตัวหนา และตัวอักษรที่มีขา ตัวบาง ตัวอักษรทั้ง 2 แบบ มีความแตกต่างกัน ตรงที่ด้วนน้ำหนักและขนาดทำให้เกิดความโดดเด่นได้ง่าย

- ตัวอักษรมีขา ตัวหนา และตัวอักษรไม่มีขา ตัวบาง การผสมอักษรแบบนี้ทำให้เกิดจุดเด่นของสัญลักษณ์อักษรได้ง่าย

- คำเตือน
- ตัวอักษรไม่มีขา ผสมกับตัวอักษรมีขา การผสมแบบนี้จะทำให้ไม่มีจุดเด่น เนื่องจากตัวอักษรทั้ง 2 แบบไม่มีความแตกต่างกันด้วยน้ำหนัก
- ความแตกต่างอย่างชัดเจนของตัวอักษรแบบนี้ เหมาะสำหรับงานที่มีการพัฒนาแนวความคิด
- การผสมอักษรสามารถสร้างความแตกต่างได้อย่างหลากหลาย

สื่ออารมณ์และความรู้สึก

ความอิ่มบุญ

ความสนุกสนาน

ความดุเดือด

รูปแบบของโครงการ www.gollumrider.com

แผนผัง Mind Map เว็บไซด์ GOLLUM

คุณคิดว่าสื่อมัลติมีเดียอะไรที่มีอิทธิพลต่อตัวคุณมากที่สุด

คุณคิดว่าสื่อมัลติมีเดียอะไรที่มีอิทธิพลต่อตัวคุณมากที่สุด

- สื่อมัลติมีเดียที่มีอิทธิพลต่อตัวผมมากที่สุด คือ สื่อมัลติมีเดีย Facebook มันเป็นสื่อมัลติมีเดียที่มีการพัฒนารูปแบบต่างๆและในหลาย ๆ ด้าน

- สื่อมัลติมีเดียที่มีอิทธิพลต่อตัวเรามากที่สุดก็คือ Facebook มันเป็นสื่อมัลติมีเดียที่มีการนำสื่อมัลติมีเดียต่าง ๆ มาพัฒนารวม ๆ กัน เช่น การพูดคุย , การหาเพื่อน , การเล่นเกม และมีความบันเทิงต่าง ๆ ของรูปแบบสื่อมัลติมีเดีย Facebook ในการใช้สื่อมัลติมีเดีย Facebook ในตัวผมใช้ในการเล่นเกม มันก็มีอิทธิพลให้ผมในด้านความเพลิดเพลินต่อการเล่น และสื่อมัลติมีเดีย Facebook ก็ยังมีความเพลิดเพลินอีกมากมายและในการเล่นสื่อมัลติมีเดีย Facebook ก็ยังมีทั้งข้อดีและข้อเสีย เช่น สื่อมัลติมีเดีย Facebook ข้อดีคือ เป็นการสื่อมัลติมีเดีย Facebook ให้เกิดความเพลิดเพลิน และสื่อมัลติมีเดีย Facebook ยังมีข้อเสียคือ ไม่เป็นอันทำอะไรเลย และการงานก็ไม่ทำงาน ทำให้เสียในหลาย ๆ ด้าน

- สำหรับสื่อมัลติมีเดีย Facebook มันก็ยังมีทั้งข้อดีและข้อเสียอยู่ในตัวของมันเองการเล่นสื่อมัลติมีเดีย Facebook มันต้องขึ้นอยู่กับคนเล่นว่าจะเล่นไปในแนวทางไหน

Car Town



CafeWorld


countrylife

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

แนะนำตัวเอง

ชื่อ-สกุล >> นายชลทิศ เพ็ชรรักษ์
วัน-เดือน-ปีเกิด >> 03 - 07 - 1982
ที่อยู่ >> 150/23 หมู่ 19 ถ.สุขสวัสดิ์
ต.บางพึ่ง อ.พระประแดง
จ.สมุทรปราการ
นิสัย >> ร่าเริง ใจดี
ประสบการณ์ทำงาน บริษัทบลูสตาร์ โอเอ ออโต้เนชั่น จำกัด