Cách thiết kế trang web

01 trên 10

Nghiên cứu

Một khách hàng tiềm năng đã yêu cầu bạn thiết kế một trang web, nhưng bạn bắt đầu từ đâu? Có một quy trình nhất định mà bạn có thể làm theo để đảm bảo dự án diễn ra suôn sẻ. Nó phản ánh quá trình thiết kế đồ họa tiêu chuẩn , chỉ với một vài bước cụ thể cho trang web để bao gồm.

Là một nhà thiết kế đồ họa, bạn có thể chọn tự mình thực hiện toàn bộ thiết kế, bao gồm cả mã hóa. Tuy nhiên, bạn cũng có thể muốn thu thập một nhóm để giúp bạn với các chi tiết. Một nhà phát triển web và chuyên gia SEO có thể là những bổ sung có giá trị cho dự án của bạn.

Tất cả bắt đầu với nghiên cứu

Như với hầu hết các dự án thiết kế, bước đầu tiên khi tạo một trang web là thực hiện nghiên cứu. Một số nghiên cứu này sẽ được thực hiện với khách hàng để có được một sự hiểu biết về nhu cầu của họ. Bạn cũng sẽ cần phải tìm hiểu thêm về ngành và đối thủ cạnh tranh của họ.

Khi gặp gỡ với khách hàng của bạn, bạn cần phải khám phá càng nhiều càng tốt để giúp bạn phát triển một phác thảo cho trang web và cuối cùng thiết kế nó. Điều này bao gồm hỏi về đối tượng mục tiêu, mục tiêu, hướng sáng tạo và các biến khác có thể ảnh hưởng đến những gì bạn có thể cung cấp cho khách hàng, chẳng hạn như ngân sách và thời hạn.

Ngành công nghiệp và nghiên cứu thị trường của bạn sẽ xảy ra đồng thời. Để được chuẩn bị cho cuộc họp khách hàng của bạn, bạn nên có một ý tưởng về ngành của họ. Sau khi tìm ra nhu cầu của họ, sau đó bạn sẽ muốn nhìn sâu hơn một chút.

Mức độ nghiên cứu được thực hiện sẽ phụ thuộc vào ngân sách của khách hàng và kiến ​​thức hiện tại của bạn về ngành. Nó có thể đơn giản như tìm kiếm để xem những gì các trang web khác trong lĩnh vực này trông như thế nào. Đối với các dự án lớn hơn, nó có thể giống như nghiên cứu chuyên sâu với các nhóm tập trung.

02 trên 10

Động não

Một khi bạn biết dự án là gì, đó là thời gian để thu thập ý tưởng, và động não là một nơi tuyệt vời để bắt đầu . Thay vì tìm kiếm ý tưởng hoàn hảo để trở thành người đầu tiên của bạn, hãy loại bỏ mọi ý tưởng hoặc khái niệm cho trang web. Bạn luôn có thể thu hẹp xuống sau.

Một số trang web có thể gọi cho giao diện web chuẩn, với điều hướng (thanh nút) và khu vực nội dung nơi người dùng có nhiều khả năng mong đợi nhất. Những người khác có thể yêu cầu một khái niệm duy nhất để trình bày nội dung.

Cuối cùng, nội dung sẽ thúc đẩy thiết kế. Ví dụ: một trang web tin tức sẽ có cách tiếp cận khác với danh mục web của một nhiếp ảnh gia

03 trên 10

Quyết định các yêu cầu kỹ thuật

Sớm trong quá trình phát triển một trang web, các quyết định cần phải được thực hiện liên quan đến các yêu cầu kỹ thuật của dự án. Các quyết định như vậy sẽ ảnh hưởng đến ngân sách, khung thời gian và, trong một số trường hợp, cảm nhận chung của trang web.

Một trong những quyết định chính là cấu trúc cơ bản của trang web nên sẽ xác định phần mềm nào sẽ sử dụng và hệ thống nào làm cho trang web “hoạt động”.

Các tùy chọn của bạn bao gồm:

04 trên 10

Viết một phác thảo

Bây giờ bạn đã thu thập các thông tin cần thiết và suy nghĩ một số ý tưởng, đó là một ý tưởng hay để có được tất cả trên giấy.

Một phác thảo của một trang web nên bao gồm một danh sách của từng phần được đưa vào trang web, với mô tả loại nội dung nào sẽ được hiển thị trên mỗi trang. Nó cũng nên mô tả càng chi tiết càng tốt những tính năng sẽ có trên trang web, chẳng hạn như tài khoản người dùng, nhận xét, chức năng mạng xã hội, video hoặc đăng ký bản tin.

Ngoài việc giúp tổ chức dự án, khách hàng nên được trình bày với phác thảo đề xuất trang web để họ có thể phê duyệt dự án trước khi dự án tiếp tục. Điều này sẽ cho phép họ thêm, xóa hoặc điều chỉnh bất kỳ phần hoặc tính năng nào.

Tất cả điều này cuối cùng sẽ giúp bạn phát triển ngân sách và khung thời gian và xây dựng trang web. Đồng ý về giá cho một dự án trang web dựa trên một phác thảo đã được phê duyệt sẽ giúp tránh các khoản phí bổ sung hoặc sự khác biệt của ý kiến ​​trễ trong dự án.

05 trên 10

Tạo Wireframes

Wireframes là các bản vẽ đường thẳng đơn giản của các bố cục trang web cho phép bạn (và khách hàng) tập trung vào vị trí của các phần tử thay vì màu sắc và loại.

Điều này cực kỳ hữu ích vì nó xác định nội dung nào đáng chú ý nhất và phần trăm không gian được sử dụng trên trang cho các phần tử đó. Nếu không bị phân tâm bởi các yếu tố hình ảnh khác, khung hình được phê duyệt sẽ cung cấp một khuôn khổ cho thiết kế của bạn.

Đối với một số dự án, bạn có thể xem xét có một bộ sưu tập các khung hình có sẵn để sử dụng cho các loại nội dung khác nhau. Các liên hệ, về và các trang khác có nhiều văn bản có thể có bố cục khác với một thư viện hoặc trang mua sắm.

Điều quan trọng là bạn duy trì một cái nhìn thống nhất trên toàn bộ trang web khi bạn chuyển đổi từ một wireframe sang khung kế tiếp.

06 trên 10

Thiết kế trang web

Khi bạn và khách hàng của bạn hài lòng với wireframes, đã đến lúc bắt đầu thiết kế trang web.

Adobe Photoshop là công cụ phổ biến nhất để tạo ra các thiết kế ban đầu. Trọng tâm của thiết kế trang web cần phải trình bày nội dung và nó sẽ được sử dụng để tạo ra các trang web thực sự.

Để bây giờ, chỉ cần thiết kế và chơi với các yếu tố cơ bản để tạo ra một cái gì đó cho khách hàng của bạn để xem xét và phê duyệt.

07 trên 10

Xây dựng trang web

Khi thiết kế của bạn được phê duyệt, các trang cần được chuyển từ mockups thành các trang web thực tế được viết bằng HTML và CSS.

Nhà thiết kế / nhà phát triển có kinh nghiệm có thể chọn tiếp quản tất cả mã hóa, trong khi ai đó tập trung vào khía cạnh thiết kế của web có thể làm việc chặt chẽ với nhà phát triển để đưa trang web vào cuộc sống. Nếu đúng như vậy, nhà phát triển nên tham gia ngay từ đầu.

Các nhà phát triển sẽ giúp đảm bảo thiết kế là một bố cục web thực tế và hiệu quả. Họ cũng nên được tư vấn về bất kỳ tính năng nào bạn hứa với khách hàng vì một số tính năng có thể không thực thi hoặc có lợi cho trang web.

Các phần mềm như Adobe Dreamweaver có thể giúp một nhà thiết kế biến một mockup thành một trang web đang hoạt động, với các tính năng kéo và thả, các hàm dựng sẵn và các nút để thêm các liên kết và hình ảnh.

Có nhiều lựa chọn phần mềm có sẵn để xây dựng trang web. Chọn một trong những bạn thích làm việc với, chỉ cần chắc chắn họ cho phép bạn thực sự nhận được vào các chi tiết và mã hóa của các trang.

08 trên 10

Phát triển trang web

Khi bố cục của bạn được hoàn thành trong HTML và CSS, nó cần được tích hợp với hệ thống bạn đã chọn. Đây là điểm mà nó trở thành một trang web hoạt động.

Điều này có nghĩa là phát triển các mẫu được đọc bởi hệ thống quản lý nội dung, thay đổi mẫu WordPress hoặc sử dụng Dreamweaver để tạo liên kết giữa các trang và các tính năng web nâng cao hơn. Đây lại là một bước có thể được để lại cho một thành viên khác hoặc thành viên của nhóm.

Bạn cũng sẽ cần phải mua một tên miền trang web và có một dịch vụ lưu trữ xếp hàng. Điều này nên là một phần của các cuộc thảo luận của bạn với khách hàng và, trong thực tế, nên được thực hiện trong giai đoạn đầu của quá trình. Đôi khi có thể mất một lúc để các dịch vụ trở nên hoạt động.

Nó cũng rất quan trọng là bạn hoặc nhà phát triển của bạn thực hiện kiểm tra kỹ lưỡng trang web. Bạn không muốn làm 'tiết lộ lớn' và có các chức năng không hoạt động đúng.

09 trên 10

Quảng bá trang web

Với trang web của bạn trực tuyến, đã đến lúc quảng bá nó. Thiết kế tuyệt vời của bạn không tốt nếu mọi người không ghé thăm nó.

Hướng lưu lượng truy cập đến một trang web có thể bao gồm:

10 trên 10

Giữ nó tươi

Một trong những cách tốt nhất để giữ cho mọi người quay lại trang web của bạn là giữ nội dung mới mẻ. Với tất cả công việc được đưa vào một trang web, bạn không muốn nó vẫn giữ nguyên trong vài tháng sau khi ra mắt.

Tiếp tục đăng nội dung, ảnh, video hoặc nhạc mới ... bất kể trang web nào được xây dựng để trình bày. Blog là một cách tuyệt vời để giữ cho trang web được cập nhật, với các bài đăng có độ dài bất kỳ trên bất kỳ chủ đề nào có liên quan đến trang web của bạn,

Nếu khách hàng của bạn sẽ xử lý các bản cập nhật cho trang web CMS, bạn có thể cần huấn luyện họ để sử dụng nó. Việc cập nhật trang web bạn đã thiết kế là một cách hay để có thu nhập thường xuyên. Hãy chắc chắn rằng bạn và khách hàng của bạn đồng ý về tần suất và mức giá cho bất kỳ công việc cập nhật nào bạn làm.