Chủ Nhật, 24 tháng 4, 2011

12 thủ thuật thiết kế cho website thương mại nhỏ

Thiết kế web có thể là một công việc không mấy dễ dàng, vậy bạn sẽ cần những kỹ năng nào? Có thể tự thiết kế nó không? Và khi nào cần đến một website?

 thiết kế website có thể là một công việc không mấy dễ dàng, vậy bạn sẽ cần những kỹ năng nào? Có thể tự thiết kế nó không? Và khi nào cần đến một website? Sau khi thành lập và vận hành công ty hay là khi việc kinh doanh của bạn được tiến hành trên trang web.

Dù có vài câu hỏi khiến bạn băn khoăn song chỉ có một câu hỏi mà bạn phải cố gắng tìm ra câu trả lời, và sẽ chỉ có được những câu trả lời phù hợp nhờ sự trợ giúp của người tư vấn hoặc công ty thiết kế web.

Dưới đây là những điều bạn nên xem xét khi lên kế hoạch, thiết kế và xây dựng thiet ke website, sao cho có một trang web có nội dung thu hút khách truy cập và dành được thứ hạng trên công cụ tìm kiếm.

1. Hãy có một logo đẹp. Bởi nó là thương hiệu và là điều khiến mọi người nhớ tới website của bạn. Logo thường được đặt ở phía trên cùng của website vì khách thăm sẽ dễ nhìn thấy vị trí này trước tiên khi tới trang web của bạn. Logo/ thương hiệu có thể “ phản ánh” rất nhiều điều vì thế nó rất quan trọng.

2. Bài text trên mỗi trang cần được liên quan tới nhau và có tối thiểu 250 từ, thật tốt nếu những bài text này có chứa các từ khóa về sản phẩm và dịch vụ của bạn. Song cũng có thể sử dụng các bài copy của chuyên gia về viết text cho website.

3. Hình ảnh cũng rất quan trọng , hình ảnh đẹp về sản phẩm có thể thay muôn lời, còn hình ảnh không mấy “ thuyết phục” có thể ảnh hưởng tới giao diện của website. Song bạn cũng không nên tải lên quá nhiều hình ảnh.

4. Mỗi trang nên có: Thẻ meta keywords, meta descriptions và tiêu đề trang riêng vì chúng là một phần rất quan trọng trong xây dựng website.

5. Hãy thử dùng CSS (định kiểu trình bày trang HTML) để thuận tiện hơn cho các công cụ tìm kiếm cũng như giúp những thay đổi về màu sắc, phông hay cỡ chữ được thực hiện dễ dàng hơn.

6. Nên sử dụng các thẻ H1-H6 để làm nổi bật tiêu đề chính trên trang text vì điều này có liên quan tới tiêu đề website của bạn và các thẻ H2 sẽ phù hợp cho các tiêu đề của các đoạn văn tiếp theo. Nên sử dụng chữ in đậm để làm nổi bật các từ khóa trong đoạn văn, nhưng cũng không nên dùng nó quá nhiều.

7. Nếu bạn sử dụng điều hướng text thì các công cụ tìm kiếm sẽ lập chỉ mục cho website của bạn hiệu quả hơn.

8. Hãy đảm bảo cho người sử dụng cuối cùng dễ dàng mua hoặc tìm kiếm được các sản phẩm và dịch vụ của bạn, nên tiến hành nâng cấp để hướng tới sự đổi mới và mang lại doanh thu.

9. Những đường dẫn từ các trang tới trang bên trong khác cũng phải tốt, hãy quảng cáo các sản phẩm hoặc dịch vụ khác, hãy sử dụng chúng để người dùng tìm thấy những yếu tố khác trên website của bạn dễ dàng hơn nhưng cũng không nên quá lạm dụng chúng.

10. Hãy xây dựng một sơ đồ web để các phương tiện tìm kiếm lập chỉ mục dễ dàng hơn, bạn có thể tải một sơ đồ web XML từ các công cụ webmaster trên Google vì điều đó khiến việc lập chỉ mục cho mọi trang trên website của bạn thuận tiện hơn.

11. Nếu đang thu thập bất kỳ thông tin nào từ website qua mẫu khai báo thì bạn nên có một chính sách riêng.

12. Cuối cùng hãy cài đặt Google Analytics, điều này rất quan trọng, vì chúng cung cấp những dữ liệu vô giá về khách truy cập của bạn.

Trên đây chỉ là vài điểm cần chú ý, song chúng lại rất cần thiết khi bạn bắt đầu thiết kế và xây dựng một webiste cho mình. Bạn hãy nên tìm đến một công ty thiết kế web để có thể thiết kế và xây dựng một website như ý cũng như chuyên nghiệp hơn trong công cuộc “chiến thắng” khách hàng mục tiêu.

12 thủ thuật thiết kế cho website thương mại nhỏ

Thiết kế web có thể là một công việc không mấy dễ dàng, vậy bạn sẽ cần những kỹ năng nào? Có thể tự thiết kế nó không? Và khi nào cần đến một website?

 thiết kế website có thể là một công việc không mấy dễ dàng, vậy bạn sẽ cần những kỹ năng nào? Có thể tự thiết kế nó không? Và khi nào cần đến một website? Sau khi thành lập và vận hành công ty hay là khi việc kinh doanh của bạn được tiến hành trên trang web.

Dù có vài câu hỏi khiến bạn băn khoăn song chỉ có một câu hỏi mà bạn phải cố gắng tìm ra câu trả lời, và sẽ chỉ có được những câu trả lời phù hợp nhờ sự trợ giúp của người tư vấn hoặc công ty thiết kế web.

Dưới đây là những điều bạn nên xem xét khi lên kế hoạch, thiết kế và xây dựng thiet ke website, sao cho có một trang web có nội dung thu hút khách truy cập và dành được thứ hạng trên công cụ tìm kiếm.

1. Hãy có một logo đẹp. Bởi nó là thương hiệu và là điều khiến mọi người nhớ tới website của bạn. Logo thường được đặt ở phía trên cùng của website vì khách thăm sẽ dễ nhìn thấy vị trí này trước tiên khi tới trang web của bạn. Logo/ thương hiệu có thể “ phản ánh” rất nhiều điều vì thế nó rất quan trọng.

2. Bài text trên mỗi trang cần được liên quan tới nhau và có tối thiểu 250 từ, thật tốt nếu những bài text này có chứa các từ khóa về sản phẩm và dịch vụ của bạn. Song cũng có thể sử dụng các bài copy của chuyên gia về viết text cho website.

3. Hình ảnh cũng rất quan trọng , hình ảnh đẹp về sản phẩm có thể thay muôn lời, còn hình ảnh không mấy “ thuyết phục” có thể ảnh hưởng tới giao diện của website. Song bạn cũng không nên tải lên quá nhiều hình ảnh.

4. Mỗi trang nên có: Thẻ meta keywords, meta descriptions và tiêu đề trang riêng vì chúng là một phần rất quan trọng trong xây dựng website.

5. Hãy thử dùng CSS (định kiểu trình bày trang HTML) để thuận tiện hơn cho các công cụ tìm kiếm cũng như giúp những thay đổi về màu sắc, phông hay cỡ chữ được thực hiện dễ dàng hơn.

6. Nên sử dụng các thẻ H1-H6 để làm nổi bật tiêu đề chính trên trang text vì điều này có liên quan tới tiêu đề website của bạn và các thẻ H2 sẽ phù hợp cho các tiêu đề của các đoạn văn tiếp theo. Nên sử dụng chữ in đậm để làm nổi bật các từ khóa trong đoạn văn, nhưng cũng không nên dùng nó quá nhiều.

7. Nếu bạn sử dụng điều hướng text thì các công cụ tìm kiếm sẽ lập chỉ mục cho website của bạn hiệu quả hơn.

8. Hãy đảm bảo cho người sử dụng cuối cùng dễ dàng mua hoặc tìm kiếm được các sản phẩm và dịch vụ của bạn, nên tiến hành nâng cấp để hướng tới sự đổi mới và mang lại doanh thu.

9. Những đường dẫn từ các trang tới trang bên trong khác cũng phải tốt, hãy quảng cáo các sản phẩm hoặc dịch vụ khác, hãy sử dụng chúng để người dùng tìm thấy những yếu tố khác trên website của bạn dễ dàng hơn nhưng cũng không nên quá lạm dụng chúng.

10. Hãy xây dựng một sơ đồ web để các phương tiện tìm kiếm lập chỉ mục dễ dàng hơn, bạn có thể tải một sơ đồ web XML từ các công cụ webmaster trên Google vì điều đó khiến việc lập chỉ mục cho mọi trang trên website của bạn thuận tiện hơn.

11. Nếu đang thu thập bất kỳ thông tin nào từ website qua mẫu khai báo thì bạn nên có một chính sách riêng.

12. Cuối cùng hãy cài đặt Google Analytics, điều này rất quan trọng, vì chúng cung cấp những dữ liệu vô giá về khách truy cập của bạn.

Trên đây chỉ là vài điểm cần chú ý, song chúng lại rất cần thiết khi bạn bắt đầu thiết kế và xây dựng một webiste cho mình. Bạn hãy nên tìm đến một công ty thiết kế web để có thể thiết kế và xây dựng một website như ý cũng như chuyên nghiệp hơn trong công cuộc “chiến thắng” khách hàng mục tiêu.

Trang web của bạn có cần thiết kế lại không?

Nếu website của bạn gặp phải bất cứ vấn đề nào về SEO như ở trên thì bạn cần triển khai thiết kế lại; Điều đó mang lại doanh thu tiềm năng cho bạn.


Có thể bạn có một website đẹp với sự  thiết kế website thành công, song lại chưa tính đến những nguyên tắc về tối ưu hóa công cụ tìm kiếm (SEO) hoặc một website cũ, hoạt động tốt, nói cho mọi người biết về công ty của bạn, nhưng tải chậm và nội dung ít cập nhật. Trong những trường hợp này bạn cần thiết kế lại website của mình.

Cả 2 website trên sẽ “ vật lộn” để dành được lưu lượng truy cập. Trang web thiết kế tốt có thể dành được lưu lượng truy cập , đặc biệt là những người truy cập trực tiếp trang đó, nhưng đối với những người sử dụng từ khóa tìm kiếm sản phẩm và dịch vụ của bạn thì lại không thể tìm ra nó.

Một website cũ hơn với nội dung lạc hậu cũng sẽ thất bại bởi các công cụ tìm kiếm cho rằng nó không tồn tại hoặc đã ngừng hoạt động (vì thiếu tin tức mới). Cả 2 website này đều có lưu lượng truy cập lớn và tăng khả năng sinh lời trong kinh doanh, nhưng nếu thiếu SEO thì sẽ làm giảm một phần doanh thu có thể.

Cần thiết kế lại yếu tố nào trên một website?

Tất cả Flash

Mặc dù có những tiến bộ đáng kể trong công nghệ Search Engine và chúng bắt đầu đọc một số dạng flash, một site chứa toàn flash có thể không được Search Engines lập chỉ mục. Các website này rất đẹp nhưng các công cụ tìm kiếm sẽ không đánh giá chúng cao bởi vì nội dung này không thể đọc được. Vậy các công ty lớn có xếp hạng cao mà có các site toàn chứa flash thì sao? Những website này có một mức độ liên kết cao nên nội dung chứa flash của chúng có lẽ không gây ra vấn đề gì, nếu bạn không phải một công ty lớn, một website chứa toàn flash sẽ không tốt.

Frames

Các frame trên website sẽ khiến các công cụ tìm kiếm gặp khó khăn khi lập chỉ mục cho website đó. Hơn nữa những người khách truy cập cũng thường không mấy ưa chuộng các frame này bởi chúng khiến họ khó đọc và không ấn tượng với trang web của bạn. Một số trình duyệt còn không hỗ trợ các frame khiến các khách hàng tiềm năng hoàn toàn không đọc được trang web của bạn.

Các Splash page

Các nhà thiết kế dùng splash pages để tạo tác động trực quan tới khách thăm. Hãy tưởng tượng rằng toàn bộ webpage giống như trang hoạt ảnh sinh động. Thật ấn tượng. Nhưng đáng tiếc , theo góc nhìn của SEO thì chúng thật khủng khiếp. Nói chung, các splash page chứa rất ít hoặc không có nội dung text và cũng không có cả các đường link nhưng lại chứa nhiều các flash page và phần mềm khác. Điều này khiến các Search Engine vẫn khó xếp hạng cho website của bạn.Vì vậy, bạn có thể ấn tượng với các splash page của mình nhưng chính chúng lại làm rất nhiều các khách hàng tiềm năng “ chối bỏ” trang web của bạn .

Tải chậm

Thường thì một trang web tải chậm gây cản trở cho cả các khách truy cập và search engine. Bởi các khách thăm không đủ kiên nhẫn để chờ tải các trang và hầu hết các search engine luôn xếp hạng cho các trang tải nhanh hơn là một trang tải chậm. Vì vậy, bạn cần sự thay thế nếu các trang trên website của bạn tải chậm 
thiet ke website.

Nội dung lỗi thời


Trước hết, các search engine sẽ hoàn toàn không để ý loại trang web này nếu nó không còn tồn tại. Có thể trước đây nó vẫn được chấp nhận cả khi không cập nhật nội dung hàng tháng, nhưng lúc này nó sẽ bị bỏ qua nếu nội dung không cập nhật thường xuyên. Bởi nội dung cũ kỹ sẽ không thu hút khách truy cập của bạn.

Nếu website của bạn gặp phải bất cứ vấn đề nào về SEO như ở trên thì bạn cần triển khai thiết kế lại; Điều đó mang lại doanh thu tiềm năng cho bạn.

Trang web của bạn có cần thiết kế lại không?

Nếu website của bạn gặp phải bất cứ vấn đề nào về SEO như ở trên thì bạn cần triển khai thiết kế lại; Điều đó mang lại doanh thu tiềm năng cho bạn.


Có thể bạn có một website đẹp với sự  thiết kế website thành công, song lại chưa tính đến những nguyên tắc về tối ưu hóa công cụ tìm kiếm (SEO) hoặc một website cũ, hoạt động tốt, nói cho mọi người biết về công ty của bạn, nhưng tải chậm và nội dung ít cập nhật. Trong những trường hợp này bạn cần thiết kế lại website của mình.

Cả 2 website trên sẽ “ vật lộn” để dành được lưu lượng truy cập. Trang web thiết kế tốt có thể dành được lưu lượng truy cập , đặc biệt là những người truy cập trực tiếp trang đó, nhưng đối với những người sử dụng từ khóa tìm kiếm sản phẩm và dịch vụ của bạn thì lại không thể tìm ra nó.

Một website cũ hơn với nội dung lạc hậu cũng sẽ thất bại bởi các công cụ tìm kiếm cho rằng nó không tồn tại hoặc đã ngừng hoạt động (vì thiếu tin tức mới). Cả 2 website này đều có lưu lượng truy cập lớn và tăng khả năng sinh lời trong kinh doanh, nhưng nếu thiếu SEO thì sẽ làm giảm một phần doanh thu có thể.

Cần thiết kế lại yếu tố nào trên một website?

Tất cả Flash

Mặc dù có những tiến bộ đáng kể trong công nghệ Search Engine và chúng bắt đầu đọc một số dạng flash, một site chứa toàn flash có thể không được Search Engines lập chỉ mục. Các website này rất đẹp nhưng các công cụ tìm kiếm sẽ không đánh giá chúng cao bởi vì nội dung này không thể đọc được. Vậy các công ty lớn có xếp hạng cao mà có các site toàn chứa flash thì sao? Những website này có một mức độ liên kết cao nên nội dung chứa flash của chúng có lẽ không gây ra vấn đề gì, nếu bạn không phải một công ty lớn, một website chứa toàn flash sẽ không tốt.

Frames

Các frame trên website sẽ khiến các công cụ tìm kiếm gặp khó khăn khi lập chỉ mục cho website đó. Hơn nữa những người khách truy cập cũng thường không mấy ưa chuộng các frame này bởi chúng khiến họ khó đọc và không ấn tượng với trang web của bạn. Một số trình duyệt còn không hỗ trợ các frame khiến các khách hàng tiềm năng hoàn toàn không đọc được trang web của bạn.

Các Splash page

Các nhà thiết kế dùng splash pages để tạo tác động trực quan tới khách thăm. Hãy tưởng tượng rằng toàn bộ webpage giống như trang hoạt ảnh sinh động. Thật ấn tượng. Nhưng đáng tiếc , theo góc nhìn của SEO thì chúng thật khủng khiếp. Nói chung, các splash page chứa rất ít hoặc không có nội dung text và cũng không có cả các đường link nhưng lại chứa nhiều các flash page và phần mềm khác. Điều này khiến các Search Engine vẫn khó xếp hạng cho website của bạn.Vì vậy, bạn có thể ấn tượng với các splash page của mình nhưng chính chúng lại làm rất nhiều các khách hàng tiềm năng “ chối bỏ” trang web của bạn .

Tải chậm

Thường thì một trang web tải chậm gây cản trở cho cả các khách truy cập và search engine. Bởi các khách thăm không đủ kiên nhẫn để chờ tải các trang và hầu hết các search engine luôn xếp hạng cho các trang tải nhanh hơn là một trang tải chậm. Vì vậy, bạn cần sự thay thế nếu các trang trên website của bạn tải chậm 
thiet ke website.

Nội dung lỗi thời


Trước hết, các search engine sẽ hoàn toàn không để ý loại trang web này nếu nó không còn tồn tại. Có thể trước đây nó vẫn được chấp nhận cả khi không cập nhật nội dung hàng tháng, nhưng lúc này nó sẽ bị bỏ qua nếu nội dung không cập nhật thường xuyên. Bởi nội dung cũ kỹ sẽ không thu hút khách truy cập của bạn.

Nếu website của bạn gặp phải bất cứ vấn đề nào về SEO như ở trên thì bạn cần triển khai thiết kế lại; Điều đó mang lại doanh thu tiềm năng cho bạn.

Thứ Bảy, 23 tháng 4, 2011

Các bước hướng dẫn bạn thiết kế một Website chuyên nghiệp


Yêu cầu của khách hàng:
- Trang web phải được khác biệt và có “cảm tình”

- Trang web phải thể hiện được sắc thái của doanh nghiệp

- Màu chủ đạo của công ty phải được dung thật nổi bật.

- Phải hoàn thiện trong vòng 7 ngày

- Cuối cùng nhưng quan trọng nhất là tốc độ load của nó phải nhanh và hiệu quả.

Đó là những yêu cầu chung mà một khách hàng hay hỏi khi yêu cầu thiết kế.

Trong nền công nghiệp thiết kế web thì tốc độ và sáng tạo đóng vai trò quyết định. Nếu bạn có thể thiết kế một template nhìn bắt mắt và nhanh chóng bạn sẽ là người thắng cuộc trong nền công nghiệp đòi hỏi cao này. Cho nên đầu tiên hãy nghiên cứu về khách hàng của bạn. Một cách thông minh để làm việc này là tóm tắt những yêu cầu của họ hoặc đặt ra những mục tiêu để thách thức trí sáng toạ của mình.

Suy nghĩ thông minh:

Hãy nghĩ về điều này, tạo một website thực sự quá đơng giản. Chỉ việc mở Macromedia Dreamweaver, Microsoft Frontpage hoặc thậm chí Microsoft Word vẽ với hoa hoè hoa sói và lưu lại dưới định dạng là HTML là bạn đã có một trang web rồi. Bằng cách dùng những phần mềm Macromedia Dream weaver hoặc Microsoft Frontpage ai cũng có thể tạo ra một trang web một cách nhanh chóng, nhưng về phần thiết kế thì sao? tính thẩm mỹ? Đó là vấn đề mà "suy nghĩ thông minh" phát huy tác dụng để bạn đặt được một trang web chuyên nghiệp và người thiết kế theo nó để cho khách hàng của họ những website đẹp nhất và trong thời gian ngắn nhất có thể.

- Khi thiết kế một trang web bạn luôn phải nhớ đến những thành tố cơ bản như hình ảnh của công ty,màu sắc của công ty, logo và biểu tượng vân vân.

- Tối ưu hoá những hình đồ hoạ và giảm thiểu độ lớn của nó để giữ thời gian load ở mức thấp nhất có thể.

- Biến đổi từ những trang được thiết kế trong Photoshop thành HTML và nó có thể được upload lên Internet.

Những bước này là gì?

- Thiết kế trang chủ hoặc những trang con bằng cách sử dụng những phần mềm đồ hoạ như Corel Draw, Adobe Photoshop, Macromedia Firework, Corel Photopaint vân vân

- Tối ưu hoá hoạc cắt trang sử dụng những phần mềm như Adobe ImageReady hoặc Macromedia Fireworks.

- Lưu lại dưới định dạng HTML và thêm các đường liên kết tới những trang con bằng các phần mềm bổ trợ như Microsoft Frontpage và Macromedia DreamWeaver thiết kế website.

Internet trở nên quen thuộc khá nhanh, đặc biệt là với phát minh ra các trình duyệt đã có thể cho phép chúng ta xem được hình ảnh cùng với chữ trên các trang web. Điều đó làm cho càng nhiều người thích Internet hơn.Vấn đề ở đây là đồ hoạ đóng một vai trò quan trọng trong thiết kế web. Hình ảnh nếu được thiết kế đúng cách sẽ mang lại thông tin và liên hệ với khách hàng tốt hơn là chữ. Nếu một trang web được tạo ra bằng cách sử dụng HTML mà không có một hình ảnh đồ hoạ nào cả thì bạn sẽ thấy nó buồn chán đến mức nào. Hình ảnh không thể được tạo ra bằng HTML cho nên bạn cần một phần mềm hỗ trợ khác là những phần mềm về đồ hoạ nhứ Adobe Photoshop, Corel Draw ... Và bước đầu tiên để tạo ra một website là dùng những phần mềm đồ hoạ này để tạo ra một giao diện trước đã, vì những phần mềm này cung cấp cho bạn những tính năng vượt trội và linh động hơn phù hợp với ý tưởng thiết kế của bạn, bạn có thể tạo ra những sự kết hợp hài hoà của hình ảnh, màu sắc,chữ viết và thêm nhứng hiệu ứng khác nhau để nhìn cho nó máu.

Kích thước của trang

Trong khi bạn thiết kế với các phần mềm đồ hoạ hãy làm những giao diện (Template) có kích thước là 778x 800 Px. Bây giờ 2 loại độ phân giải của màn hình thông dụng là 800 x 600 Px và 1024 x 768 Px. Và trong khi thiết kế các web designer thường làm theo loại có độ phân giải là 800 x 600. Tại vì người lướt web nếu dùng ở chế độ là 800x600 họ có thể xem được mà không phải kéo thanh cuộn ngang, nhưng nếu xem ở độ phân giải 1024 x 768 thì cũng không sao vì sẽ có màu nền để phủ vào những chỗ trống đó. Còn loại màn hình từ thời Napoleon đến giờ là 640 x 480 chỉ chiểm khoảng 5% nên quên nó đi cũng được :)

Màu sắc phù hợp

Hãy cẩn thận khi chọn màu sắc ví dụ bạn không nên chọn màu xanh lá cây cho những trang về tổ chức y tế chữ thập đỏ và ngược lại bạn không nên chọn màu đỏ cho những trang về làm vườn. Trước khi thiết kế website bạn nên nghiên cứu những sản phẩm và dịch vụ của khách hàng của mình. Theo kinh nghiệm thì những trang về thương mại màu nền trắng là hợp lý hơn cả. Nhưng nếu khách hàng
chọn một tông màu nào phù hợp với công ty của họ thì bạn nên dùng những màu của công ty đó. Ví dụ màu chủ đạo của công ty X là xanh, đỏ và trắng thì trang web cũng nên kết hợp những màu đó.

Sản phẩm chính và dịch vụ nên được đặt ở trang chủ

Khách viếng thăm trang web của một doanh nghiệp nào đó để lấy thông tin về những dịch vụ hoặc sản phẩm của công ty đó, thì thông tin này phải được đặt lên hàng đầu. Nếu không người ta chỉ đóng lại hoặc đi sang một công ty khác vì ngay cái nhìn đầu tiên toàn là cái giời oi đất hỡi gì đó, điều đó sẽ là một thua thiệt rất lớn cho công ty. Nhớ rằng.... trang chủ luôn là ấn tượng đầu tiên của khách khi đến thăm một trang web. Nếu trang web do bạn thiết kế phù hợp về nội dung, ấn tượng và hấp dẫn thì sẽ làm cho khách hàng đó quay lại và tìm kiếm thêm, nếu không thì người ta chỉ bỏ đi mà chẳng lấy được thông tin gì. Tuy nhiên, nếu công ty nào đó có quá nhiều dịch vụ và sản phẩm thì không phải lúc nào cũng có thể đặt hết lên trang chủ. Trong trường hợp này, thì một sự kết hợp hài hoà giữa các sản phẩm hoặc dịch vụ có thể được thể hiện ở trang chủ. Những hình ảnh đơn lẻ nên được đặt ở những chủ đề liên quan trong các trang con.

Với sự trợ giúp của những kỹ năng thiết kế giao diện khác nhau, người thiết kế có thể cho hiển thị những sản phẩm rất sáng tạo và đẹp mắt. Điều đó là có thể nếu bạn kết hợp những sản phẩm đó một cách hấp dẫn, hệ thống và có cấu trúc.

Tối ưu hoá và những phần mềm cần thiết

Trong một phần mềm đồ hoạ nào đó thì trang chủ chiếm rất nhiều chỗ và chưa trong nó nhiều hình ảnh và dữ liệu ở định dạng của phần mềm (.PSD, .AI) đó và không tương thích với môi trường web. Do vậy những hình ảnh đồ hoạ nên được lưu lại dưới định dạng là Gif hoặc Jpg, đây là những định dạng tương thích với hầu hết các trình duyệt web. Nhưng khi nó load hình sẽ load từ trên xuống dưới và nhanh hay chậm phụ thuộc vào tốc độ truyền mạng. Do vậy khách viếng thăm sẽ không đủ kiên nhẫn để chờ quá 10 giây cho đến khi người ta nhìn thấy trang web của bạn. Chính vì lẽ đó trang chủ nên được cắt ra thành từng mảnh và lưu lại dưới định dạng là Gif hoặc JPG phụ thuộc vào yêu cảu của từng tấm hình. Nhiều người cho rằng JPG thích hợp hơn với những hình có nhiều màu sắc và Gif thì thích hợp với những hình ít màu hơn. Bạn có thể tham khảo thêm bài viết về "xuất web ra HTML bằng cách phân mảnh" có trên bantayden.com để biết thêm. Bằng cách tiết kiệm tối đa hình ảnh bạn có thể đẩy tốc độ load lên cao nhất có thể. Trang chủ của bantayden.com hiện giờ chỉ có 3 hình duy nhất là banner, background banner và footer. Còn lại là các mã màu của HTML.

Những phần mềm đồ hoạ bây giờ có thể cho bạn thêm tính nắng tối ưu hoá là Opimize & Save as HTML. Quá trình tối ưu hoá hình ảnh là giảm độ lớn của hình ảnh xuống còn từ 50-80 Kb, và nó cho phép trang web đó được load khá nhanh với tốc độ trung bình của những người nối mạng bằng dial up.

Một số phần mềm đồ hoạ và HTML editor

Có rất nhiều phần mềm đồ hoạ đang rất phổ biến trên thị trường nhưng tốt nhất và chuyên nghiệp
nhất là Adobe Photoshop, Adobe ImageReady, Macromedia Firework, Corel Photopaint và Jasc's và Paintingshop Pro.

Để tạo những trang HTML bạn nên dùng Macromedia DreamWeaver hoặc Microsoft Frontpage là những phần mềm chuyên nghiệp và dễ sử dụng nhất.

Adobe Photoshop

Adobe Phtoshop là phần mềm đồ hoạ tốt nhất và được sử dụng rộng rãi trên toàn cầu bởi những nhà thiết kế web. Tuy nhiên những phần mềm khác như Macromedia Fireworks và Corel Photopaint cũng được dùng bởi vì nó có những đỉêm mạnh và điểm yếu khác nhau.

Adobe ImageReady

Adobe ImageReady là một phần mềm đi kèm theo Adobe PhotoShop và cũng rất hữu dụng trong quá trình cắt và tối ưu hoá giao diện của bạn để làm cho nó nhẹ hơn và biến những hình đồ hoạ thành định dạng tương thích với môi trường web là HTML

Macromedia Dreamweaver

Sau khi bạn đã xuất giao diện thành HTML rồi, thì phần mềm Macromedia DreamWeaver là rất cần thiết để thêm nội dung và tạo các đường liên kết đến các trang khác trên site. Phần mềm Microsoft Frontpage cũng có thể dùng được vì nó đơn giản hơn trong cách sử dụng nhưng cũng là một công cụ rất mạnh để thiết kế web.


Theo: www.cwd.dk

Các bước hướng dẫn bạn thiết kế một Website chuyên nghiệp


Yêu cầu của khách hàng:
- Trang web phải được khác biệt và có “cảm tình”

- Trang web phải thể hiện được sắc thái của doanh nghiệp

- Màu chủ đạo của công ty phải được dung thật nổi bật.

- Phải hoàn thiện trong vòng 7 ngày

- Cuối cùng nhưng quan trọng nhất là tốc độ load của nó phải nhanh và hiệu quả.

Đó là những yêu cầu chung mà một khách hàng hay hỏi khi yêu cầu thiết kế.

Trong nền công nghiệp thiết kế web thì tốc độ và sáng tạo đóng vai trò quyết định. Nếu bạn có thể thiết kế một template nhìn bắt mắt và nhanh chóng bạn sẽ là người thắng cuộc trong nền công nghiệp đòi hỏi cao này. Cho nên đầu tiên hãy nghiên cứu về khách hàng của bạn. Một cách thông minh để làm việc này là tóm tắt những yêu cầu của họ hoặc đặt ra những mục tiêu để thách thức trí sáng toạ của mình.

Suy nghĩ thông minh:

Hãy nghĩ về điều này, tạo một website thực sự quá đơng giản. Chỉ việc mở Macromedia Dreamweaver, Microsoft Frontpage hoặc thậm chí Microsoft Word vẽ với hoa hoè hoa sói và lưu lại dưới định dạng là HTML là bạn đã có một trang web rồi. Bằng cách dùng những phần mềm Macromedia Dream weaver hoặc Microsoft Frontpage ai cũng có thể tạo ra một trang web một cách nhanh chóng, nhưng về phần thiết kế thì sao? tính thẩm mỹ? Đó là vấn đề mà "suy nghĩ thông minh" phát huy tác dụng để bạn đặt được một trang web chuyên nghiệp và người thiết kế theo nó để cho khách hàng của họ những website đẹp nhất và trong thời gian ngắn nhất có thể.

- Khi thiết kế một trang web bạn luôn phải nhớ đến những thành tố cơ bản như hình ảnh của công ty,màu sắc của công ty, logo và biểu tượng vân vân.

- Tối ưu hoá những hình đồ hoạ và giảm thiểu độ lớn của nó để giữ thời gian load ở mức thấp nhất có thể.

- Biến đổi từ những trang được thiết kế trong Photoshop thành HTML và nó có thể được upload lên Internet.

Những bước này là gì?

- Thiết kế trang chủ hoặc những trang con bằng cách sử dụng những phần mềm đồ hoạ như Corel Draw, Adobe Photoshop, Macromedia Firework, Corel Photopaint vân vân

- Tối ưu hoá hoạc cắt trang sử dụng những phần mềm như Adobe ImageReady hoặc Macromedia Fireworks.

- Lưu lại dưới định dạng HTML và thêm các đường liên kết tới những trang con bằng các phần mềm bổ trợ như Microsoft Frontpage và Macromedia DreamWeaver thiết kế website.

Internet trở nên quen thuộc khá nhanh, đặc biệt là với phát minh ra các trình duyệt đã có thể cho phép chúng ta xem được hình ảnh cùng với chữ trên các trang web. Điều đó làm cho càng nhiều người thích Internet hơn.Vấn đề ở đây là đồ hoạ đóng một vai trò quan trọng trong thiết kế web. Hình ảnh nếu được thiết kế đúng cách sẽ mang lại thông tin và liên hệ với khách hàng tốt hơn là chữ. Nếu một trang web được tạo ra bằng cách sử dụng HTML mà không có một hình ảnh đồ hoạ nào cả thì bạn sẽ thấy nó buồn chán đến mức nào. Hình ảnh không thể được tạo ra bằng HTML cho nên bạn cần một phần mềm hỗ trợ khác là những phần mềm về đồ hoạ nhứ Adobe Photoshop, Corel Draw ... Và bước đầu tiên để tạo ra một website là dùng những phần mềm đồ hoạ này để tạo ra một giao diện trước đã, vì những phần mềm này cung cấp cho bạn những tính năng vượt trội và linh động hơn phù hợp với ý tưởng thiết kế của bạn, bạn có thể tạo ra những sự kết hợp hài hoà của hình ảnh, màu sắc,chữ viết và thêm nhứng hiệu ứng khác nhau để nhìn cho nó máu.

Kích thước của trang

Trong khi bạn thiết kế với các phần mềm đồ hoạ hãy làm những giao diện (Template) có kích thước là 778x 800 Px. Bây giờ 2 loại độ phân giải của màn hình thông dụng là 800 x 600 Px và 1024 x 768 Px. Và trong khi thiết kế các web designer thường làm theo loại có độ phân giải là 800 x 600. Tại vì người lướt web nếu dùng ở chế độ là 800x600 họ có thể xem được mà không phải kéo thanh cuộn ngang, nhưng nếu xem ở độ phân giải 1024 x 768 thì cũng không sao vì sẽ có màu nền để phủ vào những chỗ trống đó. Còn loại màn hình từ thời Napoleon đến giờ là 640 x 480 chỉ chiểm khoảng 5% nên quên nó đi cũng được :)

Màu sắc phù hợp

Hãy cẩn thận khi chọn màu sắc ví dụ bạn không nên chọn màu xanh lá cây cho những trang về tổ chức y tế chữ thập đỏ và ngược lại bạn không nên chọn màu đỏ cho những trang về làm vườn. Trước khi thiết kế website bạn nên nghiên cứu những sản phẩm và dịch vụ của khách hàng của mình. Theo kinh nghiệm thì những trang về thương mại màu nền trắng là hợp lý hơn cả. Nhưng nếu khách hàng
chọn một tông màu nào phù hợp với công ty của họ thì bạn nên dùng những màu của công ty đó. Ví dụ màu chủ đạo của công ty X là xanh, đỏ và trắng thì trang web cũng nên kết hợp những màu đó.

Sản phẩm chính và dịch vụ nên được đặt ở trang chủ

Khách viếng thăm trang web của một doanh nghiệp nào đó để lấy thông tin về những dịch vụ hoặc sản phẩm của công ty đó, thì thông tin này phải được đặt lên hàng đầu. Nếu không người ta chỉ đóng lại hoặc đi sang một công ty khác vì ngay cái nhìn đầu tiên toàn là cái giời oi đất hỡi gì đó, điều đó sẽ là một thua thiệt rất lớn cho công ty. Nhớ rằng.... trang chủ luôn là ấn tượng đầu tiên của khách khi đến thăm một trang web. Nếu trang web do bạn thiết kế phù hợp về nội dung, ấn tượng và hấp dẫn thì sẽ làm cho khách hàng đó quay lại và tìm kiếm thêm, nếu không thì người ta chỉ bỏ đi mà chẳng lấy được thông tin gì. Tuy nhiên, nếu công ty nào đó có quá nhiều dịch vụ và sản phẩm thì không phải lúc nào cũng có thể đặt hết lên trang chủ. Trong trường hợp này, thì một sự kết hợp hài hoà giữa các sản phẩm hoặc dịch vụ có thể được thể hiện ở trang chủ. Những hình ảnh đơn lẻ nên được đặt ở những chủ đề liên quan trong các trang con.

Với sự trợ giúp của những kỹ năng thiết kế giao diện khác nhau, người thiết kế có thể cho hiển thị những sản phẩm rất sáng tạo và đẹp mắt. Điều đó là có thể nếu bạn kết hợp những sản phẩm đó một cách hấp dẫn, hệ thống và có cấu trúc.

Tối ưu hoá và những phần mềm cần thiết

Trong một phần mềm đồ hoạ nào đó thì trang chủ chiếm rất nhiều chỗ và chưa trong nó nhiều hình ảnh và dữ liệu ở định dạng của phần mềm (.PSD, .AI) đó và không tương thích với môi trường web. Do vậy những hình ảnh đồ hoạ nên được lưu lại dưới định dạng là Gif hoặc Jpg, đây là những định dạng tương thích với hầu hết các trình duyệt web. Nhưng khi nó load hình sẽ load từ trên xuống dưới và nhanh hay chậm phụ thuộc vào tốc độ truyền mạng. Do vậy khách viếng thăm sẽ không đủ kiên nhẫn để chờ quá 10 giây cho đến khi người ta nhìn thấy trang web của bạn. Chính vì lẽ đó trang chủ nên được cắt ra thành từng mảnh và lưu lại dưới định dạng là Gif hoặc JPG phụ thuộc vào yêu cảu của từng tấm hình. Nhiều người cho rằng JPG thích hợp hơn với những hình có nhiều màu sắc và Gif thì thích hợp với những hình ít màu hơn. Bạn có thể tham khảo thêm bài viết về "xuất web ra HTML bằng cách phân mảnh" có trên bantayden.com để biết thêm. Bằng cách tiết kiệm tối đa hình ảnh bạn có thể đẩy tốc độ load lên cao nhất có thể. Trang chủ của bantayden.com hiện giờ chỉ có 3 hình duy nhất là banner, background banner và footer. Còn lại là các mã màu của HTML.

Những phần mềm đồ hoạ bây giờ có thể cho bạn thêm tính nắng tối ưu hoá là Opimize & Save as HTML. Quá trình tối ưu hoá hình ảnh là giảm độ lớn của hình ảnh xuống còn từ 50-80 Kb, và nó cho phép trang web đó được load khá nhanh với tốc độ trung bình của những người nối mạng bằng dial up.

Một số phần mềm đồ hoạ và HTML editor

Có rất nhiều phần mềm đồ hoạ đang rất phổ biến trên thị trường nhưng tốt nhất và chuyên nghiệp
nhất là Adobe Photoshop, Adobe ImageReady, Macromedia Firework, Corel Photopaint và Jasc's và Paintingshop Pro.

Để tạo những trang HTML bạn nên dùng Macromedia DreamWeaver hoặc Microsoft Frontpage là những phần mềm chuyên nghiệp và dễ sử dụng nhất.

Adobe Photoshop

Adobe Phtoshop là phần mềm đồ hoạ tốt nhất và được sử dụng rộng rãi trên toàn cầu bởi những nhà thiết kế web. Tuy nhiên những phần mềm khác như Macromedia Fireworks và Corel Photopaint cũng được dùng bởi vì nó có những đỉêm mạnh và điểm yếu khác nhau.

Adobe ImageReady

Adobe ImageReady là một phần mềm đi kèm theo Adobe PhotoShop và cũng rất hữu dụng trong quá trình cắt và tối ưu hoá giao diện của bạn để làm cho nó nhẹ hơn và biến những hình đồ hoạ thành định dạng tương thích với môi trường web là HTML

Macromedia Dreamweaver

Sau khi bạn đã xuất giao diện thành HTML rồi, thì phần mềm Macromedia DreamWeaver là rất cần thiết để thêm nội dung và tạo các đường liên kết đến các trang khác trên site. Phần mềm Microsoft Frontpage cũng có thể dùng được vì nó đơn giản hơn trong cách sử dụng nhưng cũng là một công cụ rất mạnh để thiết kế web.


Theo: www.cwd.dk

6 Công cụ hỗ trợ đắc lực cho thiết kế


1. Handy Dandy Notebook For Sketches (Sổ để phác hoạ)
Không có gì dễ sử hơn một quyển số Moleskine. Tôi thích mang chúng đến bất cứ đâu tôi đến, nó có nhiều phần đánh dấu màu sắc và tôi có thể phác họa ý tưởng về logo hoặc website. Tôi cho là bạn nên mua một cái. Tôi đã mua cái này tại Borders – tên một cửa hàng. Website chính thức
2. Color Scheme Generator Kỹ năng sử dụng màu sắc có thể gọi là một trong những yêu cầu quan trọng nhất của thiết kế web, nhưng đó cũng chính là điều khó nhất. Tôi sử dụng Color Schem để hỗ trợ, và các gallery có sẵn sẽ khơi gợi cho bạn nhiều cảm hứng
Color Schemer
3. Typography Comparison Tôi thề đó là môjt công cụ tốt nhất để lựa chọn font cho web. Typetester

4.So sánh website với với các độ phân giải màn hình khác nhau Không có gì ấn tượng hơn khi bạn có thể nhìn trang web với độ phân giải của khách hang. Sử dụng một plugin của Firefox sẽ giúp bạn thấy được sự khác nhau giữa các độ phân giải Window Resizer
5.Mountain Dew Một thức uống tăng lực ưa thích. Hãy mang theo nước ép sang tạo này nhé.

6.iTunes Hoặc winamp, Window Media Player, hoặc các phần mềm nghe nhạc khác. Âm nhạc luôn giúp chúng ta làm việc tốt hơn, và cho chúng ta nhiều cảm hứng. Với bạn, nó có thể sẽ thích ngắm cảnh, nhưng với tôi, âm nhạn luôn làm tôi bình yên, tập trung và dĩ nhiên là tràn đầy ý tưởng. thiết kế website

Tôi bổ sung thêm
7. Firefox with Web Developer toolbar
Nếu bạn muốn tìm hiều bố cục, cũng như học hỏi để làm website theo chuẩn Web 2.0, thì đấy là một trong những công cụ tốt nhất để hỗ trợ  thiết kế website trọn gói. -