Mục lục:
Video: Miễn Phí: Phần Mềm Quản Lý Thời Gian 2025
Trước khi bạn bắt đầu thiết kế một trang web, bạn nên làm quen với các công cụ phần mềm đồ hoạ chuẩn công nghiệp. Mặc dù có rất nhiều công cụ trên thị trường có thể phù hợp hơn với chiến binh cuối tuần, nhưng những sản phẩm được liệt kê ở đây đều là các tiêu chuẩn chuyên nghiệp được sử dụng bởi tất cả các cơ quan và các cửa hàng trong nhà. Chúng đắt tiền, và có thể mua riêng hoặc bó trong dãy phòng. Lưu ý rằng tất cả các sản phẩm được liệt kê ở đây là của Adobe Systems. (Adobe đã mua một cách có hệ thống các dòng sản phẩm của phần mềm thiết kế web)
Photoshop
Để tạo, chỉnh sửa và thao tác với bitmap, không có công cụ nào trên thị trường giữ một ngọn nến cho Photoshop. Vấn đề với Photoshop, tuy nhiên, là học cách sử dụng nó một cách đầy đủ nhất cũng giống như học cách bay một máy bay phản lực jumbo. Ngoài những năm nó có thể mất để hoàn toàn làm chủ được Photoshop của quyền lực, bạn cũng phải đối phó với một mức giá cao.
Hầu hết web comps , như thiết kế trang được gọi là trong ngành công nghiệp, được xây dựng trong Photoshop. Đây là cơ quan và tiêu chuẩn trong nhà; hầu hết các nhà phát triển mong đợi sẽ được bàn giao Photoshop comps trước khi họ xây dựng trang web thực tế. Thông thường, có một tập tin Photoshop cho mỗi trang web mẫu. Photoshop cho phép bạn sử dụng rộng rãi các lớp và bộ lớp, giữ sự khác biệt (và giúp bạn tổ chức) tất cả các thành phần tạo nên thiết kế của bạn.
Thực tiễn tốt nhất là đặt tên và tổ chức các lớp của bạn để các nhà thiết kế khác có thể hiểu được tài liệu của bạn.
Fireworks
Pháo hoa là một công cụ phần mềm đồ họa tuyệt vời vì nó là mục đích xây dựng để tạo ra web comps. Thật không may, nó đã không thực sự caught trên như là một tiêu chuẩn tại các cơ quan thiết kế và phòng ban tại nhà. Đó là một điều xấu hổ vì một trang web duy nhất comp - với tất cả các lớp của nó - trong Photoshop có thể là 24-100mb tập tin. Trang chính xác tương tự trong Fireworks sẽ may mắn được đẩy 3MB bởi vì nó sử dụng kết hợp đồ họa vector và đồ hoạ bitmap. Đó là một tập tin mà bạn có thể gửi e-mail dưới dạng tệp đính kèm cho khách hàng và nhà phát triển.
Các cạnh duy nhất mà Photoshop đã qua Fireworks là tăng cường hình ảnh bitmap và thao tác. Tuy nhiên, bạn có thể làm tất cả những điều đó trong Photoshop và sau đó nhập kết quả vào Fireworks để làm việc trong bố cục web của bạn. Bạn cũng có thể xuất tập tin Fireworks của bạn dưới dạng tệp tin lớp Photoshop, hoặc nhập tệp tin lớp Photoshop, do đó, nó có một sự linh hoạt tốt.
Illustrator
Illustrator được liệt kê ở đây chỉ vì nó là tiêu chuẩn để sản xuất đồ hoạ vector.Thường thì bạn cần tạo các biểu tượng, nút hoặc minh họa tùy chỉnh trong thiết kế web và dễ dàng nhất để sử dụng Illustrator cho các tác vụ như vậy. Sau đó, bạn có thể nhập những minh hoạ này vào Photoshop hoặc Fireworks để gấp thành web comp của bạn.
Tất cả các web comps được xây dựng và lắp ráp trong cả Fireworks hoặc Photoshop. Illustrator chỉ đơn thuần đóng góp phần đồ họa hoặc được sử dụng để tạo các đồ hoạ web cá nhân mà bạn có thể xuất khẩu dưới nhiều định dạng web khác nhau, bao gồm SVG, PNG và JPEG.
Flash
Flash cho phép bạn tạo các ứng dụng web tương tác cao với ActionScript - ngôn ngữ kịch bản mạnh mẽ của nó - và các hình ảnh động thiết kế sử dụng kích thước tệp tin cũng như khả năng mở rộng của đồ họa vector. Các tệp Flash có thể được nhúng trực tiếp vào trang web của bạn. Flash phim có thể tương tác và phức tạp đến nỗi bạn có thể xây dựng toàn bộ trải nghiệm trang web chỉ với Flash. Trang HTML chỉ trình bày tệp Flash và Flash sẽ tiếp tục từ đó. Nếu bạn muốn một trang web hiển thị video hoặc có các tính năng tương tác như trang web trong hình dưới đây, bạn sẽ cần Flash.
Dreamweaver
Dreamweaver không phải là công cụ thiết kế đồ họa; nó là để xây dựng các trang HTML và các tập tin CSS. Điều mà nhiều người hiểu nhầm là ở một khía cạnh nào đó, bạn có một công cụ viết trang web được thiết kế bởi Fireworks hoặc Photoshop để tìm chính xác cách trang web của bạn sẽ trực tuyến - xuống đến các chi tiết cuối cùng của thanh cuộn của bạn và chân trang. Mặt khác, bạn có các nhà phát triển phải thiết kế lại các thiết kế của bạn trong HTML, thường sử dụng một công cụ như Dreamweaver.
Tại sao các nhà phát triển lại phải tạo lại thiết kế của mình? Để đạt được hiệu suất trang tối đa, các nhà phát triển phải xây dựng lại trang của bạn. Comp của bạn không chỉ phục vụ như là nguồn nghệ thuật từng phần và cách bố trí mà còn là màu sắc, nút, đường viền và nguồn văn bản cần thiết để tạo ra các kiểu CSS.
