Bạn muốn trở thành nhà thiết kế web chuyên nghiệp, một nghề khá hot và có thu nhập cao trong thời đại hiện nay.Tôi để ý có những câu hỏi thường gặp trên các diễn đàn tin học như em muốn thiết kế web phải học cái gì? Học theo trình tự như thế nào? Và em phải dùng phần mềm gì để lập trình?

Vậy hy vọng sau bài viết này bạn sẽ hình dung được bạn sẽ cần chuẩn bị những gì để trở thành một Web designer thực thụ.

Em muốn trở thành nhà thiết kế web!

Học thiết kế hoặc lập trình web hay được gọi nôm na là học làm web. Quá trình học làm web thì phải nói là gian khổ, khôngphải 1 – 2 ngày là có thể làm dc 1 website đẹp “lung linh – lấp lánh – lập lòe” được đâu, mà nó đòi hỏi phải có thời gian, đó là một khoảng thời gian tương đối dài để bạn rèn luyện, học tập, trao dồi thêm các kĩ năng. Do đó, việc yêu thích làm web sẽ giúp cho bạn có thêm quyết tâm, và chính quyết tâm sẽ giúp cho bạn có thêm nhiều động lực trong quá trình học.

Tuy nhiên, bạn cũng không nên học một cách “cháy máy”, mà hãy bình tỉnh và thông thả. Khi nào bạn cảm thấy thật sự mệt mỏi, hãy quên nó đi một thời gian, điều đó sẽ tốt cho bạn hơn là cố gắng gượng ép nó vào đầu, sẽ gây tắc động tiêu cực đấy.

CHÚNG TA HỌC CÁI GÌ?

Trước tiên bạn hãy trả lời cho mình câu hỏi như sau: “Bạn muốn trở thành gì? Lập trình web hay thiết kế web, hay là cả hai?”. Tại sao lại có câu hỏi như vậy thì chúng ta sẽ phân tích công việc của các mãng trên nhé.

+ LẬP TRÌNH WEB

Lập trình web thì đòi hỏi bạn cần phải dành nhiều thời gian để học tập các ngôn ngữ căn bản dành cho thiết kế web tĩnh : HTML, CSS, Jquery, Javascript và các ngôn ngữ website động như PHP & MySQL, ASP & SQL, … Ngoài ra bạn còn phải tìm hiểu thêm về các CMS (mã nguồn mở) như WordPress, Joomla, Drupal…. Và tất nhiên, nâng cao hơn nữa thì bạn còn phải biết và làm việc được trên các Framework như: Codelgniter, Zend, Yii,…. Tất nhiên chúng ta ko học hết các CMS và Framework, mà chỉ chọn ra một cái để tìm hiểu chuyên sâu thôi, còn lại thì chỉ cần biết sơ qua là được.

Và tất nhiên, khi bạn đi phỏng vấn ở các công ty tuyển lập trình viên website thì họ sẽ không chỉ hỏi bạn ở các kiến thức chuyên môn không đâu, mà họ còn hỏi bạn có biết xài photoshopkhông? Vì bạn thường xuyên phải làm công việc chuyển từ PSD > HTML&CSS. Do đó, bạn phải biết photoshop là điều tất yếu.

Bạn cũng không phải chỉ dừng lại ở những kiến thức đã học không. Mà phải liên tục cập nhật kiến thức mới. Ví dụ: sắp tới thì HTML5 & CSS3 sẽ dần trở nên phổ biến hoặc Jquery, WordPress, Joomla luôn cập nhật các bản sửa lỗi mới. Và nhà cung cấp trình duyệt cũng thường xuyên nâng cấp trình duyệt của họ, điều đó cũng dẫn tới việc code đang chạy ở phiên bản cũ sẽ mắc lỗi và bạn phải cập nhật.

+ THIẾT KẾ WEB

Đây là một cái nghệ mà con đường đi khá chông gai, không phải chăm chỉ mà được, bạn còn đòi hỏi phải có được cái đầu thiên phú nữa (khác người xíu). Mình nói vậy không phải để làm nản lòng các bạn mà mình muốn các bạn hiểu một điều, chúng ta phải cố gắng hết mình, thì sẽ đạt được thành công.

Vì ngày nay, các công ty hầu như họ đều muốn mang một phong cách riêng để định vị thương hiệu của mình. Và ngay cả website của họ thì họ cũng mong muốn có điều đó, phải thật đặc biệt, không giống bất kì website nào khác, phải có phong cách riêng. Và bản thân là một webdesigner thì bạn phải làm được điều đó.
Vậy, mình làm việc đó như thế nào nhỉ? Điều đâu tiên đó là phải có ý tưởng đã, sau đó chúng ta phải biết dùng các công cụ đồ họa như Photoshop, illustrator, corel, ….. Không chỉ dừng lại ở biết không đâu, mà bạn phải hiểu thật chuyên sâu và tường tận nó, chỉ có như thế thì bạn mới họa được cái ý tưởng “lạ” ở trong đầu của mình ra.

Và điều tất nhiên là bạn cũng phải biết lập trình nữa chứ. Vì khi bạn thiết kế 1 website thì bạn cũng phải tính toán xem liệu thiết kế của mình có thể dể dàng chuyển thành HTML&CSS hay là phải làm khó anh lập trình web. Đôi khi, thì chính bạn cũng sẽ là người phải thực hiện việc chuyển từ PSD > HTML&CSS nữa ấy chứ. Khi đã là một webdesigner thì bạn luôn nghĩ ra những hiệu ứng độc đáo cho website của mình, và để làm được điều đó thì bạn phải biết đến Jquery, để bạn biết rằng, cái hiệu ứng gì Jquery có thể làm được và không thể làm được.

QUÁ TRÌNH TỰ HỌC NHƯ THẾ NÀO?

Điều này thì đơn giản thôi, nếu bạn đã xác định được mình sẽ đi theo lĩnh vực nào? Thì việc còn lại là tiến hành tìm tòi, học hỏi và nghiên cứu thôi.

Điều bắt buộc là bạn phải học từ căn bản đi lên nâng cao và chuyên sâu, vì kiến thức của con người cũng một cái cây và vì vậy nên cái cây phải có gốc chắc chắn thì ngọn mới đứng vững và chịu được gió to. Nếu bạn cứ nhầm nâng cao mà đâm đầu vào thì chắc chắn sẽ phải“chảy máu mũi” thôi. Và cái nghiêm trọng nhất chính là bị “lổ hổng kiến thức”. Lổ hổng kiến thức sẽ làm cho bạn mắc phải lỗi lớn nhất là chỉ có thể làm được những gì đã được hướng dẫn qua, không thể hoặc khó khăn trong việc tự phát triển được cái mới cho mình.

Học ở đâu nhỉ? À, câu hỏi gây cấn đây, nếu bạn quyết tâm thì hãy đến các trung tâm, các bạn sẽ được học theo trình tự hợp lý, và rất tốt cho não. Hiện tại thì ở Tp.HCM có các trung tâm đào tạo về lập trình và thiết kế web khá uy tính như TTTH của ĐH Khoa học Tự nhiên, hay nếu có điều kiện một xíu thì NIIT hay Aptech. Học ở trung tâm thì chúng ta sẽ có thêm bằng cấp, hổ trợ cho sau này.
Nếu muốn tìm tòi học hỏi thì càng đơn giản hơn, chỉ cần có một cái máy tính có nối mạng là ổn rồi, các bạn có thể vào izwebz và học thôi, ngoài ra các bạn có thể tham khảo thêm bài viết “Nguồn của tôi” nữa để biết thêm.

Các bài viết trên izwebz đều là các bài viết căn bản, các bạn có thể xem các bài viết theo các chuyên mục ở menu phía trên hay là các bạn có thể xem ở link Video series này. Tuy nhiên, quá trình tự học của chúng ta thì cụ thể như vậy nhé HTML+CSS + Photoshop > Jquery (nếu cần) > PHP > WordPress. Đó là đối với các bạn đang tự học tại gia, còn nếu đi trung tâm thì đã có giáo trình riêng và các bài giảng ở izwebz chỉ mang tính chất tham khảo và bổ trợ.

CÔNG CỤ NÀO TỐT NHẤT

Hiện tai trên thị trường có rất nhiều phầm mềm hổ trợ chúng ta trong việc thiết kế và lập trình web (tham khảo Top 10 trình soạn thảo code), miễn phí cũng có mà có phí thì cũng đầy? Vậy chọn cái nào để làm bây giờ ?
Bạn phải hiểu rằng, không có phần mềm nào gọi là tốt nhất cho tất cả, mà phần mềm tốt nhất chính là phần mềm mà chúng ta quen sử dụng, và nó dể dàng giúp đở chúng ta trong các thao tác và phím tắt. Khi bạn xem video tutorial của anh DW, CS hay của tớ hoặc bất kì thành viên nào của izwebz thì bạn sẽ thấy rằng, mỗi người thích một editor khác nhau, nguyên nhân là vì nó phù hợp với họ.
Và tất nhiên, nếu bạn là người mới thì hãy trải nghiệm đi, bạn sẽ tìm ra phần mềm nào phù hợp với mình nhất và hãy tìm hiểu về nó kĩ hơn.
Đối với dân webdesigner thì photoshop, illustrator hoặc corel là những phần mềm mà nhà tuyển dụng yêu cầu là bắt buộc phải có.

TỔNG KẾT

Chúng ta có thể thấy rằng, để làm được một website thì phải trải qua nhiều giai đoạn “Ý tưởng > phát thảo ý tưởng > thiết kế ý tưởng bằng PTS > chuyển từ PTS sang web tĩnh > Chuyển từ web tĩnh sang web động”. Mỗi giao đoạn nó điều đòi hỏi chúng ta phải có kiến thức nhất định về nó thì mới có thể làm tốt được. Do đó, nghề làm web không đơn giản như chúng ta tưởng, đây có thể coi là một môn nghệ thuật rèn luyện tính kiên nhẫn.

(Minh Mẫn)

tpdsaa:

Submitted by @melissas_cloud.

Dựa vào các cuộc phỏng vấn hàng loạt chuyên gia phân tích,thiết kế web chuyên nghiệp và các nhà điều hành doanh nghiệp web 2.0, trang Computerworld cho rằng cập nhật sản phẩm nhanh chóng, thường xuyên, có mối liên hệ mật thiết với người dùng sẽ là chìa khóa thành công cho các doanh nghiệp phát triển phần mềm mới nổi.

Đã đến thời sự chậm chễ, xu hướng chia dự án thành nhiều chặng phát triển tách biệt của các doanh nghiệp truyền thống được thay thế bằng tốc độ, khả năng phản ứng nhanh nhạyđến mức “vô tổ chức” của doanh nghiệp khởi nghiệp thời thiết kế  web 2.0.

Chẳng hạn, nhìn vào Flickr. Bản thông báo bản cập nhật mới nhất dịch vụ chia sẻ ảnh số tuần trước là lần cập nhật thứ 36, cùng 627 thay đổi do 21 nhà phát triển thực hiện.

Web 2.0 đang nở rộ và giúp không ít doanh nghiệp thăng hoa, tuy nhiên cũng ẩn chứa nhiều nguy cơ phải sớm đóng cửa vì kết quả làm ăn bết bát

1. Phá bỏ hàng rào giữa các nhà phát triển và người dùng cuối, hỗ trợ người dùng, bảo hành sản phẩm tốt hơn

Wesabe Inc., doanh nghiệp quản lý một trang web tài chính cá nhân không có riêng một nhóm bảo trì giỏi giang chính thức, thay vào đó Wesabe dựa vào người dùng, nhà sáng lập và CEO Marc Hedlund.

Các nhà phát triển của Websabe hợp tác trực tiếp với người dùng để thiết kế những tính năng mới, sau đó Hedlund sẽ thẩm định. Nếu Hedlund không phát hiện trục trặc gì, các tính năng đó sẽ nhanh chóng được bổ sung trên Wesabe.com

Hedlund cho hay trước khi ra mắt Wesabehai năm trước đây, anh đã nghiên cứu khá nhiều kỹ thuật phát triển phổ biến mà các công ty web 2.0 sử dụng. Cuối cùng anh đi đến kết luận: các ứng dụng sẽ được thiết kế tốt hơn khi các nhà phát triển có mối liên hệ gần gũi với người dùng trực tiếp sử dụng sản phẩm.

Phản ứng của người dùng trực tiếp sử dụng sản phẩm, bất kể là than phiền hay những lời ghi nhận đều sẽ trở thành động lực có ý nghĩa cho các nhà phát triển, hơn là những bản đồ thống kê nguyện vọng của người dùng, vẫn thường được trình chiếu chán ngắt trong các cuộc họp.

William Gribbons, giám đốc một chương trình đào tạo nhân lực ở trườngCollege, Waltham, Massachusetts, cho biết các công ty lớn sẽ giành được khá nhiều lợi ích về mặt tài chính nếu sử dụng kỹ thuật web 2.0 để phát triển các ứng dụng cho đội ngũ nhân viên.

2. Lựa chọn hướng phát triển đơn giản cho sản phẩm để dễ triển khai và mở rộng về sau

Khá nhiều ứng dụng web 2.0 dành cho người dùng trông có vẻ đơn giản tuềnh toàng nhưng thực tế bộ mặt giao diện và tính năng đơn giản hóa đó là kết quả làm việc cật lực của các nhà phát triển, nhọc công hợp tác chặt chẽ cùng người dùng.

Thường thì các doanh nghiệp IT truyền thống vẫn tự lên kế hoạch về một loại nhu cầu nào đó của người dùng, sau đó phát triển một loạt giải pháp có thể đáp ứng, giải quyết được nhu cầu đó, hi vọng người dùng sẽ hài lòng với một trong số đó. Tuy nhiên, theo William Gribbons, khi không có mối tương tác thường xuyên với người dùng, các nhà phát triển web sẽ không nhận ra nhu cầu sử dụng các dịch vụ có giao diện đơn giản của họ.

3. Chọn ngôn ngữ phát triển phù hợp

Hiện nay, các công ty web 2.0 thường sử dụng các ngôn ngữ lập trình động như Ruby, Python, Perl và PHP, những lựa chọn tốt hơn so với Java của Sun Microsystems Inc hay Microsoft .Net.

Theo điều tra của Evans Data Corp (một công ty nghiên cứu ở Santa Cruz, California) công bố tháng 12-2008, hơn nửa số nhà phát triển ứng dụng ở Bắc Mỹ hiện có trình độ tay nghề khá cao. Trong khi hơn phân nửa trong số này thường chỉ sử dụng các script ít hơn 20% lượng thời gian thiết kế sản phẩm, nay mai theo bản điều tra của Evans, cả số lượng các nhà phát triển sử dụng ngôn ngữ lập trình và thời gian đầu tư cũng sẽ tăng lên.

4. Phát hành sớm và thường xuyên

Cũng giống như Flickr, Wesabe -công ty có trụ sở tại San Francisco – thường xuyên cập nhật trang web của mình khoảng vài lần mỗi ngày. Sự tương tác chặt chẽ liên tục với người dùng giúp các nhà phát triển của Wesabe nhanh chóng nhận được thông tin phản hồi về các lỗi phát sinh. Ngoài ra, Wesabe và không ít doanh nghiệp web 2.0 khác thường duy trì các phiên bản thử nghiệm độc lập, giúp họ theo dõi được phản ứng của người dùng với các tính năng mới cập nhật nào đó.

“Trên thực tế, đối với Mixx một kế hoạch “dài hơi” sẽ chỉ kéo dài trong vòngsáu tháng”, CEO McGill, người sáng lập McLean năm 2007 sau khi lao động cật lực với vai trò người quản lý chung của Yahoo News và phó chủ tịch phụ trách chiến lược của tờ USA Today, cho hay.

Nhóm phát triển của Mixx.com gặp gỡ trao đổi với nhau từng ngày để thảo luận về công việc của ngày trước, sử dụng phương thức trao đổi tương tác Scrum.

5. Hãy để người dùng chứ không phải nhà phát triển ứng dụng quyết định tính năng mới của sản phẩm

Các doanh nghiệp hàng đầu làm ăn trên mạng Internet như Amazon hay Google thường phát hành các tính năng mới cho một nhóm nhỏ người dùng thử nghiệm và sau đó so sánh phản hồi của họ với nhóm khác. Các ông lớn đều khẳng định phương thức này sẽ cung cấp nhận xét chính xác và có giá trị hơn nhẳn cho các tính năng hay sản phẩm mới so với phương án điều tra khách hàng hoặc thảo luận giữa người dùng và các nhà quản lý sản phẩm.

Mixx.com hi vọng một ngày nào đó cũng sẽ nối gót theo phương thức này. McGill cho hay, trong khi khẳng định thêm công ty đã sẵn sàng thay đổi để tân dụng được cộng đồng người dùng.

Các doanh nghiệp “thay máu”

Giới quan sát thừa nhận trong khi đa số hãng lớn vẫn chưa thật sự hào hứng để sớm chuyển sang tận dụng kỹ thuật phát triển web 2.0, một số ứng dụng vẫn chưa thật sự đáp ứng được nhu cầu sử dụng, nhưng bắt đầu đã có những dấu hiệu lột xác khi các doanh nghiệp nhận ra giá trị của công nghệ mới, các thức triển khai và phát triển mới.

Ngoài ra, 57% số được điều tra phản hồi: các kỹ năng phân tích và giải quyết vấn đề gặp phải sẽ là những yêu cầu chốt yếu cho các nhà phát triển ứng dụng thế hệ mới, trong khi 18% cho rằng yêu cầu quan trọng là phải làm việc với các cộng đồng trực tuyến, 24% khẳng định kỹ năng có yếu tố quyết định lâu dài chính là phát triển mã (code generation).

Đây là kết quả điều tra được Computerworld thực hiện vào tháng 7 năm ngoái với hơn 1.300 nhà phát triển của TopCoder Inc ở Glastonbury, Connecticut. 70% số thành viên được điều tra trả lời các nhóm phát triển trong doanh nghiệp truyền thống có thể nhận được khá nhiều lợi ích từ kỹ thuật web 2.0, đặc biệt là việc ra mắt các tính năng mới, thu thập nhanh chóng phản hồi của người dùng và kể cả có các chương trình bảo hành chất lượng tốt.

(Công ty thiết kế web CTIT  sưu tầm)

Thiết kế web tuyệt vời không chỉ có vẻ bề ngoài đẹp hay là thiết kế web giá rẻ.Trong thiết kế web tuyệt vời nhất không chỉ có giao diện đẹp mà còn phải tạo ra được 3 thành phần chính, phi kỹ thuật – đó là:  tính thẩm mỹ của thiết kế, thiết kế thông tin và thiết kế giao diện. Nếu bạn muốn trở thành một nhà thiết kế web chuyên nghiệp vĩ đại, bạn phải nắm vững được cả 3 thành phần cơ bản này.

Tính thẩm mỹ của Thiết kế
Tính thẩm mỹ của Thiết kế là tìm ra một phong cách hoàn toàn hợp lý. Nếu bạn giỏi trong lĩnh vực này, bạn có thể thiết kế được các trang web không chỉ có phong cách lý tưởng mà còn rất phù hợp. Các thiết kế khác nhau truyền tải thông điệp khác nhau tới người dùng.Vì vậy, cơ bản là thiết kế phải phù hợp với thông điệp của trang web.

Một ngày, tôi đang đi dạo qua siêu thị, tôi thấy một  nhãn hiệu nước giải khát có thiết kế rất trực quan về một chất tẩy rửa. Ngay lúc đó tôi đã tự hỏi tại sao lại có chất tẩy rửa trong nhãn hiệu nước giải khát. Cũng tương tự như vậy, một website có thiết kế thẩm mỹ không phù hợp với nội dung và thông điệp, thì dù nó trông đẹp như thế nào, sản phẩm cuối cũng rất tệ.

Đây là lý do tại sao tính thẩm mỹ rất quan trong đối với nhà thiết kế web. Không những bạn phải làm cho trang thiết kế của bạn đẹp mà còn phù hợp nữa.
Trong số ba thành phần của thiết kế web, thiết kế thẩm mỹ chắc chắn là quan trọng nhất trong thiết kế.

Thiết kế thông tin

Thiết kế thông tin là về việc chuẩn bị các thông tin trên một trang web theo cách tốt nhất để người sử dụng tìm kiếm và sắp xếp thông tin một cách hiệu quả. Trong các trang web, việc xử lý thông tin luôn luôn là một vấn đề của thiết kế.
Một ví dụ phổ biến của thiết kế thông tin đó là cách tổ chức và định dạng văn bản trên một trang. Bởi vì mọi người có xu hướng đọc lướt qua nội dung trên màn hình trước khi đi vào chi tiết, cho nên cần tổ chức các thông tin thành các nhóm tiêu đề và tiêu đề nhỏ, các biểu đồ và các neo móc trực quan. Nói chung, nó thay đổi theo thị giác. Các kỹ thuật như thế này làm cho các thông tin trên trang web có thể dễ dàng sắp xếp hơn nhiều. Tuy nhiên, thiết kế thông tin không giới hạn ở trên một trang duy nhất, bạn phải thiết lập cấu trúc chắc chắn cho các thành phần trên trang, sắp xếp các menu và menu con, và liên kết các phần khác nhau.
Bạn có thể biết rằng trong các trang web và các dự án lớn hơn và phức tạp hơn, có một nghề chỉ làm công việc mô tả cấu trúc thông tin và được gọi là kiến trúc sư về thông tin. Các kiến trúc sư thông tin nổi tiếng nhất mà tôi biết là Jesse James Garrett người đã tình cờ đặt ra thuật ngữ AJAX. và bạn có thể xem thông tin về anh tại Wikipedia.
Sơ đồ tuyệt vời của Collis
Chúng ta đang nói về thiết kế thông tin, giống như việc chuyển 6 đoạn văn của một văn bản dông dài vào một sơ đồ, đây là sơ đồ về việc sắp xếp thông tin các thành phần thiết kế web tuyệt vời của tôi!

Thiết kế giao diện

         Giao diện web là nơi mà người dùng và trang web tiếp xúc – như các menu, các thành phần, các form, và tất cả những cách khác bạn có thể tương tác với một trang web.

Giao diện thiết kế tốt làm cho việc sử dụng trang web trở nên dễ dàng, hiệu quả và trực quan. Thực sự rất dễ để chứng minh một giao diện xấu. Một ví dụ đơn giản đó là việc sử dụng các icon. Đã bao giờ bạn nhìn vào một icon và nghĩ rằng “nó muốn biểu trưng cho điều gì không?!” – Nếu bạn sử dụng các icon mà không nghĩ tới điều đó, có thể đó là một thiết kế xấu.
Một ví dụ về các giao diện mà bạn có thể gặp là các giao diện lập trình ứng dụng hoặc API. Một API là tập hợp các chức năng và định ước. Chẳng hạn như Google Maps cung cấp một API, bạn có thể sử dụng để tạo ra các ứng dụng hoặc các trang web có các tính năng của Google Maps.
Và …Bây giờ bạn có thể đang nghĩ, Collis là rất phù hợp và rất tốt nhưng CSS và Flash có phù hợp để thực hiện điều này không?  Tôi nghĩ rằng HTML / CSS, Flash, Javascript và vv thuộc về phần phát triển web hơn là thiết kế web. Điều quan trọng là phân chia HTML và CSS để giữ và trình bày thông tin rõ ràng. Đơn giản hơn, CSS có thể can thiệp vào bất kỳ thành phần nào của thiết kế.

Đừng nghĩ tôi sai, bạn cần phải biết làm thế nào để thiết kế cho phù hợp. Tuy nhiên khi đề cập đến những gì đang làm đẹp cho thiết kế web, câu trả lời của tôi vẫn vậy: Thiết kế giao diện, Thiết kế thông tin và Thiết kế thẩm mỹ.

Còn bạn? Tôi có bỏ lỡ một phần cơ bản nào của thiết kế web không? Hoặc bạn có nghĩ rằng phát triển web là một phần thiết yếu của thiết kế web? Vui lòng tham gia vào phần bình luận để chia sẻ ý kiến của bạn.

(Công ty thiết kế web CTIT - Sưu tầm từ Internet)

oatmeal:

If you’re going to go down, you might as well blame it on an imaginary animal like Twitter did with their infamous Fail Whale. I’ve taken the liberty of creating this animal for you:

Please use it. 

Please oh please. 

-The Oatmeal

Update:  Tumblr used the TumblBeasts!  Check it out :D