ต่อไป »

[sutiwat]

จะหัดเป็น web design ต้องทำยังไงต้องลงโปรแกรมอะไรในเครื่องบ้าง

[pongpatkku2]

Adobe Photoshop สิครับ
คู่กับเว็บ Editor ซักตัวก็แจ่มแล้วครับ

[eakrerk]

 ::อยากเป็นมั่งๆ

[sutiwat]

::อยากเป็นมั่งๆ

แล้วพี่เอกไม่ได้เป็น web design หรอ

[adminplay]

Photoshop + HTML + CSS  เทพสุดๆ

[HotelBestBuy]

หัด photoshop / html editor - dreamweaver / flash สามอันนี้ใช้บ่อย

illustrator ได้ด้วยก็ดี

พอคล่องๆก็ หัด css พื้นฐาน php
พอรู้เรื่องก็หัดใช้พวก framework อย่าง 960gs

พวก concept หาอ่านพวก usability / ทฤษฎีสี / การจัดวางองค์ประกอบ / typography / การตลาดเบื้องต้นรู้ไว้ก็ดี

ดูเวบชาวบ้านสวยๆแล้วพยายามทำเอง ว่าหากทำจะทำไง แล้วดัดแปลงมาเป็นเทคนิคของเราได้ยังไง

[Thai2wheels]

  ตอนนี้ผมใช้ Photoshop , Photoscape , Dream CS4 คับ

เนี่ยลองเข้าไปดูสิ

www.thai2wheels.com

[Motayaki]

Photoshop Illustrator Flash Indesign Dreamweaver Editplus Netbeans XAMPP ความรู้เรื่อง HTML CSS PHP ให้ปึ้กๆ 

[Jaipetch]

PHOTOSHOP กับ อ่านภาษาได้ HTML นิดหน่อย

แต่ทำกับ Dream ก็ง่ายดีนะคะ

ลองอ่านหนังสือไปด้วย

เราก็เพิ่งค่อยๆทำ ค่อยๆเรียนรู้ไปค่ะ

[papaponsak]

ความรู้ใน google เยอะครับ

[thai-hosting]

Photoshop ครับ  สุดๆ ละ  ออกแบบง่ายครับ

[AuGusTin]

หัด photoshop แล้วหัดจากลอกเค้าก่อน หรือดูในเวปติวตอเรียล แนะนำที่นี่คับ ดีที่สุด

โค๊ด:

http://psd.tutsplus.com/

ลองดูน่ะครับ หัดให้ได้ เวปนี้มี sub domain อยู่เยอะ แบ่งเป็นประเภทต่างๆ ถ้าจะหัดเป็นเวปดีไซน์เนอร์ก็ไปอันแรกนั้นก่อน หลังจากนั้นมาที่ตัวนี้ครับ

โค๊ด:

http://net.tutsplus.com/

ผ่านสองอันนี้ได้หมด ก็หาโจทย์ลองทำเวปตัวเองดูครับ อาจจะหาแหล่ง inspiration ก่อน ซึ่งมีอยู่เยอะแยะครับ

สู้ๆ

[tanaiwirat]

เข้ามาหาความรู้

[whitecross]

ผมใช้ Photoshop เวลา Design แล้วก็ใช้อะไรก็ได้เขียน CSS ส่วนมากก็ Notepad ไม่ก็ Dreamweaver

[tarusame]

มีวิธีง่ายๆ นะครับ

จะเชื่อไม่เชื่อก็แล้วแต่....


ถ้าดี ก่อนออกแบบ ควร list ก่อนว่า ในหน้าหลัก เราจะต้องการให้มีอะไรบ้าง

หลังจากนั้นก็ง่าย แล้วครับ ให้คุณเนี่ย เอากระดาษมาแผ่นนึง

แล้วใช้ดินสอ... วาดโครงสร้างเว็บของคุณออกมา ตามแบบภาษาเรา

ว่าต้องการส่วนไหนเป็นอะไร แยกๆ ออกมาเป็น ตาราง

หลังจากนั้นก็ ไปใน โปรแกรมสร้างเว็บ ... Dream เพื่อกำหนด ขนาดของ

แต่ละ ตารางที่คุณวาดไว้ ว่าต้องการขนาดไหน ตามโครงสร้าง โดยใช้ Layout ก็ได้

หรือ จะออกแบบ โดยกำหนด ค่าใน Photo Shops อาจจะเป็นขนาดมาตรฐานก็ได้

1024*XXXX แล้วคุณก็ออกแบบเว็บของคุณไป ว่าต้องการแบบไหน

*แนะนำ แบ่ง Layer ให้ดีๆ เด๋วจะมึน ถ้าดี สร้าง Folder ไว้ก็ได้ และเขียนไปเลย

ว่าตรงไหนส่วนไหน... แล้วคุณก็ใช้ Slice Tool เอา....

ไม่เข้าใจถามได้นะครับ ยินดี

[whitecross]

กำหนดความกว้างใน photoshop ให้กว้าง 1024 ไม่ได้ครับ วัดขนาดยาก และที่สำคัญ...ต้องระวังเอาไว้สำหรับท่านที่ออกแบบเว็บโดยใช้พื้นที่กว้างๆจนติดขอบ Photoshop ที่กว้าง 1024 เนื่องจากว่าการแสดงผลของจอภาพ 1024 แต่เราจะเห้นตัวเว็บได้เพียง 1007 โดยประมาณเท่านั้น ส่วนที่เหลือจะเป็นพื้นที่ของสกอบาร์ ในกรณีที่เว็บยาว

ดังนั้นแนะนำให้กดหนดใน Photoshop กว้าง 1000 ก็พอครับ แล้วเลย์เอาท์มาตรฐานที่แนะนำก็คือ 960 หรือ 900 ครับผม เว็บจะออกมาได้ระยะสวยงามพอดี และที่สำคัญเหลือขอบให้ใส่ BG ด้วยครับ

ปล. ความคิดเห็นส่วนตัว โปรดใช้วิจารณญาณในการรับฟัง 

[seoproject]

มีเว็บ มาฝากคับ เป็นเว็บ ที่เกี่ยวกับ Design ด้วย Photoshop ลองทำเล่นๆดูก็ได้ครับฝึกไปในตัว

โค๊ด:

http://creativenerds.co.uk/tutorials/70-tutorials-using-photoshop-to-design-a-website/

อีกเว็บเป็น การนำ เว็บที่ Design จาก Photoshop มา เป็น HTML+CSS ครับ

โค๊ด:

http://line25.com/tutorials/coding-up-a-web-design-concept-into-html-css

เครดิตเว็บ designil.com ข้อมูลเพียบลองเข้าไปดูนะครับ

[Motayaki]

ไปศึกษา ทฤษฎีพื้นฐาน Webdesign ครับกับ HTML และ CSS รับรองทำได้ๆแน่ครับ

[thailoveyou]

อยากเป็นเหมือนกัน ขอบคุนสำหรับเกร็ดความรู้

[tontakarn]

ตาม Step นี้นะครับ


ออกแบบงาน           >  Photoshop
ขึ้น Template        > HTML, Dreamweawer, CSS
ทำ Animation สวย ๆ  > Flash

แค่นี้ก่อนนะคัรบ นอกนั้นคุณจะรู้เองว่าจะเดินทางไหนต่อ
ขอให้สร้างสรรค์ผลงานออกมาได้ดั่งใจนะครับ สู้ ๆ