2006/Mar/28

การวางโครงสี

การวางโครงสีถือว่าเป็นสิ่งสำคัญมากๆเลยก็ว่าได้นะครับคราวนี้ผมก็เลยมาบอกกัน ก่อนที่จะเริ่มไปออกแบบเว็บไซด์จริงๆซึ่งก็คงอีกประมาณ 3-4 ครั้ง มาเข้าเรื่องกันเลยดีกว่า

1. การวางสีแบบใช้โทนสี สีเดียว พูดง่ายๆก็คือ เราเลือกสีมา 1 สี แล้วใช้สีที่เราเลือกมาเอามาใช้ในงานออกแบบที่เราจะทำโดยการเติมขาว-เติมดำเพื่อใช้ในการสร้างสรรค์งานของเรา รูปที่ได้จะออกเป็นแนว mono tone ตัวอย่าง

2. การวางสีแบบใช้สีไกล้เคียงกันในการออกแบบโดยใช้สีที่อยู่ติดกัน 2 หรือ 3 หรือ 4 สี ในการออกแบบ การออกแบบ แบบนี้จะให้อารมณ์สีที่ไปในอารมณ์ไกล้เคียงกัน ตัวอย่างการเลือกสีเช่น สีแดง ส้ม เหลืองเข้ม เหลือง เป็นต้น

3. การวางสีแบบใช้คู่สีตรงข้าม เป็นการใช้สีที่ต้องระวัง เพราะว่าถ้าเราเลือกใช้สีไม่ดีจะทำให้ภาพไม่เกิดความเป็นเอกภาพ ภาพจะดูขัดแย้งกันทันดี โดยหลักการแล้วการเลือกใช้สีคุ่ตรงข้ามนั้นจะใช้อัตราส่วนของสีที่ใช้ในงานของเรา อยู่ที่ 70 : 30 การใช้สีแบบนี้จะทำให้งานมีความโดดเด่นเป็นพิเศษ โดยส่วนที่เราต้องการเน้นเราจะใช้สีให้อยู่ในอัตราส่วนของ 30

4. การวางสีแบบใช้สี 3 สี จะใช้ที่มีช่วงความต่างสีที่เท่ากันหรือว่าสีที่มีช่วงความต่างสีที่เท่ากัน 2 ช่วง ก็ได้นะครับ อาจจะไม่เห็นภาพ ลองนึกถึง โลโก้ ช่อง 7 นะครับ นั้นหละครับ

5.การวางสีแบบใช้สี 4 สีที่มีความตรงข้ามกันมาใช้ในงานออกแบบพูดง่ายๆก็คือการเอาสีที่เป็นคู่ตรงข้ามกันมา 2 คู่ นั้นแหละครับ ตัวอย่างง่ายๆก็โลโก้ของ window ที่เราเห็นกันอยู่นะครับ

วันนี้ผมขอจบแค่นี้ก่อนนะครับ ไม่ไหวแล้วแบบว่าง่วง ถ้าเขียนไม่ดีก็ขออภัยด้วยนะครับพี่น้องครับ มีอะไรจะติชม หรือว่าอยากจะให้ผมพูดเกี๋ยวกับเรื่องไหนก่อนก็บอกได้นะครับ ถ้าอยากรู้จะได้เอามาลงให้ก่อน


edit @ 2006/03/28 00:04:07
edit @ 2006/03/28 00:05:43
ชื่อ: 
เว็บไซต์: 
คอมเมนต์:




smilebig smileopen-mounthed smileconfused smilesad smileangry smiletonguequestionembarrassedsurprised smilewinkdouble winkcry
ที่ผมไม่ลงเป็นรูปเพื่อเทียบเป็นสีหรือว่าเป็นตัวอย่างให้ดูก็เพราะว่าเก็บพท้นที่ไว้ในส่วนของ Dream กับ Photoshop นะครับ ต้องขอโทษจริงๆครับ
#1  by  namura At 2006-03-28 00:07, 
โอ้ววว ตอนนี้กำลังศึกษาการทำเวปอยู่เลยครับ ขอเข้ามาศึกษาด้วยคนครับ ตอนนี้ก็เริ่มทำแล้วนิดหน่อย แต่ยังดูขัดตาอยู่ ยังไงช่วยวิจารณ์ด้วยครับ http://geocities.com/berserk_rabbit พึ่งหัดทำจากโปรแกรมdreamweaver นะครับ เรื่องโค้ดอะไรก็ยังไม่รู้เรื่องเท่าไหร่ แบบ เด็กโง่ววว 555
ขอบคุณอีกครั้งค่ะสำหรับความรู้เรื่องโทนสี >_<"~~
กำลังศึกษาอยู่เหมือนกัน คิดว่าตอนเอ็นท์จะมีโอกาสได้ใช้นะคะ~!!
น่าสนใจดีค่ะ ถือว่าเป็นการเริ่มต้นของการเรียนรู้
#4  by  fangkaung (61.91.173.104) At 2006-03-28 09:20, 
อิอิ พิมพ์ผิดจริงๆด้วยครับ 555 อืมผมก็ว่าเวปผมมันดูแน่นๆไงไม่รู้ เดียวคงต้องปรับปรุงใหม่ซะหน่อย มาช่วยออกแบบเร็ววววว อิอิ
good sites,
#6  by  RjSyZAllimBnyhuL (61.12.122.75) At 2008-08-04 15:03, 
cool links, thanks!,
#7  by  dQUNJMFEl (61.12.122.75) At 2008-08-05 07:01, 
39grid12.txt;10;15
#8  by  mMSyPArlxniKQbU (69.94.160.50) At 2008-08-19 15:21, 

<< Home