Thiết kế lộ trình học tập
Khi truy cập các trang web hàng ngày, bạn có thường nghĩ mình: "Web đé* gì mà xấu, khó dùng thế không biết. Tao mà biết thiết kế, tao làm ngon hơn" không? Show
Nếu bạn thường có suy nghĩ như thế, và bạn có con mắt nhìn chi tiết, óc thiết kế sáng tạo và không ngại học tập, thì chắc chắn bạn NÊN HỌC THIẾT KẾ WEB. Và mình biết, nếu bạn đang đọc bài viết này thì chắc chắn bạn có quan tâm rồi. Và có thể, bạn cũng như bao người khác. Khi bắt đầu tìm cách học thiết kế web, bạn sẽ có rất nhiều câu hỏi, thắc mắc, xem xét:
Tóm lại là khá nhiều thứ thắc mắc. Mình rất đồng cảm với bạn. Bởi vì mình cũng từng có những câu hỏi như thế, nên, hôm nay mình sẽ giải đáp và chia sẻ một lộ trình học thiết kế web để bạn có thể dựa vào đó học tập, chuẩn bị những thứ cần thiết. Đầu tiên, hãy trả lời nhanh vài câu hỏi thường gặp trước. Câu hỏi #1: Thị trường có tuyển dụng thiết kế web nhiều không?Bill Gates đã từng nói: “Nếu doanh nghiệp của bạn không có trên internet, thì doanh nghiệp của bạn sẽ không thể kinh doanh được” Điều này có nghĩa là, một doanh nghiệp chắc chắn phải có ít nhất một website nếu như muốn tồn tại được ở thời đại công nghệ này.> Thực tế: Một doanh nghiệp muốn mở rộng tệp khách hàng của mình dựa trên internet thì họ không chỉ cần 1 website. Mà cần rất nhiều website. NIIT - ICT Hà Nội cũng thế. Tính ra thì hiện tại NIIT - ICT Hà Nội đang sở hữu hơn 10 website, trong đó niithanoi.edu.vn là website chính. Theo Netcraft, hiện nay có hơn 644 triệu trang web đang hoạt động trên internet và con số này đang tăng lên hàng ngày. Do đó, các nhà thiết kế web tiếp tục có nhu cầu tuyển dụng cao và không thấy dấu hiệu chậm lại. Câu hỏi #2: Thiết kế web là làm gì?Công việc của một nhà thiết kế web là thiết kế ra các bản thiết kế trang web độc đáo, truyền cảm hứng, dễ điều hướng và thu hút đối tượng mục tiêu thích hợp. Ghi chú: "Là một nhà thiết kế web. Bạn luôn phải nhớ rằng bạn thiết kế của bạn phải đẻ ra tiền" Vai trò chính của một nhà thiết kế web là thiết kế ra các thành phần trực quan "Nhìn thấy" của một trang web, thiết kế mọi thứ từ phông chữ đến bảng màu, khoảng cách, ảnh... Các nhiệm vụ chính khác thường sẽ bao gồm những điều sau:
Thông thường, nhiệm vụ của một nhà thiết kế web cơ bản dừng lại ở trên. Có nghĩa là, sau khi bàn giao các file thiết kế (Ảnh, file Photoshop, file Illustrator) cho bộ phận lập trình Front end thì hoàn thành 70% công việc. 30% còn lại chỉ là chỉnh sửa lại các bạn thiết kế này khi có yêu cầu. Tuy công việc của bạn sẽ tập trung ở phần này, nhưng việc học để làm không việc này lại không chỉ dừng lại ở việc học Photoshop hay học Figma... Bởi vì, các nhà thiết kế web hiện đại còn làm nhiều thứ khác (Không dừng lại ở việc vẽ vời) * Lát nữa chúng ta sẽ thảo luận cụ thể hơn bạn cần học gì. Câu hỏi #3: Lương thiết kế web là bao nhiêu?Thực tế thì số liệu báo cáo chính thống mình thu thập được thì được tổng hợp chung thành chức danh Thiết kế UX/UI.* Ghi chú: Đại đa số nhà thiết kế web chỉ đảm nhiệm được phần UI Design. Còn UX Design là thuộc nhóm chuyên gia. Theo báo báo của Vietnamworks (năm 2020) đã được tổng hợp tại bài viết LƯƠNG LẬP TRÌNH VIÊN thì Thiết kế UX / UI có thể kiếm được trung bình khoảng 1.184 $ mỗi tháng. Tương đương khoảng 27.000.000 đ mỗi tháng. Tuy nhiên, chức danh này có:
Thực tế, ở kinh nghiệm bản thân mình thì khi mới đi làm, mình chỉ nhận được mức lương là 8,5 triệu thôi. Và phần thưởng thêm khi bạn hoàn thành các dự án thiết kế. Nhưng:
Còn khi bạn có kinh nghiệm khoảng 1 - 2 năm, kỹ năng thiết kế của bạn ổn ổn rồi thì mức lương cơ bản của bạn có thể lên tới khoảng 11 hoặc 12 triệu / tháng. Thực tế: "Nếu bạn làm ở 1 công ty mà muốn sau 2 năm tăng lương từ thêm 3.5 triệu là rất khó. Thường thì nhảy việc sẽ tăng lương dễ hơn =))" Ngoài ra, khoản thưởng dự án cũng là nguồn thu thêm + động lực để làm thiết kế tốt hơn. Các công ty muốn giữ nhân viên lâu thường sẽ thiết kế khoản thường này khá tốt và rõ ràng. (Hoặc tính vào phúc lợi khác như du lịch, ăn chơi, nghỉ phép, làm ít giờ ...) Câu hỏi #4: Thiết kế web và Lập trình web có phải là một???Nhiều người mới bắt đầu tìm hiểu về Thiết kế web và Lập trình web thường nhầm lẫn giữa 2 thuật ngữ này (Rất rất hay nhầm lẫn) Bởi vì thực tế, hai khái niệm Thiết kế web và Lập trình web có thể hiểu chung. Thế nên, nếu nghe một dân không chuyên hỏi "Bạn có thiết kế website không?" bạn cũng có thể hiểu là họ muốn hỏi về cả: THIẾT KẾ Đừng cười họ vì họ không hiểu nha. Đó là chuyện bình thường thôi. Còn người trong ngành để phân biệt rõ thì người ta sẽ gọi cụ thể hơn là:
Phân biệt theo công cụ sử dụng:
Câu hỏi #5: Cần bằng cấp gì để trở thành nhà thiết kế web?Không cần bằng cấp gì cả. Việc của bạn là học và chứng minh năng lực thông qua kỹ năng, dự án cá nhân. Câu hỏi #6: Học thiết kế web mất bao lâu?Đây rất là câu hỏi rất khó trả lời. Học thiết kế web mất bao lâu sẽ hoàn toàn phụ thuộc vào:
Có thể bạn sẽ học những kiến thức cơ bản trong vòng vài tháng. Nhưng để hiểu kỹ hơn sẽ trang bị cho bạn mức độ kỹ năng cần thiết để tự gọi mình là một nhà thiết kế web chuyên nghiệp, hầu hết mọi người có thể mất đến vài năm. Thậm chí sau đó, có thể mất nhiều năm nữa để thành thạo những kỹ năng đó. Nhưng đừng lo lắng. Hãy cố gắng học những kiến thức cơ bản sớm và đi thực tập, làm việc bắt đầu từ vị trí thấp nhất. OK. Như vậy mình nghĩ có thể bạn đã phân biệt và hiểu hơn về hai khái niệm Thiết kế Web là Lập trình Web rồi đó. Bây giờ, bạn đã hiểu khá rõ rồi. Chúng ta sẽ tìm hiểu xem... HỌC THIẾT KẾ WEB CẦN HỌC NHỮNG GÌ?Học thiết kế web có thể giúp bạn có được một nghề nghiệp thú vị. Bạn sẽ làm việc trong một môi trường năng động đa dạng. Vì thế bạn cần có đầy đủ kiến thức, kỹ năng, kinh nghiệm để có thể xứng đáng với số tiền lương được trả. Ở đây mình sẽ chia thành 2 phần đó là:
Có nhiều người sẽ chia ra khái niệm khác nhau nhưng về cơ bản thì như nhau (không cần quá phân biệt làm gì cả) Kỹ năng cứng phải học để làm thiết kế webTrong trường hợp đầu tiên, đối với người mới bắt đầu học thiết kế web là tập trung vào học các nguyên tắc cơ bản, bao gồm nguyên tắc thiết kế, vẽ cơ bản và các phương pháp thiết kế web được chấp nhận trong ngành. Vì thiết kế web là một chuyên ngành rộng, các nhà thiết kế cần phải làm quen với các khía cạnh khác nhau của thiết kế, chẳng hạn như thiết kế đồ họa và tạo mẫu. Để tạo ra một thiết kế web bắt mắt, bạn cần phải học về lý thuyết màu sắc và các nguyên tắc cơ bản của hệ thống phân cấp thị giác. Và, tất nhiên, để trở thành một nhà thiết kế web thành công, bạn sẽ cần phải sử dụng thành thạo các công cụ thiết kế web (sẽ được đề cập đến trong phần sau). Nâng cao hơn, cũng là về khái niệm hiện đại hơn về thiết kế web.
Dĩ nhiên, công việc của Thiết kế UX / UI không tập trung nhiều vào việc viết các dòng code (Việc này có Lập trình viên Front end, Back end làm rồi) Nhưng tất cả mọi thứ nó liên quan nên bạn cũng cần phải biết (Dĩ nhiên là thường không cần code) #1: Học thiết kế đồ họa và hình ảnh
Thiết kế web bao gồm một phần Thiết kế đồ họa, hình ảnh. Bạn cần học kỹ về các nguyên tắc thiết kế trực quan như lý thuyết màu sắc, kiểu chữ, hệ thống lưới và không gian. Các yếu tố này giúp đảm bảo rằng tất cả các yếu tố khác nhau của một trang web - chẳng hạn như phông chữ và bảng màu hoạt động hài hòa với nhau. Các nhà thiết kế web cũng cần phải học cách cách thiết kế đồ họa. Dĩ nhiên, không cần phải biết thiết kế đồ họa đỉnh cao nhưng họa sĩ đâu. Nhiệm vụ phổ biến nhất mà các nhà thiết kế web thực hiện là sắp xếp, xây dựng bố cục, thay đổi kích thước, cắt ghép ảnh, tạo các hình cơ bản, nén hình ảnh... và một chút hiệu ứng. #2: Kỹ năng vẽ cơ bảnMặc dù Kỹ năng vẽ không phải là điều cần thiết đối với một nhà thiết kế web, nhưng hầu hết ít nhất bạn sẽ cần học Kỹ năng vẽ cơ bản để có các nguyên lý thiết kế, biết cách tạo ra các bố cục đẹp, hợp lý. Một nhà thiết kế cũng cần phải nắm chắc các khái niệm bản vẽ cơ bản như vẽ logo, hình học, đổ bóng và bản vẽ thô... Bản vẽ thô sẽ được dùng để mô tả ý tưởng nhanh chóng, định hình thiết kế, thu thập thêm các thông tin, điều chỉnh của khách hàng.... #3: Học công cụ thiết kế web
Trong bất kỳ ngành công nghiệp nào, sử dụng thành thạo các công cụ hỗ trợ cần thiết cho công việc là một bước thiết yếu để hướng tới thành công. Nếu bạn muốn thiết kế web tốt, bạn sẽ cần phải học công cụ thiết kế web tốt nhất, cũng như một loạt các công cụ và tài nguyên hỗ trợ khác. Bạn nên biết cách sáng tạo và sử dụng phần mềm thiết kế tiêu chuẩn của ngành như Adobe Photoshop, Illustrator, Animate ..., vì các nhà thiết kế web dự kiến sẽ sử dụng chúng cho các nhiệm vụ quan trọng như tạo mô hình, thiết kế logo và các nội dung khác, sửa đổi hình ảnh...
Giới thiệu Figma - Công cụ hỗ trợ thiết kế web hàng đầu
Sau khi đã học được sử dụng các công cụ, cuối cùng bạn đã có những kiến thức cơ bản nhất để tạo ra các thành phần của một bản thiết kế website. Tại thời điểm này bạn nên sử dụng các kỹ năng đã có để bắt đầu mô phỏng lại các website mà bạn thích (dưới dạng file thiết kế ảnh) Càng tạo ra nhiều bản thiết kế mô phỏng bạn càng học được nhiều khuôn mẫu thiết kế web, phong cách thiết kế, xu hướng thiết kế web.
Không có quy định tiêu chuẩn cụ thể thiết kế web phải như thế này, phải như thế kia. Nhưng mọi thiết kế tốt đều dựa vào nguyên lý thiết kế và những Best practice (Phương pháp hay nhất) trong ngành. Nhân tiện, bonus cho bạn một số Best practice trong thiết kế web:
Các nhà thiết kế web thường học tập qua các bản thiết kế của người đi trước và dựa vào khả năng sáng tạo riêng của từng cá nhân để tạo ra bản thiết kế của riêng mình. Tóm lại, ít nhất bạn cần biết cách tạo ra các bản mô phỏng các trang web mà bạn thấy thích. Dần dần bạn sẽ thực sự hiểu được mình cần phải thiết kế web như thế nào. Nhưng để tốt hơn nữa, sau giai đoạn này thì bạn cần học thêm một chút về... #4: Học một số Hệ thống thiết kế phổ biến
Bình thường chúng ta thiết kế theo ý thích của mình nhưng như vậy đều là những thiết kế dựa trên kinh nghiệm cá nhân. Còn một số ông lớn như Google, Apple họ lại không làm như vậy. Tất cả các thiết kế của họ đều tuân theo một hệ thống thiết kế nhất định để đảm bảo thiết kế truyền tải được bản sắc, sự độc đáo cũng như tầm nhìn của họ. Và bởi vì, hầu hết các website hiện nay khi chạy trên thiết bị di động đều sẽ chạy trên nền tảng iOS / macOS ... hoặc Android. Thế nên, bạn chắc chắn sẽ cần phải tìm hiểu để có thể tạo ra các bản thiết kế tốt hơn cho từng hệ điều hành.
Đặc biệt, các hệ thống thiết kế này được tạo ra bởi các nhà thiết kế hàng đầu thế giới, nguyên tắc thiết kế dựa trên rất nhiều dữ liệu thống kê, các nghiên cứu UX (Trải nghiệm người dùng). Do đó, chỉ cần tuân thủ guidelines là bạn đã chắc chắn có một thiết kế web ổn. Đến đây... Hầu hết, các nhà thiết kế web ở giai đoạn này sẽ bắt đầu xin đi thực tập thiết kế web hoặc xin đi làm luôn. Nhưng, chỉ dừng lại ở phần này đang gây ra một hiện tượng rất rất phổ biến trong giới đó là... Lập trình viên: "M vẽ cái đéo gì thế này? Nhà thiết kế web: "Vẽ thế này cũng không được, Đó, chính vì Nhà thiết kế web chưa hiểu Lập trình viên nên mới xảy ra vấn đề này. Vấn ở đây là, Đại đa số nhà thiết kế web có thể tạo ra bản thiết kế đẹp. Nhưng không bản thiết kế đẹp không đồng nghĩa với thiết kế tốt / khả thi về mặt kỹ thuật. Vì, thiết kế là thiên về nghệ thuật nhưng Lập trình thì thiên về kỹ thuật. Thiết kế càng nghệ thuật, sáng tạo thì Lập trình càng khó hoặc tốn nhiều thời gian hơn để lập trình. Do đó, để công việc thiết kế của bạn tốt hơn, nằm trong nhóm được trả lương cao hơn thì, bạn nên... #5: Học Lập trình web để thiết kế web
Nhà thiết kế web sẽ rất khó để để thăng tiến trong công việc nếu không có kiến thức về lập trình web. Học lập trình web cơ bản sẽ giúp bạn biết rằng bản thiết kế bạn vừa tạo ra có khả thi về mặt kỹ thuật hay không. Để biết được điều đấy thì bạn cần học về:
Đa phần là đến đây bạn đã nằm trong top 20% các nhà thiết kế rồi. Tuy nhiên, top 10% còn lại được trả lương cực kỳ cao thì sẽ có thêm nhiều kiến thức kỹ năng hơn. Mà về kỹ năng cứng thì bạn sẽ cần học về:
Tóm lại là bạn biết cách tạo ra một website từ đầu đến cuối (ở mức cơ bản, không cần đi sâu quá) để bạn có cái nhìn tổng quát hơn, phối hợp tốt với đồng nghiệp, cảm thông hơn với công việc của họ... Cuối cùng, vì mục tiêu đưa ra những bản thiết kế tốt nhất (ít phải sửa chữa) Tuy nhiên, ở mức độ này thì bạn vẫn chưa được gọi là Nhà thiết kế UX / UI. Bởi vì nhà thiết kế UX / UI cần phải... #6: Học thiết kế trải nghiệm người dùng (UX)UX (User Experience) là một thuật ngữ phức tạp được sử dụng để mô tả cảm giác của mọi người khi họ truy cập và điều hướng một trang web, tức là khi đó:
Tất nhiên, mục đích là tạo ra các thiết kế web tốt và một trải nghiệm (UX) tuyệt vời sẽ làm cho các trang web hoạt động theo cách mà người dùng mong muốn và mong đợi, và cuối cùng sẽ khiến họ muốn ở lại trên một trang web. Trải nghiệm người dùng nhất thiết phải kết hợp từng yếu tố kỹ thuật được mô tả ở trên, nhưng nó cũng nhắc nhở nhà thiết kế web luôn luôn quan tâm đến người dùng cuối khi thiết kế một trang web. Câu hỏi luôn phải là: “Chính xác thì người dùng cần gì và làm cách nào để trang web này có thể cung cấp cho họ những gì họ cần một cách nhanh chóng và dễ chịu nhất có thể?” Để hiểu UX đầy đủ hơn, nếu bạn mới bắt đầu học thiết kế web thì ít nhất phải lưu tâm đến các nguyên tắc cơ bản của lý thuyết thiết kế web. Để đạt được trải nghiệm người dùng tốt thì phải dựa trên sự hiểu biết tốt về bố cục và cấu trúc. Khách truy cập phải được yêu cầu chuyển qua càng ít vòng càng tốt, vì vậy các nhà thiết kế cần đảm bảo rằng:
Nói chung là rất nhiều thứ để có thể mang lại một trải nghiệm tốt. Theo Nielsen: "Người dùng mong đợi 77% các yếu tố thiết kế Web đơn giản hơn hoạt động theo một cách nhất định (như cách nó vốn như vậy)" Có nghĩa là hãy làm 77% yếu tố của trang web giống như thông thường. Chỉ 23% còn lại có dành cho sự sáng tạo, phá cách. Một khía cạnh rất quan trọng khác của UX là bảo mật. Người dùng cần cảm thấy tin tưởng và yên tâm rằng thông tin cá nhân của họ an toàn trước các Hacker khi họ truy cập trang web, trao thông tin cá nhân của họ cho bạn. Mức độ bảo mật cao này cần đạt được đồng thời làm cho trang web đủ mở để cho phép các bot của công cụ tìm kiếm tìm và hiểu các trang trong trang web. Cuối cùng, các nhà thiết kế web nên nhớ rằng trang web sẽ là một yếu tố giúp doanh nghiệp không ngừng phát triển, mô phỏng doanh nghiệp trên môi trường ảo. Khi doanh nghiệp thay đổi và kỳ vọng của người dùng thay đổi, trang web của họ sẽ cần phải điều chỉnh. Trải nghiệm người dùng (UX) luôn luôn là điều tối quan trọng trong tâm trí của các nhà thiết kế web khi thực hiện những thay đổi này. Do đó, để nâng tầm sự nghiệp thiết kế web của bạn thì chắc chắn bạn nên học thiết kế UX một cách cẩn thận. Kỹ năng mềm phải học để làm thiết kế webNgoài các kỹ năng cứng, nhà thiết kế web còn phải học các kỹ năng mềm để có thể làm việc tốt trong một môi trường năng động.
Dù bạn làm việc trong một bộ phận thiết kế lớn hay làm freelancer, thì bạn vẫn cần phải hợp tác với người khác để tạo ra được sản phẩm. Và sự hiểu biết về các mục tiêu kinh doanh và giới hạn ngân sách của khách hàng sẽ giúp định hướng công việc của bạn và cuối cùng sẽ giúp đảm bảo rằng các dự án bạn thực hiện đều mang lại lợi nhuận và bền vững. > Ghi chú: KHÓA HỌC LẬP TRÌNH (Full Stack) tại NIIT - ICT Hà Nội cũng giúp bạn có được bộ kỹ năng thiết kế web và cả lập trình web.Một số tài nguyên dành cho nhà thiết kế webĐể hỗ trợ bạn học và thực hiện công việc thiết kế tốt hơn, đây là một số tài nguyên có sẵn:
Demo sử dụng phần công cụ Inspector của Chrome
TỔNG KẾT VỀ HỌC THIẾT KẾ WEBThiết kế web tiếp tục là một nghề được săn đón nhiều khi việc sử dụng internet trên toàn cầu tiếp tục phát triển. Học thiết kế web mà chắc chắn sẽ không cần bằng cấp, bất kỳ nhà tuyển dụng cũng thích kinh nghiệm, kỹ năng hơn bằng cấp. Học cách trở thành một nhà thiết kế web không phải có đường tắt, nó đòi hỏi thời gian, nỗ lực và một chút kiến thức về kỹ thuật lập trình. Tuy nhiên, với sự nhiệt tình, chăm chỉ, kiên nhẫn và thực hành nhiều, bạn có thể bắt tay học thiết kế web thành công và tạo ra những trang web tốt. Để rồi kiếm được tiền từ những kỹ năng thiết kế web đó. Chúc bạn thành công! --- HỌC VIỆN ĐÀO TẠO CNTT NIIT - ICT HÀ NỘI Học Lập trình chất lượng cao (Since 2002). Học thực tế + Tuyển dụng ngay! Đc: Tầng 3, 25T2, N05, Nguyễn Thị Thập, Cầu Giấy, Hà Nội SĐT: 02435574074 - 0914939543 Email: Fanpage: https://facebook.com/NIIT.ICT/ #niit #niithanoi #niiticthanoi #hoclaptrinh #khoahoclaptrinh #hoclaptrinhjava #hoclaptrinhphp #java #php #python |