vdesignertips

Posts Tagged ‘colour

Beautiful3

6h Pts + stock ….

More info

Lựa chọn màu sắc là một chìa khóa thành công cho bất kì một thiết kế nào. Một trong những phương pháp sử dụng màu sắc là dùng các sắc độ của một màu sắc duy nhất, còn được gọi là sử dụng màu đơn sắc.

Trong các phương thức chọn lựa màu, phối màu, phương thức dễ nhất để tạo ra một thiết kế đẹp là sử dụng màu đơn sắc.Lí do vì các sắc độ (từ sáng đến tối) của cùng một màu luôn luôn hoà hợp với nhau rất tự nhiên.

Một trong những màu đơn sắc hay được sử dụng nhất là màu xanh da trời, vì nó tạo ra cảm giác đáng tin cậy, hiền hoà. Tuy nhiên, các màu sắc khác cũng được sử dụng khá nhiều và thành công.

Trong bài viết này, chúng ta cùng xem 50 thiết kế web đơn sắc và cách họ kết hợp các sắc độ cùng nhau.

Xanh da trời

9-1

9-2

9-3

9-4

9-5

9-6

9-7

9-8

9-9

9-10

9-11

9-12

9-13

9-14

9-15

9-16

9-17

9-18

9-19

9-20

9-21

9-22

9-23

9-24Tím

9-25

9-26

9-27

9-28

9-29

9-30

9-31

9-32

Cam

9-33

9-34

9-35

9-36Nâu

9-37

9-38

9-39

9-40

9-41

9-42

Xanh Lá

9-43

9-44

9-45

9-46

9-47Trắng , Đen và Xám

9-48

9-49

9-50

Viết bởi Michael Shelton cho Webdesigner Depot. Michael Shelton là web, graphic designer làm web và in ấn được hơn 4 năm.

Bài dịch được chấp thuận từ website Webdesigner Depot bởi vdesignertips, xong ngày 7/4/08

Rắc rối này xảy đến với hầu hết mọi người. Bạn bỏ ra vô số thời gian để hoàn thiện những tác phẩm đẹp, chau chuốt từng Pixel để cuối cùng bị từ chối bởi khách hàng, chỉ vì nó không giống với những gì họ hình dung trong đầu.

Bạn nhận lại bảng vẽ, lòng tự trọng của bạn lãnh một vố,công việc trở nên thiếu cảm hứng trầm trọng. Sau khi chuyện đó xảy ra một vài lần, cuối cùng bạn cũng nhận ra rằng ít thời gian lắng nghe những yêu cầu rối rắm của khách hàng sẽ tạo ra những khác biệt khổng lồ từ yêu cầu đến thiết kế của bạn.

Là một Designer, chúng ta thường nghĩ rằng chúng ta có mọi câu trả lời, mọi ý tưởng thiết kế. Công việc của chúng ta là tạo ra cái đẹp và chúng ta nhận lấy trách nhiệm đó một cách nghiêm túc ! Nhưng ngay cả khi bạn rất tài năng thì cũng rất dễ dàng để hiểu sai yêu cầu thiết kế của khách hàng.Từ ngữ không thể đủ để diễn tả design concept.
Và nếu khách hàng của bạn còn không cả chắc chắn về yêu cầu của họ – website thành phẩm thì việc xác định mục tiêu xây dựng càng khó khăn. Nghệ thuật thị giác truyền đạt những gì mà từ ngữ không thể diễn tả.Một hình ảnh có thể chứa đựng hàng nghìn từ ngữ và Mood boards là công cụ tuyệt vời để xây dựng hình ảnh đó cho khách hàng, nó thể hiện yêu cầu và mục tiêu của dự án.

1

Vậy chính xác Mood Board là cái gì ?

Mood Boards (đôi khi được gọi là inspiration boards ; inspriration : cảm hứng) được sử dụng trong nhiều ngành thiết kế. Ví dụ như trong thiết kế nội thất, mẫu vật liệu và màu sắc được người thiết kế nhóm cùng nhau trong 1 tấm poster để thể hiện cho chủ nhà (- khách hàng) phong cách nội thất sẽ được tạo ra.Chúng còn thường xuyên được sử dụng trong ngành thiết kế thời trang để nêu bật xu hướng và phong cách thời trang của mỗi bộ sưu tập.Thực chất chúng là nơi thể hiện các yếu tố cảm hứng và ý tưởng cho designer để bắt đầu một dự án thiết kế.
Một Mood Board cực kì hữu dụng để xây dựng phong cách thiết kế, thể hiện cảm xúc thẩm mĩ cho một website. Nó được sử dụng trong giai đoạn sau khi lên kế hoạch và trước khi thiết kế cụ thể. Những gì có thể thể hiện thông qua mood board bao gồm photography style, color palettes, typography, patterns, và cái nhìn tổng thể của trang web. Mềm mại hay sắc sảo?, nhiều chi tiết hay “clean” ?, Sáng hay tối ? , một phác thảo sơ bộ về màu sắc, hoa văn và hình ảnh sẽ đem đến cho bạn cảm nhận hoặc đặc trưng riêng của website.

Mood board giúp Designer định hướng phong cách thiết kế và nhận được ý kiến phản hồi của khách hàng trước khi tiêu tốn quá nhiều thời gian vào việc thiết kế một sản phẩm sai lầm, nó tạo nhanh một hình ảnh về kết quả thiết kế.

2

Làm sao tôi tạo được một cái ?

Việc đầu tiên bạn phải làm là đánh giá đúng về công việc sẽ làm và lựa chọn loại Mood Board hợp lí nhất.Có rất nhiều cách khác nhau để tạo Mood Board.Lựa chọn nên dựa theo thời gian được phân bổ, thói quen cá nhân của bạn trong công việc và quan trọng nhất là tính cách của khách hàng để trình bày.

Phong cách 1 : Cắt dán ngẫu hứng

Nếu khách hàng là người thoải mái, có tầm suy nghĩ rộng, không chịu ràng buộc về quy tắc thì phong cách này sẽ rất tuyệt để đưa đến cho khách hàng thấy sản phẩm của họ sẽ trông như thế nào. Dưới đây là một ví dụ về phong cách này.

3

Đây là cách dễ nhất để tạo một Mood Board bởi vì bạn có thể cắt dán rất nhanh, nó không đòi hỏi bạn cầu kì về kích cỡ font chữ hay sự chính xác cụ thể về màu sắc, bố cục. Nắm bắt và thể hiện lại từng chút, từng chút cảm hứng và ý tưởng của bạn. Sử dụng tất cả những thứ bạn có hay là tìm kiếm trên mạng những bức ảnh, textures phù hợp.Đôi khi rất hữu dụng khi sử dụng hình chụp màn hình của những website mà bạn cảm thấy có cùng phong cách thiết kế với bạn.

Phong cách 2 : Rõ ràng chuyên nghiệp

Nếu khách hàng bạn chưa có nhiều dịp làm việc với người thiết kế như bạn, hoặc họ cực kì quy tắc khi làm việc, bạn sẽ phải sử dụng phong cách này. Trong phong cách này, mood board được sử dụng để chỉ ra các mẫu thành phần của thiết kế. Sau đây là một ví dụ :

4

Bảng mẫu các màu sắc đã được lựa chọn, cách xử lí font chữ, các phong cách của các Button, cách sử dụng ảnh được chỉ ra, Mẫu Mood Board này sẽ giúp khách hàng thấy được cụ thể về sản phẩm thiết kế.

Làm sao để giới thiệu nó vơi khách hàng.

Bạn phải làm cho khách hàng của bạn hiểu giá trị của Mood Board với công việc, nói cho họ biết mọi lời nhận xét, ý kiến của khách hàng sau khi giới thiệu Mood Board đều được tiếp thu và được quan tâm
Trong khi giới thiệu, hãy dẫn dắt khách hàng theo mạch cảm xúc, ý tưởng được bạn chuẩn bị trong Mood Board, việc chuẩn bị khung “dàn bài” cũng rất có ích ở đây.Nhắc nhở họ rằng ,không có gì trên tấm bảng là vô nghĩa, chú trọng họ vào trọng tâm thiết kế.
Bạn sẽ thấy trong hầu hết trường hợp, khách hàng sẽ cảm thấy hài lòng với cách trình bày qua Mood Board của bạn ngay trong vài giây đầu.

Lợi ích là gì ?

Nhanh chóng đưa ra hình ảnh thành quả

Vài khách hàng có thể sẽ tỏ ra rằng họ không muốn chi tiền cho 1 bản Mood Board mà muốn lên thẳng bản thiết kế, nhưng vài giờ ngắn ngủi trả trước sẽ giúp tiết kiệm vô số giờ thanh toán sau.Với bản “dàn bài” của thiết kế kết hợp với ý kiến khách hàng, bạn sẽ dễ dàng hơn rất nhiều để chuyển qua thiết kế thành phẩm hợp yêu cầu, tuyệt vời nhất là sẽ không có một bất ngờ lớn ( – một sự hiểu nhầm ý muốn của khách hàng) nào !

Làm cho khách hàng cảm thấy tin tưởng

Khi mới đặt hợp đồng, khách hàng hào hứng muốn được tham gia, quyết định vào dự án, nhưng khi bắt đầu cảm thấy phức tạp, họ sẽ phó mặc vào bạn nhiều hơn. Mood Board giúp họ cảm thấy được lắng nghe và bạn chân trọng mọi ý kiến góp ý của họ vào dự án. Họ có thể hiểu hơn về những quyết định và cách làm của bạn

Hạn chế sai sót và thêm hứng thú với công việc

Việc xây dựng mood board khá thú vị, nó giúp chúng ta thấy yêu thích công việc hơn.Xây dựng Mood Board không bị ràng buộc bởi các giới hạn Layout (và cả các đoạn mã rối rắm) . Chúng làm cho quá trình thiết kế nhanh chóng hơn nhiều

Ví dụ

Bây giờ bạn đã biết được sự hữu dụng của Mood Board, hãy sử dụng nó cho các dự án của bạn, Nếu còn chưa chắc chắn về hiệu quả của mood board, hãy tham khảo vài ví dụ dưới đây :

Sau đây là mẫu mood board cắt dán (phong cách 1) cho dự án website của cửa hàng bán đồ cho trẻ sơ sinh online.

5

Bản mood board này chỉ ra xu hướng thân thiện và hiện đại của trang web. Sử dụng màu xanh dương và nâu làm chủ đạo, pha trộn với các mẫu vẽ tay. serif fonts, các buttons tròn và vài thành phần handmade.

Để so sánh, sau đây là mẫu mood board rõ ràng và chuyên nghiệp (phong cách 2) của cùng dự án.

6

Các thành phần được sắp xếp hợp lí, bỏ đi các phần handmade nhưng vẫn giữ lại 2 màu chủ đạo là Xanh dương và Nâu, các color palette, pattern và các hình ảnh sử dụng được nêu bật.

Nếu bạn muốn xem thêm, Flickr Inspiration Boards group sẽ là một một bộ sưu tập rất tuyệt vời của nhiều Designer mọi ngành thiết kế.

Bài viết được viết bởi Mindy Wager, cô là web designer từ Viget Labs và đã làm việc như một print,web designer được 8 năm. Cô có bằng Electronic Media Art and Communication từ Rensselaer Polytechnic Institute.

Bài dịch được chấp thuận từ website Webdesigner Depot bởi vdesignertips, xong ngày 4/3/08

Flickr Photos