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
Đây là những chữ viết tắt hài hước! 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.
Ví dụ: họ có luôn nhấp thẳng vào phương tiện truyền thông xã hội không? Hoặc họ chỉ đang tìm kiếm thông tin liên hệ? Và bạn sẽ xây dựng các khung lưới để phác thảo các phần chính của mỗi trang web. Tất cả các thành phần này là cần thiết để thực hành thiết kế trải nghiệm người dùng.
Design Software
Giống như bất kỳ thợ thủ công nào, để thực hiện công việc của bạn, bạn cần các công cụ phù hợp. Biết cách của bạn xung quanh các tiêu chuẩn ngành sẽ hữu ích trong mọi trường hợp và quan trọng trong nhiều trường hợp.
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.
Bạn thậm chí có thể được yêu cầu thực hiện một số bản sao hoặc chỉnh sửa cho các trang web, đặc biệt là nếu bạn đang điều hành một cửa hàng của riêng bạn. Vì vậy, hãy khóa chặt bài viết và kỹ năng thuyết trình của bạn, và bạn sẽ chắc chắn nhận được điểm của mình trong mọi tình huống.
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.
Mẹo học thiết kế website hiệu quả
- Đừng cố gắng học mọi thứ cùng một lúc. Bạn nên chọn một kỹ năng để học tại một thời điểm nhất định.
- Đừng “nhảy lò cò” từ hướng dẫn này đến hướng dẫn khác. Khi bạn học, bạn có thể xem lướt qua các tài nguyên khác nhau để xem tài nguyên nào bạn thích nhất. Nhưng một lần nữa, hãy cố gắng chọn một.
- Học thiết kế web là một hành trình dài. Có lẽ bạn đã từng “nghe đồn” về những người đi từ số 0 đến một công việc thiết kế web chuyên nghiệp chỉ trong 3 tháng. Nhưng đó chỉ là thiểu số. Bạn nên đặt mục tiêu từ 1 đến 2 năm để sẵn sàng bắt đầu mọi thứ một cách thoải mái nhất.
- Chỉ xem một khóa học video hoặc đọc một cuốn sách sẽ không đủ để biến bạn thành một chuyên gia. Học lý thuyết chỉ là bước đầu tiên. Xây dựng các trang web và dự án thực tế (thậm chí chỉ là bản demo cho chính bạn) sẽ giúp việc học của bạn thực sự hiệu quả.
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).
Các Package Manager phần lớn là những phần mềm mã nguồn mở. Mỗi phần mềm, được gọi là một gói (package). Chúng được người khác viết sẵn để bạn cài đặt và sử dụng trong các dự án của riêng bạn.
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.
- Gulp, về mặt kỹ thuật là một trình chạy tác vụ, có một bộ các gói npm mà bạn có thể sử dụng để biên dịch và xử lý các tệp của mình.
- Webpack là một gói siêu mạnh có thể làm mọi thứ. Nó được sử dụng rất nhiều trong môi trường JavaScript, đặc biệt là với các framework JavaScript. Một nhược điểm của Webpack là nó yêu cầu máy của bạn phải có cấu hình đủ mạnh. Điều này có thể gây khó chịu cho người mới bắt đầu.
- Parcel là một gói mới hơn so với Webpack, nhưng nó được cấu hình sẵn, do đó bạn có thể khiến nó hoạt động chỉ trong vài phút. Và bạn không cần phải lo lắng nhiều về việc phải tự cấu hình mọi thứ.
Cá nhân tôi thích sử dụng Gulp cho quy trình công việc front end của riêng mình. Gulp có thể giúp tôi biên dịch các tệp Sass và JavaScript nhanh chóng mà không cần phải làm quá nhiều thứ rối rắm khác.
Những tài liệu hữu ích:
- Nếu bạn quan tâm đến Gulp hoặc Parcel, tôi có hướng dẫn cho cả hai:
- Nếu bạn muốn tìm hiểu thêm về Webpack, hãy xem các video YouTube sau:
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ữ.
Bạn cũng có thể đã nghe nói về GitHub, một công ty lưu trữ trực tuyến thuộc sở hữu của Microsoft, nơi bạn có thể lưu trữ tất cả các kho Git của mình.
Để tìm hiểu Git và GitHub, GitHub.com có một số hướng dẫn trực tuyến giải thích bắt đầu và quá trình chạy. Traversy Media cũng có một video YouTube giải thích cách Git hoạt động.
Theo gtvseo.com
Japan IT Works
