Điện thoại: 0944210999
  • Quảng cáo

    Miễn phí quảng cáo
    Hiệu quả cực cao

    Quảng cáo
  • Chúng tôi là ai ?

    Giới thiệu Website myhoian.com.

    Giới thiệu
Hiển thị các bài đăng có nhãn designer. Hiển thị tất cả bài đăng

10 nguyên tắc vàng của một thiết kế đơn giản


Ai Dung NguyenThành viên cấp 2

Thiết kế đơn giản ẩn chứa nhiều điều hơn bạn tưởng. Thoạt nhìn vào iPhone với vẻ ngoài đơn giản và nhã nhặn, ít ai nghĩ người ta đã bỏ một khối lượng chất xám khổng lồ vào công đoạn sáng tạo. Thực ra điều đó không quan trọng, người dùng chỉ cần biết rằng iPhone luôn phục vụ những nhu cầu thiết yếu của họ. Và đây là nguyên tắc ẩn dưới phong cách thiết kế của Apple. Đơn giản ở đây không giống việc vụng về phô bày mọi thứ mà là tập trung, đảm bảo người dùng có thể hiểu được sản phẩm một cách dễ dàng và hạn chế tối đa những chi tiết gây xao lãng.
[​IMG]
Đơn giản là hình thái cuối cùng của sự tinh tế.

Sau đây là mười quy tắc vàng cho một thiết kế đơn giản dựa trên 10 quy tắc thiết kế của chuyên gia thiết kế sản phẩm Dieter Rams. Tôi đã thay đổi một chút để phù hợp với tiêu chí chung của bài viết.

Ít chi tiết hơn nhưng chất” hơn

Đây là điều đầu tiên Dieter Rams nhắc đến: Thiết kế đơn giản không phải là miễn cưỡng cắt giảm chi tiết trong bản vẽ mà mục đích là nâng cao hiệu quả chung của thiết kế. Mục tiêu của Rams là vứt bỏ những thứ thừa thãi để đưa thiết kế về trạng thái thuần khiết ban đầu. Tuy nhiên, rất nhiều nhà thiết kế đã hiểu sai vấn đề, họ lược bỏ mọi thứ, thậm chí cả những chi tiết cần cho bản thiết kế. Lúc này mục đích của bạn là khiến những chi tiết cần thiết nhưng vô tình làm rối bản thiết kế phát huy tính hiệu quả của nó.
[​IMG]
Ít chi tiết hơn nhưng chất” hơn

Trung lập

Trung lập không phải là thiếu cá tính trong thiết kế. Nếu mục tiêu của bạn là sự tiện dụng thì bạn nên giúp người đọc dễ dàng tiếp cận được nội dung của website. Nhớ rằng mục tiêu đầu tiên của thiết kế web và đồ họa là thể hiện nội dung rõ ràng, giúp người đọc không phải đau đầu suy nghĩ.
Trung thực

Thiết kế của bạn cần truyền tải mục đích của nội dung một cách rõ ràng và trung thực nhất. Nếu người xem hiểu sai thông điệp thì có nghĩa là thiết kế của bạn chưa đủ trung thực.
Bạn không phải sử dụng mưu mẹo nào ở đây mà chỉ cần chú ý các chi tiết thiết kế trong website, tờ rơi, brochure hay poster, từ đối tượng hình ảnh cho đến màu sắc cần liên quan tới sản phẩm hay thông điệp truyền tải trong thiết kế.
[​IMG]
Hạnh phúc nằm trong những điều đơn giản nhất

Hướng tới sự bền vững

Thực ra rất khó nói cái gì là bền vững, cái gì sẽ lỗi thời trong thời điểm này. Tuy nhiên có những quy tắc mà bạn có thể làm theo để đảm bảo thiết kế của mình tránh được những xu hướng và mốt nhất thời hay không bền vững theo thời gian. Đầu tiên, nếu bạn cảm thấy cái gì đang là xu hướng thì hãy tin vào trực giác của mình. Phương án lúc này là đọc thật nhiều. Tôi không nói về những blog hay website về thiết kế mặc dù đây là những nguồn tư liệu tốt nhất giúp bạn bắt kịp tốc độ cùng đồng nghiệp của mình. Nhưng những nguyên tắc cơ bản quan trọng của thiết kế thường được in ra sách và bạn nên giữ chúng trong tủ sách của mình để tham khảo thường xuyên. Bạn càng thấm nhuần những nguyên tắc này thì thiết kế của bạn càng trở nên cổ điển và bền vững.
Đừng vội nghĩ cổ điển là nhàm chán. Đúng là có một số cách tiếp cận khác hiệu quả hơn khi bạn sáng tạo những mẫu thiết kế phù hợp với đối tượng khách hàng trong hiện tại và tương lai. Nhưng nhớ rằng những tác phẩm cổ điển vẫn đang được những nhà thiết kế chuyên nghiệp sáng tạo hàng ngày. Một thiết kế “đương đại” hôm nay sẽ được xếp cạnh những tác phẩm cổ điển trong các thư viện thiết kế trên thế giới trong một hoặc hai thập kỷ nữa.
Ít thiết kế hơn

Nếu bạn dùng từ “thiết kế” sai ngữ cảnh, một vài người sẽ vẽ ra trong đầu những thứ kiểu cách và hoành tráng. Đó không phải điều bạn muốn. Công việc của người thiết kế là mở đường cho nội dung. Thiết kế có thể là một tác phẩm nghệ thuật đẹp với những chi tiết mơ hồ. Tuy nhiên, nó vẫn phải ưu tiên nội dung.
Một cách hữu hiệu là so sánh thiết kế với việc “lắp ráp” và “trang trí”. Sushi là ví dụ điển hình cho loại thiết kế lắp ráp. Sushi bao gồm nhiều thành phần trong đó đóng những nhiệm vụ quan trọng riêng – cá, gạo, mù tạt, nước sốt Nhật và rong biển giống như nội dung trong một thiết kế, phải được sắp xếp vừa vặn thành một miếng. Một đầu bếp sushi lành nghề có thể sắp xếp các thành phần theo nhiều cách khác nhau cũng giống như việc nhà thiết kế có nhiều cách sắp xếp các mảng nội dung của mình trên bản vẽ.
Mặt khác, thiết kế trang trí giống như rắc gia vị lên miếng bánh. Lại nói về sushi, nó được ví như cái bát hay cái lá nhỏ dùng để đựng mù tạt. Có thêm gia vị này rất tốt nhưng không thực sự cần thiết – trừ phi bạn bị nghiện mù tạt.
Tỉ mỉ

Nếu vận vào lý do thiết kế đơn giản mà xao lãng chi tiết thì không đúng. Nên nhớ rằng kết quả cuối cùng sẽ càng dễ làm nổi bật những các lỗi trong một thiết kế đơn giản. Sự thật phũ phàng là khi hầu hết thiết kế của bạn là những khoảng trắng thì sẽ ít nơi có thể che giấu được một bố cục lệch hay Typo không hợp lý.
Vừa phải

Theo Rams, các nhà thiết kế nên sử dụng nguồn tài nguyên một cách vừa phải nhằm bảo vệ môi trường. Ta thấy gần đây thiết kế xanh đang trở nên rất phổ biến, tuy nhiên trong bài viết này, nguồn tài nguyên còn bao gồm các nguồn tài nguyên cá nhân như thời gian, sức lực và … dung lượng ổ cứng máy tính.
Khi hướng tới thiết kế đơn giản, phần lớn tài nguyên hay sức lực của bạn nên được sử dụng vào công đoạn đầu tiên. Hãy liên hệ tới việc làm bánh, khi mới chuẩn bị nguyên liệu trong bếp, mọi thứ trông nó rất bừa bộn và rối mắt, nhưng sau khi bạn kết hợp các nguyên liệu và cho tất cả số bột vừa nhào vào khay bánh, lúc đó bạn mới thấy sức lực mình bỏ ra trước đó rất đáng giá. Đương nhiên không ai có thể nhìn thấy tất cả những việc trong công đoạn chuẩn bị ở một sản phẩm hoàn chỉnh nhưng nó vẫn luôn ở đó.
Thiết kế cũng tương tự. Khi bạn lên kế hoạch, phác thảo và nghiên cứu, cũng giống như làm bánh trong bếp. Một thiết kế đơn giản mà tinh tế không hé lộ nhiều về tất cả những công đoạn nặng nhọc trước đó.
[​IMG]
Bạn chỉ hoàn thiện tác phẩm thiết kế của mình khi thấy không còn chi tiết nào có thể lược bỏ đi chứ không phải là không còn gì để thêm vào.

Thong thả

Để tập trung toàn tâm toàn ý vào các chi tiết trong thiết kế, bạn cần thong thả để hiểu nó rõ hơn. Đây có vẻ là điều đương nhiên nhưng tôi luôn bất ngờ trước ý kiến của rất nhiều nhà thiết kế cho rằng những bản thiết kế đơn giản thường dễ dàng hơn hoặc mất ít thời gian hơn bình thường.
Thiết kế đơn giản giống như ảo ảnh. Kết quả cuối cùng trông có vẻ tốn ít công sức, nhưng đây mới là điểm cốt lõi của vấn đề. Giống như múa ba-lê, mục đích của vũ công ba-lê là đánh lừa thị giác của khán giả khiến họ thấy bài múa thật nhẹ nhàng không mất sức. Đây là thành công của những nghệ sĩ múa Ba-lê. Nhưng đừng nghĩ rằng múa Ba-lê tốn ít thời gian và công sức mà ngược lại, họ đã phải khổ luyện rất nhiều năm để đạt tới kết quả này.
Dễ hiểu

Một thiết kế tốt không cần giải thích nhiều. Dù có thể chưa từng nghĩ về nó nhưng chắc chắn bạn biết điều này. Hãy nghĩ về tất cả những thứ bạn thường sử dụng, cái tốt nhất giúp bạn tiết kiệm thời gian đọc hướng dẫn sử dụng. Thiết kế của bạn cũng nên dễ hiểu như vậy. Chú ý là tôi không nói chúng “sẽ” dễ hiểu mà chúng “có thể” được thiết kế dễ hiểu.
Để đạt đến sự đơn giản, bạn cần tốn nhiều thời gian, nhưng một cách để tiếp cận nó là ghi ra chính xác những điều bạn muốn có trong một thiết kế đơn giản. Đó là sự dễ dàng sử dụng? Dễ tiếp cận? Lược bỏ những chi tiết rắc rối?
Tính thẩm mỹ

Dieter Rams nói rằng một thiết kế chuẩn phải đẹp và hữu dụng, ông nói:
Chất lượng nghệ thuật của sản phẩm luôn gắn liền với tính hữu dụng của nó bởi vì sản phẩm được sử dụng hàng ngày và có ảnh hưởng tới tâm lý người dùng cũng như thể trạng của họ“.
Có nghĩa là bạn càng nhìn ngắm nó nhiều thì nó càng có ảnh hưởng lên các giác quan của bạn.
Nếu hàng ngày bạn phải đối mặt với một thiết kế xấu, bạn sẽ bị hấp thụ phần nào và điều này ảnh hưởng tới cách bạn tiếp xúc với thế giới theo phương diện nào đó. Có thể bạn sẽ trở nên dễ dàng cáu bẳn với nhân viên pha chế ở quán cafe vào buổi sáng, hoặc bạn sẽ cau mày nhiều hơn và vặn tay ga mạnh hơn mỗi khi bị tắc đường.
[​IMG]
Nghệ thuật là cảm nhận. Thiết kế là quan điểm.

Là một người thiết kế, sự thiếu thẩm mỹ sẽ ảnh hưởng tới bạn nhiều hơn. Khi phải liên tục tiếp xúc với những thiết kế xấu, thị hiếu của bạn – hay cái mà Rams gọi là “thẩm mỹ” – sẽ phản ảnh điều đó, nó sẽ thay đổi nhận thức của bạn về chuẩn mực của một thiết kế đẹp. Tệ hơn, sau sự công kích dữ dội của những thiết kế kinh khủng thì chính thiết kế của bạn cũng sẽ bị ảnh hưởng, và bạn sẽ sớm nhận ra mình đang góp phần phát triển cái xấu thay vì chiến đấu chống lại nó.
Đừng làm điều này với những nhà thiết kế khác. Hãy luôn cẩn thận với tính thẩm mỹ của bạn và truyền cảm hứng cho những người khác để họ có thể phát huy tới mức tốt nhất.
Đơn giản là một phong cách sống. Bạn phải suy nghĩ kỹ về chi tiết bạn định loại bỏ khỏi bản thiết kế và bạn phải làm nó như thế nào. Điều này không hề dễ, nhưng càng tiếp tục cố gắng, bạn sẽ càng phát hiện ra cái gì hiệu quả, cái gì không.
Suy nghĩ của bạn?

Theo bạn thì điều gì là cần thiết cho một thiết kế đơn giản và tinh tế? Bạn sẽ sử dụng những phương thức và cách tiếp cận nào để truyền tải thông điệp tới người xem và chắc rằng họ sẽ nắm rõ thông điệp đó?
(theo Speckyboy Design Magazine)


Read more: http://forum.vietdesigner.net/threads/10-nguyen-tac-vang-cua-mot-thiet-ke-don-gian.39189/#ixzz2spaPkmF0

Những quy tắc vàng về kết cặp font trong thiết kế

Chọn lựa font chữ và kết cặp các font thế nào cho hợp lý (typography trong nghĩa hẹp của nó) có lẽ là một trong những vấn đề làm đau đầu nhiều dân đồ họa nhất bởi đó là một trong những yếu tố quyết định một thiết kế đẹp hay xấu. Để làm tốt việc này, nhà thiết kế cần có óc thẩm mỹ, kinh nghiệm, bản năng và nhiều nhiều thứ khác, phần lớn trong số đó thuộc về phạm trù năng khiếu. Tuy nhiên, một trong những thứ liên quan lại có thể dạy được, đó là các quy tắc và kỹ thuật kết cặp font được nhiều chuyên gia lấy làm kim chỉ nam. Với các quy tắc này, không chỉ anh em chuyên nghiệp, mà cả những người nghiệp dư tập tành chơi Photoshop hay thậm chí anh em văn phòng trình bày văn bản hoàn toàn có thể ứng dụng và làm cho tác phẩm của mình đẹp hơn.

Quy tắc 1: Chỉ dùng nhiều nhất 2 font, trong số ít trường hợp có thể dùng 3 font

Đây có lẽ là quy tắc phổ biến nhất giúp cải thiện hầu hết các thiết kế. Lý do giải thích cho nguyên tắc này là nếu bạn dùng nhiều hơn hai font, thiết kế của bạn thường sẽ trở nên thiếu rõ ràng, rối rắm và hỗn loạn. Trong khi nếu dùng hai font thôi, tính rõ ràng trong thiết kế của bạn sẽ giúp người đọc nắm bắt nội dung nhanh hơn và biết rõ mục nào chính mục nào phụ, hay cái nào cụ thể, cái nào tổng quan.

Cụ thể, với hai font, chúng ta nên dùng một font cho các tiêu đề chính, tiêu đề con, các đề mục nhỏ... trong khi font còn lại thường dược dùng cho phần nội dung (body), nên nhớ font body sẽ là font dùng cho phần lớn văn bản trong thiết kế của bạn.

Quy tắc 2: Hai loại font thường đi đôi cùng nhau: Serif và Sans Serif

[​IMG]
Một trong những kỹ thuật giúp việc kết cặp font thành công đó là cho một anh serif đi cùng với một nàng sans serif. Nếu bạn không chắc “ai là ai” thì lưu ý là anh serif có “chân” (xem hình trên) trong khi nàng sans serif thì không. Ở ví dụ trên, Georgia là một font serif và Helvetica Neue thuộc loại sans serif. Sự kết đôi giữa hai cặp font này sẽ khiến bản thiết kế của bạn trở nên đẹp hơn, lý do là bởi chúng đủ khác để giúp người đọc phân biệt tiêu đè và nội dung cụ thể với nhau. Khi dùng cặp đôi này, bởi đặc điểm của loại serif giúp người đọc dễ theo dõi các đoạn block văn bản dài, serif thường phải “lao động cực nhọc” hơn (coi nó là đàn ông cho dễ nhớ!) lo đảm nhiệm phần nội dung (body). Trong khi nàng sans serif sẽ lãnh nhận các phần tiêu đề/đầu đề.

Quy tắc 3: Không nên chọn các font quá giống nhau

[​IMG]
Một quy tắc khác nên nhớ là không nên chọn các font quá giống nhau. Đứng ở góc độ người đọc tất nhiên bạn sẽ không muốn người thiết kế/trình bày bắt bạn phải căng mắt ra để phân biệt sự khác nhau giữa hai loại font phải không? Việc đó sẽ phá vỡ tính rõ ràng và hạn chế người đọc tiếp cận nội dung trình bày do người đọc không thể lướt nhanh nắm tổng quan văn bản của toàn bộ thiết kế được.

Trong ví dụ trên, như các bạn thấy font Palatino và Times New Roman khá giống nhau, nếu nhìn từ xa các bạn sẽ khó phân biệt chúng. Trái lại, chỉ nhìn lướt qua thôi bạn đã thấy sự khác biệt rõ ràng giữa Palatino và Century Gothic ở phía phải bức hình trên.

Đối với những người đã quen với các font chữ thì tốt nhất là không nên chọn các font trong cùng một họ. Ví dụ, bạn sẽ không muốn cùng sử dụng hai font họ slab serif như Arvo và Clarendon (hình dưới, trái là Arvo, phải là Clarendon) bởi lẽ sự giống nhau trong dạng “chân” (serif) của chúng (do cùng một họ slab serif). Lời khuyên này cũng được áp dụng đối với việc chọn các font có cùng độ mảnh, độ đậm nhạt, hay là cùng kiểu chữ viết.

[​IMG]
Quy tắc 4: Kiểm tra x-height của các font và đảm bảo chúng tương thích với nhau

[​IMG]
X-height của font chính là độ cao giữa phần dưới và phần trên của chữ viết thường (ví dụ như chữ a, o, u, c, …) mà không tính phần kéo dài xuống dưới (như ở các chữ như p, q...) hay phần mở rộng lên trên (như ở các chữ h, k, t, d, …). Theo quy tắc này, x-height của các font bạn chọn phải tương thích với nhau, tức chúng phải không quá khác nhau về lượng và hiệu ứng tác động lên thị giác. Nhìn chung, các font có x-height tương thích phải khiến cho văn bản trở nên rõ ràng hơn.

Trong thực tế, cách dễ dàng nhất để áp dụng quy tắc trên là chồng chập hai font mà bạn chọn tại cùng một kích thước ký tự (cùng số point chữ) (xem hình), nếu x-height của chúng bằng nhau thì có thể xem là ổn. Trong hình trên, các bạn sẽ thấy cặp Georgia và Impact không phải là một đôi đẹp bởi x-height khác nhau. Trong khi đó, bên phía phải, Arvo và Helvetica Neue cho chúng ta một hiệu ứng thị giác tốt hơn, thoải mái hơn, và dễ nhìn hơn nhiều.

Quy tắc 5: Cố gắng tăng độ tương phản giữa các font

Thông thường các bạn có thể tăng độ tương phản giữa hai font bằng cách chọn một font đậm và tối (dark and heavy) sẵn trong khi font kia dạng bình thường. Khi áp dụng lên văn bản, font đậm sẽ được dùng cho phần tiêu đề và font bình thường cho phần nội dung cụ thể, đó là một cách thực hành tốt hơn cả.

Hãy sử dụng ví dụ về x-height ở trên. Impact là một font đậm trong khi Georgia là một font bình thường. Việc kết đôi chúng nếu xét theo tiêu chuẩn này thì có thể được coi là tốt (giả dụ rằng x-height của chúng giống nhau), Impact sẽ được dùng làm font tiêu đề trong khi Georgia sẽ đảm nhận phần nội dung. Trong khi nếu xét hai font bên phải, Helvetica Neue và Arvo, dù tương hợp về x-height, đáng tiếc thay chúng lại quá giống nhau về độ dày, đậm, và tối. Do vậy nếu xét chung hai tiêu chuẩn thì không có bộ đôi nào trong hai bộ này sẽ được dùng trong thiết kế chính quy.

Lời kết

Như vậy, tóm gọn lại, chúng ta có 5 quy tắc sau:

1. Nên dùng nhiều nhất hai font, trong số ít trường hợp có thể cho phép dùng 3 font.
2. Nên kết cặp font Serif và Sans Serif cùng nhau
3. Đừng chọn các font quá giống nhau về kiểu chân chữ, độ đậm nhạt, kiểu chữ viết...
4. Nên chọn các font có x-height tương thích, dễ nhất là chọn x-height bằng nhau.
5. Cố gắng tăng độ tương phản giữa các font.

Trong khi những quy tắc trên có thể giúp cải thiện việc chọn lựa font của bạn trong thiết kế thì cũng không thừa khi nhắc lại rằng quy tắc tối tổng quát nhất đó chính là làm sao cho thiết kế đạt được mức độ rõ ràng nhất định, thế là đủ. Một trong những cách kiểm tra nhanh là sao chép một đoạn văn nào đó trong bài của bạn có cả phần tiêu đề và nội dung cụ thể sau đó nhờ một người quen (nếu là dân đồ họa càng tốt) xem giúp. Sau khi họ đọc xong hãy hỏi họ những câu hỏi kiểu như “bạn có đọc chúng dễ không?”, “có phải căng mắt đọc không?”, “bạn có thể nói cho tôi biết sự khác nhau giữa hai font trong bài không”, v.v... Nhờ vậy, bạn sẽ đưa ra quyết định cuối cùng cho thiết kế của mình chính xác hơn, bởi xét cho cùng, độc giả chính là người đóng vai trò quyết định cho sự thành công của thiết kế của bạn.
Nguồn (tinhte.vn)


5 ứng dụng online lợi hại dành cho các designer

Việc sử dụng internet như một công cụ hỗ trợ làm việc đã trở nên quá quen thuộc. Tuy nhiên thế giới internet rộng lớn, và bạn có thể không biết những ứng dụng tuyệt vời trong bài này.


Designers tool box

[​IMG]

Bạn sẽ không phải nhớ đủ các loại kích thước cho bao thư, danh thiếp, và cả banner. Khám phá thêm bạn có thể thấy những "vùng làm việc giới hạn – web save area" trên các loại trình duyệt… và rất nhiều hỗ trợ tuyệt vời khác.

Trang web hoàn toàn miễn phí và "sống" nhờ tiền "hảo tâm". Nếu bạn thấy có ích (chắc chắn bạn sẽ thấy thế) thì hãy hỗ trợ những người thực hiện chút tiền nhé.


Easel

[​IMG]
Trang web có thể không phải công cụ ưa thích của những người thật sự chuyên nghiệp. Nhưng nó giúp những người ưa thích thể loại infographic một cách thực hiện dễ dàng mà vẫn có chất lượng tốt.

Ngoài ra cũng có những ví dụ của những người làm trước đó để bạn tham khảo, và biến của người ta thành của mình :D.


Typetester

[​IMG]
Trang web giúp bạn kiểm tra các phông chữ sẽ thế nào khi nhìn trên web, đồng thời cung cấp các tính năng thử nghiệm các lựa chọn về leading, tracking, backgound, color…


Adobe Kuler

[​IMG]
Adobe Kuler không phải là cái tên xa lạ với nhiều người, nhưng hẳn cũng có nhiều bạn không biết sự hỗ trợ về màu sắc tuyệt vời của nó đem lại. Bởi vậy không thể không nhắc tới Kuler.


Typechart

[​IMG]

Một công cụ khác hỗ trợ web font. Nó còn cung cấp file css với mỗi kiểu bạn lựa chọn.
Nguồn: idesign


Read more: http://forum.vietdesigner.net/threads/5-ung-dung-online-loi-hai-danh-cho-cac-designer.4337/#ixzz2p1HrKpHw

Bảng phối màu và mẹo quản lý màu sắc

Khi xây dựng một website, bạn có thể gặp một số trục trặc bất ngờ, và một trong số đó chính là màu sắc. Hiểu biết trong cách lựa chọn màu sắc và nhận biết cách màu sắc có thể hiển thị như thế nào trên các loại máy tính khác nhau là bước đầu tiên đảm bảo website của bạn sẽ trông giống những gì đã dự định.

Ngoài việc tìm kiếm và lựa chọn màu sắc phục vụ cho công việc, sẽ rất cần thiết nếu bạn phát triển và quản lý phối màu cho dự án của bạn. Thật đơn giản để có thể tạo một bộ mẫu phối màu bằng phần mềm hình ảnh phổ biến như Adobe’s Photoshop hay Illustrator và sắp xếp màu sắc theo cách giúp bạn dễ tìm kiếm và sử dụng nhất.

Hiểu về màu sắc website


[​IMG]


Màu sắc trên web được thực hiện bằng cách kết hợp pha trộn của màu đỏ, xanh lá và xanh dương; đây là hình thức phối màu có tên gọi là RGB. Mỗi màu sắc đại diện cho một giá trị số học từ 0 đến 255 và mỗi màu sắc độc đáo có giá trị tương ứng với màu đỏ, xanh lá và xanh dương. Ví dụ mau đen sẽ không có giá trị bởi RGB của nó là 0,0,0. Chữ số đầu tiên luôn đề cập đến giá trị màu đỏ, số thứ hai là xanh lá và số còn lại là xanh dương.

Có 256 biến thể màu sắc, 16 triệu màu sắc kết hợp có thể sử dụng RGB. Hầu hết các loại máy tính ngày nay đền có thể xử lý giá trị của tất cả 16 triệu màu và hiển thị chúng một cách chính xác. Có một số người vẫn dùng danh sách 216 màu an toàn cho web để màu sắc có thể hiển thị chính xác khi sử dụng palette 256 màu. Tiêu chuẩn này đã dần mất đi khi có những tiến bộ trong công nghệ màu sắc và màn hình.

Khi tạo màu sắc, bạn có thể tùy chọn sử dụng một giá trị RGB hoặc sử dụng ký hiệu thập lục phân hoặc sử dụng giá trị HEX. Các giá trị màu sắc HEX được xác định bởi 6 ký tự, bắt đầu bằng dấu #. Giá trị HEX sử dụng kết hợp giữa các con số và ký tự: 0 là giá trị thấp nhất và FF (255) là giá trị cao nhất. Một trong 6 ký tự trong giá trị HEX tương ứng với con số trong giá trị RGB. Màu đen có giá trị HEX là #000000.

Ngoài ra, theo w3schools.com 147 màu sắc được xác định bằng tên cho các ứng dụng HTML và CSS, chúng ta có một bảng chi tiết màu sắc bằng tên và giá trị. Có 17 màu sắc tiêu chuẩn là màu xanh lam, đen, xanh dương, màu hồng phấn, xám, xanh lá, màu vàng chanh, màu hạt dẻ, xanh navi, xanh ô liu, màu hồng, đỏ, bạc, trắng và vàng. Mỗi màu có một giá trị RGB và HEX đặc biệt. Ví dụ màu hạt dẻ có RGB 128, 0, 0 và HEX #8000000; màu bạc là 192, 192, 192 hoặc #C0C0C0.

Tạo các bộ màu

Đôi khi, việc tạo phối màu dễ dàng hơn rất nhiều so với những gì bạn nghĩ. Phụ thuộc vào sự phức tạp của mỗi trang thiết kế, chúng ta lại có dải màu sắc cần thiết để có hiệu ứng như mong muốn. Một số designer rất khéo léo để có cặp màu sắc và sẽ tạo phối màu từ lại từ đầu, một số khác thì tìm cảm hứng từ các website hoặc một số nguồn tham khảo bên ngoài như những chip màu sắc của cửa hàng phần cứng hoặc kết hợp những màu sắc được tìm thấy trong tự nhiên.

Phối màu được phát triển theo nhiều cách khác nhau phụ thuộc qua trình suy nghĩ của các designer. Một số designer có thể tạo màu sắc từ bầu trời, từ những trang sách hoặc sử dụng màu sắc từ hình ảnh là những cách phổ biến nhất để phát triển một phối màu. Khi tạo phối màu, hãy lưu ý kết hợp màu sắc cho mỗi phần trên website của bạn như header, background, thanh navigation, sidebar, màu sắc văn bản và màu sắc các đường link.


[​IMG]


Để sử dụng màu sắc mà bạn đã tìm thấy ở những nơi khác, hãy chụp lại hình ảnh và mở nó trong phần mềm chỉnh sửa ảnh như Adobe Photoshop. Phóng lớn hình ảnh cho đến khi nhìn thấy các điểm ảnh rõ ràng và sử dụng công cụ eyedropper để chọn những màu sắc hue mà bạn thích và viết giá trị màu của chúng.

Thêm bộ màu sắc phối

Không phải designer nào cũng bắt đầu từ đầu với màu sắc phối. Có rất nhiều công cụ miễn phí online khác nhau cho phép người dùng phát triển, download và thêm palette màu một cách nhanh chóng. Các màu sắc phối có thể được tạo bằng cách sử dụng một màu sắc duy nhất và những sắc thái bổ sung hoặc có thể được tạo bằng cách sử dụng một hình ảnh nào đó. Hãy cùng chúng tôi tìm hiểu một số công cụ cung cấp phối màu chính xác để có thể download và sử dụng tương thích với phần mềm máy tính của bạn. Sau đây là một vài lựa chọn đơn giản cho dự án của bạn.

ColorBlender



[​IMG]
[​IMG]


ColorBlender có thể ngay lập tức tạo palette 6 màu và các designer có thể download như một Photoshop Color Table, Illustrator EPS hoặc có thể gởi email để phối màu hoặc sử dụng trong một chương trình nào khác. Màu sắc được kết hợp bằng cách sử dụng công cụ slide cho mỗi giá trịn RGB. Màu sắc phối ở đây khá đẹp và có nhiều mức độ. Bạn cũng có thể thêm vào một giá trị màu sắc mà bạn yêu thích để bắt đầu. Không cần cài đặt và bạn có thể tùy chỉnh mỗi màu sắc lựa chọn và thậm chí là kết hợp với các màu PANTONE.

ColorCombos.com



[​IMG]


ColorCombos.com có một thư viện phong phú với rất nhiều màu sắc phối với hình thức 5 phối màu có thể tìm thấy bởi màu sắc nào đó. Mỗi màu sẽ hiển thị giá trị HEX, RGB và thậm chí là CMYK (cho các dự án in ấn). Hệ màu có thể download dưới định dạng file .png. Hãy sử dụng công cụ eyedropper để thêm và lưu mỗi giá trị màu. Trang web cũng cho phép người dùng tùy chỉnh màu sắc phối.


Color Palette Generator



[​IMG]


Color Palette Generator là phiên bản tự động tạo phối màu từ hình ảnh. Người dùng có thể chọn một trong những hình ảnh cài đặt sẵn hoặc upload hình ảnh của họ để có palette 9 màu từ hình ảnh. Màu sắc ở đây được kết hợp khá đẹp nhưng bạn không thể download. Di chuyển chuột trên mỗi màu và bạn sẽ có giá trị HEX của nó. Phiên bản không cung cấp giá trị RGB.

Color Scheme Designer



[​IMG]


Color Scheme Designer có lẽ là công cụ trực quan nhất ở đây. Nó tạo phối 4 màu như rất nhiều chương trình khác nhưng cho phép người dùng có thể xem những phối màu có thể được sử dụng như thế nào trên website của họ, dựa vào những trang sáng và tốt. Trang web cho phép người dùng phối hợp màu sắc bằng cách sử dụng bánh xe màu sắc và màu phối được phát triển bằng cách sử dụng nhiều chọn lựa như mono, complementary, trial, terad, analogic và pallet accent. Trang web cũng có nhiều tùy chọn định dạng download, bao gồm HTML, XML, văn bản và palette Photoshop. Mỗi giá trị màu đều được hiển thị giá trị HEX và RGB.

Swatch Organization


[​IMG]


Đây là cách đơn giản nhất để quản lý và sắp xếp bộ phối màu trong Adobe Photoshop và Illustrator thông qua thư viện màu phối. Bạn có thể thiết lập màu sắc đặc biệt và lưu lại, sau đó có thể mở chúng cho một số dự án nhất định (các sản phẩm của Adobe cũng khá đẹp, bao gồm một số Pantone thiết lập cho các ứng dụng CMYK).

Để thêm nhiều màu sắc cho thư viện phối màu, bạn hãy mở palette Swatches từ cửa sổ Window. Cửa sổ được mở chính là palette màu mặc định. Bạn có thể thấy nhiều lựa chọn khắc bằng cách chọn tab mở rộng, mỗi lựa chọn sẽ hiện lên một cửa số mới. Chọn “new swatch” để thêm phối màu sắc hoặc “load swatches” để nhập phối màu đã được download và sử dụng bất cứ lúc nào.

Bộ phối màu quá nhiều màu sắc có thể khá rườm rà. Hãy tạo file mới cho mỗi dự án và bạn có thể sử dụng lặp lại. Giữ những palette màu nhỏ và bỏ những màu mà bạn sẽ không sử dụng. Đặt tên những mài sắc theo cách mà bạn có thể nhớ được những ứng dụng của chúng. Ví dụ trong thư viện bộ phối màu “My website”, tên mỗi màu sắc dựa trên cách nó được sử dụng, không chỉ là những giá trị RGB.

Không lưu trữ những bộ phối màu chỉ sử dụng một lần cho các ứng dụng vào thư viện. Nó làm bạn mất khá nhiều thời gian cần thiết. Hãy nhớ loại bỏ bất kỳ màu sắc nào từ thư viện màu sắc đối với các dự án mà bạn đã chuyển cho khách hàng và hãy giữ cho file của bạn thật rõ ràng và ngăn nắp.

Kết luận

Dù là dự án web hay in ấn, bước đầu tiên để tạo màu sắc cho riêng bạn là hiểu được cách màu sắc hoạt động và cách tạo phối màu phù hợp. Hiểu được các con số liên quan đến màu sắc cũng giúp bạn tạo các bộ phối màu một cách dễ dàng hơn.

Kết hợp màu sắc để phù hợp nhất với dự án. Một khi bạn đã thiết lập được màu sắc, việc sắp xếp các bộ phối màu cũng giúp dòng công việc được thực hiện tốt hơn. Bạn có thể sử dụng các công cụ trong Adobe Creative Suite để xây dựng và quản lý hệ thống màu sắc. Phân nhóm màu sắc và đặt tên theo cách chúng sẽ được sử dụng cũng sẽ giúp bạn chọn lựa nhanh chóng hơn.

Một lần nữa, tôi chúc các bạn sẽ có được những bộ phối màu tuyệt đẹp cho những dự án của mình.

Theo vnwordpress.

Bộ lịch 2014



9 lỗi thường gặp của khách hàng khi thiết kế một Logo

  Read more: http://forum.vietdesigner.net/threads/9-loi-thuong-gap-cua-khach-hang-khi-thiet-ke-mot-logo.15260/#ixzz2o2C8MkdJ

Trong bài này chúng ta sẽ thử bao quát những lỗi phổ biến của các công ty hay các dạng kinh doanh nhỏ khi quyết định chọn logo và bộ nhận diện của mình. Một số điều có thể là hiển nhiên, một số bạn có thể không biết.


1. Quên mất Logo là gì.


Một trong lỗi phổ biến là các công ty thường không hiểu rõ về khái niệm logo. Nếu bạn đang trong quá trình chọn ra một biểu tượng và bạn không hiểu rõ về khái niệm logo – Điều này không hẳn là bạn "kém hiểu biết", nhưng đừng lo, rất nhiều người, kể các những người thiết kế cũng không biết, hoặc quên về khái niệm logo.
Một logo – biểu trưng là:
- Một logo là một thiết kế
- Một logo cần đạt mục đích – Nhận diện nhanh, một ấn tượng về sự tin tưởng, sự ngưỡng mộ, sự trung thành cho thương hiệu và ẩn chứa một ý nghĩa.
- Logo là một trong những khía cạnh của thương hiệu hay kinh doanh. Chúng được tạo dáng, có màu, phông chữ và những hình ảnh tạo ra sự khác biệt với những đối thủ cạnh tranh.
- Logo được tạo ra như một phương tiện để xác định (nhận diện) một tổ chức.
- Cái thứ nhỏ bé được tạo ra đó sẽ giúp người xem ghi nhớ tất cả những gì thuộc về một công ty.
Một logo – biểu trưng không phải là:
- Logo không phải là một tấm ảnh; Ảnh có thể là một phần của thương hiệu, nhưng không thể lấy một tấm hình (của một cái cây chăng hạn) làm logo của bạn. Ngoài ra điều bạn nên nhớ Logo cần được thể hiện trên nhiều chất liệu và các kích thước khác nhau.
[​IMG]
- Một logo không thể kể chuyện. Logo phải nói lên đặc điểm của thương hiệu, đó là công việc của nó. Hãy xem logo của Mc Donald – Nó không phải là miếng bánh rẻ nhất, nhưng người ta đều biết chữ "m" có nghĩa là một chiếc hamburger rẻ và nhanh nhất.
[​IMG]
Fedex còn nổi tiếng bởi logo kinh điển của mình.
Logo là cách mọi người liên tưởng nhanh nhất tới sản phẩm. Đôi khi nó có thể là một tô phở như phở 24 chẳng hạn, nhưng chỉ dùng cách này khi sản phẩm chính của bạn là Phở.

2. Quên mất công ty bạn làm gì


Điều này có vẻ ngớ ngẩn – vì bạn là người biết chính xác công ty bạn làm gì. Nhưng bạn cần nhớ rằng để logo nói lên câu chuyện của nó bạn luôn luôn nhớ bạn đang làm gì.
Có rất nhiều logo theo dạng template trên mạng, bạn (hoặc người thiết kế) có thể thoải mái lấy và "biến" chúng thành của mình, nhưng nó chắc chắn không thể nói lên điều gì và không tạo ra sự khác biệt về thương hiệu. 
[​IMG]
3. Không thực hiện những tìm hiểu cần thiết


Bạn có thể đang thuê một người thiết kế và nghĩ rằng anh/cô ấy đã thực hiện những sự tìm hiểu. Nhưng nếu bạn đang chuẩn bị chọn một logo cho riêng mình, hãy kiểm tra nhiều lần để đảm bảo nó không tương tự hay na ná một sản phẩm của một đối thủ hay một công ty bất kỳ.
[​IMG]
Dù vô tình, hay cố ý thì bạn có thể gặp sự tương đồng về ý tưởng nếu không tìm hiểu kỹ
Điều này rất quan trọng nhất là khi một người thiết kế đến từ khu vực khác, và người này chắc chắn không thể tìm hiểu những đối thủ ở vùng khác. Đặc biệt là những người thiết kế từ khu vực trung/ đông nam á nơi pháp luật còn hạn chế. Họ có thể "biến thể" một thiết kế của ai đó mà không gặp điều tiếng gì.
Tóm lại bỏ thời gian ra tìm hiểu về logo và những sản phẩm đang xuất hiện không bao giờ thừa, bạn phải là người hiểu rõ nhất về logo của mình.

4. Không hiểu về Khách hàng mục tiêu


Bạn cần xác định đối tượng khách hàng chính của mình là ai? Thành thị hay thôn quê, độ tuổi bao nhiêu, học vấn thế nào? Trong lĩnh vực đồ hoạ có sự khác biệt về màu sắc, kiểu dáng dành cho những đối tượng khác nhau.
Bạn có thể điền một số thông tin ví dụ dưới đây:
Nhân khẩu học:
Tuổi Giới tính
Nghề nghiệp
Thu nhập
Tình trạng hôn nhân
Khu vực sống
Dân tộc
Loại hình kinh doanh
Chức vụ 
Nghành nghề 
Doanh số 
Số nhân viên 
Khu vực địa lý 
Dân tộc
Thực hiện những nghiên cứu chi tiết về đối tượng khách hàng của bạn sẽ giúp bạn hình dung điều mình muốn ở biểu tượng đại diện cho công ty của mình.

5. Quá phụ thuộc vào các xu hướng


[​IMG]
Sự thật cho thấy các xu hướng đến một cách khá dễ dàng và đi cũng rất nhanh chóng, bạn có thể thấy những kiểu như sử dụng chấm, loang màu, xoắn… những sau đó bạn gần như quên ngay lập tức.
Một thiết kế logo tuyệt vời cần tồn tại với thời gian – và nếu có cần nó thể cập nhật ở các kỹ thuật thể hiện mới hoặc nâng cấp vài yếu tố thời đại.

6. Chọn một thiết kế mơ hồ và trừu tượng


Mọi logo đều ẩn chứa thông điệp. Nếu một khách hàng tiềm năng cảm thấy bối rối trước thiết kế của bạn, bạn đang thất bại. Trong khi đó một logo đơn giản có thể đạt hiệu quả tốt nhất, vì vậy hãy tránh sự mơ hồ.
[​IMG]
Đối với một thiết kế có tính trừu tượng cao, ấn tượng ban đầu của logo sẽ khá tốt vì nó ấn tượng và lạ lẫm. Tuy vậy một thiết kế trừu tượng sẽ khó để mà mang theo một thông điệp cụ thể. Ngay cả đối với những logo của các tổ chức nghệ thuật hàng đầu, thì logo của họ cũng không hề khó hiểu như bạn tưởng tượng.

7. Bạn không xem xét cách thực hiện


Logo sử dụng trong nhiều bối cảnh, nó không chỉ xuất hiện trên giấy, trên màn hình dưới dạng chuyển động… nó còn được thể hiện trên tường, trên vải, trên các chất liệu đơn sắc, đa sắc…
Vì vậy bạn hãy cân nhắc những điều này:
- Nó có thể chỉ xuất hiện với màu đen hoặc trắng hoặc hai màu đen trắng? Điều này sẽ cho phép logo của bạn xuất hiện tốt hơn trên các hình nền khác nhau, và dễ dàng lựa chọn kỹ thuật thể hiện như dập nổi, in lụa…
- Nó có thể nhỏ tới mức nào? Tất nhiên nó cần có thể phóng to hay thu nhỏ, nhưng nhỏ tới mức nào để các yếu tố như chữ, hình dáng vẫn có thể được nhận ra.
[​IMG]
Mất đi chi tiết khi thu nhỏ logo là một lỗi thường xảy ra.
8. Không kiểm tra lại thiết kế


Logo sẽ đem tới các thông điệp, và bạn cần phải đảm bảo các thông điệp logo phát ra không đi trệch với những gì bạn mong muốn. Sẽ thật là công cốc và đôi khi mang tiếng xấu nếu logo của bạn khiến người ta liên tưởng tới những hình ảnh bậy bạ, hoặc ám chỉ sự không may mắn.
[​IMG]
Đừng để logo của bạn được đem ra làm trò cười.
Và như điều 3 (thực hiện nghiên cứu) đã nhắc tới, việc không kiểm tra lại chắc chắn có thể khiến logo của bạn giống hệt logo của một công ty khác, cho dù nó thực sự là một thiết kế độc đáo và tuyệt vời như những người thiết kế giới thiệu.

9. Tiết kiệm tiền


"Tiền nào của nấy" và trong lĩnh vực thiết kế cũng vậy. Thiết kế logo đòi hỏi những phương pháp làm việc nghiêm túc, khoa học, tốn thời gian, chất xám và nó không hề đơn giản như bạn nghĩ.
Nếu bạn muốn cắt giảm chi phí cho việc thiết kế nhận diện cho công ty mình, hậu quả để lại sau này sẽ khiến bạn hối tiếc. Sẽ chẳng sao nếu công việc kinh doanh thất bại. Nhưng nếu ngược lại, số tiền bạn bỏ ra để rebrand (thiết kế lại) sẽ tốn hơn gấp bội.
[​IMG]
Mọi thứ trên Vinpearl Land đều đáng giá, ngoại trừ logo này.
Phần lớn các người thiết kế đều tự nhận mình có thể thiết kế logo, nhưng để là một người thiết kế logo tốt sẽ không nhiều. Hãy xem các thiết kế logo trước đó của họ, đảm bảo bạn cảm nhận được sự sáng tạo, nghiêm túc trong các sản phẩm đó rồi hãy lựa chọn và sẵn sàng trả cao hơn nếu cần.
Hơn nữa những người thiết kế chuyên nghiệp "giá cao" sẽ đảm bảo giảm tối thiểu những lỗi thường gặp của việc thiết kế logo.
___________________________________________________________________________________________________

Theo iDesign

Read more: http://forum.vietdesigner.net/threads/9-loi-thuong-gap-cua-khach-hang-khi-thiet-ke-mot-logo.15260/#ixzz2o2CElLs0

10 mạng xã hội đặc biệt dành riêng cho các designer

  Read more: http://forum.vietdesigner.net/threads/10-ma%CC%A3ng-xa%CC%83-ho%CC%A3i-da%CC%A3c-bie%CC%A3t-da%CC%80nh-rieng-cho-ca%CC%81c-designer.44855/#ixzz2o2B0fOuA


Bạn đam mê thiết kế? Bạn muốn có 1 môi trường để học hỏi, trao đổi và "khoe" những tác phẩm của mình làm ra cho tất cả mọi người có cùng đam mê vào đánh giá và góp ý?

Ở Việt Nam, bạn có thể tham gia diễn đàn Việt Designer, tuy nhiên nếu bạn có 1 chút vốn liếng Tiếng Anh, bạn có thể tham gia thêm 1 số các websitemạng xã hội khác ở nước ngoài chuyên dành cho dân thiết kế đồ họa, thiết kế web như DeviantArtBehance,...những website này chắc hẳn không còn xa lạ gì với những bạn trẻ đam mê thiết kế rồi đúng không nào?

Sau đây, xin tổng hợp lại 10 website mạng xã hội nổi bật nhất, uy tín nhất dành riêng anh em đam mê thiết kế!!! Hãy chọn cho mình thêm 1 vài nơi nữa để trao dồi và nâng cao trình độ nhé :D

Love Dsgn:
[​IMG]


Dribbble:
[​IMG]


Hunie:
[​IMG]


DesignRelated:
[​IMG]


CSS Globe:
[​IMG]


Forrst:
[​IMG]


Drawar:
[​IMG]


DeviantArt:
[​IMG]


Behance
[​IMG]


Awwwards
[​IMG]

Việt Designer tổng hợp từ Lava360


Read more: http://forum.vietdesigner.net/threads/10-ma%CC%A3ng-xa%CC%83-ho%CC%A3i-da%CC%A3c-bie%CC%A3t-da%CC%80nh-rieng-cho-ca%CC%81c-designer.44855/#ixzz2o2B9qLRt

About

Chúng tôi là đội ngũ làm website, marketting online chuyên nghiệp. Trang thông tin chính thức của chúng tôi là myhoian.com. Đến với chúng tôi , bạn sẽ nhận được sự tư vấn tin cậy, trang web ưng ý, sự hỗ trợ thân thiện.

Nhận xét

Loading...
.loadingxrcm {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1MbDICVINdJ2VOosI42WTFoAQWoWaGfoipWxoo30hNjf_2HyKIijHyswYp7fpxP0suEDXGCBbpdbcz_GRDu31jodI_MaE91rtpc4e1lRMq1hqFTMMHHf7eNFLPKDVinbrMMEvttc_1kM/s1600/progress_ani.gif) no-repeat 50% 50%;width:32px;height:32px;display:block;margin:0 auto;text-indent:-9999px;} ul#kmtranimasi{text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif} ul#kmtranimasi,ul#kmtranimasi li{margin:0;padding:0;list-style:none;overflow:hidden;position:relative} ul#kmtranimasi li{text-indent:0;height:90px;background:whiteSmoke;padding:0 8px;border:1px solid #DFDFDF;border-top:1px solid white} ul#kmtranimasi img{border-radius:9999px;overflow:hidden;background:#383838;border:0;float:left;margin:5px 5px 0 0} ul#kmtranimasi .ketkomt{overflow:hidden} ul#kmtranimasi .ketkomt a{display:block;color:white;font-weight:bold;overflow:hidden;background:#363636;border-radius:2px;float:left;padding:0 5px;margin: 5px 0 0 0;} ul#kmtranimasi .ketkomt span{font-size:8px;position:absolute;z-index:2;top:21px;border-radius:2px;display:block;line-height:14px;padding:0 5px;left:68px;background:white} ul#kmtranimasi p{margin:15px 0 0}

Contact Details

Mr Duan Tell: 0944210999 Email: thietkewebhoian@gmail.com Địa chỉ : 32/9 Nguyễn Duy Hiệu - Hội An