Ebook Soft

Macromedia Flash - Tạo hiệu ứng menu

ebooksoft — Thu, 16 Oct 2008 03:58:40 GMT

Bài này sẽ hướng dẫn bạn cách tạo một menu flash với hiệu ứng khi di chuyển chuột vào. Để tạo bài này, bạn sẽ phải sử dụng mã Action Script. Ngoài ra, việc thiết kế menu lại rất đơn giản.

Bước 1

Tạo một file flash mới. Vào Modify > Document (Ctrl + J). Đặt chiều rộng của file là 380 px và chiều cao là 100 px. Chọn màu nền là #f8f8f2 và thiết lập tốc độ Frame rate là 24 fps. Hoàn tất toàn bộ kích OK.

Bước 2

Chọn công cụ Rectangle Tool (R). Trong phần Colors của panel công cụ, khóa màu viền bằng cách kích vào Stroke color (có biểu tượng bút chì nhỏ) sau đó chọn hình ô vuông trắng có đường chéo đỏ. Màu nền đặt là #393939 và vẽ một hình vuông có kích thước khoảng 70 x 70px và đặt nó vào vị trí như hình dưới.

Bước 3

Trong khi hình chữ nhật vẫn đang được chọn, lấy công cụ Selection Tool (V), nhấn và giữ phím Shift đồng thời kéo và nhả chuột để nhân hình vuông lên nhiều hình.

Bước 4

Vẫn chọn công cụ Selection Tool (V), chọn ô vuông thứ hai và thay đổi màu của nó thành màu #FF5400

Bước 5

Chọn tiếp ô vuông thứ 3 và đặt màu nó là #19A3CB.

Bước 6

Ô vuông thứ tư có màu #FFA800.

Bước 7

Và ô vuông cuối cùng có màu #94CA1A. Hoàn tất ta sẽ có hình như sau

Bước 8

Lấy công cụ Text Tool (A) và vào phần Properties Panel (Ctrl + F3) ở phía dưới. Chọn các tùy chọn tương ứng như sau

Sau đó tạo một loạt chữ có nội dung tương ứng với từng menu

Bước 9

Dùng công cụ Selection Tool (V) và chọn ô vuông đầu tiên cùng với text (trong ví dụ này là “HOME PAGE”). Nhấn phím F8 (Convert to Symbol) để chuyển hình chữ nhật và text sang dạng Movie Clip Symol.

Bước 10

Vẫn chọn Movie Clip vừa tạo, vào phần Properties Panel (Ctrl + F3) phía bên dưới. Ở phía phần bên trái, bạn sẽ tìm thấy một trường nhập Instance name. Đặt tên lại cho movie là homepage_mc

Bước 11

Chọn công cụ Selection Tool (V) và kích đúp vào movie clip trên màn hình làm việc.

Bước 12

Vẫn dùng công cụ Selection Tool (V), chỉ chọn text và nhấn Ctrl + X (Cut). Sau đó tạo một layer mới và đặt tên là text. Chọn layer text và nhấn phím Ctrl + Shift + V (Paste in place).

Bước 13

Trở lại layer 1, kích đúp vào nó bằng công cụ Selection Tool (V) và đổi tên nó thành rectangle.

Bước 14

Trong khi vẫn chọn layer rectangle, nhấn phím F8 lần nữa (Convert to Symbol) để chuyển nó sang dạng Movie Clip Symbol.

Bước 15

Kích vào frame 15 của layer rectangle và nhấn F6

Bước 16

Vẫn chọn frame 15, lấy công cụ Free Transform Tool (Q), nhấn và giữ phím Alt rồi kéo hình chữ nhật xuống như hình sau:

Bước 17

Kích chuột phải vào bất kỳ vị trí nào trong vùng màu xám giữa hai keyframe trên timeline và chọn Create Motion Tween từ menu xuất hiện.

Bước 18

Chọn layer text và nhấn F8 (Convert to Symbol) để chuyển text sang dạng Movie Clip Symbol.

Bước 19

Kích vào frame 15 của layer text và nhấn F6

Bước 20

Sử dụng phím mũi tên hoặc chuột để kéo text xuống dưới một chút để vào trung tâm của hình chữ nhật như hình sau

Bước 21

Kích chuột phải vào bất kỳ vị trí nào trong vùng màu xám giữa hai keyframe và chọn Create Motion Tween từ menu xuất hiện.

Bước 22

Trở lại scene chính (Scene 1)

Bước 23

Tạo một layer mới và đặt tên là Invisible Button. Sau đó tạo một nút vô hình lên phía trên hình chữ nhật và text.

Bước 24

Dùng công cụ Selection Tool (V) kích một lần vào nút vô hình đã tạo để chọn nó, vào phần Action Script panel (F9). Sau đó đưa đoạn code sau vào:

on (rollOver) {
_root.mouse_over_homepage_mc = true;
}
on (rollOut) {
_root.mouse_over_homepage_mc = fstartlse;
}
on (release) {
getURL("http://www.quantrimang.com/");
}

Bước 25

Tạo một layer mới phía trên layer invisible button và đặt tên là action script.

Bước 26

Kích vào frame đầu tiên của layer action script, vào phần Action Script Panel và đưa vào đoạn mã sau:

_root.homepage_mc.onEnterFrame = function() {
if (mouse_over_homepage_mc) {
_root.homepage_mc.nextFrame();
} else {
_root.homepage_mc.prevFrame();
}
};

Vậy là chúng ta đã hoàn thiện một nút trong menu, công việc tiếp theo của các bạn là thực hiện tương tự như vậy trên các trang tiếp theo. Chú ý trong đoạn mã Action Script có một địa chỉ URL cần phải thay đổi tương ứng trên từng menu khác nhau. Và đừng quên là có thể download file nguồn tại đây.

TH - HT
quantrimang.com

Macromedia Flash - Thiết kế Banner flash hoàn thiện

ebooksoft — Thu, 16 Oct 2008 03:54:45 GMT

Trong bài viết lần này, chúng tôi sẽ hướng dẫn bạn cách làm thế nào để tạo được một banner flash hoàn chỉnh mà không cần sử dụng Action Script

Bước 1
Mở một file flash mới, vào Modify > Document và thiết lập các thuộc tính Width: 430px; Height: 180px; Frame rate set: 22fps

Bước 2
Tìm 3 bức ảnh để đưa lên banner và thiết lập kích thước của ảnh tương tự như nền (430x180px). Bạn có thể sử dụng Photoshop hay bất cứ chương trình đồ hoạ nào khác để chỉnh sửa

Bước 3
Click đúp vào layer1 và đổi tên thành picture1

Bước 4
Vào File > Import > Import to Stage (Ctrl + R) và Import bức tranh đầu tiên. Sau đó sử dụng công cụ căn lề Align (Ctrl + F3) để căn nó vào chính giữa nền.

Bước 5
Chọn frame 80 của layer picture và nhấn phím F5

Bước 6
Thêm một layer mới với tên là line1. Chọn layer mới, sử dụng công cụ Rectangle Tool (R), Stroke color thiết lập không màu, Fill color chọn bất cứ màu nào mà bạn muốn rồi vẽ một hình chữ nhật với kích thước 10x20px. Sau đó, sử dụng Align Panel để đặt hình vừa vẽ theo vị trí middle right như hình dưới đây:

Bước 7
Click vào frame 10 và nhấn F6. Sau đó chọn Free Transform Tool (Q) và làm theo hình vẽ dưới đây

Bước 8
Click vào frame 20, nhấn F6 và cũng sử dụng công cụ Free Transform Tool để làm theo hình dưới

Bước 9
Trở lại Frame1 và sau đó là frame 10, mở Properties Panel (Ctrl + F3), tại TweenShape chọn

Bước 10
Chọn layer line1 và chuyển đổi nó sang Mask bằng cách click chuột phải vào layer chọn Mask.

Bước 11
Chọn layer line1, thêm một layer mới với tên là picture2

Bước 12
Chọn frame 60 của layer mới và nhấn F6. Sau đó nhấn Ctrl + R (Import to Stage) và Import một bức tranh khác.

Bước 13
Chọn frame 160 của layer picture2 và nhấn F5.

Bước 14
Thêm một layer mới với tên là line2 và lặp lại từ bước 6 -> bước 10 nhưng khác với line1, hoạt động của hình chữ nhật tại line2 sẽ bắt đầu từ phía trên trái. Hãy xem hình dưới.

Vậy là chúng ta đã hoàn thiện được 2 bức tranh đầu tiên trong banner rồi. Hãy lặp laij bước này nếu bạn muốn thêm nhiều hình nữa vào banner

Bước 15
Nếu bạn muốn đặt link vào các bức tranh thì việc đầu tiên cần làm là bạn chuyển đổi tranh sang dạng Movie Clip, rồi mở Action Script Panel (F9) ra và đưa vào đoạn mã sau (Chú ý thay URL website của bạn vào):

on (release) {
getURL ("http://www.quantrimang.com","_blank");
}

Download file nguồn

TH - HT (Theo Flashvault)

quantrimang.com

Màu sắc trong chiến lược quảng cáo

ebooksoft — Sun, 12 Oct 2008 05:10:48 GMT

Trong thời kỳ công nghệ thông tin phát triển vượt bậc, những hình thức quảng cáo tiếp thị sẽ đến với người tiêu dùng một cách thường xuyên hơn cập nhập hơn. Để đạt được mục tiêu nhà sản xuất đề ra thì xây dựng những chiến lược quảng cáo, tiếp thị là điều cần thiết cho mỗi nhà sản xuất hoặc tổ chức xã hội. Các hình thức quảng cáo ra đời sao cho hù hợp, tiện dụng nhất với đặc điểm từng đối tượng cần được quảng cáo...

Tiếp thị là hình thức giới thiệu sản phẩm tới người tiêu dùng một cách trực tiếp nhất, ấn tượng nhất. Sự đồng bộ trong quảng cáo tiếp thị là điều cần thiết để tạo ra ấn tượng mạnh. Ngày nay đi trên đường chúng ta thưòng bắt gặp những nhân viên tiếp thị sản phẩm của nhiều hãng khác nhau. Tạo ra sự nổi bật bằng sử dụng đồng bộ máu sắc rực rỡ của đồng phục cùng sản phẩm sẽ gây được sự chú ý tốt. Những màu thường được sử dụng là màu đỏ, vàng cam, xanh…

Quảng cáo sản phẩm trên các phương tiện truyền thông sẽ đến được đại đa số quần chúng. Hoạt động này đã trở nên rất quen thuộc trong cuộc sống chúng ta, nó trở nên thông lệ trong việc tiếp nhận thông tin dù muốn dù không. Hình thức này thưòng lặp đi lặp lại khiến cho người xem nhớ được nội dung giới thiệu. Vì lượng thời gian ít nên nội dung quảng cáo phải cô đọng súc tích, hình ảnh đẹp gây ấn tượng cho người xem.

Tài trợ các cuộc thi, các chương trình truyền hình… cũng là những hình thức được các nhà sản xuất quan tâm đề cập tới. Ngoài việc xây dựng, thiết kế chương trình sao cho thu hút sự quan tâm của khán giả thì việc lồng ghép khéo léo những hình thức quảng cáo như: tặng thưởng, tờ rơi tờ gấp, băng rôn biểu ngữ quảng cáo… đòi hỏi những người thiết kế có sự quan tâm đặc biệt. Có những phương pháp thiết kế rất hay nhưng hiệu quả công việc quảng cáo lại không cao bởi nếu chỉ thoả mãn nhu cầu làm đẹp, thì thiết kế đó chỉ đạt được chức năng thẩm mỹ thị giác. Để đạt được hiệu quả cao trong quảng cáo thì thiết kế phải cùng lúc thoả mãn nhiều chức năng khác. Điều đó giúp các nhà thiết kế định hướng một cách khách quan cho hình thức sản phẩm sao cho phù hợp nhất.

Các hình thức quảng cao giới thiệu mở rộng trong mọi lĩnh vực của cuộc sống. Việc lựa chọn nội dung quảng cáo với hình thức sao cho phù hợp đạt được hiệu quả tốt nhất đòi hỏi nhà thiết kế có chiến lược phù hợp. Elextrolax dựa trên uy tín của sản phẩm “giá mọi thứ đều bền như Elextrolax” hoặc “Suzuki là sành điệu”… thì màu sắc cũng là mục tiêu cho chiến lược quảng cáo. “Một gam màu mới, một cách nhìn mới đó không chỉ là kiểu dáng thời trang hay hình tượng thể thao mà còn là sự trang trọng thanh lịch. Tất cả là sự kết hợp hoàn hảo để khởi đầu cho sự ra đời của một bứt phá ngoạn mục về màu sắc. Bạn có thể đã biết, đã nghe và cảm nhận được, nhưng bạn chưa từng thấy bao giờ. Honda Future Titanium Matallic mang đén cho bạn nhiều ngạc nhiên phấn khích”. Đó là ý tưởng quảng cáo đầy sáng tạo lôi cuốn của hãng Honda. Con người sáng tạo ra những màu sắc hợp thị hiếu them mỹ công chúng khiến nhìn nhận về màu sắc của con người thay đổi. Nó tạo nên những xu hướng mốt trong màu sắc. Màu sắc trong sản phẩm không chỉ là hình thức bên gnoài thể hiện thị hiếu thẩm mỹ, mà còn là cái bên trong bộc lộ tính cách con người của bạn. Đó chính là gu, là “gam màu của bạn” mà Honda đã xây dựng. Bạn có quyền lựa chọn một màu đỏ rực rỡ, đam mê, một màu xanh tươi trẻ, một màu tím sang trọng và quý phái, một màu rêu thâm trầm mà sâu lắng… Sự biến tấu trong màu sắc thể hiện sự độc đáo trong màu sắc của sản phẩm, sẽ đem đến cho nhà sản xuất sự thành công với những sắc màu lôi cuốn cùng một hình thức quảng cáo mới lạ, ấn tượng.

Cùng quảng cáo sản phẩm trong một không gian rộng lớn là điều các nhà sản xuất quan tâm trong xã hội hiện đại. Hội trợ triển lãm là cơ hội để các doanh nghiệp tự giới thiệu mình trước công chúng. Đây thực sự là một cuộc trình diễn hoành tráng về sắc màu của quảng cáo đồ hoạ. Sự có mặt của rất nhiều các sản phẩm từ mọi miền hội tụ đã đem đến cho triển lãm một khuôn mặt của lễ hội, của màu sắc. Làm thế nào để thu hút khách hàng tới gian hàng của mình, làm thế nào để nổi bật, thật ấn tượng? Màu sắc trong quảng cáo hội trợ sẽ góp phần thành công trong triển lãm.

Bước chân vào trung tâm triển lãm, ngoài những âm thanh sôi động như thúc giục đôi chân rảo bước thì màu sắc xung quanh khiến không khí trở nên đông vui, sôi động hơn. Đó là những màu đỏ, vàng, cam, lam, tím… của băng rôn khẩu ngữ, của hàng cờ như reo vui, như vẫy chào. Trên cao hơn là những chùm bóng rực rỡ đầy màu sắc cùng dải băng xanh, đỏ nổi bật trên nền trời sáng. Hoà vào màu sắc tưng bừng của lễ hội là những dòng người với đủ màu sắc của trang phục. Công chúng đến để vui chơi, giải trí, mua sắm hàng hoá. Các doanh nghiệp đến tìm cơ hội giới thiệu sản phẩm, tìm đối tác kinh doanh. Một bên cung cấp thông tin và một bên là nơi tiếp nhận thông tin. Hội trợ triển lãm là nơi các doanh nghiệp tự khẳng định mình trực tiếp trước quần chúng. Các nhà sản xuất thường mang đến đây những sản phẩm độc đáo nhất của mình. Sự đồng bộ từ trang phục đến cách bày trí sẽ gây được ấn tượng, tạo uy tín, thanh thế cho công ty. Màu sắc sống động, mới mẻ toát lên sự hài hoà bắt mắt gây sự tập trung của thị giác. Ta có thể bắt gặp muôn màu muôn sắc của cuộc sống trong triển lãm. Đó là những màu sang trọng, quý phái với các gam màu trầm như: nâu đỏ, trắng, ghi, xanh, xanh đen… của những sản phẩm thời trang. Một tông màu vàng rực rỡ đầy hương vị của sản phẩm thực phẩm. Những sắc màu xanh lạnh, ghi tạo sự tin cậy của đồ điện tử gia dụng… Tất cả như cạnh tranh nhau, tôn nhau, hoà vào nhau làm nên một bản đồn ca lớn về màu sắc trong quảng cáo. Vào hội trợ để làm đẹp hết mình, khoe hết mình, thể hiện hết mình. Những kết quả thu được là vô cùng lớn. Những công ty lớn tiếp tục khẳng định mình, những công ty mới thành lập thì giới thiệu về mình, khách hàng có cơ hội tìm kiếm sản phẩm phù hợp với mình… Nhu cầu và mục tiêu gặp nhau ở một điểm chung đó là cái đẹp. Mọi người tìm cái đẹp thông qua màu sắc, các nhà sản xuất đáp ứng thị hiếu đẹp thông qua màu sắc. Màu sắc chính là cầu nối giữa cái đẹp với con người, làm cho cuộc sống của con người ngày càng đẹp hơn.

Nguồn zensoft.vn

The law of Design - Các nguyên lý cơ bản của Design

ebooksoft — Fri, 10 Oct 2008 07:19:22 GMT

Trong cuộc sống chúng ta gặp phải và chịu ảnh hưởng của rất nhiều điều luật. Luật lệ là do con người chúng ta đặt ra nhằm mục đích tạo 1 xã hội công bằng và văn minh. Trong thiết kế cũng vậy, cũng có những điều luật cơ bản chi phối diện mạo của 1 Layout. Chúng có thể không tương tác qua lại lẫn nhau và cũng có thể trùng lặp với nhau trong 1 số trường hợp.Vậy hãy cùng nhau phân tích những nguyên lý cơ bản của design, để mà chúng ta sẽ áp dụng chúng trong những mẫu thiết kế của mình.

The law of design bao gồm:
- Balance (cân bằng)
- Rhythm (nhịp điệu)
- Emphasis (nhấn mạnh)
- Unity (đồng nhất)
- Simplicity (đơn giản)
- Proportion (cân xứng)

The law of balance: luật cân bằng
Sự cân bằng phù hợp của các yếu tố là sự cần thiết đối với 1 mẫu design.Luật cân bằng có 2 loại đó là cân bằng đối xứng và cân bằng bất đối xứng.

Cân bằng đối xứng biểu thị tất cả các yếu tố như chiều cao, chiều rộng ... được sắp đặt 1 cách đối xứng trong trang.Cân bằng đối xứng đề cập đến tất cả những gì được sắp xếp trong 1 bố cục.Cân bằng đối xứng được chia ra làm nhiều loại như cân bằng đảo ngược, cân bằng 2 trục, cân bằng xuyên tâm...

Cân bằng bất đối xứng đạt được khi không có sự đối xứng.Khi tất cả các yếu tố được xếp đặt không có sự đối xứng với nhau , cân bằng bất đối xứng được thiết lập.

Luật cân bằng được áp dụng trong rất nhiều thiết kế mà tiêu biểu là thiết kế logo

The law of rhythm: luật nhịp điệu
Nhịp điệu dùng để tạo nên sự dịch chuyển và điều hướng của tầm nhìn.Nó xảy ra khi các yếu tố trong 1 bố cục được lặp lại.Nhịp điệu được tạo ra bằng cách tạo nên 1 dòng chảy êm đềm của tầm nhìn.Nhịp điệu được dùng như 1 đường dẫn mà do đó mắt chúng ta có thể đọc được những phần quan trọng của 1 thông tin.Nó còn được gọi là 1 mẫu thức của nghệ thuật.Nhịp điệu rất quan trọng vì nó đóng 1 vai trò sống còn trong cuộc sống vật chất của chúng ta.Nhịp điệu giúp chúng ta nhìn nhận ra trật tự của thế giới chung quanh.

Nhịp điệu có thể tạo nên bằng 3 cách đó là: sự lặp lại, dùng chuỗi và dùng sự liên tục.Người nghệ sĩ, thông thường sủ dụng tất cả các hình thức của nhịp điệu trong 1 bố cục.Họ phát triển thành 1 sự liên kết của nhịp điệu trong xây dựng, vẽ, các sản phẩm thủ công... 1 cách nhuần nhuyễn và khéo léo để tạo nên 1 tổng thể tuyệt vời.

The law of emphasis: luật nhấn mạnh
Những yếu tố cần phải nối bật thì sẽ cần được nhấn mạnh.Sự nhấn được tạo ra bởi sự sắp đặ các yếu tố 1 cách hợp lý.Hoặc đặt chúng ở vị trí đáng được chú ý bằng cách dùng sự tương phản, có nghĩa là làm chúng nổi bật lên bằng những nét đặc trưng như màu sắc, hình dạng, tỉ lệ.Sự nhấn mạnh or tương phản mang lại sự muôn màu muôn vẻ cho 1 mẫu design.Một số loại tương phản phổ biến là: cong và thẵng, rộng và hẹp, hoa mỹ và xù xì ...Nhấn mạnh bằng tương phản xuất phát từ rất nhiều phương cách, nhưng cách phổ biến nhất có lẽ là dùng màu sắc.Sự tương phản về đường nét, hình dạng và kích thước làm nên ưu thế của 1 chi tiết so với tổng thể.Thí dụ như 1 đóa hoa được đặt trước 1 bức tường tĩnh lặng và đơn sắc thu được hiệu quả nhiều hơn trong 1 môi trường ồn ào náo nhiệt.

The law of unity: luật đồng nhất
Sự đồng nhất or hài hào tạo nên sự liên kết giữa các yếu tố trong 1 diện mạo.Nó là sự cân bằng phù hợp của tất cả các yếu tố để tạo nên 1 tổng thể dễ chịu.Sự đồng nhất được phản ảnh trong tổng thể hài hòa.Sự đồng nhất ám chỉ đến sự hợp nhất của tất cả các yếu tố trong 1 layout, nơi mà mỗi phần khác nhau hỗ trợ những phần còn lại và tất cả sự kết hợp đó làm thành 1 khối nghệ thuật đồng nhất.Nó đạt được bằng cách sử dụng sự liên tục và sự hài hòa.

The law of simplicity: luật đơn giản
Sự đơn giản trong design dẫn đến sự nhận thức chủ đề 1 cách dễ dàng hơn.Sự đơn giản là thực sự cần thiết, đặc biệt trong layout, để tạo nên sự rõ ràng, sáng sủa.

The law of proportion: luật cân xứng
Luật cân xứng là mối quan hệ giữa hình dạng và kích thước.Nó giúp cho chúng ta đạt được sự cân bằng, đồng nhất cho 1 layout.Để có được 1 sự cân xứng tốt thì các yếu tố phải được chiều chỉnh.Sự điều chỉnh kích thước của các yếu tố với 1 sự cân xứng hoan hảo tạo nên 1 mẫu design tốt.Đó chính là sự liên quan giữa kích thước của các yếu tố với nhau, và với sự cân xứng tổng thể.Sự cân xứng bao gồm những mối liên quan đó là liên quan về chiều cao, chiều rộng, chiều sâu và không gian chung quanh.
Khỏang không gian mở chung quanh 1 chủ đề tạo nên 1 yếu tố gọi là tỉ lệ.Chúng ta có thể thấy rằng tỉ lệ liên quan mật thiết đến cuộc sống hằng ngày của chúng ta.Chúng ta đi vào siêu thị để mua 1 cái đèn ngủ trang trí cho căn phòng của chúng ta.Và chúng ta tìm được 1 cái ngỡ là phù hợp trong con mắt chúng ta lúc đó.Nhưng khi về nhà thì mới nhận thấy rằng nó quá to so với căn phòng.Chúng ta không thay đổi gì ở cái đèn, nhưng đối với không gian chung quanh đã có sự thay đổi về tỉ lệ.Đối với thiết kế cũng vậy.Bạn cứ ngỡ rằng nó rất phù hợp trên màn hình vi tính, nhưng khi in ra thì đó là cả 1 khỏang cách không thể không xem xét.Vì vậy tại sao người ta phải in những market đen trắng( ở những công ty nước ngoài người ta in đến hàng chục market như vậy) để tìm ra 1 layout phù hợp nhất.
Do đó có thể nói rằng tỉ lệ là 1 yếu tố quan trọng nhất trong design, mặc dù nó chỉ được xếp ở vị trí thứ 6 trong những yếu tố của design (các yếu tố kia là đường nét, phương hướng, hình dạng, màu sắc, chất liệu và độ sáng tối).

Tóm lại, những nguyên lý của design là những nguyên tắc cơ bản được ghi nhớ và áp dụng đi kèm với suy nghĩ và cảm xúc của người nghệ sĩ or designer.Những nguyên lý đó được soạn thành luật lệ cho những phương pháp làm việc, mà nguời nghệ sĩ đã rút ra qua bao nhiêu thế kỉ trải nghiệm, thực hành cũng như có những sai sót thực tế.Vì vậy tất cả những gì của ngày nay chúng ta được học tập là những tinh hoa của hàng trăm năm lịch sử design nói chung và graphic design nói riêng.Cùng với sự sáng tạo của mình kết hợp với những law of design nói trên, chắc chắn các bạn sẽ đưa graphic design của VN phát triển lên tầm quốc tế

Những gì thu nhặt được trên đây chắc chắn sẽ có thiếu sót, mong các bạn bỏ qua và góp ý để cùng tiến lên.

Phong cách thiết kế đồ họa Web hiện nay.

ebooksoft — Thu, 09 Oct 2008 13:43:30 GMT

Với xu hướng thương mại hóa điện tử trong kinh doanh hiện nay, Website dường như đã trở thành công cụ quảng bá thương hiệu uy tín nhất. với sự phát triển mạnh mẽ như vậy, công việc thiết kế đồ họa cho website trở nên quan trọng hơn bao giờ hết và đã được nâng nên thành Công Nghệ Thiết Kế Đồ Họa. Nhìn chung hiện nay, những website Hot nhất hiên nay có những phong cách thiết kế đặc trưng sau:

   - Bố cục đơn giản.
   - Thiết kế hướng tâm
   - Thiết kế nội dung, không trang
   - Hạn chế hiệu ứng 3D
   - Màu sắc nền mềm và trung tính
   - Hạn chế màu sắc nổi
   - Hạn chế biểu tượng phức tạp
   - Sự phong phú của khoảng trắng
   - Văn bản to đẹp.

1. Bố cục đơn giản:
Có lẽ chúng ta thấy cách thiết kế đơn giản 1 và 2 cột hơn nhiều năm về trước. Cảm giác chung nhất bạn có thể thấy là các nhà thiết kế thấy rằng các trang đơn giản làm việc tốt hơn.
Các trang này đơn giản chỉ đọc theo cách từ trên xuống dưới, và bạn không cần đưa mắt xung quanh, và bạn chỉ quan sát vùng bạn đang có. Nó làm dịu đi và mềm hơn cho các trình duyệt khi phải đọc nội dung của một trang web, dĩ nhiên sẽ đỡ mất thời gian hiển thị hơn.

2. Thiết kế hướng tâm:
Điều khác mà bạn phải chú ý là: các website hiện nay đều được bố trí ở trục giữa. Vào thời điểm 2 năm trước đây, bạn sẽ tìm thấy rất nhiều bố cục lỏng lẻo và được căn chỉnh trái hoặc cố định độ rộng, ngày nay nội dung đã được đưa vào giữa trang. Các bố cục hướng trái ít được dùng hơn. Cũng thế, bố cục mềm dẻo (full-width) đầy độ rộng cũng ít được phổ biến. Suy sét đúng thì chúng ta luôn cố gắng có được nhiều thông tin để "vượt qua rào cản trên" (ví dụ: ẩn đi màn hình không cần thanh trượt scroll). Bố cục mềm dẻo tự giãn phù hợp với tiêu chí này. Tuy vậy, ngày nay chúng ta vẫn có nhiều khả năng phù hợp với việc cuộn và kéo tăng khoảng trống và độ cao của các dòng văn bản.

3. Thiết kế nội dung không trang:
          Phong các thiết kế web hiện đại tốt là đặt ít thành phần vào nền của trang web - nền trang web nên để một cách trong sáng. Và nên tập chung vào việc thiết kế nội dung trên trang web.
Chúng ta cùng xem xét các hiệu ứng như:
          + Tối giảm, loại bỏ bớt các hộp bên trong một bố cục trang web
          + Làm mềm, đơn giản và tạo khả năng dùng lại cho trang web
          + Sử dụng các màu sắc mạnh mẽ và hiệu ứng 3D là tập chung vào các phần cần nổi bận bên trên, bao gồm là các nhánh chính
          + Tiêu điểm là được đánh dấu các chủ đề chính, sao cho chúng dễ nhìn thấy nhất và thiết kế thật tốt.

4. Tại sao lại căn giữa?
Tôi thích gióng hàng, căn giữa và sử dụng hầu hết cho các thiết kế. Khi nội dung được căn giữa màn hình, nó sẽ được chú ý trước tiên và rõ ràng. Và nó cũng thỏa mãn được tiêu chí cho việc đơn giản và cân bằng, việc quan sát nó được thực hiện một cách dễ dàng dọc từ trên xuống đến dưới. Hầu hết các thiết kế hướng tâm được cố định độ rộng (có thể theo pixel hoặc phần trăm) hay đôi khi là tự giãn rộng. Lợi ích nó là bảo toàn được độ rộng của nội dung (thực thế với cách thức tự giãn rộng, kích thước phông chữ có thể thay đổi) đó là chiều cao dòng có thể lớn hơn màn hình.

5. Sử dụng hiệu ứng 3D một cách tiết kiệm.
Một số trang hot hiện nay đều sử dụng hiệu ứng màu chuyển sắc gradient, chúng đưa đến các thanh, hộp bo tròn để tạo cảm giác mềm cho không gian nền, hoặc tạo một biểu tượng chuẩn với hiệu ứng nổi khối và bóng mờ. Hiệu ứng phản chiếu & lan tỏa cũng được tận dụng. Bóng đổ cũng vẫn được dùng thêm.

6. Sử dụng các dòng chữ lớn, đẹp.
           Tôi không nói rằng tất cả các dòng chữ text trên trang web của bạn phải là cỡ chữ quá cỡ. Mà thực tế trong một số phần chữ nhỏ lại là đẹp (chúng ta chú ý rằng chỉ dùng một ít chữ nhỏ trong trang web thôi)
Cái gì là ý tưởng tốt ở đây:
          + Hãy tạo các văn bản quan trọng trong trang web có cỡ chữ lớn hơn kích thước bình thường
          + Giống như các công nghệ thiết kế khác, nó làm việc khi sử dụng trong website hiện đại. Nếu tất cả văn bản của bạn to, thì sẽ không có chữ nào là to lớn cả.
Sử dụng chữ lớn để giúp khách thăm website nhanh chóng biết site bạn là gì, cái gì là quan trọng và đặc điểm của các vùng họ muốn xem tiếp theo.