ด้วยการประดิษฐ์ CSS3 นักออกแบบเว็บไซต์ควรใช้ Photoshop หรือไม่

ฉันเห็นว่านักออกแบบหลายคนสร้างงานออกแบบเว็บไซต์ที่สวยงามใน Photoshop แต่ตอนนี้มาถึง CSS3 เมื่อพวกเขาต้องการเปลี่ยนเป็น HTML & CSS พวกเขาก็เริ่มจากศูนย์และสร้างสิ่งประมาณ 80% ของการออกแบบขั้นสุดท้ายโดยใช้ CSS3

ตัวอย่างเช่นพวกเขาใช้รัศมีเส้นขอบ, ความทึบ, การไล่ระดับสีพื้นหลัง, กล่องเงาและเงาข้อความและกฎ CSS3 อื่น ๆ เพื่อให้ได้สิ่งที่พวกเขาสร้างขึ้นใน Photoshop หลายครั้งที่พวกเขานำเข้าภาพจาก Photoshop ซึ่งเป็นงานแปรงหรือโลโก้หรืออะไรทำนองนั้น

คำถามของฉันคือนักออกแบบเว็บไซต์ควรใช้ Photoshop ในการสร้างบางสิ่งซึ่งมีเพียง 20% เท่านั้นที่จะเป็นประโยชน์สำหรับพวกเขา

นักออกแบบเว็บไซต์สามารถสร้างการออกแบบทั้งหมดใน HTML & CSS ได้โดยตรงโดยไม่ต้องรบกวนเพื่อเพิ่มเลเยอร์กลางอีกอันในการสร้างการออกแบบใน Photoshop และจากนั้นก็สร้างองค์ประกอบที่เหลืออยู่ที่นั่นได้หรือไม่

ต้องไม่เห็นด้วยกับทุกคน Photoshop ไม่ใช่เครื่องมือสำหรับการออกแบบเว็บไซต์ เป็นเครื่องมือสำหรับการร่างเว็บไซต์ เว็บไซต์ควรได้รับการออกแบบในสื่อที่มีอยู่ - ซึ่งมีแนวโน้มที่จะเป็น CSS, HTML และ JS

ไม่ได้หมายความว่าคุณไม่ได้ใช้ Photoshop แต่คุณไม่จำเป็นต้องทำอย่างแน่นอน

ฉันเป็นแฟนตัวยงที่ไม่เคยแสดงการออกแบบเว็บไซต์ใน photoshop ให้กับลูกค้า ไม่ใช่ไซต์ที่จะเป็นสื่อกลาง Photoshop comps ไม่มีความสามารถในการสื่อสารการโต้ตอบความแตกต่างของอุปกรณ์

ในความเป็นจริงเป็นที่ยอมรับหลายครั้งที่คุณยังคงต้องแสดงภาพจำลอง JPG ละเอียด. ใช้ Photoshop เพื่อสิ่งนั้น แต่อย่านำไฟล์ PSD นั้นมาแล้วทำการหั่นเป็นชิ้น ๆ ลงในเว็บไซต์ นั่นทำให้รู้สึกในปี 1999 วันนี้ไม่มาก ให้ใช้ PSD นั้นและใช้เป็นแนวทางแทน นี่คือสิ่งที่ไซต์ควรมีลักษณะประมาณ แต่คำนึงถึงความจริงที่ว่ามันถูกสร้างขึ้นใน CSS / HTML / JS และรองรับตามต้องการ

ดังนั้นเพื่อตอบคำถาม:

นักออกแบบเว็บไซต์สามารถสร้างการออกแบบทั้งหมดใน HTML & CSS ได้โดยตรงโดยไม่ต้องรบกวนเพื่อเพิ่มเลเยอร์กลางอีกอันในการสร้างการออกแบบใน Photoshop และจากนั้นก็สร้างองค์ประกอบที่เหลืออยู่ที่นั่นได้หรือไม่

ใช่. เราสามารถทำสิ่งนั้นได้อย่างแน่นอน ฉันได้เห็นสิ่งที่ทำควบคู่ไปกับนักออกแบบ PSD ปัญหาที่ใหญ่ที่สุดในแนวทาง PSD คือเมื่อคุณทำงานกับทีมที่คล่องตัว ไฟล์จำนวนมากที่ใช้สำหรับเอกสาร (เช่น PhotoShop) เป็นภาระที่ค่อนข้างใหญ่ในกระบวนการ Agile และจบลงด้วยการเพิ่มปัญหามากกว่าที่พวกเขาแก้ไข เรามักจะทำงานในสิ่งที่ตรงกันข้าม ... เราวาดใน PS ตามต้องการจากนั้นออกแบบและสร้างใน HTML / CSS / JS เมื่อเราจำเป็นต้องทำการอัปเดตภาพอย่างรวดเร็วสำหรับการประชุมเราเพียงแค่คัดกรองมาร์กอัปเลเยอร์การนำเสนอที่ใช้งานได้และตบมันใน PhotoShop และปรับแต่งอย่างรวดเร็ว

** แก้ไข **

ลูกค้าใหม่

แน่นอน - หากคุณขว้างการออกแบบสำหรับลูกค้า / ไซต์ใหม่ โดยทั่วไปชาวเลย์มักมีช่วงเวลาที่ยากลำบากในการดูว่ามีอะไรอยู่ในหัว (ฉัน) ของคุณ Wireframes ภาพวาดและอื่น ๆ ไม่ได้ตัดอย่างใดอย่างหนึ่ง - เกาที่ - พวกเขาไม่ได้ตัด ฉันได้ยินมากกว่านี้ "ฉันคิดว่ามันจะทำ X" จากลูกค้าเมื่อพวกเขามี WF หรือร่างกว่าที่ฉันทำเมื่อพวกเขาได้รับการจำลองด้วยโลโก้รูปภาพแบบอักษรองค์กรและ UI

สถานการณ์อื่น ๆ :

อาจจะไม่ - หากสามารถใช้ HTML / CSS / JS ที่มีอยู่ซึ่งตรงกับความต้องการของงานหรือคุณกำลังแก้ไขเนื้อหาของลูกค้าที่มีอยู่คุณจะทำงานได้ดีขึ้นในรหัส ถ้าไม่เช่นนั้นคุณอาจเสียเวลาในการทำโฟโต้ชอปเพื่อให้ได้ผลตอบแทนน้อยมาก มีกรณีเหล่านั้น (เช่น @ DAO1 ที่กล่าวถึง) ที่ภาพหน้าจอและการปรับแต่งผ่าน Photoshop สามารถเร่งกระบวนการอนุมัติหรือตอกย้ำแนวคิดหรือสามอย่างรวดเร็ว

** สิ้นสุด **

ฉันบอกว่าใช่ -

มันง่ายกว่ามากในการขายการออกแบบของคุณ (และเร็วกว่ามากในการสร้าง comps) ด้วยภาพ - แม้ว่ามันจะง่ายขึ้น นั่นคือสิ่งที่ PS มีประโยชน์มากที่สุดสำหรับงานของฉัน

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

หากคุณเก็บไลบรารี Photoshop ขององค์ประกอบที่ใช้กันทั่วไปของคุณ: กล่องใส่มุมโค้งมนที่ใช้เวกเตอร์กริดของคุณ, กล่อง "โลโก้ไปที่นี่" ... ทั้งหมดในเลเยอร์ของไฟล์เดียวหรือหลายไฟล์ (ตัวเลือกของคุณ) - คุณจะสามารถสร้างหน้าแรกและหน้าภายในได้ในเวลาไม่นาน

การรักษาไฟล์ CSS ทั่วไป (ด้วยการตั้งค่ายอดนิยม) จะช่วยได้เมื่อถึงเวลาที่ต้องใช้รหัส แต่ฉันไม่เห็นคุณค่าของการกำจัด PS จากกระบวนการทำงาน - ไม่ว่า CSS จะมีความแข็งแกร่งเพียงใด

คุณสามารถรับประกันได้หรือไม่ว่าผู้ใช้ 100% ของคุณมีเบราว์เซอร์ที่จะเห็นไซต์ของคุณในแบบที่คุณต้องการ (หรือที่สำคัญกว่านั้นคือลูกค้า) ต้องการให้มันเห็น? ไม่มี? แล้วเปอร์เซ็นล่ะ 90%? 80%?

คุณแน่ใจหรือไม่ว่ามันลดระดับลงอย่างเห็นได้ชัดดังนั้นรุ่นอื่นที่เห็นได้โดยส่วนที่เหลือ 10% (20%? 40%?) เป็นที่ยอมรับได้หรือไม่

หากปัญหาเหล่านี้อย่างใดอย่างหนึ่งหรือทั้งสองอย่างเป็นปัญหาคุณต้องมี Photoshop

สิ่งที่ควรคำนึงถึง:

• มีหลายสิ่งหลายอย่างที่ทำให้การออกแบบแฟนซีเหล่านั้นบนเว็บ อย่างน้อยก็สำหรับคนที่ซับซ้อนกว่านี้ Photoshop ช่วยทำให้การมองเห็นผลลัพธ์ที่เกิดขึ้นเร็วขึ้น

• สำหรับนักออกแบบที่ทำงานของเขาการทำภาพจำลองใน Photoshop มักจะเร็วขึ้นเป็นธรรมเพราะคุณจะไม่ต้องเสียเวลาไปกับการแฮ็คทั้งที่ html และ CSS3

• ดังที่คุณกล่าวถึงพวกเขาสามารถทำ 80% ของมันใน CSS3 แต่ในที่สุดพวกเขาก็ต้องการ Photoshop ในรูปแบบบางส่วน

• ฉันขอยืนยันว่าคุณสละสิทธิ์ในการทำแบบจำลองใน Photoshop ถ้าคุณเป็นนักออกแบบและนักพัฒนาและมันจะช่วยประหยัดเวลาไม่เช่นนั้นจะทำแบบจำลองใน Photoshop เสมอ