Lý thuyết và các tips chỉnh mầu

Cơ bản về phối hợp mầu

Thursday, 2. October 2008, 02:56

color, phoimau

Giới thiệu lý thuyết mầu

Với các mầu, bạn có thể xác lập một tâm trạng, thu hút sự chú ý, hay tạo đưa ra một tuyên bố. Bạn có thể sử dụng mầu sắc để tăng thêm sinh lực, hay làm nguôi sự nhiệt tình. Bằng cách chọn sự phối mầu đúng đắn, bạn có thể tạo một môi trường tao nhã, ấm áp hay yên bình, hoặc bạn cũng có thể truyền tải một hình ảnh đầy trẻ trung. Mầu sắc có thể trở thành phần tử thiết kế mạnh nhất của bạn nếu bắt đầu học cách sử dụng chúng hiệu quả.

Nội dung:

Bánh xe mầu sắc

Mầu sơ cấp, thứ cấp và tam cấp
Mầu ấm và mầu lạnh
Mầu nhẹ (tô, phủ mầu - tints), bóng (tô bóng-shades), và tông mầu(tones)
Phối mầu - những kỹ thuật cơ bản tạo nên sự phối hợp mầu
- Bù mầu (complementary)
- Tương tự (Analogous)
- Triadic
- Tách bù mầu (Split-Complementary)
- Chữ nhật (tứ giác)(Rectangle - tetradic)
- Hình vuông

Mầu sắc ảnh hưởng chúng ta theo nhiều cách, cả về tinh thần và thể chất. Mầu đỏ mạnh được chứng tỏ rằng nó làm tăng huyết áp, trong khi mầu xanh dương (blue) có hiệu quả giúp bình tĩnh, thanh thản và giảm đau.

Khả năng sử dụng mầu hài hòa và chủ ý có thể giúp bạn tạo ra những kết quả ngoạn mục.

Bánh xe mầu sắc


Bánh xe mầu hay vòng tròn mầu là công cụ cơ bản cho việc phối hợp mầu. Sơ đồ vòng tròn mầu đầu tiên được thiết kế bởi Isaac Newton vào năm 1666.

Bánh xe mầu được thiết kế để có thể với hầu như với bất kỳ mầu nào bạn chọn từ nó sẽ phối hợp tốt với nhau. Qua nhiều năm, các biến thể của thiết kế cơ bản này đã được tạo ra, nhưng phiên bản phổ biến nhất là bánh xe 12 mầu trên cơ sở mô hình mầu RYB (đỏ-vàng-xanh hay mỹ thuật)
Theo truyền thống, có một số tổ hợp mầu được xem là đặc biệt dễ chịu. Những mầy này được gọi là mầu hài hòa hay mầu điều hợp (chords color) và chúng gồm hai hay nhiều mầu với một mối quan hệ cố định trên trục bánh xe mầu.

Với phần mềm ColorImpact được thiết kế để bạn chủ động tạo ra một bánh xe mầu sắc phù hợp với mầu cơ bản của bạn.

Mầu sơ cấp, thứ cấp và tam cấp
Trong mô hình mầu cơ bản Đỏ-Vàng-Xanh (hay subtractive), các mầu cơ bản là mầu đỏ, mầu vàng và mầu xanh dương
Ba mầu thứ cấp (mầu xanh lá cây, da cam và tím) được tạo ra bằng việc trộn hai mầu cơ bản.
Sáu mầu tam cấp khác được tạo ra bằng cách trộn các mầu sơ cấp với mầu thứ cấp.


Hình trên minh họa vòng tròn mầu với các mầu cơ bản, thứ cấp, và tam cấp. Bấm lên mỗi nhãn để bật/tắt mầu tương ứng.


Mầu ấm và mầu lạnh


Vòng tròn mầu có thể chia thành các mầu ấm và các mầu lạnh.
Các mầu ấm sống động và mạnh mẽ, có xu hướng mở rộng không gian.
Mầu lạnh đem lại cảm giác bình tĩnh, tạo một cảm giác êm dịu, dễ chịu
Mầu trắc, đen và xám được xem là các mầu trung lập.


Phủ mầu, tô bóng, và tông mầu
Những thuật ngữ này thường được dùng không chính xác, mặc dù chúng khá đơn giản về khái niệm. Nếu một mầu được làm sáng hơn bằng cách thêm mầu trắng, kết quả được gọi làm tint. Nếu thêm mầu đen, phiên bản mầu tối hơn được gọi là một shade. Và nếu thêm mầu xám, kết quả là một tông mầu khác.



Tints - thêm sắc mầu trắng vào một mầu tinh khiết


Shades - thêm sắc đen vào một mầu tinh khiết


Tông - thêm sắc mầu xám vào một mầu tinh khiết


Phối mầu - những kỹ thuật cơ bản tạo nên sự phối hợp mầu


Dưới đây biểu diễn các phối mầu cơ bản dựa trên bánh xe mầu
Phối bù mầu
Những mầu đối ngược trên bánh xe mầu sắc được xem là các mầu bù (ví dụ : cặp mầu đỏ và mầu xanh lá cây)
Độ tương phản cao của mầu bù tạo ra một cái nhìn đặc biệt rực rỡ khi dùng với mức bão hòa hoàn toàn. Sự phối mầu này cần được quản lý tốt để nó không chói nghịc gây khó chịu.

Phối mầu đòi hỏi sự khéo léo khi sử dụng với liều lượng lớn, nhưng sẽ tốt khi bạn muốn một điều gì đó nổi bật.


Phối hợp những mầu này thực sự làm xấu văn bản


Phối mầu tương tự (Analogous)


Phối mầu tương tự là sử dụng những mầu kế tiếp nhau trên bánh xe mầu. Chúng thường thích ứng tốt với nhau và tạo ra những thiết kế trong sáng và ấm cúng.
Phối các mầu tương tự thường có trong tự nhiên và được hài hòa và bắt mắt.
Hãy đảm bảo bạn có đủ độ tương phản khi chọn phối mầu tương tự.
Chọn một mầu chủ đạo, và mầu thứ 2 để hỗ trợ. Mầu thứ 3 được dùng (cùng với sắc đen, trắng hay xám) như một nhét nhấn.



Phối mầu tam giác (Triadic)

Phối mầu tam giác là sử dụng các mầu cách đều nhau xung quanh trục bánh xe mầu sắc.
Phối mầu tam giác có khuynh hướng khá rực rỡ, thậm chí cả khi bạn dùng các phiên bản làm nhợt hoặc chưa bão hòa mầu của bạn
Để sử dụng phối mầu tam giác thành công, các mầu nên được cân bằng cẩn thận - để một mầu chủ đạo và dùng 2 mầu khác để nhấn.



Phối tách bù mầu

Phối tách bù mầu là biến thể của phối bù mầu. Ngoài những mầu cơ bản, nó sử dụng hai mầu sắc liền kề mầu cơ bản để bù.
Phối mầu này cũng có độ tương phản thị giác mạnh mẽ như phối bù mầu nhưng ít căng thẳng hơn (tension)
Phối tách bù mầu thường là lựa chọn tốt cho những người mới bắt đầu, bởi vì nó khó bị rối hơn (mess up)


Phối mầu tứ giác

Phối mầu chữ nhật hay tứ giác dùng 4 mầu sắp xếp thành hai cặp bù nhau
Phép phối giàu mầu sắc đem lại nhiều khả năng cho các biến thể
Phối mầu tứ giác hoạt động tốt nhất nếu bạn để cho một mầu làm chủ đạo
Bạn cũng nên chú ý đến việc cân bằng giữa các mầu ấm và mầu lạnh trong thiết kế của bạn.



Phối mầu vuông

Phối mầu vuông tương tự như phối mầu chữ nhật, nhưng với bốn mầu cách khoảng bằng nhau quanh hình tròn mầu sắc

Phối mầu vuông hoạt động tốt nhất nếu bạn để một mầu làm chủ đạo. Bạn cũng cần chú ý vào việc cân bằng giữa các mầu ấm và lạnh trong thiết kế của bạn.


GIỚI THIỆU PHẦN MỀM PHỐI MẦU COULOR IMPACT
Tải về CoulorImpact.v3.1.1.build.230
Trang chủ để tải phiên bản mới nhất


Hình : Giao diện phần mềm

ColorImpact là một phần mềm đã đoạt giải thưởng thiết kế cho Windows, kết hợp của giao diện người dùng thân thiện với những tính năng ưu việt. Phần mềm cung cấp siêu tích hợp với những ứng dụng phổ biến nhất cho việc thiết kế, phát triển đa phương tiện và web. Đây là công cụ chuyên nghiệp cho phép tạo ra sự phối mầu hài hòa. Phần mềm được xây dựng dựa trên cơ sở bánh xe mầu sắc xây dựng bởi những bậc thầy về đồ họa trong quá khứ. Với hàng loạt giao diện người dùng trực quan và trực giác, bạn có thể chứng tỏ vận dụng lý thuyết về mầu sắc qua hành động. Phần mềm nhắm đến những nhà thiết kế web và đa phương tiện chuyên nghiệp, nhưng vẫn đơn giản để sử dụng cho những người mới bắt đầu.
Phần mềm gồm rất nhiều tính năng cho truy cập nhanh từ PhotoShop, Dreamwaver, Fireworks, FrontPage...Một vài công thức mầu được dựng sẵn gồm cả tam giác (triad), bù và tương tự, và thậm chí bạn có thể thiết kế công thức mầu riêng của mình để khám phá những phối mầu nâng cao. Bằng cách chọn đúng sơ đồ phối mầu, bạn có thể truyền tải một thông điểm ngầm tăng cường cho thiết kế của bạn. Tạo ra những mầu sắc tuyệt đẹp chưa bao giờ là công việc dễ dàng cả.

Các tính năng chính:
- MỚI: Hướng dẫn lý thuyết mầu dựng sẵn có - học với nhiều điều thú vị!
- CẢI TIẾN: Chế độ mầu điều hòa - cho phép thử nghiệm với những mầu điều hòa truyền thống được dậy ở trường nghệ thuật.
- MỚI: Thử nghiệm bánh xe mầu để phối mầu nâng cao
- MỚI: Kiểm soát mầy cho bạn chính xác giá trị mầu và mô tả văn bản của mầu - hữu ích cho những người bị mù mầu.
- MỚI: Bảng mầu không giới hạn - mỗi bảng mầu giữ một số mầu không hạn chế.

- MỚI: Ghi lại kết quả thành định dạng . Swf hay. Bmp
- MỚI: Cập nhật tự động trực tuyến
- MỚI: Kiểm tra lại các mẫu thiết kế cho phép bạn thử nghiệm các phối mầu của bạn trên thiết kế thực.
- MỚI: Giao diện người dùng linh hoạt - tùy biến chương trình theo sở thích
- CẢI TIẾN: Xuất bản CSS linh hoạt
- Mô phỏng mù mầu - giúp đảm bảo thiết kế của bạn làm việc với những người khuyết tật về mầu sắc
- In mẫu và giá trị mầu
- Xuất bản phối mầu ra hầu hết các chương trình thiết kế thông dụng

Thay đổi trong ColorImpact 3.1.1 dựng 231 - 10 tháng Giêng, 2007
- Thêm phím xóa mẫu mầu hiện tại
- Thêm giữ phím phải khi kéo thả 1 mầu tới bảng maaif sẽ thay thế mầu mà nó được thả vào
- Một số cải tiến nhỏ để cải tiến công thức màu mặc định.
- Một số chỉnh sửa lỗi nhỏ.
=============================
Mầu để bán

Màu sắc là yếu tố kích thích tâm lý, nó tạo cảm xúc mạnh mẽ và đôi khi có thể làm thay đổi doanh số của một sản phẩm, vì vậy cần biết những điều cơ bản về mầu sắc.

Hãy bắt đầu bằng việc xem xét mối liên hệ tâm lý với một số mầu sắc:

Mầu đỏ :
+) Liên hệ Tích cực: Tình yêu, ấm áp, hứng thú, sự đam mê, thức ăn
-) Liên hệ Tiêu cực: Sự nguy hiểm, sự tức giận


Mầu xanh dương :
+) Liên hệ Tích cực: Quyền lực, tính chuyên nghiệp, sự tin cậy, sự bình tĩnh yên lặng
-) Liên hệ Tiêu cực: Sự chán nản, buồn phiền


Mầu xanh lá cây :
+) Liên hệ Tích cực: Thiên nhiên, cuộc sống, tiền bạc
-) Liên hệ Tiêu cực: Sự mục nát, độc hại, bệnh tật

Mầu cam :
+) Liên hệ Tích cực: Sự cho tặng, sáng tạo, vui vẻ, trẻ trung
-) Liên hệ Tiêu cực: Kém chất lượng, rẻ tiền


Mầu tím :
+) Liên hệ Tích cực: Hoàng tộc, xa hoa, sự tưởng tượng, ước mơ
-) Liên hệ Tiêu cực: Ác mộng, điên loạn


Mỗi màu sắc đều có liên hệ tích cực hay tiêu cực với nó vì vậy ta nên sử dụng mầu trong thiết kế theo cách mà nó không lấn át và hướng tâm trí người xem tới những liên hệ tích cực hơn những liên hệ tiêu cực.

Lẽ tự nhiên là bạn không phải dùng chỉ một mầu để truyền tải một thông điệp nhất định, bạn sẽ muốn dùng kết hợp các mầu hay một sự phối hợp mầu.
Chọn phối mầu của bạn:
Bạn nên nhắm tới việc tạo ra một tâm trạng nhất định khi chọn một sơ đồ mầu của bạn. Nhiều khi điều này đạt được nhờ sự bão hòa của mầu hay nói cách khác mức độ tươi sáng của mầu của bạn. Ví dụ với mầu xanh dương bạn sử dụng cho một trang web cho trẻ em có thể sáng hơn khi mầu xanh dương sử dụng cho một trang web với cho hình ảnh chuyên nghiệp.



Một số mẹo cần nhớ:

# Trang web nên có một mầu chủ đạo, với các mầu khác bắt mắt đến một vùng đặc biệt trên trang.

# Để có một cảm giác hài hòa, chọn các mầu từ cùng họ với mầu chủ đạo. Chọn 2 hay 3 mầu với bóng khác nhau của cùng một mầu.

# Để có một hình ảnh hiển thị rõ hơn chọn mầu bù - màu sắc đối ngược nhau trên bánh xe màu sắc, ví dụ như màu xanh dương và màu da cam.

Các lời khuyên hữu ích:

# Biết rõ ai là đối tượng đích. Ví dụ một trang Web nhắm đến các thu hút các đối tượng thông thường nên sử dụng mầu sắc khác với trang Web nhắm đến những độc giả giàu có sang trọng, kể cả khi bán cùng một loại sản phẩm.
# Dành đủ chú ý với các tạp chí, đặc biệt là các quảng cáo trong các tạp chí. Chúng được tạo ra bởi các chuyên gia và có thể học hỏi được rất nhiều từ chúng.
Học sử dụng mầu đúng cách và nó thể nó chỉ cho bạn 1 lợi thế cần thiết để vượt qua đối thủ cạnh tranh của bạn

Tác giả Suzanne Roman đang thực hiện nghệ thuật trên trang Web, một website giúp các webmaster tạo các trang Web riêng của họ bằng việc cung cấp các đồ họa miễn phí. Đăng ký bản tin từhttp://www.webpagedesign.com.au để nhận được các bài viết mới về đồ họa và thiết kế.

http://www.webpronews.com/topnews/2003/01/06/colors-that-sell

new logo sixteen bar

hi guy, i just made some version of new logo which for bar . my clients need its look like quite luxury and modern but stills like some details asia in the logo. i decided use roman serif font, i really need to some advice of u and comts to make better my logo . thanks to all

(sorry my english skills is bad- hope u understand my means ^^)

The Logo Design Process From Start To Finish

In this article I will guide you through the process of creating the identity & logo design for one of my recent clients, UKE, offering insights into not only the thought process behind creating the logo but also the creation of the logo itself.

Also keep an eye out in the May edition of Layers magazine for a feature on the UKE web site design.

The Logo Design Process

When one creates a logo, they should follow a logo design process to ensure that the final design suits the needs of the clients (not their wants)… I have written about thelogo design process of professional logo designers in full here however below is the usual logo design process in short:

1. Design Brief: Conduct a questionnaire or interview with the client to get the design brief.
2. Research: Conduct research focused on the industry itself, on its history, and on its competitors.
3. Reference: Conduct research into logo designs that have been successful and current styles and trends that may be related to the design brief.
4. Sketching & Conceptualising: Develop the logo design concept(s) around the brief and research.
5. Reflection: Take breaks throughout the design process. This lets your ideas mature and helps you get renewed enthusiasm. Receive feedback.
6. Positioning: Position yourself as a contractor or build a long lasting relationship. ie. Client tells you what to do OR you guide the client to the best solution. The latter is usually best however personally, I try to find a happy medium.
7. Presentation: Choose to present only a select few logos to the client or a whole collection. Presenting only the best is recommended.
8. Celebration: Drink beer, eat chocolate, sleep, start on next logo design. Or a combination.

Getting The Job

Eugene, the business owner of UKE, contacted me earlier this year (who found me through my blog) and she wanted to rebrand & make over their old business identity starting with their logo and then the website.

After a few initial emails clarifying Eugene’s needs, I sent Eugene a four page logo design questionnaire form (PDF) which was promptly filled out. I then sent a proposal & an agreement (never call it a contract) and then received a 50% deposit via PayPal.

I also sent her a web design questionnaire for the website design but that is for another article.

The Design Brief

After Eugene had filled out the questionnaire I had most of the information that I needed to start on the logo design. There were a few other emails clarifying things but basically all the information was there.

Here is a bit of background information on UKE Chocolate Gift Baskets:

UKE.COM or UKE for short sells unique arrangements of chocolate as an alternative to gift baskets. UKE targets a more upscale market due to the time to make and cost of the product.

After reading through Eugene’s completed logo questionnaire, I found in short that she wanted a logo that portrayed her whole business model and she needed it be: “strong, bold & luxurious” She also requested to have it black or gold however was open to colour choices. Eugene also wanted to have a lion in the logo. The logo also had to be suitable for the web, business cards & t-shirts.

This was the old logo that was to re branded.

Research

Upon receiving the initial 50% deposit for the logo and signed contract agreement, I then started researching what was needed for the project. This included looking up Eugene’s competitors (that she provided & my findings), researching the industry and searching for other logos in the industry, among other things.

Research is a critical stage in the logo design process as this ensures that your logo will differ from the competitors and it also sets a benchmark.

Sketching & Development

The next stage of the project was developing the logo. Developing the logo design concept is where creativity comes into play. Based on the design brief and research conducted, this is where I let my ideas run wild. I brainstormed and sketched down my ideas and then experimented with them on the computer. I also had breaks between these sessions so I could reflect on the designs and have a fresh perspective on the job at hand which is a crucial part of the process when when designing a logo.

The challenge that I had when creating the UKE logo was trying to incorporate a lion into the logo while still making it look luxurious… I got around this problem by brainstorming and word association. My thought process went something like this: Lion > King Of The Jungle > King > Crown > UKE with Crown

Below you will find one of the original pages of sketches that I did for the Ultimate Potential logo… I know I am no Picasso but it is the end result that matters. Find in the bottom right corner where I originally got the idea for the final logo. Remember that there is no such thing as a bad idea, just bad decisions.

Computer Generation

As you can see in the sketch above I had the idea of using a crown or lion placed on top of the word UKE. After I had this general idea in my head I experimented with the concept in Adobe Illustrator and researched different types of crowns, layouts, fonts, icons, etc.

Typeface

The first thing I did when experimenting with the logo design was to find the best typeface for the logo. Below you can see just some, of many, different typefaces I tried and circled in red, the typeface chosen (Friz Quadrata, Medium).

This typeface was chosen for its luxurious, traditional looking nature. A great alternative to the much overused Trajan.

Concept Development

After I had found the right typeface (though it is never set in stone) I then experimented with different concepts and layouts of which you can see some below.

Please take note that no colour has been added to any of the designs. This is to ensure the design works in one colour only. This helps on printing costs and makes the logo more adaptable for use over a variety of media.

One should also remember that simplicity in logo design is the key. The simpler a logo is, the more memorable and adaptable it is. In nearly all cases, less is more.

You may interested to know some more ‘rules’ of how to design a logo.

Colour

I then experimented with colour. The final dark purple colour was chosen for its royal & luxurious nature… purple is the colour of royalty after all. Do you know your colour theory?

In the image below you can see the logos from the above image with the same purple background.

Delivery

Obviously, I ended up choosing the second bottom left logo (circled) for the final concept… After some more experiments & fine tuning I was finally ready to present the logo to Eugene.

Below you can read the email that I wrote to Eugene when ’selling’ the logo to her.

Hello Eugene,

I have been finishing off your logo today and have come down to the strongest concept, of which you will find attached in a PDF.

After all the research I carried out and concepts that I experimented with I kept coming back to this simple & effective logo… one without any animal figure. Not only this but I also found that animal figures were way overused, especially the lion due to it’s heraldic nature.

Your new UKE logo relates back to being king (much alike a lion) which is achieved by the use of a simple geometric crown. The crown has many symbolic references… the crown is a symbol of power, legitimacy, strength, righteousness, victory, triumph, resurrection, honour and glory of which can relate back to your luxurious packages, that of the highest quality. The typeface used for UKE is also one of power… strong bold serifed characters form a strong brand name that leaves a lasting impression on anyone that comes across it.

The purple, black and white colour scheme was also chosen for its luxurious nature and this can be applied across all of your marketing material such as your website, business card and so fourth. The UKE logo not only works well on a dark background but also a light background of which the white logo can turn into a dark purple logo. The logo can also be reproduced at any size and maintain readability.

I am eagerly awaiting your feedback and I will hear from you soon.

Regards,
Jacob Cass
http://justcreativedesign.com

Approval

Eugene promptly replied:

The logo really works! I like how clean and modern it looks. I think you might be right about the overdoing of the lion stuff even though I had an obsession with it, none the less this one grows on me more each time I look at it!

Don’t you love it when the client loves the design first time around? No revisions! How about that?

After approval of the logo design and the remaining 50% payment I sent Eugene the final files in EPS, JPG, PNG and TIFF formats.

The Logo In Use

When Eugene first contacted me she also wanted her website to be redesigned. Below you can see the redesign of her old website with the new logo in use. The website is currently still in development however should be online soon.

You can see larger before & after shots of the website here: Before | After

Comments are welcome as always. If you are interested in more articles outlining my design process fly over to my featured articles page.

NB: This article was originally written for Creative Pool’s January 2009 newsletterhowever I have got permission to republish it here. Creative Pool.co.uk is UK’s largest creative recruitment & directory resource.

sources : http://justcreativedesign.com/2009/02/04/the-logo-design-process-from-start-to-finish/