NộI Dung
- Lập kế hoạch
- Thiết kế đồ họa
- Copywriting
- Mã hóa
- Kiểm tra và gỡ lỗi
- Thông tin liên lạc
- Kế toán và lưu giữ thời gian
Bài báo này xuất hiện lần đầu trên tạp chí .net số 228 - tạp chí bán chạy nhất thế giới dành cho các nhà thiết kế và phát triển web.
Làm tự do trong thiết kế và phát triển web thường là một hành động cân bằng. Bạn phải phân chia cẩn thận thời gian của mình giữa làm việc, làm thêm và đảm bảo bạn được trả cho công việc đã nói. Đối với mỗi nhiệm vụ này, tồn tại rất nhiều công cụ - nhưng thật khó để biết liệu bạn có đang sử dụng những công cụ tốt nhất hiện có hay không.
Chúng tôi đã yêu cầu một số nhà thiết kế hàng đầu cung cấp cho chúng tôi những mục yêu thích của họ, vì vậy bạn có thể đảm bảo bộ công cụ sinh tồn của mình tương đương với một chiếc máy bay phản lực trang bị laser siêu mạnh, chứ không phải là một chiếc bàn tính kỹ thuật số.
Về cách tiếp cận, có hai phương pháp luận khác biệt rõ ràng. Một số người, chẳng hạn như nhà thiết kế web tự do John Alex Jacob, ủng hộ một bộ công cụ đơn giản: “Cách tôi kinh doanh đã thay đổi rất nhiều trong năm nay,” anh nói với .net. “Tôi đang cố gắng giữ mọi thứ đơn giản nhất có thể cho khách hàng và tôi, nâng cao hiệu quả và tránh những phiền nhiễu không cần thiết trong khi làm việc.” Do đó, anh ấy ủng hộ việc giảm thiểu những gì được cài đặt trên máy tính của bạn.
Tuy nhiên, những người khác khuyên bạn nên khám phá nhiều loại ứng dụng độc lập một tác vụ và các dịch vụ trực tuyến hiện có sẵn, để có khả năng tăng năng suất. Bất kể cách tiếp cận của riêng bạn là gì, chúng tôi hy vọng bạn sẽ tìm thấy nguồn cảm hứng và các công cụ mới thú vị trong các lựa chọn được cung cấp bởi những người chúng tôi đã nói chuyện.
Lập kế hoạch
Trước khi bạn khởi động máy tính của mình và bắt đầu nhiệt tình khởi chạy ứng dụng, hãy nhớ mọi thứ không xoay quanh PC. Luca Candela, PM phụ trách công cụ tại Sencha cho biết: “Tôi thực hiện rất nhiều bản phác thảo bằng bút và giấy, và vẽ khung dây trên bảng trắng. Nhà thiết kế web Tony Pollard đồng ý: “Hãy kiếm cho mình một chiếc bảng trắng và một số điểm đánh dấu. Tôi nghĩ rằng quá nhiều người đã quên rằng chúng ta không phải lúc nào cũng cần một giải pháp kỹ thuật. Chúng ta có thực sự cần lập kế hoạch, vẽ biểu đồ và khung dây bằng cách sử dụng phần mềm không? Điều này đôi khi có thể phù hợp với một dự án, nhưng nếu bạn lập kế hoạch mọi thứ một cách chính xác, ghi chú và xác định rõ hướng đi của dự án, thì rất nhiều công việc có thể được thực hiện một cách hiệu quả bằng cách sử dụng các kỹ thuật ‘cổ lỗ sĩ’. ”
Nếu bạn bối rối không hiểu tại sao sổ ghi chú giấy không có nút bật, Google Tài liệu và Balsamiq có thể phù hợp với bạn hơn. Mark Forscher, hiệu trưởng của Under After cho biết: “Trong các phiên thảo luận và chiến lược dự án, tôi thường bắt đầu một tài liệu hoặc bảng tính được chia sẻ trên Google để nắm bắt thông tin trong thời gian thực và giúp tập trung vào cuộc trò chuyện,” Mark Forscher, hiệu trưởng của Under After cho biết. Và giám đốc sáng tạo Bryan Werbinski của Styles Webbin coi Balsamiq là một lựa chọn tuyệt vời để tạo mẫu nhanh: “Giao diện cho phép bạn kéo và thả các phần tử để tạo một trang web giả và tốc độ tôi có thể làm việc thật đáng kinh ngạc. Đó là liên kết còn thiếu giữa bảng phác thảo và máy tính. "
Thiết kế đồ họa
Khi nói đến thiết kế đồ họa, Adobe’s Creative Suite chiếm ưu thế. Nhà thiết kế và nhà phát triển Thomas Davis (designbythomas.co.uk) là một fan hâm mộ của Illustrator: “Phong cách của tôi hướng đến các thiết kế tối giản, sử dụng hình dạng, đường nét đơn giản và kiểu chữ đẹp làm trọng tâm - tất cả đều thực sự khá dễ dàng trong Illustrator.” Candela đề xuất Fireworks - “Quy trình làm việc vượt trội hơn nhiều so với Photoshop về loại nội dung bạn cần cho thiết kế giao diện người dùng” - và anh ấy cũng đề xuất LittleSnapper để lấy và quản lý màn hình cũng như trang web trên Mac.
Không thể tránh khỏi, có lẽ, Photoshop vẫn là công cụ chính được sử dụng bởi các dịch giả tự do để thiết kế đồ họa trên các dự án web. “Tôi luôn có ý định trau dồi các kỹ năng Illustrator của mình, nhưng tôi không có thời gian và tôi không thực sự chắc chắn còn điều gì khác để nói về Photoshop… thực sự, còn những lựa chọn nào khác?” hỏi nhà thiết kế Seb Green.
Pollard lưu ý rằng Photoshop cũng khá đắt và nói đùa: “Nhưng vợ tôi không tin tôi khi tôi nói với cô ấy rằng GIMP là một gói phần mềm đồ họa miễn phí.” Và nhà thiết kế web Anthony Killeen cho biết trong khi Photoshop vẫn là lựa chọn của anh ấy cho các yếu tố thiết kế, anh ấy hiện đang ngày càng làm việc trực tiếp trên trình duyệt: “Tôi có xu hướng tạo ra tâm trạng hoặc hướng đi trong Photoshop. Mặc dù đó không phải là một thiết kế đầy đủ, nhưng như vậy là đủ. Lập kế hoạch, UX và wireframing đều được thực hiện bằng bút và giấy, và do đó, tôi thiết kế rất nhiều trước khi tiến xa bằng máy tính của mình ”.
Copywriting
Vì lý do nào đó, viết lách là một trong những công việc mà nhiều người làm nghề tự do dường như không biết đến các công cụ chuyên biệt, tiết kiệm thời gian, mặc dù chúng tôi cũng rất ngạc nhiên khi thấy Microsoft Office khổng lồ là lựa chọn của chính xác không ai trong số những người mà chúng tôi đã nói chuyện. Có lẽ, chi phí là yếu tố chính dẫn đến điều này, cùng với việc các nhà thiết kế web tự do hiếm khi cần đến sức mạnh do các sản phẩm của Microsoft cung cấp, do đó Google Tài liệu là một giải pháp thay thế phù hợp, cùng với phần đầu kỳ lạ của Apple’s Pages.
Nhà thiết kế và nhà phát triển Paul Mist đánh giá cao iA Writer, một trình soạn thảo văn bản đẹp và hợp lý cho Mac và iOS: “Tôi không phải là nhà văn vĩ đại nhất thế giới, nhưng iA Writer cho phép tôi tập trung vào những kỹ năng nhỏ mà tôi có bằng cách loại bỏ các tùy chọn không liên quan và công cụ và cho phép tôi tiếp tục công việc trong tầm tay. Chiến tranh và Hòa bình 2.0, tôi đến đây! ” Đối với người dùng Windows, OmmWriter tương tự.
Đối với các dự án nâng cao hơn liên quan đến việc lưu ghi chú, xây dựng bản sao từ các nguồn khác nhau và giữ lại các bản sửa đổi và danh sách thay đổi, Scrivener là một lựa chọn tốt. Trình chỉnh sửa đa năng này từng chỉ dành cho Mac, nhưng hiện đã có phiên bản Windows. Bất kể lựa chọn chỉnh sửa văn bản của bạn là gì, nhà phát triển tự do Martin Wood khuyên bạn nên đầu tư vào một công cụ mở rộng đoạn trích như TextExpander dành cho Mac hoặc PhraseExpress dành cho Windows: “Hữu ích để tiết kiệm thời gian viết các câu trả lời tự do thường được sử dụng, chẳng hạn như‘ giá không thể thương lượng ’!”
Mã hóa
Khi nói đến môi trường mã hóa, lời khuyên của chúng tôi là tải xuống các bản demo của rất nhiều ứng dụng, thử tất cả chúng và sau đó quyết định cái nào phù hợp nhất với phong cách của bạn. Một số hướng đến định hướng kỹ thuật, được đóng gói đầy đủ các công cụ dòng lệnh và phím tắt, trong khi những người khác phù hợp hơn với các nhà thiết kế muốn sử dụng một chút HTML và CSS trong khi để các mã khác cho các nhà phát triển.
Trên Mac, Espresso và Coda rất phổ biến trong số những loại chúng tôi đã nói chuyện. “Tôi thích một trình soạn thảo văn bản đơn giản, nhưng không phải là thứ gì đó hoàn toàn trần trụi, do đó là Espresso,” lý do là Green, người cũng rất nhiệt tình với các công cụ CSS và tô sáng cú pháp của nó. Phần sau của những thứ đó kết hợp chức năng từ CSSEdit đã ngừng hoạt động, cho phép bạn khám phá CSS của một trang và sử dụng tệp cục bộ để ghi đè một trang web đang hoạt động. Mist được nhiều người hâm mộ hơn của Coda: “Nó thân thiện, dễ sử dụng và mạnh mẽ. Tôi thích công cụ đoạn trích tích hợp sẵn; nó tăng tốc quy trình làm việc của tôi một cách ồ ạt; và khả năng mở rộng của việc có các trình cắm và 'chế độ' để làm nổi bật cú pháp có nghĩa là bộ công cụ của bạn có thể phát triển cùng với khả năng của bạn. " Mist cũng khuyến nghị FTP client Transmit, do “khả năng đồng bộ hóa tuyệt vời và cách nó có thể gắn các máy chủ từ xa làm đĩa cục bộ” và Snippets, “một cách tuyệt vời để lưu giữ, bảo trì và sử dụng lại mã có giá trị của bạn mà bạn có thể đồng bộ hóa qua Dropbox ”.
Về phía Windows, Pollard làm việc với Notepad ++: “Tôi sử dụng nó để viết mã nhiều nhất có thể và điều đó thật tuyệt vời cho những người làm nghề tự do vì nó miễn phí.” Tpoll CTO Matt Squirrell thích giải pháp trả phí: “Tôi viết mã các công cụ web phụ trợ và giao diện người dùng và phpDesigner 7 là một trong số ít IDE cho PHP và JavaScript đánh dấu vào tất cả các hộp của tôi - trình gỡ lỗi, hỗ trợ SVN, mẹo mã cho các chức năng do người dùng xác định, nhảy -để khai báo. Nó cũng có giá cả phải chăng, mặc dù bản cập nhật phpDesigner 8 gần đây có vấn đề, vì vậy hãy tránh điều đó ngay bây giờ! ” Trong một không gian tương tự, Davis xác nhận Komodo miễn phí: “Nó có tích hợp thư viện khá tốt với Drupal và giao diện giúp bạn dễ dàng chuyển đổi giữa các dự án khác nhau.”
Kiểm tra và gỡ lỗi
Theo Green, "Bạn không bao giờ nên làm việc trên một trang web trực tiếp, bởi vì nếu có vấn đề gì xảy ra, bạn đã làm hỏng một trang web đang hoạt động". Điều đó khá hợp lý, nhưng tương đối ít dịch giả tự do theo định hướng thiết kế dường như thành thạo trong việc thiết lập máy chủ. Green cho biết thêm: “Và việc phụ thuộc vào kết nối internet không bao giờ là tốt. “Đây là lý do tại sao tôi sử dụng và đề xuất một máy chủ thử nghiệm cục bộ được thiết lập trên một máy cục bộ - giải pháp một cú nhấp chuột MAMP.” MAMP được thiết kế cho máy Mac chạy Snow Leopard hoặc Lion, nhưng cũng có sẵn một phiên bản Windows tương đương, WampServer.
Khi nói đến kiểm tra trang web, những người làm nghề tự do không có người quản lý chỉ huy họ kiểm tra trên nhiều trình duyệt, nhưng đó là những gì bạn cần làm. Nhà tư vấn kỹ thuật số tự do Michael Oglesby cho biết: “Hãy cài đặt tất cả các trình duyệt có sẵn, người cho biết thêm rằng người dùng Mac cũng nên đầu tư vào Parallels Desktop cho Mac hoặc VMware Fusion để thử nghiệm trên các trình duyệt Windows. Và như Squirrell lưu ý, các trình duyệt hiện đại không chỉ cung cấp một môi trường thử nghiệm: “Firebug… Chrome Console… IE Dev Tools… các trình duyệt dành cho nhà phát triển console thường bị bỏ qua khi nói về các công cụ dành cho công việc của nhà phát triển và có lẽ là công cụ hữu ích nhất. Dành một vài giờ để học cách sử dụng bảng điều khiển Chrome sẽ giúp bạn tiết kiệm rất nhiều thời gian và các tab mạng là vô giá khi làm việc với Ajax. Thành thật mà nói, tôi không thể nhớ mình đã viết mã bất cứ thứ gì mà không có nó như thế nào ”.
Tuy nhiên, ngay cả khi cài đặt tất cả các trình duyệt máy tính để bàn hiện có mà bạn có thể vẫn chưa thực sự đủ. Các phiên bản IE cũ hơn hoạt động rất khác so với các phiên bản hiện tại, do đó số lượng dịch giả tự do đề xuất IETester và BrowserStack. Về phần sau, Green say mê: “Thật tuyệt! Bạn đăng nhập vào một máy ảo được thiết lập theo một số cấu hình hệ điều hành / trình duyệt nhất định và kiểm tra một trang web trong đó. Nó cũng có thể sử dụng một đường hầm để truy cập các trang web được lưu trữ trên máy cục bộ của bạn, điều này rất hữu ích cho việc thử nghiệm các dự án vẫn đang được phát triển. "
Di động ngày càng trở nên quan trọng. Nhà phát triển giao diện người dùng Paul Smith đề nghị bạn lấy các bản sao của Xcode và Android SDK, tương ứng cho mô phỏng iPhone và Android. Và nếu bạn có một số thiết bị, hãy xem Adobe Shadow, để chỉnh sửa nội dung trên máy Mac hoặc PC và xem khi nó cập nhật trực tiếp trên các thiết bị được kết nối.
Thông tin liên lạc
Cô lập là mối quan tâm của những người làm nghề tự do và cũng dễ dàng kiếm được những hóa đơn điện thoại khổng lồ khi trò chuyện với khách hàng sẽ được công ty chi trả nếu bạn là nhân viên. Đối với vấn đề thứ hai, hãy bắt đầu sử dụng Skype; trước đây, hãy cố gắng tìm các mạng xã hội làm tăng giá trị cho ngày của bạn, thay vì chỉ ăn vào thời gian của bạn. Twitter xuất hiện mạng lưới được nhiều người lựa chọn. “Thật tuyệt khi tương tác với bạn bè, nhà thiết kế và khách hàng và một chút trò đùa thân thiện trong ngày giúp tôi tỉnh táo hơn,” Killeen khẳng định. “Và Skype hỗ trợ tôi trong các cuộc trò chuyện với khách hàng và các phiên động não không thường xuyên với các nhà thiết kế và nhà phát triển khác”.
Smith cũng gợi ý rằng những người coi Twitter chỉ là nơi để trò chuyện cũng có thể đang bỏ lỡ cơ hội: “Kể từ khi chuyển sang làm nghề tự do, hầu hết công việc của tôi là từ Twitter hoặc có thể bắt nguồn từ nó. Theo dõi những người cùng chuyên ngành với bạn và bạn sẽ sớm thấy những lời kêu gọi trợ giúp khi ai đó bận hoặc cơ quan mà họ làm việc đang cần thêm một đôi tay. Tại thời điểm đó, đó chỉ là một trường hợp đủ tốt và sẵn có! ”
Tuy nhiên, bất chấp sự phổ biến của Twitter, điều đó sẽ không ngăn bạn truyền mạng cho các dịch vụ truyền thông và xã hội khác có thể phù hợp hơn cho các nhiệm vụ cụ thể. Nhà thiết kế giao diện web Matthew Morek là một người hâm mộ lớn của cả Dribbble và Zerply: “Không có nơi nào tốt hơn để lấy cảm hứng và xem một số tác phẩm hay nhất trên Dribbble. Đó là một cộng đồng tuyệt vời có thể giúp bạn kiếm được một số hợp đồng thú vị! Và nếu ai đó muốn CV hoặc rsum của tôi, tôi sẽ hướng dẫn họ đến Zerply. Bạn có thể thiết lập một hồ sơ phù hợp trong vài phút và nó cho phép bạn thu thập được sự đánh giá cao về kỹ năng và kiến thức của mình. "
Kế toán và lưu giữ thời gian
Danh mục công cụ cuối cùng của chúng tôi là danh mục mà nhiều nhà thiết kế và nhà phát triển muốn bỏ qua, nhưng đó vẫn là công cụ dẫn đến thành công: nói rộng ra là 'những thứ kinh doanh'. Đối với các tác vụ định hướng tài khoản và lập hóa đơn, một số ít dân gian vẫn sử dụng các ứng dụng gốc; Jacob, ví dụ, thích ứng dụng Mac Billings, ứng dụng này “có mọi thứ tôi cần trong một gói: theo dõi thời gian, hệ thống lập hóa đơn dễ dàng và phần báo cáo chi tiết, nơi bạn có thể xem mọi thứ từ bản tóm tắt tài khoản đến hóa đơn quá hạn và chi tiết thuế”.
Ngoài ra, như anh ấy lưu ý, đây là khoản thanh toán một lần và không phải là chi phí định kỳ. Tuy nhiên, hầu hết các dịch giả tự do có xu hướng thích sử dụng các dịch vụ trực tuyến, chẳng hạn như quản lý dự án ProjectBubble, công cụ lập hóa đơn đơn giản Blinksale, phần mềm lập hóa đơn cho doanh nghiệp nhỏ được đánh giá cao FreeAgent và công cụ theo dõi thời gian và lập hóa đơn Harvest.
Forscher là một fan hâm mộ lớn của Harvest: “Giao diện rất đơn giản. Và bởi vì tôi làm việc trên nhiều dự án cùng một lúc, tôi thích rằng tôi có thể dễ dàng theo dõi thời gian của khách hàng và dịch vụ ”. Smith cũng coi đó là một lựa chọn tốt: “Nó gọn gàng và ngăn nắp. Trong bốn năm tôi đã sử dụng, nó không ngừng được cải thiện. Nó mạnh mẽ nhưng dễ làm việc và tôi sử dụng nó để ghi lại quãng đường và chi phí cũng như gửi và giữ các tab trên hóa đơn ”.
Ngoài Harvest, Forscher cũng sử dụng một kế toán truyền thống, nhưng những người khác đang thực hiện bước nhảy vọt sang các dịch vụ kết hợp như Crunch. Mist nói: “Tôi sử dụng cái này cho công việc kế toán, lập hóa đơn, thuế và thành lập công ty, và… bạn sẽ hiểu: Tôi sử dụng một dịch vụ duy nhất. “Đây là dịch vụ đăng ký hàng tháng cung cấp cho bạn bộ công cụ trực tuyến đầy đủ để duy trì tài khoản doanh nghiệp, hóa đơn và chi phí của bạn. Mọi thứ đều được điều phối bởi nhóm kế toán của Crunch, những người mà bạn có toàn quyền truy cập. Nó thực sự đáng giá từng xu. "
