[แชร์แบบบ้านๆ] ตอนที่ 2 ออกPSD Layout ยังไงดีนะ

[bestzaa199]

ขอบคุณครับ 

[arusgroup]

เพื่อนๆ ที่ออกแบบเส็จแล้วก็นำมาโชว์กันได้นะครับ 

[bypass]

ช่วยอัพไฟล์นี้ใหม่ให้หน่อยครับ ลิงค์มันเสียแล้วอ่ะครับ ผมดาวโหลดไม่ได้

http://www.mediafire.com/?k56gy7zdp0jycz5

ขอบคุณครับ

[sengseri]

ขอด้วยครับ โหลดไม่ได้เลย

[arusgroup]

ขอด้วยครับ โหลดไม่ได้เลย

ยังได้อยู่นะครับ

[thaiaday]

แหล่มเลยจริงๆ

[beeboat]

เเวะเข้ามาเก็บข้อมูล ^^ ขอบคุณครับ

[Lunifer]

ขั้นตอนที่ 2 เป็นขั้นตอนการออกแบบครับ
ส่วนตัวผม ได้โหลด ตรางมาใช้ เพื่อง่ายต่อการออกแบบ ครับโดยเพื่อนๆ สามารถโหลดได้จาก url นี้ ครับ
http://www.mediafire.com/?k56gy7zdp0jycz5
หน้าตาจะเป็นแบบนี้ครับ

Thanks:   ฝากรูป

ส่วนแดงๆ จะเป็นส่วนของเนื้อที่ของ content ครับ
ที่ต้องทำยาวๆก็เอาไว้ใช้กับงานอื่นได้ครับ ส่วนเส้นสีดำ ก็เอาไว้วัดแนวนอนครับ ถ้าใช้คล่องๆจะใช้งานง่ายมากๆครับ

เอาละเรามาเริ่มทำงานกันดีกว่า ครับ
จากlayout กระดาษเน่าๆ ตอนแรก นั้น มันจะกลายเป็นwebที่สวยได้อย่างไร หลายๆ คนคงคิดใช้ใหมครับ งั้นเรามาดูกันครับ

1 ผมเริ่มทำจาก header ส่วนแรกก่อนนะครับนะครับ

Thanks:   ฝากรูป
เวลาเราทำเราควรแบ่ง layer กลุ่มๆ เพื่อง่ายต่อการดีไซน์นะครับ

Thanks:   ฝากรูป
หลังจากได้ LOGO และ header ส่วนที่ 1 แล้วนั้น
ผมก็จะเริ่มทำในส่วนของ navigator นะครับตามที่ร่างใว้
อ้อ bg ไม่ควนทับกันนะครับควรที่จะพอดีไม่ซ้อนกันนะครับ

Thanks:   ฝากรูป

แก้ไข ต่อเวลา 14:20:26
หลังจากที่เราทำ ในส่วนของheader เส็จแล้วนะครับเราจะมาทำในส่วนที่ 2 ก็คือ content นะครับ
ในตอนออกแบบ ผมได้ออกแบบ content กับ slider ใว้เป็น3 ส่วนนะครับ
คือ เนื้อความส่วนบน slider แล้วก็เนื้อความส่วนที่เป็น คอลัม 3 คอลัม ครับ

ผมทำเนื้อความส่วนบนก่อน พร้อมแก้ logo นิดหน่อยให้เหมาะสม

Thanks:   ฝากรูป

หหลังจากนั้นทำในส่วนของ Slider


Thanks:   ฝากรูป


ต่ออีกนิดครับ
หลังจากนั้นก็เพิ่มในส่วนของ arrow กับ ปุ่มเข้าไป ครับ


Thanks:   ฝากรูป

เดี่ยวไว้มาต่อ วันพรุ่งนี้ครับ พอดี ขอไปทำงานด่วนก่อน

Invalid or Deleted File.

[arusgroup]

http://www.teehanlax.com/downloads/teehanlax_baseline_grid.zip

โหลดจากที่นี้ก็ได้ครับ

แก้ไขให้แล้วครับ

[chak.jakkree]

สุดยอดครับ...

[VIP116]

สุดยอดครับ
ขอบคุณมาก

[adjobb]

เยี่ยมมมมมม

[online7]

เยี่ยมมมมไปเลย

[seobegin]

ตามมาเก็บความรู้ครับ

[laewngai]

ขอบคุณครับ สำหรับความรู้

[hurahura]

ดูรุปไม่ได้แล้วครับ

[fullfly]

ได้ความรู้เยอะเลยครับผม ขอบคุณมากครับท่าน