web
Posted: 6 ตุลาคม 2553 by Narongpon AW` in
0
การใช้สีสำหรับการออกแบบเว็บไซต์
Posted: 30 กันยายน 2553 by Narongpon AW` in+ จำนวนสีหลัก
- เลือกสีหลัก โดยเลือกตาม concept + tone
+ การใช้สีพื้นหลัง
- อาจใช้รูปภาพ ลวดลาย หรือสี
+ โทนสีโดยรวม
- โทนร้อน กับโทนเย็น
+ สีกับหมวดหมู่
- การเลือกใช้สีตามหมวดหมู่ของเนื้อหา
@การใช้ตัวอักษรและภาพกราฟฟิกส์
+ สีของตัวอักษร
- เข้ม ใช้พื้น อ่อน/กลาง
- กลาง ใช้พื้น อ่อน/เข้ม
- อ่อน ใช้พื้น เข้ม/กลาง
+ ลักษณะตัวอักษร
- ตัวอย่าง (Font) เช่น ms san serif , arial , geneva
- อาจมีการเน้นในด้านของหัวข้อ เช่น หนา เอียง หรือ ขดเส้นใต้
- ขนาดของตัวอักษร
+ จำนวนของภาพกราฟฟิกส์
- อยู่ที่ลักษณะของเว็บ หรือประเภทเว็บ
+ ตำแหน่งในการวางภาพ
- อยู่ที่การออกแบบ
+ ขนาดของภาพ
- นามสกุลของภาพ
- รูปแบบของภาพ
- ไฟล์ภาพขนาดเล็กจะทำให้การโหลดหน้าเว็บได้เร็ว
@ การใช้สื่อประสมสำหรับออกแบบเว็บไซต์
+ การใช้ภาพเคลื่อนไหว
- ใช้เพื่อสร้างสีสัน
- การตอบสนอง เช่น button menu
- ภาพประเภท flash
+ การใช้วีดีโอคลิป
- เช่นเว็บเกี่ยวกับทีวีที่ต้องมี
- เว็บที่มี windows media player
- การใช้ plug-in ในการรับชม
+ การใช้เสียง
รูปแบบการนำเสนอและการนำเสนอหน้าเว็บไซต์
Posted: 23 กันยายน 2553 by Narongpon AW` in
เว็บแบบขนาดพอดีหน้าจอ ขนาด 1024 * 768
เว็บแบบแนวนอน ขนาด 1024 * 768
เว็บแบบแนวตั้ง ขนาด 1024 * 768
การจัดวางตำแหน่ง เว็บแนวตั้ง
+ส่วนหัว
- LOGO อยู่ตรงส่วนบนมุมซ้ายของเว็บไซต์
- ชื่อเว็บอยู่ถัดจาก LOGO มาทางขวา
- มี เมนู ที่เป็น Hyper - text แนวตั้งทางด้านซ้าย รวมถึงส่วนของการติดต่อ
+ ส่วนเนื้อหา
- มี web banner อยู่ทางด้านบน และด้านซ้าย - ขวาของเนื้อหา
- ตรงกลางมีเนื้อหาข่าว โดยแบ่งเป็น page โชว์แค่หัวข้อข่าว มีรูป สิงห์ หน้าหัวข้อข่าว
- เนื้อหาเป็นการอัพเดจข่าวเกี่ยวกับฟุตบอลตามสโมสรเว็บ โดยข่าวจากเว็บนอกแล้วมีสมาชิกมาแปลอีกที
- ถัดลงจากข่าว เป็นคลิปการไฮไลต์ การแข่งขัน แลงลงมาอีกจะเป็น เว็บบอร์ด
+ ส่วนท้าย
- เป็นเมนู ที่เป็น Hyper - text เรียงตามแนวนอน
การใช้สี Font
Posted: by Narongpon AW` inThe Color Wheel (วงจรสี) => คือการแบ่งสี หรือการนำสีหนึ่งไปผสมอีกสีหนึ่ง แล้วจะเกิดสีใหม่ขึ้น
Hue (ตัวสี หรือ เนื้อสี) => คือความแตกต่างของสีแต่ละสี โดยแบ่งเนื้อสีออกเป็น 2 ชนิด
- สีของแสง คือความแตกต่างสั้นยาวของคลื่นแสงที่เรามองเห็น แบบรุ้งกินน้ำ
- สีของสาร คือสีที่เรามองเห็นบนวัตถุต่างๆ ซึ่งเกิดจากการดูดซึมและสะท้อนความยาวคลื่นแสง
+ สรุปง่ายๆ หรือที่เราเรียกกันว่าแม่สี
Saturation (ความเข้มของสี)
Value (ค่าน้ำหนักของสี)
CMYK => คือระบบ 4 สีสำหรับงานพิมพ์ ได้แก่ Cyan , Magenta , Yellow , Black
RGB => เป็นระบบที่ใช้ทั่วไปในจอคอมพิวเตอร์ ซึ่งจะทำงานได้ดี และมองดูเป็นธรรมชาติ ประกอบด้วย 3 สี คือ Red , Green , Blue แต่ละสีมีค่าความแตกต่างกันถึง 256 สี สามารถผสมทั้ง 3 สีเป็นสีแบบต่างๆได้ถึง 16.7 ล้านสี
หลักการเลือกสี (Color Combination)
1. ใช้สีเดียว monochromatic โดยใช้ลูกเล่นของระดับแสง ทำให้เกิดความแตกต่าง
2. Triads การใช้สี 3 สี ตรงข้ามกัน เพื่อสร้างความแตกต่าง
3. Analogous การใช้สีใกล้เคียงกัน จากสีที่อยู่ถัดไปอีก 2-3 สี จะสร้างความกลมกลืนได้ดี
4. Complementary การใช้สีตรงกันข้าม จะสร้างความโดดเด่นได้ดี แต่สีจะรุงแรงเกินไป ควรใช้สี ดำ หรือ เทา เพื่อลดความรุนแรง
5. Split-Complements การใช้สีผสมระหว่างสีโทนร้อน และเย็น โดยเลือกสีใดสีหนึ่ง จับคู่อีก 2 สีในโทนตรงกันข้าม
การใช้ตัวอักษร
Posted: 7 กันยายน 2553 by Narongpon AW` inรูปแบบของ Font จะแตกต่างไปตามรูปแบบและแสดงถึงอารมณ์ได้ตามต้องการ
TYPO
+ ความหมาย
- "TYPOGRAPHY" => การใช้ตัวอักษรหรือการจัดวางตัวอักษร
- Font (TYPEFACES) => รูปแบบหน้าตาตัวอักษร
- Font Families => ตระกูลของชุดแบบตัวอักษร เช่น ตัวธรรมดา , ตัวหนา , ตัวเอียง
+ ส่วนประกอบ => ตัวอักษรที่มีฐาน กับไม่มีฐาน เช่น Serif , Sans Serif
+ ขนาด => มีหน่วยเป็น Points (pt) "แบบอักษรที่แตกต่างกันมีขนาด pt เท่ากัน ไม่จำเป็นต้องมีความสูงเท่ากัน" (72 Points = 1 นิ้ว)
+ ประเภท Font มีฐาน
- Script , Hand-lettered => Font ลายมือ
- Monospace => Font แบบดิจิตอล เป็นช่องๆ หรือบล็อก
- Novelty => Font ประดับตกแต่ง
- Dingbat => Font icon
+ การผสมตัวอกษร
- ต้องมีความแตกต่างอย่างชัดเจน หลากหลาย
- ต้องมีจุดเด่น
- ใช่ตัวหนาสลับกับตัวปกติ โดยอาจจะใช้ ตัวหนากับตัวอักษรที่มีฐานทำตัวขนาดใหญ่ แล้วตัวปกติเป็นแบบไม่มีฐานตัวเล็กไว้ข้างใต้
แบบโครงการ
Posted: 20 กรกฎาคม 2553 by Narongpon AW` inชื่อโครงการ : บอร์ดผู้สร้าง
ข้อมูลและลัษณะโครงการ : เป็นการพูดคุยผ่านทาง webcam แชร์ความรู้จากผู้ที่มีประสบการณ์โดยตรง
ปัญหา : การหาข้อมูลตามหนังสือ หรือตามเว็บ ข้อมูลที่ได้มานั้นมักจะไม่ตรงกับความต้องการและเข้าใจได้ยาก
จุดมุ่งหมาย : เพื่อให้เกิดคำว่า "แบ่งปัน" และ "ช่วยเหลือ" ทางสังคม
กลุ่มเป้าหมาย : ทางกายภาพ => เป็นเว็บสำหรับกลุ่มผู้ที่ทำงานด้านการเขียนโปรแกรม
ทางจิตภาพ => กลุ่มคนที่ชอบหาความรู้ และอยากมี่ส่วนร่วมในการแบ่งปันความรู้
แนวความคิด : มีการตั้งห้องพูดคุย , สนทนาแบบเห็นหน้า , โพสข้อความ , เสนอเทคนิคใหม่ๆ
รูปแบบและการนำเสนอ : website , webboard และพูดคุยผ่านทาง webcam
อารมณ์และความรู้สึก : สามัคคี , น่านับถือ , จริงจัง
จำนวนและปริมาณงาน : webiste , webboard , webcam
การออกแบบแนวคิด (การศึกษา)
Posted: 13 กรกฎาคม 2553 by Narongpon AW` inคุณคิดว่า Multimedia มีอิทธิพลต่อตัวคุณมากที่สุด
Posted: 6 กรกฎาคม 2553 by Narongpon AW` inGame FantaTennis (online)
กีฬาเทนนิส เป็นกีฬาหนึ่งที่มีผู้ชื่นชอบและให้ความสนใจไม่น้อยไปกว่ากีฬาอื่นๆ จนได้ถูกนำมาทำเป็นเกมส์ online ขึ้นเกมส์ทุกเกมส์ก็จะเนื้อเรื่องของตัวเกมส์นั้น ส่วนเกมส์ FantaTennis นี้เป็นเกมส์ที่แฝงไปด้วยความน่าสนใจ ทั้งโหมด(รูปแบบการเล่น) , Effect ของฉาก(สนาม) , ภาพลักษณ์ตัวละคร และเทคนิคการเล่น เป็นต้น
ผมเป็นคนหนึ่งที่เล่นเกมส์นี้ เพราะว่าเวลาเล่นมันทำให้เราคิดในการหาวิธีการตีลูกเพื่อได้แต้มนั่นเอง แน่นอนว่าต้องอ่านใจคู่แข่งด้วย การเล่นเป็นทีมก็สำคัญ ตอนเริ่มเกมส์นั้นก็มีเสียงของฉาก Effect ของการใช้สกิล รวมไปถึงการพูดคุยในการเล่นด้วย
*** ทำให้เกิดการเล่นเป็นทีม เป็นการฝึกการใช้ความคิด การสังเกต
แนะนำตัว
Posted: by Narongpon AW` inนายณรงค์พล อนันต์สันติวงศ์ (เจิ้น)
เกิดวันอาทิต ชอบสีแดง อยู่ที่ ม.หนองแขม เขตหนองแขม กรุงเทพฯ
ไม่ชอบทัตัวโดดเด่น เป็นเรียบง่าย และก็สนใจ พวกคอมฯ
ฝันอยากมีธุรกิจส่วนตัว
เคยทำงานเป็น Part-time เซ็นทรัลปิ่นเกล้า , เดอะมอลล์บางแค
ฝึกงาน โซน IT ฟิวเจอร์ปาร์คบางแค
Tel. 085-9183383 E-mail : seijigt_1@hotmail.com