Thiết kế một trang web từ Scratch - Illustrator hoặc Photoshop?

Nếu tôi đang thiết kế một trang web từ đầu và tôi dự định sẽ cắt nó và mã hóa nó trong Adobe Dreamweaver sau này, tôi có nên tạo thiết kế của trang web trong Illustrator hoặc Photoshop không? Tại sao?

Câu trả lời nhanh chóng theo nghĩa đen: Giữa Illustrator và Photoshop, PhotoShop, vì nó là raster, cũng như trang web.

Câu trả lời chi tiết hơn một chút: bạn sẽ sử dụng cả hai.

Câu trả lời thay thế: Cân nhắc sử dụng Adobe Fireworks. Pháo hoa sẽ dễ sử dụng hơn rất nhiều khi bạn nắm bắt được nó để sản xuất đồ họa web.

Bài giảng dài nhàm chán:

Phương thức "Slice-n-Dice" có một chút ngày. Nó đã phổ biến một thập kỷ trước nhưng ngày nay nó thực sự không phải là phương pháp được khuyến nghị. Tôi muốn đề xuất:

• Sử dụng bất kỳ ứng dụng nào (AI / PSD) để 'phác thảo' trang web. Hãy thoải mái đi với độ trung thực cao, nhưng chỉ coi nó như một sự nhạo báng.

• Một khi bạn đã thành lập, bắt đầu xây dựng trang web. Đi sâu vào HTML / CSS / JS.

• khi cần, hãy nhảy vào PhotoShop để tạo các yếu tố đồ họa riêng mà bạn cần.

Tại sao? Chà, thiết kế trong photoshop không tính đến phương tiện bạn đang làm việc. Đó là một khung vẽ cố định và web không phải là một khung vẽ cố định, thậm chí nó cũng không phải là vải tiêu chuẩn. Nó dẫn dắt nhóm hướng tới một ý tưởng hoàn hảo về pixel và web đơn giản là không hoàn hảo về pixel.

Sử dụng Pháo hoa hoặc Illustrator để tạo logo và biểu tượng. Để chỉnh sửa ảnh, hãy sử dụng Photoshop. Đối với mọi thứ khác, nó rất ít quan trọng. Tôi biết đã có những cuộc tranh luận về việc sử dụng phần mềm đồ họa nào nhưng đó thực sự là sở thích cá nhân.

Tuy nhiên, hãy ghi nhớ:

• Pháo hoa là tốt hơn để nén PNG mặc dù. Kích thước tệp có xu hướng nhỏ hơn 20% -30% so với Photoshop.

• Nếu bạn biết rõ bạn sẽ thiết kế nội dung không phải web khác cho trang web (áo phông, áp phích, tờ rơi, v.v.) thì tốt hơn nếu bạn bắt đầu trong một chương trình dựa trên vector.

Tôi đã không đồng ý với DA01.

Việc một tài liệu web không phải là một hình ảnh tĩnh không liên quan đến tính hữu ích của trình soạn thảo đồ họa để bố trí và thiết kế trang web. Mockup thiết kế của bạn không cần (và không nên) là một nguyên mẫu hoạt động của trang web của bạn. Mockup thiết kế là một tài liệu giúp bạn hình dung và điêu khắc thiết kế thẩm mỹ của trang web của bạn.

Chỉ vì một tờ giấy hoặc bảng trắng không có tất cả các phẩm chất tối thiểu của một tài liệu web không có nghĩa là nó không thể được sử dụng để tạo khung cho một trang web. Tương tự như vậy, thực tế là cửa sổ trình duyệt có thể được kéo dài và thay đổi kích thước không ảnh hưởng đến giá trị của các mockup thiết kế. Bất kỳ nhà thiết kế web có kinh nghiệm nào cũng sẽ biết lập kế hoạch cho một số phần nhất định của bố cục là co giãn và giải thích cho những hạn chế của công nghệ web. Tất cả các yếu tố trực quan của bố cục vẫn có thể được thể hiện trong một hình ảnh phẳng (đó là cách nó được hiển thị trên màn hình).

Thứ hai, một cách tiếp cận từng phần trong thiết kế không có lợi cho kết quả chất lượng. Bạn đang thiết kế một bố cục web, không phải là một trăm vật dụng bị cô lập. Không có sự sắp xếp của bố cục đầy đủ, về cơ bản, bạn chỉ cần vỗ vào mọi thứ mà không biết kết quả cuối cùng sẽ như thế nào. Thêm vào các yếu tố đồ họa riêng lẻ từng mảnh khi bạn đi mà không có cái nhìn tổng quan về bố cục hoàn chỉnh chạy ngược lại các thực tiễn thiết kế tốt. Một thiết kế hoàn tất khi bạn hết những thứ cần loại bỏ, không phải khi bạn hết những thứ cần thêm.

Cuối cùng, mất nhiều thời gian hơn để thực hiện thay đổi thiết kế trong mã so với điều chỉnh hình ảnh mockup. Đó là lý do tại sao bạn nên luôn lập kế hoạch thiết kế của mình trong các mô hình trước khi bạn cam kết viết mã. Cho dù bạn sử dụng chương trình đồ họa vector như Fireworks hay Illustrator hay chương trình raster như Photoshop là tùy thuộc vào bạn. Nhưng bạn nên luôn luôn thiết kế trong trình soạn thảo đồ họa trước khi bắt đầu mã hóa nó.

Đây là một bài viết tốt giải thích điều này một cách hài hước :) http://www.gomediazine.com/tutorials/photoshop-vs-illustrator-part-1/

đây là một lời giải thích tốt hơn từ một nguồn rất đáng tin cậy "http://99designs.com/help/whats-the-difference-b between-photoshop-and-illustrator"

"Cuối cùng, quyết định sử dụng công cụ nào sẽ được quy định bởi chủ cuộc thi, nhưng nói chung, Illustrator nên được sử dụng cho logo và công việc in ấn, trong khi Photoshop nên được sử dụng để thiết kế web và mọi thiết kế chỉ nhìn thấy trên máy tính màn."

Nếu bạn cần "cắt lát", bạn có thể sử dụng Photoshop trực tiếp mà không cần đến Dreamweaver.

Có 2 cách cắt lát trong photoshop, tự động và thủ công bằng cách chọn một phần của đồ họa mà bạn cần và lưu nó cho web, mỗi lần một mảnh.

Bất cứ khi nào bạn "tự động cắt" với việc tạo HTML, bạn quyết định mất quyền kiểm soát mã. Khi bắt đầu sự nghiệp, bạn vẫn đang học, nhưng nó sẽ đến một điểm mà bạn phải biết mã, vì để tối ưu hóa, đó là mã tay tốt hơn trên trình soạn thảo văn bản nâng cao (ví dụ như phần mềm Ultraedit) đang làm riêng html và css.

Khoảnh khắc duy nhất mà tôi thấy hữu ích hơn khi tự động cắt nó là khi tôi phải tạo mã bảng khi thiết kế cho email.

photoshop để hình ảnh sẵn sàng. tức là về nội dung của trang web. Khách hàng không trả tiền cho việc tăng cường danh mục đầu tư của bạn. KL

Một điều khá rõ ràng là bạn nên sử dụng photoshop cho các mockup thiết kế web toàn diện.

Thiết kế Illustrator vẫn có xu hướng xử lý chậm hơn so với thiết kế photoshop.

Nếu bạn đang thiết kế các biểu tượng và các yếu tố web, tôi sẽ đề nghị thiết kế trong phần minh họa và sau đó đặt các phần tử đó vào photoshop.

Nếu bạn tạo mockup trong photoshop, bạn có thể dễ dàng chuyển các tài liệu đó sang Fireworks để tạo mẫu nhanh.

Photoshop sẽ tốt hơn. Nó sẽ giúp người dùng cắt lát.