Saturday, February 26, 2011

code tao bot bien

soLuong = 70;
sW = Stage.width;
sH = Stage.height;
for (var i = 0; i<soLuong; i++) {
_root.createEmptyMovieClip("snow", 0);
snow = _root.attachMovie("sn", "sn"+i, i);
with (snow) {
_x = Math.random()*sW;
_y = Math.random()*sH;
_xscale = _yscale=_alpha=Math.random()*30+70;
}
this["sn"+i].ySpeed = Math.random()*3+0.5;
this["sn"+i].aa = 0;
this["sn"+i].ab = Math.random()*0.05+0.025;
_root["sn"+i].onEnterFrame = function() {
this._y -= this.ySpeed;
this.aa += this.ab;
this._x += Math.sin(this.aa);
if (this._x>sW+5) {
this._x = -5;
} else if (this._x<0) {
this._x = sW+5;
}
if (this._y>sH+5) {
this._y = -5;
} else if (this._y<-5) {
this._y = sH+5;
}
};
}

Saturday, February 19, 2011

11 bí quyết để thiết kế web site hấp dan

Muốn quảng bá web thành công bạn phải thiết kế web chuẩn để lôi cuốn người đọc. Điều này nghe có vẻ đơn giản nhưng trên thực tế, chúng ta rất hay gặp những trang web thiết kế xấu với nội dung nghèo nàn. 
Nguyên tắc "thiết kế web hấp dẫn" rất đơn giản. Nói chung, nếu mục đích của website là để truyền đạt thông tin, thì yếu tố cần được xem trọng nhiều nhất là sự định hướng và cách trình bày nội dung thật khéo léo.

Sau khi đã xác định được mục đích sử dụng của web site, hãy áp dụng thiết kế web những bí quyết cơ bản sau để tạo ra một web site dễ sử dụng.

Đơn giản trong thiết kế web
Đây là nguyên tắc quan trọng nhất khi thiêt ke web . Người thiết kế phải đầu tư công sức để suy nghĩ và lên kế hoạch nếu muốn làm cho web site trở nên dễ hiểu với người sử dụng.

Nếu người sử dụng gặp khó khăn trong việc đăng nhập và sử dụng web site, họ sẽ không đủ kiên nhẫn để theo dõi nội dung của nó. Trường hợp tương tự cũng sẽ xảy ra nếu việc liên hệ và đặt hàng không thuận lợi. Một mục điều tra nho nhỏ về những điều mà khách viếng thăm mong muốn mỗi khi click vào web site sẽ đem lại sự hài lòng cho họ.

Tạo các đường link rõ ràng khi thiết kế web

Một nhân tố góp phần quan trọng trong việc khiến web site dễ sử dụng là tạo được những đường link rõ ràng. Nếu bạn dùng tranh ảnh hay những biểu tượng trong đường link thì phải nhớ đưa ra những tiêu đề giải thích bằng chữ. Điều này nghe có vẻ nhàm chán nhưng sự thật là người sử dụng trang web của bạn không bao giờ muốn lãng phí thời gian cố gắng ngồi đoán xem mình sẽ ghé thăm nơi nào tiếp theo.

Các đường link này cũng cần được thiết kế sao cho thật dễ nhìn. Đừng để các vị khách rơi vào tình trạng “hoa mày chóng mặt” khi tìm kiếm chúng. Thường thì các đường link được bố trí ở phía trên đỉnh trang web hoặc nằm ngang bên tay trái.

Định hướng minh bạch cho thiêt kế trang web

Phải luôn đảm bảo cho người sử dụng biết họ “đang ở đâu” bằng cách cung cấp ký hiệu định hướng hoặc bản đồ trên mỗi trang. Tương tự như vậy, hãy cố gắng sắp xếp sao cho mọi thông tin có thể được tìm thấy mà không phải click quá 3 lần.

Tất cả đều nhằm mục đích giúp người sử dụng tìm kiếm và sử dụng web site của bạn dễ dàng hơn.

Thông tin hỗ trợ


Người sử dụng web thường muốn được biết bạn mong chờ gì ở họ. Nếu muốn họ đặt hàng, đăng kí nhận thư báo hoặc đơn giản là liên hệ với bạn, hãy hướng dẫn họ cách thực hiện.

Cung cấp cho người sử dụng thứ mà họ cần!

Trang chủ của bạn nên bao gồm đầy đủ thông tin về web site để tạo điều kiện cho người sử dụng dễ dàng tìm thấy những gì họ cần. Không có gì khiến người sử dụng khó chịu hơn là việc phải click đến mỏi tay chỉ để tìm những thứ mà web site của bạn không có!

Nội dung rõ ràng, hấp dẫn và có giá trị là điều cực kỳ cần thiết đối với sự thành công của một web site. Ngữ pháp cẩu thả, ngôn ngữ lộn xộn sẽ phá hủy hình ảnh chuyên nghiệp mà bạn đang cố tạo ra.

Nếu tự nhận thức được rằng mình không phải là một nhà văn tài giỏi hoặc không có thời gian để thực hiện chu đáo, hãy khắc phục bằng cách thuê một nhà văn tự do để làm việc đó thay bạn.

Hạn chế tối đa thời gian download


Những hình vẽ lớn, hoạt họa sặc sỡ và những bức tranh phức tạp, rắc rối đều cần nhiều thời gian để download. Hãy cẩn trọng trong việc dùng chuông báo tín hiệu download đồng thời cũng cần quan tâm tới những người sử dụng thường xuyên.

Liệu họ có phải là những người thông thạo các công nghệ tiên tiến mới nhất hay không? Tất cả những công nghệ flash sẽ không thể gây ấn tượng với người sử dụng nếu bạn khiến họ mất kiên nhẫn khi phải chờ quá lâu để có thể truy cập được trang web đó.

Sử dụng hình ảnh với số lượng vừa phải


Hình ảnh là phần vô cùng quan trọng trong việc tạo ra tính hấp dẫn của một web site. Tuy nhiên, nếu được sử dụng quá nhiều, chúng sẽ làm lu mờ nội dung và còn khiến tốc độ truy cập chậm hơn. Do đó hãy sử dụng hình ảnh như một phương pháp bổ sung và tăng giá trị cho nội dung chứ không nên dùng chúng để thay thế thông tin.

Một điều bạn nên nhớ: mặc dù các file ảnh đuôi JEPG thì tốt hơn nhưng đuôi GIF sẽ dễ download hơn.

Tránh những mẫu đăng ký không cần thiết


Điều này đặc biệt phù hợp với những trang web thương mại điện tử nhưng tính hữu dụng của nó thì thích hợp với tất cả. Những mẫu đăng ký phức tạp sẽ làm cản trở quá trình đặt hàng và khiến khách khó chịu khi phải điền những chi tiết mà họ cho là không cần thiết. Trong trường hợp này, mỗi cái click tương ứng với một khách hàng mất đi!

Màu sắc khi thiết kế web

Hãy sử dụng màu sắc một cách có chừng mực trong khi thiết kế website. Quá nhiều màu sẽ làm cho web site trông rời rạc và quá lòe loẹt. Chỉ nên phối hợp 2 hoặc 3 màu là đủ để tạo ấn tượng.

Tình trạng tương tự như vậy cũng xảy ra với nền màu hoặc font chữ. Thường là những nền màu quá lòe loẹt sẽ làm cho chữ khó đọc hơn, ví dụ như nền màu xanh sáng kết hợp với chữ vàng hoặc nền đen với chữ xanh sáng đều gần như là không đọc được.
Hiện nay tồn tại nhiều website được thiết kế màu sắc rất phản cảm.

Font chữ khi thiết kế web

Những trình duyệt khác nhau sẽ hỗ trợ những font chữ khác nhau. Do đó, những font chữ bất bình thường mà bạn cho là đẹp trên web site của mình lại có thể trở thành font chữ phức tạp không thể đọc được trên màn hình của người sử dụng.

Tuy nhiên, tình trạng này đang dần được khắc phục. Có một số font chữ (được gọi là font chữ “đích thực”) được tạo ra để thích hợp với mọi trình duyệt trong đó tiêu biểu nhất là Times New Roman, Ariel, Helvetica và Verdana (font này được thiết kế đặc biệt dành cho các web site).

Khi thiết kế bạn cũng cần để nhiều “khoảng trống trắng” trong web site. Những khoảng trống này sẽ tạo điều kiện cho mắt người sử dụng được nghỉ ngơi trong giây lát và để họ có thể tập trung hoàn toàn vào những phần riêng biệt khác trong trang.

Làm theo những hướng dẫn đơn giản này hoặc áp dụng chúng như một danh sách cần kiểm tra đối với web site hiện tại sẽ giúp tiết kiệm thời gian và tiền bạc. Quan trọng hơn, nó sẽ mang lại tiện ích tối đa cho người sử dụng đồng thời khiến họ cảm thấy được lắng nghe và tôn trọng. Đây chính là mục tiêu mà bất kỳ web site nào cũng hướng tới.

Tuesday, February 15, 2011

Chọn và phối màu cho website

1. Một số khái niệm căn bản:

  • Màu: là từ chỉ các màu như đỏ, xanh, vàng
  • Sắc: là từ chỉ màu do một hoặc một tập hợp các màu khác nhau tạo nên. Ví dụ sự kết hợp giữa màu đỏ và màu vàng tạo ra sắc da cam. Hoặc một màu gọi là đỏ nhưng lại có sắc cam (đỏ cam), một màu vàng nhưng lại có sắc xanh (vàng chanh).
  • Độ sáng tối: chỉ lượng ánh sáng phản chiếu hay truyền đi từ một màu hoặc một tập hợp màu. Trắng có độ sáng lớn nhất, đen có độ sáng kém nhất.
  • Cường độ: chỉ mức tinh khiết mạnh yếu hay độ bão hòa của một hoặc một tập hợp màu. Ví dụ một màu có cường độ mạnh quá (da cam) đi với một màu có cường độ yếu quá (xanh tím than) tạo cảm giác gắt. Hai màu cùng có cường độ yếu (nhất là có diện tích màu tương đương nhau) như hồng nhạt đi với xanh da trời nhạt gây cảm giác nhợt, đơn điệu.
  • Tương phản: chỉ mức độ (mạnh - yếu) tạo nên cảm giác khi hai hay nhiều sắc màu tương tác với nhau tạo nên. Ví dụ vàng tươi và tím là hai sắc màu tương phản mạnh vì khi đặt chúng cùng nhau tạo cho ta cảm giác cả hai đều nổi bật. Hoặc nâu trung bình và đen là hai sắc màu tương phản yếu vì khi đặt chúng cùng nhau tạo cho ta cảm giác không sắc màu nào nổi bật cả.
  • Gam: trong hội họa, gam dùng để chỉ các cấp độ của màu. Ví dụ "gam đỏ" chỉ chung các màu đỏ từ nhạt nhất đến đậm nhất.
  • Tông: Được dùng trong hội hoạ với nghĩa "loại". Có hai cách dùng: "tông đỏ" có nghĩa tương đương với "gam đỏ" chỉ chung các màu đỏ từ nhạt nhất đến đậm nhất. "Tông màu ấm" chỉ chung tất cả cả các màu mang lại cảm giác ấm (đỏ, vàng, cam,...). Tuy nhiên, cách dùng thứ hai chuẩn nghĩa hơn và được sử dụng phổ biến hơn.

    1. Một số khái niệm căn bản:

    • Màu: là từ chỉ các màu như đỏ, xanh, vàng
    • Sắc: là từ chỉ màu do một hoặc một tập hợp các màu khác nhau tạo nên. Ví dụ sự kết hợp giữa màu đỏ và màu vàng tạo ra sắc da cam. Hoặc một màu gọi là đỏ nhưng lại có sắc cam (đỏ cam), một màu vàng nhưng lại có sắc xanh (vàng chanh).
    • Độ sáng tối: chỉ lượng ánh sáng phản chiếu hay truyền đi từ một màu hoặc một tập hợp màu. Trắng có độ sáng lớn nhất, đen có độ sáng kém nhất.
    • Cường độ: chỉ mức tinh khiết mạnh yếu hay độ bão hòa của một hoặc một tập hợp màu. Ví dụ một màu có cường độ mạnh quá (da cam) đi với một màu có cường độ yếu quá (xanh tím than) tạo cảm giác gắt. Hai màu cùng có cường độ yếu (nhất là có diện tích màu tương đương nhau) như hồng nhạt đi với xanh da trời nhạt gây cảm giác nhợt, đơn điệu.
    • Tương phản: chỉ mức độ (mạnh - yếu) tạo nên cảm giác khi hai hay nhiều sắc màu tương tác với nhau tạo nên. Ví dụ vàng tươi và tím là hai sắc màu tương phản mạnh vì khi đặt chúng cùng nhau tạo cho ta cảm giác cả hai đều nổi bật. Hoặc nâu trung bình và đen là hai sắc màu tương phản yếu vì khi đặt chúng cùng nhau tạo cho ta cảm giác không sắc màu nào nổi bật cả.
    • Gam: trong hội họa, gam dùng để chỉ các cấp độ của màu. Ví dụ "gam đỏ" chỉ chung các màu đỏ từ nhạt nhất đến đậm nhất.
    • Tông: Được dùng trong hội hoạ với nghĩa "loại". Có hai cách dùng: "tông đỏ" có nghĩa tương đương với "gam đỏ" chỉ chung các màu đỏ từ nhạt nhất đến đậm nhất. "Tông màu ấm" chỉ chung tất cả cả các màu mang lại cảm giác ấm (đỏ, vàng, cam,...). Tuy nhiên, cách dùng thứ hai chuẩn nghĩa hơn và được sử dụng phổ biến hơn.

    2. Chọn màu: (Theo TBKTSG)

    Nhiều nghiên cứu cho thấy việc xây dựng thương hiệu nên bắt đầu bằng cách chọn màu cho logo và các sản phẩm của công ty. Coca-Cola, McDonald, KFC chọn màu đỏ, Pepsi, Samsung, IBM chọn màu xanh.

    Những công ty này hiểu rất rõ việc sử dụng màu sắc thích hợp là yếu tố nền tảng để tạo ra hình ảnh tích cực nơi khách hàng. Hơn nữa, màu sắc còn đóng vai trò vô cùng lớn trong việc khơi dậy trí nhớ của con người. Chẳng hạn, màu tím hoa sim còn gọi là tím Huế. Màu vàng của hoa mai làm người miền Nam nhớ Tết. Màu hồng nhạt của hoa đào làm người miền Bắc nhớ quê.

    Màu sắc còn khơi dậy cho người ta nhiều cảm xúc, nhanh chóng truyền tải thông điệp không giống bất cứ một phương tiện giao tiếp nào. Vì vậy, chọn một màu phù hợp cho công ty là việc làm hết sức quan trọng khi xây dựng thương hiệu.

    Màu được chọn, nên trước sau như một, khi xuất hiện trong bất cứ hoạt động quảng bá nào của công ty như logo, website hay bao bì sản phẩm. Tất nhiên, màu được chọn cũng nên phù hợp với ngành mà công ty đang và sẽ kinh doanh.

    Ý nghĩa một số màu sắc

    • Màu xanh: Cho người ta cảm nhận về sự tin tưởng và tính bảo đảm. Màu xanh khiến người ta liên tưởng đến trời và biển, tạo cảm giác thanh bình và truyền cho người ta sự tin cậy.
    • Màu đỏ: Thường kích thích tuyến yên, làm tăng nhịp đập của tim và khiến người ta thở gấp. Phản ứng nội tạng của cơ thể khi tiếp xúc với màu đỏ khiến người ta năng nổ, mạnh mẽ, dễ bị kích thích. Chọn màu đỏ dễ gây cho người ta một sự đáp ứng say mê, dù không phải khi nào sự đáp ứng này cũng theo hướng thuận lợi. Ví dụ, màu đỏ thường là biểu hiện của sự nguy hiểm, vỡ nợ. Nhìn chung, người châu Âu không mấy ưa màu đỏ, trái lại, người châu Á coi màu đỏ là may mắn, thể hiện tinh thần quyết thắng.
    • Màu xanh lá cây: Nhìn chung, màu này bao hàm ý nghĩa sức khỏe, tươi mát và êm đềm. Gam màu đậm nhạt cũng có ý nghĩa khác nhau. Chẳng hạn màu xanh lá cây đậm biểu trưng cho sự giàu có và thanh thế. Màu xanh lá cây nhạt thể hiện sự êm đềm.
    • Màu vàng: Cả Đông và Tây đều coi màu vàng tượng trưng cho mặt trời, thể hiện sự lạc quan, tích cực và ấm áp. Ở mức độ đậm nhạt khác nhau tùy người cảm nhận, màu vàng còn thể hiện sự sáng tạo và sinh lực. Mắt người ta thường nhận ra màu vàng trước tiên, vì thế sản phẩm có màu vàng dễ bắt mắt người mua hàng khi đặt trên kệ hàng cùng với các sản phẩm khác.
    • Màu tím: Màu thích hợp để chọn làm thương hiệu cho những sản phẩm thuộc loại mang tính sáng tạo. Pha trộn giữa màu đỏ và xanh, màu tím kích thích điều huyền bí, sự tinh vi, sự coi trọng yếu tố tinh thần và màu tím thường gắn liền với hoàng tộc. Màu tím nhạt kích thích niềm hoài cổ và tính đa cảm.
    • Màu hồng: Tín hiệu phát ra từ màu hồng là sự xúc cảm mãnh liệt. Màu hồng đậm thể hiện sinh lực, sự trẻ trung, vui nhộn và sôi nổi. Màu hồng thích hợp cho các sản phẩm không đắt tiền và có tính thời trang dành cho các bà và các cô. Màu hồng nhạt tạo cảm giác dễ mến, càng nhạt càng lãng mạn.
    • Màu cam: Tạo cảm giác vui vẻ, cởi mở và sức sống. Màu cam trộn giữa đỏ và vàng tạo cảm giác tập thể và thường gắn với tuổi thơ. Nghiên cứu cho thấy màu cam nhạt hấp dẫn với loại hàng hóa dành cho thị trường cấp cao, thích hợp cho dịch vụ y tế, khách sạn và các viện chăm sóc sắc đẹp dành cho phái nữ.
    • Màu nâu: Thể hiện tính mộc mạc, đơn giản, bền bỉ và ổn định. Tuy vậy, màu nâu dễ tạo cho một số người cảm giác thiếu tích cực vì bị cho là không sạch. Màu nâu của gốm tạo cho người ta cảm giác giá trị. Màu nâu liên quan đến màu của đất nên thích hợp cho các loại xe tải và các công ty hoạt động trong ngành công nghiệp.
    • Màu đen: Thể hiện tính nghiêm túc, táo bạo, quyền uy và cổ điển. Màu đen tạo ra kịch tính và sự tinh vi, phù hợp với các sản phẩm đắt tiền nhưng cũng làm cho sản phẩm trông có vẻ nặng nề.
    • Màu trắng: Màu này hàm chứa sự đơn giản, sạch sẽ và tinh khiết. Con mắt người nhận ra màu trắng là màu sáng nên sản phẩm mang màu trắng dễ nổi bật. Màu trắng thích hợp cho các sản phẩm liên quan đến lứa tuổi nhi đồng và liên quan đến sức khỏe.
    Để đơn giản, khi bạn chọn các màu trên cho nhãn hiệu của công ty mình, trước tiên nên phân thành hai nhóm cơ bản: Màu nóng và màu lạnh (âm hay dương), từ đó đối chiếu với loại hình hàng hóa, dịch vụ của mình mà ra quyết định. Nhìn chung, màu ấm như đỏ, vàng phát đi tín hiệu mạnh mẽ, trong khi màu trắng, màu xanh thì bình yên và dè dặt. Vì vậy, khi chọn màu lạnh, bạn nên chọn gam màu nhạt để tăng sức mạnh và giảm tính dè dặt do các màu này tạo ra.


    3. Phối màu hài hòa:

    Khi bạn sử dụng các màu hài hoà, bạn nên chú ý vào liệu lượng màu và diện tích phủ màu. Luôn dùng một màu chủ đạo cho một diện tích lớn, màu này sẽ xuyên suốt các webpage của bạn và tạo ra một phong cách của bạn, và một màu thứ hai gọi là màu bổ sung (tonic color) cho các vùng diện tích nhỏ, các liên kết, các thông tin cần chú ý,... Dưới đây là bảng màu hài hoà và code hexa của nó, bạn có thể dùng để tham khảo.

    Phối 2 màu hài hòa

    Bảng 2 màu hài hoà có hai phần, phần một là các màu tương phản nhẹ (cho nền đen và nền trắng) phần hai là các màu tương phản mạnh (cho nền đen và nền trắng). Khi sử dụng bạn chú ý cách đặt màu sao cho phù hợp, một màu chính một màu phụ. Có nghĩa là bảng màu này chỉ gợi ý cho bạn rằng khi sử dụng màu xanh #3399FF thì tốt hơn hết bạn nên dùng màu xanh lá #339933 đi cùng với nó chứ không phải là màu đỏ #FF0000. Sử dụng 2 màu đem lại hiệu quả khá cao nhất là bạn muốn cho webpage của bạn có tính tương phản rõ rệt.

    Phối 3 màu hài hòa

    Sử dụng 3 màu khá phức tạp, bạn nên chú ý sao cho các màu không 'đè' nhau quá, nếu không sẽ mất tác dụng của màu thứ 3. Nếu bạn chú ý vẫn sẽ có một màu chính và hai màu tonic phụ. Bảng màu gồm 2 phần : 3 màu hài hoà riêng rẽ ( cho nền đen và nền trắng) và 3 màu hài hoà liên tiếp kề nhau ( cho nền đen và nền trắng).