Thiết kế web dùng gì để sử dụng Photoshop hay Illustrator?

Tôi nên sử dụng gì để thiết kế trang web, Photoshop hoặc Illustrator?

Có một phần mềm chính xác hay nó là một lựa chọn cá nhân?

Tôi không đồng ý với câu trả lời của Anaksunaman liên quan đến Photoshop. Hôm trước chúng tôi có một câu hỏi tương tự mà tôi đã trả lời ( Tổ chức PSD cho nhà phát triển ) khi tôi đề cập rằng trong thời đại phát triển này, chúng tôi với tư cách là nhà thiết kế và lập trình viên phải phát triển theo quy trình công việc và sử dụng Photoshop là cổ xưa và không còn mục đích nữa trong thiết kế web như một phương tiện phát triển HIỆU QUẢ. Nó vẫn là một công cụ tuyệt vời để xử lý ảnh nhưng sử dụng nó để thực hiện thiết kế trang web là vô nghĩa, với tôi.

Tôi sẽ đề xuất (tham khảo: các bước trong thiết kế trang web là gì? ) Rằng cách tiếp cận tốt hơn có thể đạt được với Illustrator đặc biệt là sử dụng bảng vẽ nghệ thuật. Mặc dù, tôi không đề cập đến việc thiết kế toàn bộ trang web trong Illustrator Tôi đang nói về khung dây và mockup. Bạn vẫn nên thiết kế trong trình duyệt nhưng nếu bạn thiết kế bất kỳ biểu tượng nào thì chúng có thể được hoàn thành trong Illustrator và xuất. Nếu bạn đang phát triển thương hiệu hoặc bất cứ điều gì liên quan đến in ấn, tôi chắc chắn hy vọng rằng logo bạn đã phát triển có dạng vector và hình dạng vector đó có thể được lưu dưới dạng SVG cho hình ảnh có thể mở rộng trong thiết kế web đáp ứng. Vì vậy, một mockup đơn giản hoặc bất kỳ biểu tượng nào có liên quan có thể được xuất ra dưới dạng mã SVG và được bao gồm trong tài liệu XHTML (tham khảo: Tôi đã tạo một bản đồ trong AI, nhưng kích thước tệp có LỚN như một svg không?)

Về chủ đề mã hóa, tôi tin rằng Dreamweaver là vô nghĩa và lãng phí tiền bạc và nếu bạn hỏi xung quanh tại một vài công ty phát triển web mà tôi đã nói chuyện với họ thì họ cười thầm tại Dreamweaver. Nó ổn đối với người dùng mới nhưng những người mà tôi đã làm việc bắt đầu sử dụng Dreamweaver phụ thuộc rất nhiều vào khu vực xem trước thiết kế thay vì làm việc với mã và hoàn thành mã là một thói quen xấu đối với một lập trình viên mới. Bạn sẽ không nhớ cách viết mã đúng nếu bạn luôn sử dụng hoàn thành mã bắt đầu. Có một số trình soạn thảo mã tuyệt vời và mạnh mẽ miễn phí như Notepad ++, Text Wrangler (tôi thích BBEDit được trả tiền) và Sublime Text.

Vì vậy, một bản tóm tắt cho câu hỏi của bạn "Thiết kế web nên sử dụng Photoshop hay Illustrator?": Cả hai, thao tác hình ảnh đều sử dụng Photoshop và Illustrator cho logo, mockup, đóng khung dây, biểu tượng và bất cứ thứ gì có thể được thực thi như một SVG. Sau khi hoàn thành mockup của bạn, tôi sẽ làm việc trong một trình soạn thảo mã và phát triển phần còn lại của trang web của bạn.

photoshop hay họa sĩ minh họa?

Đúng. Và cũng có khả năng

• giấy
• bút chì
• công cụ khung dây
• javascript
• html
• css

Nói cách khác, bạn có một hộp công cụ và bạn sẽ sử dụng đúng công cụ cho nhiệm vụ cụ thể trong tay.

Thật không may, tôi sẽ lập luận rằng đây không phải là một câu hỏi nhị phân vì bất kỳ chương trình đồ họa nào cũng có thể xuất nội dung được sử dụng trên một trang web. Vì vậy, trong vấn đề đó, nó là một lựa chọn cá nhân nhiều hơn.

Điều đó nói rằng, nếu bạn không thực hiện bất kỳ loại mã hóa ngay lập tức nào (chỉ là mô phỏng và xuất các phần tử để sử dụng, v.v.) Photoshop cho đến nay là sản phẩm được sử dụng rộng rãi nhất. Khách hàng có thể muốn hoặc mong đợi rằng bạn sử dụng sản phẩm này và tương tự, các bên thứ ba giao hàng cho bạn (chẳng hạn như nếu bạn thuê ngoài công việc logo) có thể giao sản phẩm hoàn chỉnh của họ cho bạn ở định dạng .. Do đó, việc có một bản sao Photoshop rất được khuyến khích bất kể bạn chọn làm gì hàng ngày.

Đối với công việc của riêng bạn, các tính năng giữa Illustrator và Photoshop là tương tự nhau, bạn chắc chắn có thể điều chỉnh Illustrator để tạo ra các thiết kế web mặt trước (các phần đồ họa). Một tìm kiếm đơn giản của Google đã đưa ra kết quả này cho một số cài đặt cơ bản cho CS5 sẽ giúp các nhà thiết kế web. Hãy nhớ rằng Illustrator nhắm thẳng vào các hình ảnh và in dựa trên vector, vì vậy có thể cần một chút suy nghĩ bên ngoài hộp nếu được sử dụng cho thiết kế web.

Adobe Dreamweaver đứng thứ hai sau Photoshop trong danh sách gần như phải có, ít nhất là nếu bạn sẽ thực hiện bất kỳ mã hóa nào với thiết kế của mình. Đối với cấp nhập cảnh, hãy làm việc với mã (và một số rắc rối độc quyền) Adobe Muse là một loại thay thế cho Dreamweaver. Tất nhiên có rất nhiều sản phẩm tốt khác làm những thứ tương tự, nhưng một lần nữa, sự nổi tiếng lại chọn Dreamweaver.

Ngoài ra, có một số trình soạn thảo mã miễn phí tốt như MS Visual Studio Express, Komodo và Notepad ++ (và thậm chí bạn có thể sử dụng MarkdownPad cho một số công việc nội dung cơ bản.) hoàn thành mã, v.v ... Nhưng nếu bạn thực sự muốn WYSIWYG sans Dreamweaver, thì cũng có những sản phẩm khác.

Nếu bạn muốn một giải pháp thay thế không phải là vector, raster cho Illustrator không phải là Photoshop, bạn có thể sử dụng các sản phẩm Corel nếu muốn hoặc Chương trình thao tác hình ảnh Gnu nguồn mở (GIMP). GIMP có lợi thế (giống như các trình soạn thảo mã thay thế mà tôi đã đề cập) là miễn phí.

Bất kỳ công cụ tốt nào bạn sử dụng nên (sẽ) có thể có một số tùy chọn "lát" để xuất các phần tử cuối cùng từ mô hình giả định của bạn (giả sử những công cụ này chưa được sắp xếp và lưu riêng). Ngoài ra, theo ý kiến ​​của tôi, có rất ít tính năng "phải có" ngoại trừ tên tiện lợi.

Thành thật mà nói, bạn thực sự có thể thực hiện tất cả các thiết kế web của mình với MS Paint và Notepad nếu bạn đủ thành thạo ...

Bạn có thể sử dụng cả hai cho thiết kế Web tùy thuộc vào sự lựa chọn của bạn, nhưng khi nói đến việc cung cấp các thiết kế web / khung dây sớm thì Illustrator nhanh hơn và dễ sử dụng hơn cho nhiệm vụ này.

Tôi cũng thích pháo hoa cho thiết kế trang web. Bài đăng thú vị - http://boagworld.com/design/fireworks-vs-photoshop/

Đối với tôi, Illustrator đã bỏ qua nhưng bạn có thể làm hầu hết mọi thứ bạn muốn với Photoshop và nếu bạn không đủ khả năng mua gói đám mây sáng tạo đầy đủ thì tôi khuyên bạn nên cố gắng tìm đủ tiền cho Photoshop CC.

Nếu bạn có thể đủ khả năng cho đám mây sáng tạo thì tôi khuyên bạn nên như sau:

1. Adobe Muse CC cho thiết kế khung và bố trí dây
2. Adobe Illustrator CC cho các biểu tượng, logo và bất kỳ minh họa nào khác
3. Adobe Photoshop CC để thao tác và chỉnh sửa ảnh

Adobe nàng thơ là nơi tất cả các phép thuật xảy ra. Nó được xây dựng bởi một số người đã xây dựng InDesign và nó được thiết kế để các nhà thiết kế in ấn có thể xuất bản các trang web trực tiếp trên web mà không cần viết một dòng mã nào.

Mock up không còn phải ở định dạng pdf, thay vào đó bạn có thể tạo ra một thiết kế đáp ứng mà khách hàng thực sự có thể cảm nhận được cách nó hoạt động trong thế giới thực. Nhưng nếu bạn vẫn muốn tạo bản trình bày pdf, thì tôi khuyên bạn nên tải xuống tiện ích chrome màn hình tuyệt vời vì bạn không thể xuất tệp pdf của png từ nàng thơ; tôi cũng không biết sao?

Tôi cũng khuyên bạn cuối cùng nên tự viết mã trang web và đừng để tất cả chỉ để suy nghĩ vì bạn sẽ tạo ra một trang web được xây dựng tốt hơn trong thời gian dài.

Tôi cũng muốn đề cập rằng nhiều nhà thiết kế web thậm chí không sử dụng phần mềm thiết kế, họ chỉ đơn giản là thiết kế ngay trong trình duyệt, ngay từ đầu.