Profil

Beitrittsdatum: 26. Okt. 2022

Info

Những lưu ý khi học thiết kế website cho người mới bắt đầu

Bạn đang tò mò về ngành thiết kế website, về học thiết kế website như thế nào nhưng lại loãng thông tin quá nhiều. Bạn là một newbie có đam mê với thiết kế website nhưng lại không biết bắt đầu từ đâu. Hôm nay, hãy cùng VnSkills Academy tìm hiểu top những lưu ý khi bắt đầu học thiết kế website để tránh những sai lầm không đáng có trên con đường thiết kế website của mình nhé.

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.

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:

  • Gặp gỡ khách hàng để thu thập mục tiêu và mong muốn của họ

  • Thiết kế trang web, bao gồm: Quyết định trang web sẽ nhìn như thế nào trên các thiết bị, trình duyệt khác nhau. Thiết kế bố cục, phông chữ và cách phối màu, chuẩn bị hình ảnh minh họa...

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. 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...

Thiết kế web bắt đầu học từ đâu?

Các bước để tìm hiểu nền tảng phát triển web



Nền tảng: Cách trang web hoạt động, front-end so và back-end, sử dụng trình chỉnh sửa mã.

  • Nền tảng: HTML, CSS và JavaScript.

  • Công cụ: Trình quản lý gói, công cụ xây dựng, kiểm soát phiên bản.

  • Front-end bổ sung: Sass, thiết kế đáp ứng, framework JavaScript.

  • Nền tảng về backend: Máy chủ và cơ sở dữ liệu, ngôn ngữ lập trình.

Xem thêm: Những ngôn ngữ lập trình web phổ biến

Lộ trình học phát triển web (infographic)

Dưới đây, một Infographic hữu ích cho bạn thấy tất cả các bước trong lộ trình học phát triển web khi mới bắt đầu.

Phát triển web là gì?

Trước khi chúng ta bắt đầu viết mã thực tế, trước tiên, hãy xem một số thông tin chung về phát triển web là gì: cách thức các trang web hoạt động, sự khác biệt giữa Parcel và back-end và sử dụng trình biên tập mã.

Làm thế nào để các trang web hoạt động?

Tất cả các trang web, ở mức cơ bản nhất, chỉ là một loạt các tệp được lưu trữ trên máy tính được gọi là máy chủ. Máy chủ này được kết nối với internet. Sau đó, bạn có thể tải trang web đó thông qua trình duyệt (như Chrome, Firefox hoặc Safari) trên máy tính hoặc điện thoại của bạn. Trình duyệt của bạn được gọi là máy khách trong tình huống này.

Vì vậy, mỗi khi bạn truy cập internet, bạn (khách hàng) sẽ nhận và tải dữ liệu (như ảnh mèo) từ máy chủ, cũng như gửi dữ liệu trở lại máy chủ (tải ảnh mèo moar!) giữa máy khách và máy chủ là cơ sở của internet.

Bất cứ điều gì bạn có thể truy cập trong trình duyệt của mình là thứ mà nhà phát triển web đã xây dựng. Một số ví dụ là các trang web và blog kinh doanh nhỏ thuộc loại đơn giản hơn, còn tất cả các ứng dụng web như AirBnb, Facebook và Twitter rất phức tạp .

Điều gì khác biệt giữa sự khác biệt giữa front-end và back-end?

Các thuật ngữ phát triển web front-end, back-end và full-stack mô tả về phần nào của mối quan hệ máy khách / máy chủ mà bạn làm việc cùng.

Front-end có nghĩa là bạn có thể giao dịch chủ yếu với phía khách hàng. Nó được gọi là front-end của người dùng vì nó là những gì bạn có thể thấy trong trình duyệt. Ngược lại, front-end trở lại một phần của trang web mà bạn không thể thật sự thấy, nhưng nó xử lý rất nhiều logic và chức năng cần thiết cho mọi thứ hoạt động. Front end của trang web được tạo thành từ ba loại tệp: HTML, CSS và JavaScript. Các tệp này là những gì được chạy trong trình duyệt, ở phía máy khách.

Mặt khác, việc phát triển web back-end giống như phần sau của nhà hàng. Đó là nơi mà việc giao hàng và hàng tồn kho được quản lý và quá trình tạo ra thực phẩm diễn ra. Có rất nhiều điều đằng sau hậu trường mà khách hàng sẽ không nhìn thấy, nhưng họ sẽ được trải nghiệm (và hy vọng sẽ được thưởng thức) sản phẩm cuối cùng một bữa ăn ngon!



Học thiết kế web ở đâu?

Học từ các khóa học thiết kế web trực tuyến

Internet có đầy đủ thông tin chi tiết về thiết kế web và rất nhiều thông tin có sẵn miễn phí. Bạn có thể bắt đầu bằng cách tham gia một số khóa học trực tuyến miễn phí.

Khóa học thiết kế website trên Google

Nếu bạn là người mới bắt đầu không có kinh nghiệm thiết kế web, hãy bắt đầu bằng cách tìm hiểu về những điều cơ bản của mã hóa trong HTML và CSS.

Học từ các khóa học tại một trường Cao đẳng hay Đại học hoặc các trung tâm đào tạo

Hãy kiểm tra các khóa học thiết kế của trường học bạn hoặc tham khảo danh mục khóa học tại một số trường hoặc trung tâm đào tạo khác để tìm hiểu xem có nên học thiết kế website ở đâu phù hợp với bạn.

Học từ các sách hướng dẫn thiết kế

Bạn có thể tìm và học hỏi cách thiết kế web qua các sách hướng dẫn học thiết kế. Có rất nhiều quyển sách hay về thiết kế website, bạn có thể tìm nó ở thư viện hay một nhà sách nào đó. Đọc và áp dụng một cách thật khôn ngoan nhá!

Ngoài ra, các nguồn hướng dẫn thiết kế theo xu hướng bạn có thể tìm hiểu qua các tạp chí, bài viết trên blog về thiết kế web. Đó cũng là một cách tốt để bạn năng cao kỹ thuật, lấy cảm hứng và theo kịp xu hướng.

Tải về hoặc mua một số phần mềm thiết kế web

Phần mềm thiết kế web tốt có thể giúp bạn xây dựng trang web hiệu quả và hiệu quả hơn, và cũng rất tốt để giúp bạn tìm hiểu về việc áp dụng mã hóa, kịch bản và các yếu tố thiết kế chính khác.

Nhìn chung có rất nhiều cách để bạn có thể bắt đầu học thiết kế web, điều quan trọng là, bạn tìm ra được phương pháp học phù hợp cho bản thân mình.

Công cụ cần có để tự học thiết kế web

Bây giờ, hãy để vào một số công cụ front end khác. Như chúng tôi đã đề cập, HTML, CSS và JavaScript là các mảng xây dựng cơ bản của phát triển web front end. Ngoài chúng ra, còn có một vài công cụ khác mà bạn muốn học.

Package Managers – Bộ công cụ quản lý, tự động hoá

Package Manager (PM) là một tập hợp các công cụ, phần mềm trực tuyến. Nhóm công cụ này được dùng để quản lý và tự động hóa quá trình cài đặt, nâng cấp, cấu hình, và gỡ bỏ các phần mềm/thư viện (package).

Package Manager phổ biến nhất là NPM (Node Package Manager). Nhưng bạn cũng có thể sử dụng trình quản lý khác có tên là Yarn. Cả hai đều là những lựa chọn tốt, nhưng nếu bạn là người mới thì hãy nên bắt đầu với npm.

Build Tools – Bộ công cụ xây dựng

Các gói mô-đun và các công cụ xây dựng như Webpack, Gulp hoặc Parcel, là một phần thiết yếu khác của quy trình làm việc front end.

Ở mức độ cơ bản, các công cụ này chạy các tác vụ và xử lý tệp. Bạn có thể sử dụng chúng để biên dịch các tệp Sass của mình thành CSS, dịch mã các tệp JavaScript ES6 của bạn xuống ES5 để hỗ trợ trình duyệt tốt hơn, chạy máy chủ web cục bộ và nhiều tác vụ hữu ích khác.

Version Control – Bộ công cụ theo dõi phiên bản

Version Control là tập hợp những công cụ giúp theo dõi sự thay đổi của toàn bộ cấu trúc chương trình (bao gồm từ các file code cho đến các file hình ảnh, video,…) Với Version Control, bạn có thể tạo ra nhiều phiên bản khác nhau và backup thay đổi trước đó nếu bạn mắc lỗi.

Đây gần như có nơi có thể lưu trữ vô hạn cho dự án của bạn và có thể gọi là nơi “cứu rỗi” cho những ai hay mắc phải sai lầm.

Version Control phổ biến nhất là một hệ thống mã nguồn mở có tên là Git. Sử dụng Git, bạn có thể lưu trữ tất cả các tệp của mình và lịch sử thay đổi của chúng trong các bộ sưu tập được gọi là kho lưu trữ.



Kỹ năng cần có để học thiết kế web online

Visual Design

Có vẻ như rõ ràng rằng bạn cần kiến ​​thức thiết kế để trở thành một nhà thiết kế web. Nhưng thiết kế trực quan tập trung vào các sản phẩm kỹ thuật số. Vì vậy nó có thể khác với những gì bạn mong đợi.

Trong trường hợp này, các nguyên tắc thiết kế là những gì quyết định giao diện của một trang web. Chúng có thể bao gồm từ tỷ lệ đến kiểu chữ, hệ thống lưới, đến lý thuyết màu sắc.

UX – Trải nghiệm người dùng

UX là viết tắt của trải nghiệm người dùng (user experience) hoặc cách mọi người cảm thấy (bình tĩnh, thất vọng, v.v.) khi họ sử dụng trang web. Trên hết, UX là về cách tiếp cận các thiết kế của bạn từ góc nhìn người dùng đầu tiên; làm thế nào bạn có thể thiết kế một trang web giúp họ có được chính xác những gì họ cần?

Để làm điều đó, bạn sẽ nghiên cứu người dùng của mình và tạo ra personas (hồ sơ của người dùng lý tưởng tưởng tượng). Bạn có thể bố trí các trang và nội dung với bản đồ trang web. Bạn sẽ tìm ra con đường người dùng đi trên trang web của bạn trong các luồng người dùng.

Design Software

Mặc dù thiết kế trang web có thể được thực hiện ngay trên trình duyệt web, các công cụ như Adobe Photoshop, Illustrator và Sketch là những công cụ mà hầu hết tất cả các nhà thiết kế sử dụng cho các phần quan trọng của công việc như tạo mockup, thiết kế (logo và hình ảnh) và tất nhiên sửa đổi và nâng cao hình ảnh.

Bạn nên học cách sử dụng chúng (mặc dù, nếu bạn chỉ mới bắt đầu, hãy xem xét thử một vài lựa chọn thay thế photoshop miễn phí)

Communication

Giữ liên lạc là kỹ năng cần có cho một nhà thiết kế. Bạn không thể kiếm sống từ việc xây dựng trang web mà không cần giao tiếp tốt. Và bạn cũng sẽ cần cập nhật cho khách hàng về tiến độ của các dự án của họ cộng với giải thích những sáng tạo của bạn.

SEO / Digital Marketing / Social Media

Bộ kỹ năng SEO (tối ưu hóa công cụ tìm kiếm), digital marketing và phương tiện truyền thông xã hội có vẻ như nó có ý nghĩa đối với một nhân viên bán hàng hơn là một nhà thiết kế web.

Dù vậy, vì Internet là cách mà nhiều công ty bán hàng ngày nay và vì bạn cũng sẽ cần bán tài năng thiết kế web của mình (khi bạn đang tìm việc hoặc cho khách hàng tự do), bạn cũng nên biết về chúng. Ngay cả khi biết những điều cơ bản của từng người và ghi nhớ chúng cho cả khách hàng và trang web của riêng bạn sẽ giúp bạn đi một chặng đường dài trong hành trình thiết kế web của bạn.

Business / Client Management

Và, là một nhân viên hoặc là một người làm việc tự do, hiểu được điểm mấu chốt sẽ giúp bạn đảm bảo rằng bạn hoặc công ty của bạn có lợi nhuận và bền vững. Bạn không cần phải quay lại lấy bằng MBA, nhưng bạn nên có ý tưởng về mục tiêu và tài chính của chủ lao động hoặc doanh nghiệp của bạn để bạn có thể sử dụng chúng để hướng dẫn công việc của mình.

Và, nếu bạn thiết kế trực tiếp cho khách hàng, bạn nên có một kế hoạch để đảm bảo rằng dòng tiền và hồ sơ dự án của bạn đều khỏe mạnh và có thể thực hiện được trong ngắn hạn và dài hạn.

Mong rằng với những chia sẻ của tôi về học thiết kế web cơ bản, bạn có thể đưa ra được những quyết định cho bản thân nên bắt đầu học bằng cách nào. Hơn nữa, với những gợi ý công cụ học, các kỹ năng và một lộ trình học chi tiết giúp bạn sẽ có một kế hoạch và mục tiêu hoàn hảo nhất cho quá trình học thiết kế Web trong tương lai.

Chúc bạn thành công!

V
vnskills academy

vnskills academy

Weitere Optionen