Nhận thức nền tảng của Logo


7

Tôi đang thiết kế một logo cho trang web của tôi. Sau đây là những gì tôi có bây giờ:

Logo

Đối với hầu hết mọi người, logo này được coi là một hình dạng ba màu trắng trên nền hình tròn màu xanh. Đối với tôi, nó cũng có thể được xem như một hình tròn màu xanh với ba phần giống như hoa mở rộng về phía trên trên nền trắng.

Những gì tôi muốn thực hiện là:

Với số lượng thay đổi ít nhất cho logo, hãy thay đổi nhận thức chính, tiêu chuẩn của logo này từ cái đầu tiên (màu trắng trên nền xanh) sang cái thứ hai (màu xanh trên nền trắng).

Số lượng thay đổi ít nhất có nghĩa là tôi muốn bảo tồn càng nhiều thiết kế càng tốt, bao gồm cả màu đơn, số lượng hình nhỏ (7) và cảm giác tối giản của thiết kế.

Tôi rất thích hiểu nguyên tắc đằng sau những gì chi phối những nhận thức này và những yếu tố nào quyết định cách cảm nhận logo theo cách này so với cách khác.

Cảm ơn bạn đã giúp đỡ và hiểu biết của bạn!


5
Điều tôi băn khoăn đầu tiên là: tại sao nó không đối xứng trên cả 3 trục? Đó là quá ít sự khác biệt để có mục đích.
Thomas Weller

1
Vâng, nhiều người thắc mắc. Điều đó đã được thực hiện có chủ ý và có một mục đích không liên quan đến thiết kế.
nazim

9
Sự bất cân xứng sẽ hoàn toàn được mọi người coi là một lỗi khi nó cố ý hay không. Biểu tượng quá dễ nhận biết vì thường đối xứng và sự bất đối xứng không đủ lớn để xuất hiện có chủ ý.
Scott

2
Tôi biết nó không phải là một thứ vectơ thuần túy như vậy, nhưng một bóng đổ nhẹ dưới các đoạn màu xanh trên nền trắng có thể sẽ hoàn thành điều này.
Lightcraft kỹ thuật số

2
Mắt chúng ta cảm nhận được những thứ nhẹ hơn khi những thứ gần hơn và tối hơn ở xa hơn. Nếu bạn muốn các phần màu xanh ở trên hoặc phía trước màu trắng hơn làm cho chúng có màu nhạt hơn.
Webster

Câu trả lời:


0

Đây là mục nhập của tôi (và một biến thể) để minh họa ba "trillium tuyến tính màu xanh phẳng" không đối xứng tối giản trên một gợi ý của nền trắng (hiển thị trên nền trắng).

Màu xanh trên nền trắng

Tôi tin rằng luật / nguyên tắc nhận thức Gestalt có liên quan là Pragnanz.


14

Nếu bạn muốn ba hình dạng trên cùng là cánh hoa hoặc lá, đừng làm cho chúng mơ hồ.

Ngay bây giờ nó có thêm các cung (nếu tôi hiểu chính xác "ba" của bạn và tôi có thể không) và mọi thứ đều có cùng màu sắc và hình dạng. Vì vậy, thay đổi điều đó.

(Xin lỗi vì đồ họa thô; Tôi đã bị caffein :)

nhập mô tả hình ảnh ở đây

Tôi đã loại bỏ đường vòng cung dưới để bạn có bốn mảnh riêng biệt chứ không phải bảy. Điều đó làm cho "top ba" rõ ràng. Tôi tô màu chúng khác nhau, làm cho chúng thậm chí còn khác biệt hơn. Sau đó tôi giảm kích thước của cánh hoa trái và phải.

Điều đó sẽ rõ ràng làm cho hình ảnh này "ba lá / cánh hoa màu xanh trên nền trắng." Rõ ràng là cần thiết cho các yêu cầu công ty của bạn, nhưng đây là hướng tôi nghĩ bạn cần hướng tới để có được những gì bạn đang hỏi về.


2
Nếu bạn thích câu trả lời này nhưng vì lý do nào đó muốn giữ dòng khác, tôi nghĩ bạn có thể thử nghiệm làm cho nó mỏng hơn các dòng tách biệt mà Lauren giữ ở đó
lucidbrot

3
Phá vỡ vòng tròn với "cánh hoa" giữa lớn buộc mắt phải tập trung vào các mảnh. Đẹp!
Kys

Theo một cách nào đó (về mặt nghệ thuật, dù sao đi nữa), bạn đã đi từ chế độ xem từ trên xuống sang chế độ xem cạnh nhau. Lựa chọn tốt và thực hiện cho trường hợp này.

@Hold OfferHunger Từ trên xuống? Jeez, tôi thậm chí không nhìn thấy bản gốc theo cách đó. Cho phép nhấn mạnh hơn nữa để "xóa bỏ sự mơ hồ."
Lauren-Clear-Monica-Ipsum

7

Bạn có thể sử dụng một bóng bù nhẹ .... đẩy màu xanh về phía trước ...

nhập mô tả hình ảnh ở đây

Bạn có thể thêm một gradient cho màu xanh lam, đặt một số nét màu tối hơn dọc theo một vài cạnh để chỉ ra hướng sáng và thêm điểm nhấn toàn cầu cho màu xanh ...

nhập mô tả hình ảnh ở đây

Không có nhận thức "điển hình" cho các loại mặt hàng này. Nhiều người sẽ nhìn thấy các hình dạng màu trắng ... và cũng giống như nhiều người sẽ nhìn thấy các hình dạng màu xanh. Đó là một tình huống khó xử lồi lõm / cũ. Cách duy nhất bạn có thể đảm bảo nhận thức cụ thể là thông qua các đối tượng hoặc tương tác khác thông qua ánh sáng / bóng tối.


1
Cảm ơn bạn, nhưng hướng này sẽ làm cho nó bớt trừu tượng và lấy đi cảm giác tối giản của loại 2d.
nazim

2
Chà, sau đó tôi không nghĩ bạn có thể thay đổi nhận thức sau đó. Khác với việc đặt biểu tượng trên một màu được sử dụng trên toàn bộ khu vực, buộc các khu vực màu trắng phải trong suốt.
Scott

2
Đề xuất của bạn có thể giảm việc sử dụng cho mục đích in (ví dụ: khi được chuyển đổi thành b / w).
Thomas Weller

5
  • Loại bỏ màu xanh từ hình tròn và thêm một nét màu xanh.
  • Lấy 3 lá và thay đổi nét trên những màu này từ trắng sang xanh.
  • Hãy chắc chắn rằng tất cả các hình dạng đang sử dụng cùng trọng lượng (độ dày). Hoặc bạn có thể chọn để có vòng ngoài dày hơn một chút.
  • Với các điều chỉnh tối thiểu, bạn sẽ có một logo không điền, chỉ có nét, tương tự như bên dưới.

nhập mô tả hình ảnh ở đây


Bạn có thể giúp tôi thêm một chút về ý nghĩa chính xác của những chiếc lá không? Đối với tôi, những chiếc lá không phải là ba hình dạng giống như trung tâm mà là 3 hình lớn hơn ở trên cùng (hình giữa chúng ta đều coi là nghỉ)
nazim

2

Tôi thấy hơi khó để tưởng tượng 3 "cánh hoa" màu xanh là tiền cảnh. Tôi gặp khó khăn khi tìm ra cái nào ở phía trước cái nào, và điều đó cứ gây cười và làm rối tung niềm tin của tôi rằng chúng có thể tạo thành một tổng thể nhất quán. Tuy nhiên, vòng tròn màu xanh dễ nhìn thấy làm nền. Nó có ý nghĩa hoàn hảo trên chính nó, nếu bạn loại bỏ tiền cảnh. Và các đường có ý nghĩa hoàn hảo như một tiền cảnh, vì vậy không có lý do gì để xem chúng là nền.

Điều này được đảo ngược cho bông hoa của Lauren Ipsum: mỗi hình dạng có ý nghĩa như một cánh hoa, nhưng các hình dạng màu xanh được ghép lại không có ý nghĩa nhiều như một khoảng trống giữa các dòng, trong khi các dòng được mô tả là khoảng trống đơn giản hơn so với dòng. Các dòng có thể là tiền cảnh, nhưng chúng không hoàn toàn xếp hàng nơi chúng mong đợi. Nếu chúng là một nền tảng, chúng có ý nghĩa hoàn hảo.

Tôi có thể thấy hai cách cơ bản để làm cho các vùng màu xanh của bạn trông giống như một tiền cảnh. Đầu tiên, bạn có thể sử dụng một màu khác nhau cho các phần có hai vòng tròn chồng lên nhau. Điều này sẽ tạo ra một sự tương tác có thể nhìn thấy giữa ba vùng tròn, để rõ ràng chúng là các vùng. Nó cũng sẽ bảo tồn tính đối xứng của logo. Nhưng bạn sẽ phải cẩn thận để đảm bảo 4 vùng bên trong không trở thành tiền cảnh.

Thứ hai, bạn có thể làm cho các đường trắng trông giống như một nền. Tôi nghĩ rằng bất kỳ mô hình của các dòng sẽ có ý nghĩa như một tiền cảnh. Nhưng tôi nghĩ rằng các dòng có thể có ý nghĩa như là một nền tảng hơn là một nền trước. Một cách để làm điều này là làm cho mỗi vùng giao nhau, giữa mỗi cặp cánh hoa, nhỏ hơn một chút. Sau đó, mỗi cạnh dài của một khu vực như vậy sẽ không hoàn toàn thẳng hàng với cạnh tương ứng của khu vực trung tâm. Ngoài ra, độ dày của mỗi dòng sẽ thay đổi theo một cách cụ thể. Thật dễ dàng để mô tả các độ dày khác nhau và không hoàn toàn lót như khoảng cách giữa bảy vùng màu xanh. Nhưng nếu bạn cố gắng mô tả cách các đường thay đổi độ dày, nó sẽ khó khăn. Điều này sẽ làm cho các đường trắng trông giống như một hình nền,

Cuối cùng, bạn có thể thay đổi đường viền của logo để nó không phải là một vòng tròn hoàn hảo. Vòng cung mô tả bên ngoài của mỗi khu vực bên ngoài không cần phải tập trung ở trung tâm của vòng tròn. Bạn có thể vẽ bất kỳ vòng tròn nào khác qua hai góc của khu vực và bạn vẫn sẽ có được một hình ảnh đối xứng nếu bạn thực hiện cùng một thay đổi cho cả ba khu vực bên ngoài. Điều này sẽ làm cho hình dạng màu xanh tổng thể có ý nghĩa ít hơn làm nền.


0

nhập mô tả hình ảnh ở đây

Làm cho phần màu xanh để có một cái nhìn 3D thích hợp. Điều này là đùn và góc nhìn là vài độ tắt. Kết quả là có thể sử dụng được trong BW.


rất snazzy, nhưng nó không giải quyết vấn đề nhận thức. Tôi vẫn chưa thấy "ba cánh hoa / lá xanh" đầu tiên. Tôi thấy rất nhiều hình dạng mát mẻ được ngăn cách bởi một bộ ba. Vấn đề, đối với tôi, là mọi thứ vẫn cùng màu. Không có đủ sự phân biệt để tách "ba" khỏi "mọi thứ khác". Ngoài ra, OP thực sự muốn có một logo tối giản, và một lần nữa, nó trông rất tuyệt, nó không "tối thiểu".
Lauren-Clear-Monica-Ipsum
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.