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

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

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

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

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

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

 

 

บันทึกนี้เขียนที่ GotoKnow โดย  ใน Flipped Classroom :: ห้องเรียนกลับทาง

คำสำคัญ (Tags)#design#web#graphic#2.0#กราฟฟิก

หมายเลขบันทึก: 72545, เขียน: 14 Jan 2007 @ 10:02 (), แก้ไข: 15 Aug 2014 @ 10:46 (), สัญญาอนุญาต: สงวนสิทธิ์ทุกประการ, ความเห็น: 6, อ่าน: คลิก


ความเห็น (6)

อาจารย์ค่ะ

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

เขียนเมื่อ 
  • กำลังฝึกการใช้Adobe PhotoShop
  • คงต้องปรึกษาอาจารย์บ้างครับ
  • ขอบคุณมากครับผม
วัฒนา
IP: xxx.113.56.8
เขียนเมื่อ 

cool!!

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

ณรินทร์ เจริญทรัพยานนท์
IP: xxx.226.230.37
เขียนเมื่อ 

ลองเข้าไปดูนะครับ 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 สระก็จะไม่ลอยอีกต่อไปค่ะ