Bài đầu tiên này, chúng mình sẽ cùng học cách tạo một đường sáng uốn lượn. Đầu tiên các ấy phải chọn một bức ảnh có màu nền càng tối càng tốt. Thế mới nổi ánh sáng được đấy. Như bức ảnh dưới đây là “chuẩn không cần chỉnh” đấy.

Bước 1: Các bạn chọn ảnh, sau đó click chọn mục New Layer như trong hình. Sau đó bạn sẽ thấy hiện ra Layer 1 phía trên Layer ảnh nền.


Bước 2: Bạn chọn công cụ Pen để vẽ. Muốn “ăn liền” thì bạn có thể bấm phím P.

Bước 3: Lúc này bạn sẽ thấy phía trên chương trình sẽ hiện ra một menu ngang. Đây là menu của công cụ Pen đấy. Bạn nhớ chọn biểu tượng Path là đầu chiếc bút viết được “bao vây” bởi các chấm nhé.

Bước 4: Bạn dùng chiếc bút của Pen để vẽ những đường thẳng hoặc cong ở nơi bạn muốn những đường sáng xuất hiện. Bạn chỉ cần vẽ đường thẳng rồi sau đó tại các điểm nút, bạn có thể “bẻ cong” tùy ý. Bước này đòi hỏi phải có một chút khéo tay đấy nhé.

Bước 5: Sau khi đã vẽ vời xong xuôi, bạn lại quay về thanh công cụ bên tay trái để chọn Brush có biểu tượng giống như chiếc bút lông nhé.

Bước 6: Có bút rồi, đến lượt phải chọn kiểu bút nào cho “nuột”. Muốn thế thì bạn phải chọn biểu tượng Brushes palette toggle trên thanh công cụ bên trên.

Khi cửa sổ Brushes xuất hiện, bạn hãy click vào Brush Tip Shape ở góc trái của cửa sổ. Bạn sẽ thấy bên phải sẽ xuất hiện một loạt các kiểu bút khác nhau.

Các bạn hãy xuống dưới và chọn kiểu bút có số 40 nhé.

Bước 7: Ngay bên dưới, bạn chọn Spacing và kéo thanh trượt giảm xuống còn 1%

Bước 8:
Để cho ánh sáng thêm thật hơn, nghĩa là điểm bắt đầu và kết thúc rất “mờ ảo” thì trong cửa sổ Brush như trên bạn hãy chọn Spacing Dynamics. Ngay bên cạnh đó, bạn sẽ thấy xuất hiện một hộp thoại có tên Control. Thế thì bạn chỉ cần chọn Pen Pressure trong hộp này là xong.

Bước 9 : Thế là xong bước chọn “đồ nghề”. Giờ thì các ấy chọn màu cho ánh sáng nhé. Bạn chọn màu Foreground Color ở dưới cùng của thanh công cụ dọc ấy nhé. Thường thì “dân tình” hay chọn ánh sáng màu trắng đấy, teens nhé.

Bước 10: Bạn click vào nút mũi tên nhỏ ở góc phải của thẻ Path (bên cạnh thẻ Layers và Channel, bên phải nhé). Sau đó bạn chọn Stroke Path.

Bạn sẽ thấy hiện ra hộp Stroke Path. Còn chần chờ gì nữa, bạn hãy vào mục Tool và chọn Brush rồi click chọn Stimulate Pressure. Bạn sẽ thấy đường sáng bạn vừa vẽ đã có nét bút Brush mà bạn vừa chọn rồi nhé.

Bước 11: Bạn trở về thẻ Layer ban đầu mà bạn đã tạo ấy. Xong rồi, bạn chọn biểu tượng Styles ở phía cuối rồi chọn Outer Glow. Cái này là để cho “đường cong” của bạn tỏa sáng đấy nhé. Sau đó bạn sẽ thấy hiện ra hộp thoại “hỏi” bạn muốn “chế biến” “vầng hào quang” như nào.

Ở đây thì bạn hãy chuyển mục Blend Mode thành Linear Light để có ánh sáng “lung linh” hơn nhé.
Tương tự như vậy, bạn cũng vào phần Styles của layer rồi chọn Inner Glow để cho ánh sáng tỏa sáng ở phần bên trong của “đường cong”. Bạn cũng làm các thứ giống như Outer Glow. Chỉ cần chú ý chỉnh diện tích của Inner Glow nhỏ nhỏ thôi. Cỡ 10px là vừa rồi.
Thế là bạn đã có một đường sáng lung linh rồi nhé. Để thêm phần hoành tráng , bạn có thể tạo một Layer mới rồi vẽ thêm một đường sáng nữa và vào phần Styles của Layer, chọn Copy Slide. Rồi quay lại đường sáng mới vẽ và chọn Paste Layer Style. Thế là a-lê-hấp, bạn đã có một đường cong cũng lung linh không kém đâu nhé.

Chúng mình thường thấy những bức hình của các ngôi sao hay có những ngôi sao lấp lánh xung quanh để thể hiện vẻ “xì-ta”. Bạn có muốn “học tập” không nào. Không hề khó đâu, các bạn cùng làm  nhé!
Trước tiên là các ấy chọn một hình mà mình thích. Chỉ cần một hình thật “kul” là được.

Bước 1: Muốn tạo những ngôi sao nho nhỏ xinh xinh, trước hết, các bạn tạo nền cho ngôi sao tỏa sáng bằng cách tạo một cửa sổ mới, vào File/New hay đơn giản là Ctr+N. Sau đó chọn kích thước của của sổ như hình vẽ.

Sau đó, bạn chọn chiếc bút lông Brush trên thanh công cụ rồi chọn màu Foreground là màu đen nhé.

Bước 2: Bạn chọn bảng Brushes ở phía cuối rồi chọn Brush Presets và kéo khung bên phải xuống chiếc bút long kiểu 70 nhé.

Bước 3: Bạn dùng chiếc bút lông Brush click “vô tư” lên cửa sổ mới tạo lúc nãy nhé.

Bước 4: Tương tự như lúc nãy, bạn lại quay về bảng điều khiển Brushes rồi chọn kiểu bút 17 và “chấm” thoải mái lên cửa sổ nhé.

Bước 5: Bạn lại vào bảng điều khiển Brushes rồi click vào mũi tên bên phải ở góc trên và chọn Assorted Brushes.

Lúc này bạn sẽ thấy Photoshop “chất vấn” bạn bằng một hộp thoại. Bạn chỉ cần chọn Append thôi là ok.

Bước 6: Bạn lại chọn kiểu bút 50 ở bảng điều khiển Brushes và click lên vài điểm bất kì trên của sổ.

Bước 7: Bạn lên thanh menu trên cùng của Photoshop, chọn Edit/Define Brush Preset. Chỗ này bạn đổi tên là Sparkle Brush.

Bước 8: Công việc tiếp theo khá đơn giản. Bạn tạo một layer mới trên layer Background bằng cách chọn nút New Layer ở phía cuối bảng điều khiển.

Sau đó, bạn quay về chọn Brush trên thanh công cụ và chuyển màu Foreground sang màu trắng.

Bước 9: Như lúc nãy, ở mục Brush Presets, bạn chọn kiểu bút 195 nhé. Tiếp tục, bạn “nghía” sang bên trái của sổ này, chọn Shape Dynamics. Sau đó, bạn sang bên phải, sửa phần Control thành Fade.

Bước 10: Tiếp tục ở Brush Presets, bạn click chọn Scattering rồi chọn các chỉ số như hình vẽ.

Bước 12: Thế là “những ngôi sao nhỏ” của bạn đã “hòm hòm” rồi đấy. Giờ thì bạn chỉ cần tạo 1 layer mới rồi lên thanh Menu, chọn Filer/Blur/Gaussian Blur và chỉnh Radius còn 4.0 pixels.

Ở đây chúng tớ dùng màu hồng cho xì-tin, đó là vầng sáng bao quanh ngôi sao của bạn cho “ảo” ấy mà. Phần màu sắc thì “tùy tâm” nhé.

Thế là các ấy đã có một bức tranh với những ngôi sao y như là trong truyện cổ tích ấy. Thích không nào teens?

Một bầu trời toàn sao thì bao giờ cũng lung linh hơn khi chỉ đen kịt toàn mây là mây đúng không nào. Với Photoshop, chúng mình có thể dễ dàng “hô biến” những ngôi sao xuất hiện rất dễ dàng đấy. Teens nhà mình thử làm nhé.

Bước 1: Đầu tiên các ấy tạo một layer mới trên layer bầu trời ban đầu. Cái này thì “chuyện nhỏ như con thỏ” rồi. Sau đó, các ấy xuống phần chọn màu Background là màu đen nhé.

Bước 2: Bước này là bước tạo những ngôi sao. Cách đơn giản nhất là bạn tạo Noise (nghĩa là các chấm nhỏ) bằng cách chọn layer lúc nãy bạn mới tạo. Sau đó vào Filter/Noise/Add Noise. Ở cửa sổ Add Noise bạn kéo thanh trượt sao cho ô Amount khoảng từ 100% đến 140% là được. “Liều lượng” thì tùy bạn muốn nhiều sao hay ít sao ấy mà.
Nhưng mà nhớ là chọn Gaussian và Monochromatic như hình nhé.

Bước 3: Để những ngôi sao nhìn giống thật, bạn cần phải làm mờ những ngôi sao đi. Để làm như vậy, bạn vào Filter/Blur/Gaussian Blur rồi chọn ô Radius còn khoảng 0,3 pixels.

Bước 4: Bạn dùng các công cụ Magic Wand hay Polygonal Lasso Tool để chọn bầu trời. như hình vẽ. Nhưng mà trước khi chọn, bạn nhớ tắt layer “xì-ta” ban đầu bằng cách bỏ chọn chỗ đôi mắt bên cạnh layer ấy nhé.

Bước 5: Sau khi đã chọn bầu trời xong xuôi, bạn lại làm hiện lên layer mới tạo, sau đó chọn nút Layer Mask bên dưới. Bạn sẽ thấy bầu trời hiện lên như là màn hình TV nhiễu sóng thế này là được.

Bước 6: Bạn chọn New Adjustment Layer ở Bảng điều khiển, sau đó chọn tiếp Levels. Tại đây, bạn chú ý hai hình tam giác đen và trắng như trên hình vẽ. Bạn hãy kéo hình tam giác trắng sang bên trái để những ngôi sao bạn sáng hơn còn kéo tam giác đen sang bên phải để phần đen của những ngôi sao nhiều hơn.

Bạn chỉ cần kéo 2 tam giác nào sao cho những ngôi sao hiện vừa đủ trên bầu trời .
Bước 7: Hãy “thêm thắt” một chút để bầu trời sao nhìn y như thật. Đầu tiên bạn vào ô có chữ Normal như hình vẽ rồi chọn Sreen. Tiếp đó, bạn lại vào New Adjustment Layer rồi chọn Hue/Saturation để đổi màu các ngôi sao. Cứ như hình dưới đây là “ổn” đấy teens nhé.

Đấy, chỉ một loáng là bầu trời đêm đã rực rỡ với ánh sáng lung linh của những ngôi sao cực “ảo” phải không nào?

Các bạn thường thấy trong các poster quảng cáo phim có các nhân vật nhìn rất “hoành tráng” với các màn “tung chưởng” ánh sáng rất “khủng”. Nhìn thế thôi nhưng đều là hiệu ứng Photoshop hết đấy. Chúng mình cùng thử làm nhé, không hề khó đâu .
Bước 1: Bạn chọn một tấm ảnh có nền màu tối, với “dáng” đẹp một chút, để thuận lợi cho việc “tung chưởng” ấy mà.
Sau đó, bạn chọn layer Background rồi tạo một layer mới. Sau đó vào cửa sổ layer bên dưới và chọn Layer>Layer Style>Gradient Overlay. Ở mục Style,bạn nhớ chọn Radial để tạo hiệu ứng vòng tròn và kéo thanh ngang để Scale ở mức 62% nhé.

Bạn cố gắng đặt vị trí của vòng tròn này tại những nơi mà bạn muốn “tung chưởng”. Thường thì là ở bàn tay hay thậm chí là… bàn chân. ^^
Bước 2: Bạn chọn layer ảnh Background ban đầu. Chọn duplicate layer này để tạo một layer giống hệt như vậy. Sau đó bạn làm ẩn đi 1 trong 2 layer bằng cách click vào biểu tượng hình con mắt ở cuối cửa sổ layer.
Tiếp tục, bạn chọn layer này rồi vào Image>Adjustments>Hue/Saturation và giảm bớt Saturation xuống -100, bạn sẽ có một bức hình đen trắng rất cổ điển.

Còn ở layer còn lại (layer có màu), bạn vào mục Blend Mode và chọn Color Dodge. Tiếp đó, bạn lên thanh menu trên cùng, chọn Filter>Blur>Motion Blur và chỉnh Angle là 90 còn Distance là 100 pixels. Bước này để làm bức ảnh của bạn “ảo” hơn ấy mà.

Bước 3: Bạn lại tạo một “bản sao” của layer ban đầu bằng cách duplicate rồi chuyển layer này lên trên các layer khác. Với layer này, bạn chuyển Blend Mode là Overlay, sau đó vào Filter>Blur>Motion Blur chỉnh Radius là 7 pixels.
Tiếp theo, bạn chỉ cần vào layer ban đầu, sửa Blend Mode là Overlay rồi chỉnh Filter>Blur>Gaussian Blur sao cho Radius là 40 pixels.

Chịu khó “nghịch” với các layer, bạn sẽ thấy một quầng sáng rất “hoành tráng” hiện lên như thế này đấy.
Sau đó, bạn chọn cả 4 layer vừa tạo, nhóm lại thành 1 nhé.

Bước 4: Bạn chọn công cụ Gradient ở thanh công cụ bên trái. Ở cửa sổ Gradient Editor, bạn chọn một màu bất kì.
Sau đó, bạn chọn Gradient Type là Noise, Roughness là 100, chọn các mục Restrict Colors và Add Transparency như hình nhé.

Tiếp đó, bạn chọn một layer mới với Gradient bạn vừa tạo, chọn kiểu là Angle Gradient rồi cho phát sáng từ phần bạn muốn tung chưởng nhé. Bạn nhớ đặt layer này bên trên tất cả các layer khác nhé.

Tiếp tục tại layer này, bạn chọn Image>Adjustments>Desaturate ở menu chính để chuyển Gradient thành đen trắng. Sau đó vào Filter>Blur>Gaussian Blur và chọn Radius là 4.5 pixels. Tiếp tục chuyển Blend Mode thành Color Dodge .

Tiếp theo là vào Image>Adjustments>Levels, chỉnh cho màu sáng hơn là được.
Bước 5: Bước này là màn “múa may” với Brush. Bạn làm như hình nhé.

Bạn dùng Brush vẽ một quầng sáng trên tay (dùng hardness là 0% nhé)

Vẽ thêm một một số tia sáng đằng sau

Dùng màu xanh, vẽ thêm một quầng sáng phía trên

Bước 6: Bạn lặp lại bước tạo Gradient, nhưng lần này là ở phía khác, để tăng thêm phần “ảo” ấy mà.

Kết quả là như này, quá đỉnh ấy chứ nhỉ ? (Chú ý là ảnh cuối cùng đã được “gia giảm” thêm một số hiệu ứng khác. Các ấy chỉ cần làm như những bước trên đã là quá “nuột” rồi.

• Chuyển ảnh chụp thành tranh vẽ chì

Lovely Logo

Logo kết hợp giữa text và biểu tượng, được cách điệu khéo léo.

Master layout - thể hiện được đặc trưng của cty

Layout đăng nhập vào website. Enter website sẽ chuyển sang 1 new windown, có thể sẽ hơi bất tiện với 1 số user khi enter web. Nhưng những bất ngờ bên trong sẽ làm user quên đi những phiền phức ban đầu.

Layout đơn giản, ấn tượng với tone trắng và biểu tượng được cách điệu của logo. Màu đỏ tươi rực rỡ được khéo léo sử dụng làm điểm nhấn, rất nhỏ, rất ít nhưng trọng tâm và tiết chế tạo hiệu quả dẫn dắt, thu hút điểm nhìn chính của layout, truyền được thông điệp muốn thể hiện đến user.

Trang chuyển tiếp ấn tượng với những đám mây giấy màu đỏ được cách điệu và sắp xếp thành nhiều lớp tạo chều sâu không gian.  Designer “tô màu” với những vệt màu ko đều nhau trên những đám mây tạo hiệu quả bông xốp trên bề mặt của những layer mây 2D.

Chiếc tàu lượn chở chú tắc kè xanh bay lượn theo chuyển động đong đưa của user đem lại sự vui mắt, thích thú cho thời gian chờ đợi web load. (time cho việc chờ đợi này khá lâu ++)

Loading

Layout chuyển

Mỗi trang là 1 layout với những cách sắp đặt bố cục cực kỳ đơn giản, ko gian trắng toát, thoáng, sạch hướng user tập trung vào những chi tiết chính của sản phẩm. Các chi tiết 3D được model smooth, màu sắc, chất liệu so real.

Menu vui nhộn, sinh động, rất hợp lý, dễ thương với hình ảnh chú tắc kè bay lơ lửng cùng chùm bong bóng đỏ.

menu

Còn thật nhiều những thú vị, với mỗi click vào từng quả bóng, user sẽ lại lạc vào 1 khung cảnh sống động, thú vị, với thật nhiều những ý tưởng sáng tạo.

(Source: http://www.idecorabili.com/

painting

• No related posts.

1. Đặt câu thông điệp ở trang bìa đầu tiên.

Trang bìa brochure đóng vai trò giống như dòng tít quảng cáo, vì vậy bạn phải ghi những gì quan trọng nhất ở trang này: phương châm, khẩu hiệu, những gì hay nhất mà công ty bạn có…

2. Quảng bá brochure trong các dịp quảng cáo.

Xây dựng kế hoạch Marketing cụ thể, trong các chiến dịch quảng cáo bạn giới thiệu thêm brochure của công ty.

3. Chọn hình ảnh biểu đạt được những ý nghĩa cần thiết.

Hình ảnh công ty, sản phẩm trọng tâm… tốt hơn là dùng từ ngữ.

4. Luôn luôn chú thích cho hình ảnh.

Sau trang bìa các mục chú thích được khách hàng đọc nhiều nhất.

5. Bố cục rõ ràng, làm nổi bật được những ý quan trọng.

Tập trung vào những điểm mạnh, có chương trình khuyến mãi nào đang diễn ra, tư vấn ở đâu, địa chỉ trụ sở và các chi nhánh… Nếu công ty bạn là công ty lớn, có quá trình phát triển lâu dài, có nhiều giải thưởng, nhiều khách hàng thì cũng không nên trình bày quá một trang.

6. Dùng hình chụp thay cho hình vẽ.

Đối với những ngành hàng thông dụng, ảnh chụp gợi cho người xem những hình ảnh thực, sống động.

Ở những lĩnh vực nghệ thuật, thời trang khi dùng hình vẽ sẽ dễ tạo ấn tượng, tạo phong cách riêng…

7. Làm cho brochure bạn đáng được lưu giữ.

Brochure càng được khách hàng giữ lâu chừng nào thì nó còn có sức mạnh bán hàng. Giấy dày và được thiết kế hấp dẫn, có nhiều thông tin hay giúp cho brochure của bạn được khách hàng để dành tham khảo. Thậm chí họ còn dùng để đựng tài liệu.

8. Mang lại sự hảo hạng cho sản phẩm.

Trong nhiều trường hợp, brochure là sản phẩm của bạn, hay gần như một nhân viên bán hàng. Bạn đã đầu tư cho sản phẩm của mình thì cũng phải đầu tư cho bộ mặt của nó.

9. Mời khách đặt hàng.

Thông tin liên hệ với công ty bạn phải được trình bày rõ ràng, trang trọng và được bố trí ở nơi riêng biệt. Sau đó cũng bạn cũng ghi rằng bạn muốn gì: muốn khách hàng gọi điện, liên hệ qua website hay email… nhớ kèm theo thời gian phục vụ.

(Hình minh họa CAO ỐC PHỐ ĐÔNG HOA SEN – BROCHURE – Beebranding design 11/2009)

• No related posts.

Điều kiện mẫu thiết kế Logo

- Thích hợp về mặt văn hóa
- Chứa đựng hình ảnh mong muốn và bộc lộ bản chất các hoạt động của công ty mà nó biểu trưng
- Phương tiện thông tin thị giác
- Cân bằng về màu sắc
- Nhịp điệu và tỉ lệ
- Tính mỹ thuật, tao nhã, chân phương, có điểm nhấn
- Hài hòa về kiểu dáng
- Có những mẫu tự thích hợp để góp phần thể hiện ý đồ một cách hợp lý và minh bạch
- Cân bằng Âm – Dương và tương sinh về mặt Phong Thủy

Tác động Văn Hóa

Biểu tượng đưa vào logo phải thích ứng với bề dày văn hóa và lịch sử phát triển của Công Ty. Văn hóa tập quán tích lũy lâu đời của một dân tộc và xã hội.
Tinh tế chọn lọc để tránh gây phản cảm
Chứa đựng hình ảnh mong muốn và bộc lộ các bản chất hoạt động của công ty
Logo của một công ty phải thể hiện hình ảnh và mục tiêu thương mại của công ty, phản ánh các chức năng hoạt động của công ty đó. Nó phải tạo ra hình ảnh tích cực của công ty đó bằng cách phát huy tối đa những thông tin thuận lợi dưới dạng ký hiệu và họa tiết. Qua việc khắc họa các hoạt độngvà tiêu chuẩn quản lý của công ty, nó đã quảng cáo công ty một cách tinh tế với những khách hàng chọn lọc
Ví dụ : Một công ty có uy tín thành lập lâu đời với các nhà quản lý thuộc dòng họ quý tộc có thể sử dụng gia huy mà trên đó có in tên công ty.

Thông tin thị giác

Biểu tượng mang tính sáng tạo, hợp lý, dễ hiểu là một logo tốt. Chúng truyền đạt thông điệp trực tiếp và thẩm mỹ.
Một logo quá phức tạp sẽ khiến người xem không hiểu được và thất bại trong ý đồ nó nhắm tới. Một logo quá đơn giản thì sẽ dễ bị trùng lặp với các logo khác và dễ gây ngộ nhận cho người xem.
Sự cân bằng
1. Đảm bảo các hình khối, đường nét và khoảng cách được ghép nối tinh tế để họa tiết được cân bằng đối xứng hoặc phi đối xứng.
2. Đạt được cân bằng về mặt phong thủy để các yếu tố âm – dương quân bình

Tỉ lệ trong thiết kế
Sự cân xứng là mối liên hệ tương đối giữa các vật và độ lớn như kích cỡ số lượng, khối lượng, … Trong lĩnh vực thiết kế, sự cân xứng được thu hẹp trong sự liên hệ về kích cỡ và độ lớn giữa các thành phần của bố cục. Trong nhiều trường hợp, sự cân xứng có thể là phần nào lớn hơn phần nào và tại sao ?
Các phương pháp thiết kế logo

Biểu Tượng
Phương pháp thiết kế này là một biểu tượng không kèm theo văn bản.
Biểu tượng phải tự nó truyền tải được thông điệp, điều quan trọng là thông điệp phải rỏ ràng. Phương pháp thiết kế này hiếm thấy trong nền kinh tế hiện nay.
Những thiết kế này thường thấy xuất hiện trên cờ, quốc huy, trong biểu tượng tôn giáo, …

Văn Bản
Những biểu tượng ít cám xúc nhất là biểu tượng chỉ có tên công ty và viết tắt bằng những ký tự.
Sử dụng hiệu ứng 3 chiều (3D) là phổ biến nhất, thậm chí những font chữ bình thường dễ làm người ta nhàm chán và ít gây ấn tượng.

Biểu tượng kết hợp với văn bản
Phương pháp thiết kế này được xem là hoàn hảo nhất trong thời điểm hiện nay. Nó mang nhiều hàm ý về nghệ thuật maketing hiệu quả nhất vì nó bao gồm ấn tượng của hình vẽ cách điệu công với câu khẩu hiệu (slogan) hoạt động của công ty.
Chữ viết cách điệu (Text Symbol Fusion)
Kỹ xảo đưa văn bản vào biểu tượng để cho ra một sản phẩm nghệ thuật là một phương pháp thiết kế biểu tương kinh doanh hiệu quả
Fonts
- Sự kết hợp chữ thường và chữ hoa tạo nên sự nhấp nhô trong chuỗi văn bản, chữ viết hoa nó phá vỡ khung đơn điệu của chuỗi văn bản
- Chúng ta đều hiểu font có chân là kiểu cổ và dễ đọc, font không chân là kiểu hiện đại nhưng không nên sử dụng font quá nguyên bản mà phải cách điệu. Những fonts viết tay lạ mắt trong một số trường hợp là tốt nhất, nhưng chúng đòi hỏi sự phóng khoáng trong thiết kế.
- Khi tiêu đề trong biểu tượng là một tập hợp kích cỡ lớn tương đối, bạn phải giảm khoảng cách giữa các ký tự.
- Trong một biểu tượng không nên dùng quá nhiều font chữ
Màu sắc
- Màu sắc nhằm mục đích gợi nên đặc thù, độ sáng và tạo các hiệu ứng 3 chiều cho biểu tượng
- Màu sắc mang tính biểu tượng và để cân bằng âm dương cho màu biểu tượng
- Màu sắc để cường điệu hóa, ngụy trang và che đậy nền

Yếu Tố Phong Thủy Trong Thiết Kế Logo

Tương sinh giữa các hành

Ngũ hành gắn liền với các hình khối cho nên khi áp dụng hình khối trong một biểu tượng logo cho nên phải xét đến sự tương sinh giữa các hành. Hành kim gắn liền với hình tròn và hình thuôn; hành mộc với các hình chữ nhật cao, mỏng; hành thủy với hình zigzag và các hình uốn lượn; hành hỏa với hình tam giác, hình nón và hình chóp; hành thổ với hình vuông.

Sự tương sinh giữa các hành và các con số :
- Kim (tròn, trắng) và số 9 với thủy (zigzag, đen) và số 6.
- Mộc (chữ nhật, xanh lục) và số 8 với hỏa (tam giác, đỏ) và số 7.
- Thủy (zigzag, đen) và số 6 với mộc (chữ nhật, xanh lục) và số 8.
- Hỏa (tam giác, đỏ) và số 7 với thổ (vuông, vàng) và số 5.
- Thổ (vuông, vàng) và số 5 với kim (tròn, trắng) và số 9.

• TechcomBank – Corporate Identity Management Manual
• Logo dùng font chữ – Dễ mà khó!

After creating a well-structured and usable grid, consider allowing it to breath. A page without a grid is a usability nightmare. On the other hand, a grid that has creatively overlapping, escaping, or energizing columns leads to a more enjoyable user experience. Discovering or planning areas of the design that will have some freedom will lead to more interesting and appealing design solutions.

What is Grid-Based Design?

Grids are structure imposed on chaos. They are a harmonious and reliable system for presenting information. Grids offer an effective design approach for site layouts and assist in communicating site’s main messages clearly to the end user. They created ordered hierarchies, proportional relationships, and clear visual paths for the eye to travel.

Its important to know your tools before trying to get creative with them. This means you should study the grid and understand how to successfully use it to create your site layouts. Learn to achieve balance, symmetry, and place emphasis on important content all through the use of the grid. If you need some information on Web grid usage utilize the resources below:

Grids are useful for communicating information clearly and effectively. Khoi Vinh’s redesign of a complex news-site proves it.

Six Creative Column Techniques

Like skyscrapers in city centers, overwhelmingly, columns dominate Web design grids. Once you’ve mastered the grid as a tool then it’s time to get creative with it. Work on establishing a visual rhythm in your design. Then you can step in and break the visual flow for effect. The techniques discussed in the next section present effective ways of getting creative with your columns in grid-based Web design.

1. Embracing Disharmony

Disharmony is, of course, the opposite of harmony. A grid is a harmonious instrument. Its goal is to achieve balance, symmetry, and order. So why would you want to bring imbalance to this order? Why break up this carefully constructed data structure? The answer is to add interest.

Chaos is more interesting than order. A good murder mystery is infinitely more enjoyable than a story about taking a walk in the park. Jackson Pollock’s splattered paint canvas is more stimulating than a wall without it. A partly broken grid is more interesting than a perfectly ordered grid. Besides who doesn’t want to break the rules? Embrace some randomness, chaos, or discord and create a space for them to thrive within your designs.

2. Joining for Variety

Layouts that have strong horizontal areas are being seen more often, especially on home pages. Horizontal Web design areas feel more creative because vertical designs are so common on the Web. Try using more rows in your designs. Or join areas of a column together to create a display space in your design.

Rows can be used to break up the visual flow of a page. Each row you create gives a new opportunity for establishing new column areas with different sizes, numbers, and variety. Its possible to create pages on your site, or areas of your pages, that are heavily horizontal. Or join columns to form rows that add interesting areas to your layouts. Consider varying the number of columns in the rows you create.

The gray horizontal row below is heavily emphasized. The use of repeating horizontal backgrounds helps to make predominately vertical layouts feel wide. Adding these spaces to your layouts will allow them to stand out. Horizontal areas in sites will slow the user’s progression through the page and create emphasis.

3. Utilizing Angles

It’s possible to set an entire grid on an angle. In the article Rule Four: Spacing Is Your Friend an angled grid design is reviewed. The example used in this article is for print design though. The use of an angled grid is unusual on the Web. That’s because the layout of text on the Web is horizontal, not slanted.

You would likely use images to accomplish an angled piece of text. Flash would be another option. In both cases you’re loosing the semantic goodness and ease of use of Cascading Style Sheets. The use of angles to occasionally break your grid will add visual interest. If you restrict the use of angles to images you won’t lose any semantic or SEO benefits of the default horizontal text used in the Web.

4. Escaping Boundaries

One of the techniques in line with embracing some disorder is to break out of the boundaries you’ve established in your grid. Once you’ve established your order find ways for elements to move outside of it. Cross over the lines you’ve set up and break out of the visual flow of the page.

In the article Thinking Outside the Grid Molly E. Holzschlag discusses concepts of creating compelling visual design that breaks the mold of the grid. Some of her examples show boundaries being escaped. This is an inspiring conceptual article that also discusses the complexities involved in coding designs that are less rigid.

Pull-quotes are an example of a design element that presents an opportunity to break out of your established visual flow. The older version of Andy Rutledge’s Design View used interesting pull-quotes that broke the visual flow of the column. Doing this places greater emphasis on the pull-quotes than if they were kept within the content of the column.

Compare the old version to the newer site design below. The new design places pull-quotes within the boundaries of the content column. This is a less creative and more conservative solution. Though in either case the pull-quote creates a noticeable change in the visual flow of the column.

An abrupt change in the flow of the page will cause users to pause and notice the change in rhythm. This is true whether the pull-quote is kept within the column or moved outside the boundaries of its borders. Consider this the next time you use pull-quotes or if you’re embedding an image within your column. As an image presents the same design opportunity.

5. Illustrating Areas

Illustrations and the use of design elements allow for overlapping and breaking out of the structure you’ve created in your grid. They can be used to add some areas of creative disorder to counterbalance the rigidity of the grid.

In the example below the illustration at the top of the page breaks the grid by overlapping the gridlines and flowing into different content areas. The movement of the design elements within the illustration creates a different visual rhythm that acts in opposition to the order of the grid. There is balance in the design of these opposing forces. The illustrations in this design add stimulating areas of interest to an otherwise boxy layout.

6. Energizing Spaces

There are some basic design principles to consider when looking to energize space within your grid. Concepts such as asymmetrical balance, proximity, and repetition are discussed in the article The Principles of Beautiful Web Design by Jason Beaird.

These principles are at work in the portfolio design of Issara Willenskomer, shown below. Jason Beaird has this to say about asymmetrical balance,”Rather than having mirror images on either side of the layout, asymmetrical balance involves objects of differing size, shape, tone, or placement. These objects are arranged so that, despite their differences, they equalize the weight of the page.”

In the image shown below no two paragraphs or images are the same size. Columns are broken and overlap horizontally. Mathematical precision is abandoned and a grid based on an artist’s intuition and eye for design is used to fill this creative space. The balance achieved here is not based on rigid structure alone, but rather is achieved through the equalizing weight of asymmetrical balance.

Each portfolio piece repeats a structure of similar size and weight of presentation on the page. The elements within each space through their proximity function as single design units. Though each portfolio piece is presented with a unique rhythm within the confines of this space, thereby adding interest to the design.

There is great variety in each one of these portfolio spaces. This allows for a creative presentation that the designer will enjoy making and a viewer will find stimulating.

Case Studies

Three sites that creatively use columns and break out of the rigid confined of well structured grids.

Study #1: Satsu Design

The design of Satsu.co.uk uses sketch style illustrations to overlap the grid lines established for the site. These illustrations effectively communicate the concept of rough draft brainstorming creativity. Conceptually the illustrations don’t belong inside the confines of an ordered grid. They serve to bring interest, asymmetrical balance, and conceptual creativity to the design.

The use of illustrations, the spacing between elements, and the variety in weight of elements within each grid make this a visual stimulating design.

Study #2: Lake Crackenback

Lake Crackenback utilizes illustrative design elements to great effect. The interior page, second image below, has a strong three column grid. Though the presentation through the design gives the illusion that it is one column with side elements that overlap that column. The side columns successfully overlap and break the rigid layout of the grid. Order is maintained while visual interest is added.

Also, notice the difference in presentation between the home page and the interior page. Varying your grid on different pages can be a useful technique for adding interest as well.

Study #3: Edgepoint Church

Edgepoint Church has a strong grid and a two column layout. The home page stands out as unique. It has multiple rows that turn the two columns into three, or unite a column to form one space. The home page especially has a grid filled with variety. The grid is escaped with the use of angles and placement of the illustrations and photography that surround the layout. The header has a free flow design that opens up the top as a creative space.

Conclusion

There are multiple techniques to add interest to your grid. Certainly you should first understand how to use the grid effectively. Then work on escaping some of this rigid structure and create some free flowing spaces within your design. Or break the established flow and focus attention on a particular element. Utilize concepts such as disharmony, asymmetrical balance, and ordered chaos to bring areas of your site’s grid designs to life.

• No related posts.