GotoKnow
  • เข้าระบบ
  • สมัครสมาชิก
  • แผงจัดการ
  • ออกจากระบบ
GotoKnow

การออกแบบกราฟฟิกสำหรับ web 2.0

เว็บไซต์ในปัจจุบัน หรือที่เรียกว่า web 2.0 จะถูกออกแบบให้มี pattern ที่มีจุดเด่นแตกต่างจากเว็บแบบก่อนๆ  และองค์ประกอบสำคัญที่มีส่วนสำคัญอย่างยิ่งต่อการเสริมบุคลิกของ web 2.0 ก็คือ กราฟฟิก นั่นเอง

กราฟฟิกสำหรับ web 2.0 จะมีลักษณะดังต่อไปนี้ เช่น

 
- เน้นความมนของขอบกราฟฟิก
- เน้นความมีมิติ
- เน้นการเหลื่อมซ้อนกันของกราฟฟิก
- เน้นความเป็นเงาแววในตัวกราฟฟิก
- เน้นขอบของตัวอักษรด้วยสีเข้มซึ่งเป็นโทนเดียวกับสีภายในของตัวอักษร

ตัวอย่างกราฟฟิกด้านล่างนี้ ดิฉันออกแบบโดยใช้ซอฟต์แวร์พร้อมกันสองอย่างคือ Adobe Illustrator และ Adobe PhotoShop ค่ะ เครื่องมือเหล่านี้ฝึกกันได้ไม่ยากค่ะ หาหนังสืออ่านแล้วทำตามเอาก็ได้ค่ะ

แต่สิ่งสำคัญที่สุด คือ ความคิดที่เป็นอิสระและความมีศิลปะในหัวใจของ graphic designer นะค่ะ

 

 

บันทึกนี้เขียนที่ GotoKnow โดย 

คำสำคัญ (keywords): designwebgraphic2.0กราฟฟิก
หมายเลขบันทึก: 72545
เขียน:
แก้ไข:
ความเห็น: 6
อ่าน:
สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ

ความเห็น (6)

อาจารย์ค่ะ

สีสันของกราฟฟิกที่อาจารย์ออกแบบ ดูแล้วสบายตาดีจังเลยค่ะ

  • กำลังฝึกการใช้Adobe PhotoShop
  • คงต้องปรึกษาอาจารย์บ้างครับ
  • ขอบคุณมากครับผม

cool!!

เยี่ยมจริง จริงค่ะ

ลองเข้าไปดูนะครับ Web 2.0 paradigms อธิบาย interactively.

http://feeds.infosthetics.com/~r/infosthetics/~3/86942105/web2_in_5_minutes_movie.html

กำลังฝึกทำอยู่พอดีเลยครับ

ฝึกทำกราฟฟิกในเว็บ

ฝึกทำโลโก้ด้วย

คงต้องขอคำแนะนำครับว่าจะใช้โปรแกรมไหนดี

ฝากไว้อีกโปรแกรมนึงค่ะ Adobe Image Ready เป็นโปรแกรมที่นำภาพจาก Photoshop มาสร้างเป็นภาพเคลื่อนไหวอย่างง่ายๆ สามารถทำงานร่วมกันได้สบาย เพราะถูกออกแบบไว้ให้ใช้ร่วมกันอยู่แล้วค่ะ

การสร้างภาษาไทยในตระกูลพวก Adobe มักจะเกิดปัญหาสระลอย วิธีแก้ขอแนะนำโปรแกรม Saru Revowel วิธีใช้คือ copy หรือพิมพ์ตัวหนังสือใส่ในโปรแกรมนี้ แล้วกดปุ่มแก้ จากนั้นก็ copy ตัวหนังสือที่ผ่านการแก้ไปวางในโปรแกรมที่เป็นตระกูล Adobe สระก็จะไม่ลอยอีกต่อไปค่ะ