หน้าเว็บ

วันอาทิตย์ที่ 10 ตุลาคม พ.ศ. 2553

My_LogO


แถบรหัสสี


เว็บไซร์


แบบการนำเสนอ[เว็บไซร์]

การนำเสนอเว็บมีหลากหลายรูปแบบ โดยมีโคลงสร้างดังนี้
1.ลักษณะโคลงสร้างของเว็บไซร์
1.1แนวตั้ง
เว็บแนวตั้งนั้นจะโชข้อมูลแบบเรียงแนวตั้งใช้การเคลื่อนที่ได้โดยขึ้นและลง















1.2 แนวนอน
เว็บไซร์แนวนอน จะโชข้อมูลในรูปแบบแนวนอนเคลื่อนที่โดยการเลื่อนซ้ายขวา
เว็บไซร์รูปบแบนี้ไม่ค่อยนิยม เนื่องจากดูลำบาก












1.3แบบพอดีจอ
รูปแบบนี้ไม่จำเป็นต้องเลื่อนไปทางได มีขนาดพอดีจอส่วนใหญ่จะใช้กับเว็บที่มีข้อมูลหรือ
ทางเลือกน้อย และเว็บที่ต้องการความรวดเร็วในการโหลด












2. การจัดวางตำแหน่ง











2.1 ส่วนหัว
เว็บไซร์ขายเกมส์มีโลโก้ของเว็บที่มุมซ้ายชัดเจน ด้านขวามีแบนเนอร์ เป็นแฟรชโฆษณาตนเอง
และมีข้อความ ทักทาย ในส่วนใต้แบนเนอร์ เพื่อแนะนำเว็บไซร์ของตนด้วย

2.2 ส่วนเนื้อหา
เนื้อหาจะอยู่ช่วงกลาง โดยจะมีภาพเกมและคำอธิบายเนื้อเรื่องระบบเกมนั้นๆไว้เพื่อง่ายต่อการเข้าใจและยัง
สมารถคริํกที่เกมส์เพื่อสั่งซื้อและดูข้อมูลโดยระเอียดได้

2.3 ส่วนท้าย
ส่วนท้ายจะเป็น ที่อยู่ อีเมวที่ติดต่อได้หากมีปัญหา และยังมีลิ้งเว็บเพื่อนบ้าน ซึ่งช่วยโฆษณาซึ่งกันและกันอีกด้วย

3. การใช้อักษร ภาพ ออกแบบเว็บ
3.1 สีตัวอักษร = สีดำ
3.2 ขนาดตัวอักษร = จำเป็นต้องใช้ตัวเล็กเพื่อไม่ให้เว็บใช้เวลาโหลดนานเกินไป ขนาดอยู่ที่ 9 - 11
3.3 ภาพ = ภาพต่างๆเน้นภาพจากเกมส์หรือคาแร็กเตอร์จากเกมส์ดังเพื่อความเหมาะสม
3.4 ตำแหน่ง = จัดให้เป็นกลุ่มๆ เพื่อสดวก และ ง่ายต่อการเข้าใจ
3.5 ขนาดของภาพ = เล็ก

4. ตำแหน่งเมนู = อยู่ชิดซ้าย และชิดขวา

5.ลักษณะเมนู = Pop-up

6.การแบ่งหมวกหมู่= หน้าหลัก,วิธีซื้อ,โปรโมชั่น,เว็บบอร์ด,ติดต่อ

Fort




วันจันทร์ที่ 4 ตุลาคม พ.ศ. 2553

สีและองค์ประกอบการออกแบบ


















องค์ประกอบการออกแบบ(Element of design)



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

ศัพท์ที่เกี่ยวกับสี
1.Hue=ตัวสี,เนื้อสี
2.Saturation=ความเข้มข้นของสีสีเช่น ขาวจั้ว แดงแป๊ด ดำปี๋
3.Value=ค่านํ้าหนักของสี

ระบบสี
ระบบสีแบบ CMYK = (CYAN,MAGENTA,YELLOW,KEY)ระบบสีแบบ CMYK เป็นระบบที่นิยมใช้กันในเรื่องของการพิมพ์ การนำหมึกสีทั้งสี่ในระบบ CMYK มาผสมกัน จะทำให้เกิดสีได้หลากหลายสีเพื่อนำมาใช้ในการพิมพ์ภาพต่างๆ ถ้าคุณลองสังเกตุดีดีหรือลองใช้แว่นขยายส่องไปที่ภาพที่พิมพ์ด้วยระบบ CMYK คุณจะเห็นมีเม็ดสีเม็ดเล็กทั้งสี่สีอยู่เต็มไปหมด ในส่วนของการใช้งานนั้น ตามที่กล่าวไว้ข้างต้นว่าระบบ CMYK จะใช้สำหรับงานที่ออกแบบมาเพื่อ Print out เช่น งานโปสเตอร์ นามบัตร แผ่นพับ งานสิ่งพิมพ์ต่างๆ
ระบบสีแบบ RGB = (RED,GREEN,BLUE)สีที่แสดงในระบบสีแบบ RGB นั้นอธิบายสั้นๆให้เข้าใจง่ายคือ สีที่ใช้บนจอMonitor ของคอมพิวเตอร์นั้นเอง โดยหลักการของระบบสี RGB คือ แสงสีแดงแสงสีเขียว และแสงสีฟ้า ทำการผสมกันในอัตราส่วนที่แตกต่างจนเกิดเป็นสีต่างๆให้เรามองเห็น ส่วนในด้านของการใช้งานนั้น ระบบสีแบบ RGB เราจะใช้สำหรับภาพกราฟฟิกที่แสดงบนหน้าจอคอมพิวเตอร์ หรืออุปกรณ์แสดงผลในรูปแบบจอมอนิเตอร์ เช่น ภาพตามwebsiteต่างๆ ฯลฯ

การแต่งตัว(หลักการเลือกสี)
Color Combination
1.monochromatic คื่อการใช้สีเดียว เพื่อสร้างความแตกต่าง ด้วยระดับความมือสว่างของสี (โมโนโทน)
2.triads คือการใช้สีตามสีที่อยู่ตัดกันใกล้เคียงกัน เพื่อให้เกิดความแตกต่างของสี อย่างชัดเจน ลดระดับของความเข้มก็ได้
3.analogous คือการใช้สีที่อยู๋ติดกันใกล้เคียงกัน โดยเืลือกจากสีที่อยู๋ถัดไป 2-3 สีสามารถสร้างความกลมกลืนได้ดี
4.complementary คือการใช้สีตรงข้ามกัน สามารถช่วยเน้นความโดดเด่นได้ดี การใช้สีดำหรือเทา เพื่อลดความรุนแรงของสี นอกจากนั้นการใช้สี 2 สีที่แตกต่างกันมาก จะทำให้มีความสำคัญเท่ากันดังนั้นจึงควรลดความเข้มของสีหนึ่งลง
5.split-complements คือการใช้สีผสม เป็นการผสมผสานระหว่างสีโทนร้อนและเย็น โดยเริ่มจากการเลือกสีใดสีหนึงและจับคู่กับอีก 2 สี ในโทนสีตรงข้ามกัน

------------------------------------www.Colorblender.com----------------------------------