0 Giới thiệu các tool cần thiết khi thiết kế website

Có rất nhiều công cụ thiết kế website có sẵn trên mạng giúp bạn dễ dàng hoàn thành nhiệm vụ nhanh chóng. Các công cụ phục vụ thiết kế web này ngày càng được nhiều nhà phát triển cung cấp miễn phí cho bạn. Mỗi một người thiết kế luôn có sẵn 1 bộ công cụ cho riêng mình. Nhật Quang Informatics xin giới thiệu 25 bộ công cụ được chúng tôi sưu tầm và thường sử dụng. Các bạn hãy tự trang bị cho chính mình 1 bộ công cụ theo ý mình để phục vụ trong quá trình thiết kế website của các bạn.

HTML Entity Character Lookup

Giúp bạn nhanh chóng tìm thấy các mã HTML trên web

Blueprint CSS framework

Bộ framework CSS có sẵn, hỗ trợ cả cho các màn hình in ấn

 

Typetester

So sánh font chữ với màn hình

Em Calculator

Một công cụ java nhỏ giúp bạn dễ dàng truy cập và sửa đổi CSS

Web Developer Toolbar

Thanh công cụ trên firefox có rất nhiều tính năng hỗ trợ thiết kế web

 

MeasureIt

Tính số pixel trên màn hình cho bạn

ColorZilla

Bảng màu giúp bạn dễ lựa chọn mã màu sắc

 

Firebug

Bộ công cụ hỗ trợ trên nền Firefox rất mạnh trong thiết kế web mà hầu hết các nhà thiết kế website đều cần. Nó có thể giúp bạn chỉnh sửa trực tiếp HTML, Javascript, CSS... trực tiếp trên website để xem trước

 

Designers Toolbox

Tất cả các dạng in ấn của website

What the Font?

Chọn ảnh bạn muốn xem font chữ là gì, công cụ sẽ cho bạn câu trả lời

Easy Web Form Builder

Một công cụ hỗ trợ bạn tạo form trực tuyến để thu thập dữ liệu

 

Browser Shots

Test website của bạn trên bất kì các bộ trình duyệt khác nhau

 

Icon Finder

Một kho icon cho các bạn trong thiết kế website

Button Browser

Một thư viện nút miễn phí

Rounded Corner

Tạo cho bạn những đường cong tuyệt đẹp bằng CSS & hình ảnh

 

BlogFlux Button Maker

Tạo nút miễn phí

 

Vecteezy

Cung cấp hình ảnh vector miễn phí

Background Image Maker

Công cụ hỗ trợ tạo các hình nền đẹp

Photoshop Brushes

Hoàn toàn miễn phí...

 

Tartan Maker

Một khuynh hướng thiết kế web ấn tượng...

 

Color Schemer

Công cụ tự động phối màu cho bạn...

Webs

Trang cung cấp dịch vụ web miễn phí

 

Sampa

Cung cấp dịch vụ web miễn phí

 

Format Pixel

Công cụ cung cấp dịch vụ thiết kế catalogue, tạp chí, brochure... miễn phí, trực tuyến

 

Weebox

Công cụ cung cấp dịch vụ tạo flash miễn phí

0 Thủ thuật thiết kế website

Hiện nay, việc thiết kế website ngày càng trở nên dễ dàng và thuận tiện. Bài viết dưới đây sẽ giới thiệu tới bạn đọc thủ thuật nhỏ trong thiết kế website để làm tăng sự hữu ích của các trang web của bạn.

Đặt Tên và Logo của bạn trên mỗi trang và tạo cho Logo một link tới trang chủ (ngoại trừ trên bản thân trang chủ, nơi mà Logo không nên là một link liên kết. Bên cạnh đó, bạn cũng không nên có một link lại chỉ ngay tới trang hiện tại).

Cung cấp tính năng Search nếu trang web có hơn 100 trang.

Viết các tiêu đề trang và tiêu đề bài đơn giản và dễ hiểu, giải thích thật rõ ràng trang đó nói về cái gì và điều đó sẽ trở nên có ý nghĩa khi đọc ngoài ngữ cảnh trong một danh mục kết quả của search engine.

 Xây dựng cơ cấu trang web để tạo điều kiện cho việc đọc và giúp người truy cập dễ dàng có thể nắm bắt thông tin một cách nhanh chóng.

Sử dụng hypertext. Thay vì nhồi nhét mọi thứ về một sản phẩm hay một chủ đề vào một trang đơn, dài vô tận, bạn hãy sử dụng hypertext để xây dựng hệ thống không gian nội dung thành một trang ban đầu cung cấp một cái nhìn bao quát và nhiều trang cấp hai mà mỗi trang đó chỉ tập trung vào một chủ đề cụ thể.

Mục đích của việc xây dựng này là nhằm cho phép người truy cập tránh được việc lãng phí thời gian vào những chủ đề phụ, những chủ đề mà không liên quan đến họ.

Sử dụng các tranh ảnh về sản phẩm. Bạn chỉ nên có một bức ảnh nhỏ trên mỗi một trang sản phẩm riêng và link bức ảnh tới một hoặc nhiều bức ảnh lớn hơn mà chúng biểu diễn chi tiết như mong muốn của người truy cập. Sự thay đổi này phụ thuộc vào loại sản phẩm. Một số sản phẩm thậm chí đòi hỏi những bức ảnh có thể phóng to, thu nhỏ hay xoay được nhưng để dự trữ tất cả các bài viết trước cho các trang cấp 2. Trang sản phẩm ban đầu phải nhanh và nên được giới hạn đến một bức ảnh thumbnail.

Sử dụng việc thu nhỏ hình ảnh làm nổi bật tính liên quan khi chuẩn bị các bức ảnh và hình ảnh nhỏ: thay vì sửa lại kích thước ảnh gốc một cách đơn giản thành một thumnail nhỏ và không thể đọc được thì hãy phóng to theo khía cạnh thích hợp nhất và sử dụng sự kết hợp của việc cắt xén và hiệu chỉnh lại kích thước.

Sử dụng các tiêu đề link để giúp cho người truy cập xem trước được nơi mà mỗi cái link sẽ đưa họ đến trước khi họ click vào đó.

Đảm bảo rằng tất cả những trang quan trọng đều có thể dễ dàng truy cập đối với người sử dụng bị mất khả năng, đặc biệt là những người khiếm thị.

Hãy làm giống như bất kỳ người nào khác: nếu hầu hết các trang web lớn đều làm một cái gì đó theo một cách cố định, làm theo họ bởi vì người truy cập cũng sẽ mong muốn làm như vậy trên trang web của bạn. Hãy ghi nhớ Luật về Kinh nghiệm người truy cập Web. Người truy cập sử dụng hầu hết thời gian của họ vào các trang web khác, vì vậy đó là nơi họ định hình mong muốn được biết một trang Web hoạt động như thế nào.

(Sưu tầm)