|
 |
| |
อยากรู้วิธีออกแบบเว็บไซด์ โดยทำเป็น psd ว่า ขั้นตอนทำเป็นยังไง จนเป็นเว็บเลยนะครับ |
| |
 |
|
|
 |
 |
|
มีปัญหามาก ตอน แบ่ง layer ครับ
|
 |
 |
 |
 |
| Date :
2011-11-06 19:15:49 |
By :
icman |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ผมก็ใช้แบบที่พี่วินแนะนำมานั่นแหละครับ แล้วใช้ css จัดการกับหน้าเพจอีกที จขกท ลองศึกษาดีดีครับ ไม่ได้ยากเลย
|
| |
|
|
| |
| Date :
2011-11-08 13:19:23 |
By :
Dragons_first |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมก็ติดปัญหาเหมือน จขกท ครับ พอ save for web แล้วได้ทั้ง html และ ภาพ ครับ แต่หลังจากนั้นจำจัดการกับ layer ยากมาก งงมากคับ พยายามทำมานานแล้วครับ ทำไม่ได้ซักที รบกวนแนะนำวิธีทำ มาด้วยนะครับผม ขอบคุณครับ
|
| |
|
|
| |
| Date :
2011-12-22 15:09:43 |
By :
9vespa |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ทุกวันนี้เค้าใช้ CSS เข้ามาจัดการเอกสาร อาจจะทำให้ตอนที่ View Design บนโปรแกรม Macromedia Dreamweaver ยากหน่อยครับ ยิ่งเป็น CSS Layout อันนี้ยากครับ
|
| |
|
|
| |
| Date :
2011-12-22 16:49:40 |
By :
webmaster |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมจะสามารถออกแบบและตกแต่งหน้าเว็บได้ไงครับ ถ้าไม่ใช้ photoshop อ่ะครับ
|
| |
|
|
| |
| Date :
2011-12-23 10:47:44 |
By :
9vespa |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
การออกเเบบหน้าเว็บที่เราใช้โปรเเกรมจัดวาง หรือ ตกเเต่งภาพ อาทิ photoshop, illustrator, หรือ filrework ทำให้เรา สามารถมองเห็น layout ได้จากรูปเเบบที่เราจัดวาง จะรู้ได้ว่ากว้าง header สูง หรือ ยาว เท่าไหร่ กว้าง เท่าไหร่ ยังไง มีลูกเล่นเเบบไหน พื้นสีของเมนูเเบบไหน font เเบบไหน ความกว้างของรูปภาพที่จะจัดวาง ช่องว่างระหว่างรูปกับ text หากเราไม่ใช้ photoshop หรือ โปรเเกรมในการจัดวางเราก็สามารถเขียนใน dream ได้เลย เเต่ เราก็ต้องเขียน code ไป พร้อมกับ การที่ต้องมาคอยกังวลว่า section ถัดไปเป็นเบบไหนยังไง footer อยู่ยังไง รูปภาพกว่าง ยาว เท่าไหร่ มีขอบจะดีไหม อะไรยังไง ผมเเนะนำว่าให้ลองใช้โปรเเกรมจัดวางก่อน อาจจะลองหัดจากเล็กๆ ก่อน เเละค่อยไปทำขนาดที่มาหน้าเพจยาว ๆ ครับ ผมเคยออกเเบบหน้าเว็บที่มีความ ยาว ไปกว่า 3000px เเต่ยอมรับเวลาในการออกเเบบจะนาน เเต่พอตัด html หรือ css จะไวมาก เพราะเราเห็นภาพอยู่เเล้ว คำนวนได้ว่าเราจะตัดส่วนไหน อะไร ยังไง ตรงไหนกราฟฟิก ตรงไหน css ครับ ยังไงลองศึกษา เครื่องมือใน photoshop พวก layer, selection เยอะ ๆ ครับผม สู้ๆ ๆ  
|
| |
|
|
| |
| Date :
2011-12-27 22:12:43 |
By :
rod |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ปกติแล้วใช้ Firework ครับ ง่ายและเร็วกว่า เหอะ ๆ
|
| |
|
|
| |
| Date :
2011-12-28 14:24:59 |
By :
sarawoot_you |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมใช้ Photoshop cs3 ออกแบบเว็บมานานละครับ ผมว่าการออกแบบเว็บด้วย Photoshop ก่ิอนนั้นทำให้เราได้วางรูปแบบเว็บของเราว่าจะไปในทางไหน หลักการออกแบบเว็บของผม เอาไว้เผื่อเป็นแนวทางนะครับ
- คิดก่อนว่าจะทำเว็บเกี่ยวกับอะำไร
- กำหนดขนาดเว็บของเราก่ิิอนว่าขนาดกี่ px
- กำหนดสีที่จะใช้ bg สีอะไร ตัวเว็บสีอะไร
- ขั้นตอนนี้สำคัญสุดหาตัวอย่างใน google ครับ อย่างผมจะทำเว็บขายรถ ผมก็จะค้นหาเว็บขายรถว่าส่วนประกอบของเว็บมันมีอะไรบ้าง เช่นรูปรถ ราคา เมนูต่างๆ แล้วนำมา Develop ครับ
- ทดลองจัดวางโดยเริ่มจากส่วน Head ก่อน ตามด้วยส่วน Buttom และส่วนเมนู สุดท้ายคือส่วนเนื้อหา
- ถ้ายังคิดไม่ออกให้ตัวอย่างเว็บมาสักสามเว็บ แล้วเอามายำจนกลายเป็นเว็บเรา
- เมื่อออกแบบพอใจละก็กดปุ่มพิฆาต "K" ในโปรแกรม Photoshop ตัดออกเว็บออกมาเลยครับ เวลาตัดต้องคิดด้วยส่วนไหนจะทำเป็น link ส่วนไหนมีการเปลี่ยนแปลงข้อมูลบ่อย เช่น ข้อความ รูปภาพ
- ละก็ ctrl+alt+ship+s เพื่อบันทึกออกมาเป็น.png
- หลังจากนั้นก็ไปจัดการต่อใน Dreamwaver
|
| |
|
|
| |
| Date :
2012-03-17 19:05:59 |
By :
Jumyut |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองโหลด PSD Template ฟรี มาแกะก็ได้นะครับ แรกๆผมก็ไม่เข้าใจเหมือนกัน ก็เลยไปอ่านตามเวปนอกครับก็เจอเวปนี้http://webdesign.tutsplus.com/tutorials/design-a-warm-cheerful-website-interface-in-adobe-photoshop/ ก็เลยทำ อันไหนแปลไม่ออกก็ Google Translate ทั้งหน้าเลย แล้วก็เริ่มศึกษาว่าก่อนออกแบบเวป ก็วางคอนเซป สีแล้วก็ สเกตลงกระดาษ ผมก็ทำตามไปเรื่อยๆ ดูหลายๆเวปครับ http://www.awwwards.com/ เวปนี้งานเยี่ยมมาก หรือไม่ก็ print screen เวปที่เราชอบมา ตี grid ตามเค้าก็ได้นะครับ
|
| |
|
|
| |
| Date :
2012-04-07 02:19:42 |
By :
heavymod |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 04
|
