Với phát minh về CSS3, một nhà thiết kế web có nên sử dụng Photoshop không?

Tôi thấy rằng nhiều nhà thiết kế tạo ra thiết kế web đẹp hoạt động trong Photoshop, nhưng bây giờ với sự xuất hiện của CSS3, khi họ muốn thay đổi điều đó thành HTML & CSS, họ chỉ cần bắt đầu từ đầu và tạo ra khoảng 80% thiết kế cuối cùng bằng CSS3.

Ví dụ: họ sử dụng bán kính đường viền, độ mờ, độ dốc nền, bóng hộp và bóng văn bản và các quy tắc CSS3 khác để có được những gì họ đã tạo trong Photoshop. Nhiều khi họ chỉ nhập một hình ảnh từ Photoshop, giống như một công việc cọ vẽ hoặc logo, hoặc bất cứ thứ gì tương tự.

Câu hỏi của tôi là, các nhà thiết kế web có nên sử dụng Photoshop để tạo ra thứ gì đó không, chỉ có 20% sẽ hữu ích với họ?

Một nhà thiết kế web có thể tạo toàn bộ thiết kế trực tiếp trong HTML & CSS mà không cần thêm một lớp giữa khác để tạo một thiết kế trong Photoshop, và sau đó chỉ cần tạo các phần tử còn lại ở đó không?

Gotta không đồng ý với tất cả mọi người. Photoshop không phải là một công cụ để thiết kế một trang web. Đây là một công cụ để phác thảo một trang web. Trang web vẫn phải được thiết kế trong phương tiện mà nó đang ở - có xu hướng là CSS, HTML và JS.

Điều đó không có nghĩa là bạn không sử dụng Photoshop. Nhưng bạn chắc chắn không phải.

Tôi là một fan hâm mộ lớn của việc không bao giờ hiển thị các thiết kế trang web bằng photoshop cho khách hàng. Đây không phải là phương tiện mà trang web sẽ sống. Các máy tính Photoshop không có khả năng giao tiếp tương tác, sự khác biệt của thiết bị, đặc điểm riêng của trình duyệt, khả năng nhấp, khả năng phản hồi, v.v.

Phải thừa nhận rằng, trong thực tế, rất nhiều thời gian bạn vẫn cần hiển thị các mockup JPG. Khỏe. Sử dụng Photoshop cho điều đó. Nhưng đừng lấy tập tin PSD đó và cắt nó thành một trang web. Điều đó có ý nghĩa vào năm 1999. Không có quá nhiều ngày hôm nay. Thay vào đó, hãy lấy PSD đó, và chỉ sử dụng nó như một hướng dẫn. Đây là 'đại khái là trang web sẽ trông như thế nào nhưng có tính đến thực tế là nó được xây dựng bằng CSS / HTML / JS và có chỗ ở khi cần thiết.

Vì vậy, để trả lời câu hỏi:

Một nhà thiết kế web có thể tạo toàn bộ thiết kế trực tiếp trong HTML & CSS mà không cần thêm một lớp giữa khác để tạo một thiết kế trong Photoshop, và sau đó chỉ cần tạo các phần tử còn lại ở đó không?

Đúng. Một người chắc chắn có thể làm điều đó. Tôi đã thấy điều đó được thực hiện song song với các nhà thiết kế PSD. Vấn đề lớn nhất với phương pháp PSD là khi bạn làm việc trong một nhóm nhanh nhẹn. Các tệp nặng được sử dụng cho tài liệu (như PhotoShop) trở thành gánh nặng khá lớn đối với quy trình Agile và cuối cùng thêm nhiều vấn đề hơn giải quyết. Chúng tôi có xu hướng làm việc ngược lại ... chúng tôi phác thảo trong PS khi cần, sau đó thiết kế và xây dựng bằng HTML / CSS / JS. Sau đó, khi chúng tôi cần cập nhật trực quan nhanh cho các cuộc họp, chúng tôi sẽ chỉ chụp màn hình đánh dấu lớp trình bày đang hoạt động và tát nó trong PhotoShop và chỉnh sửa nhanh chóng.

** BIÊN TẬP **

Khách hàng mới?

Hoàn toàn - Nếu bạn đang giới thiệu một thiết kế cho một khách hàng / trang web MỚI. Dân gian thường có một thời gian khó khăn để nhìn thấy những gì trong đầu (của tôi) của bạn. Wireframes, bản vẽ, v.v. không phải lúc nào cũng cắt nó - cào nó - họ không cắt nó. Tôi nghe nhiều hơn, "Tôi nghĩ rằng nó sẽ làm X" từ khách hàng khi tất cả những gì họ có là WF, hoặc phác họa hơn tôi khi họ đưa ra một bản nháp với logo, ảnh, phông chữ công ty và giao diện người dùng.

Bất kỳ kịch bản khác:

Có thể không - Nếu có thể sử dụng HTML / CSS / JS hiện có phù hợp với yêu cầu công việc hoặc bạn đang chỉnh sửa nội dung của một khách hàng hiện tại, bạn sẽ làm việc tốt hơn chỉ bằng mã. Nếu không, có lẽ bạn sẽ lãng phí một lượng lớn thời gian trong Photoshop để trả lại rất ít. Có những trường hợp (như @ DAO1 đã đề cập) trong đó ảnh chụp màn hình và chỉnh sửa qua Photoshop có thể thực sự tăng tốc quá trình phê duyệt hoặc thực hiện một ý tưởng hoặc ba.

** kết thúc **

Tôi nói "có -

Bán thiết kế của bạn dễ dàng hơn nhiều (và nhanh hơn nhiều để tạo comps) bằng một hình ảnh - ngay cả khi nó được đơn giản hóa. Đó là nơi PS hữu ích nhất cho công việc của tôi.

Tôi cũng kết hợp một lớp với một hệ thống lưới, vì vậy tôi có thể thấy mọi thứ được sắp xếp như thế nào, và nhanh chóng kéo chúng đến nơi tôi cần. Một lần nữa, điều này giúp với comps và các thay đổi do khách hàng yêu cầu.

Nếu bạn giữ một thư viện Photoshop của các yếu tố thường được sử dụng của bạn: hộp nhập góc tròn dựa trên vectơ, (các) lưới của bạn, "biểu tượng ở đây" ... tất cả trong các lớp của một tệp hoặc nhiều tệp (lựa chọn của bạn) - bạn sẽ có thể xây dựng trang chủ và trang bên trong trong một phần nhỏ thời gian để mã hóa chúng.

Giữ một tệp CSS phổ biến (với các cài đặt phổ biến) cũng sẽ giúp ích khi đến lúc viết mã, nhưng tôi không thấy giá trị của việc loại bỏ PS khỏi luồng công việc - bất kể CSS mạnh đến mức nào.

Bạn có thể đảm bảo rằng 100% người dùng của bạn có trình duyệt sẽ nhìn thấy trang web của bạn chính xác theo cách bạn (hoặc quan trọng hơn là khách hàng) có ý định xem nó không? Không? Vậy thì bao nhiêu phần trăm? 90%? 80%?

Bạn có thể chắc chắn rằng nó xuống cấp độc đáo, để phiên bản thay thế được nhìn thấy bởi 10% còn lại (20%? 40%?) Có thể chấp nhận được không?

Nếu một hoặc cả hai vấn đề đó là một vấn đề, bạn cần một số Photoshop.

Những điều cần suy nghĩ:

• Rất nhiều thứ đi vào việc đưa những thiết kế lạ mắt lên web. Ít nhất là cho những người phức tạp hơn. Photoshop giúp nhìn thấy kết quả cuối cùng xảy ra nhanh hơn.

• Đối với một nhà thiết kế trong công việc của mình, thực hiện một bản mô phỏng trong Photoshop thường nhanh hơn, hợp lý, vì bạn sẽ không dành cả ngày để hack ở html và CSS3.

• Như bạn đã đề cập, họ có thể thực hiện 80% trong CSS3, nhưng cuối cùng họ sẽ cần Photoshop một số phần.

• Tôi sẽ lập luận rằng bạn đã từ bỏ việc thực hiện một bản nhái trong Photoshop nếu bạn là nhà thiết kế và nhà phát triển và nó sẽ tiết kiệm thời gian, nếu không thì luôn luôn làm một bản nhái trong Photoshop.