Làm thế nào để thiết kế các trang web xung quanh một logo lớn?


8

Tôi hiện đang thiết kế một trang web cho một nơi sử dụng logo hình tròn lớn. Logo của họ chứa một hình ảnh cũng như văn bản.

Vấn đề tôi gặp phải là việc gắn logo này vào thiết kế web trong khi vẫn giữ văn bản trong logo có thể đọc được, nhưng không chiếm một lượng lớn bất động sản màn hình.

Logo tròn cao như chúng rộng. Hầu hết các logo rộng hơn chiều cao và dễ dàng phù hợp hơn trên màn hình vì nó.

Tôi đang nghĩ đến việc kết hợp nó vào tiêu đề của trang cùng với menu nhưng chiều cao của logo tạo ra sự mất cân bằng thực sự trên màn hình và văn bản trong logo khiến cho logo không thể nhỏ hơn được nữa.

Vì vậy, câu hỏi của tôi là làm thế nào để bạn đối phó với logo không đáng tin cậy? Có thể giải mã chúng hay không, hay cách giải quyết nào hữu ích trong các loại tình huống này?


1
Làm thế nào để công ty tự đối phó với việc tái tạo logo ở kích thước nhỏ? Trên một danh thiếp, nói, hoặc một cây bút chì quảng cáo?
Andrew Leach

Nhiều trang web được hướng về phía trên bên trái, để lại tiềm năng cho khoảng trắng ở bên phải. Bạn có thể sử dụng không gian trống ở bên phải cho logo?
Lauren-Clear-Monica-Ipsum

Công ty thực sự là một tổ chức phi lợi nhuận. Họ không có bất kỳ nhà thiết kế nào và cố gắng tự làm mọi thứ dẫn đến một số ... lựa chọn thiết kế thú vị trong quá khứ. Nhưng đối với hầu hết các phần, logo của họ chỉ được sao chép trên xe và đồng phục và có thể lớn hơn.
Hanna

Ngoài ra @LaurenIpsum, có ổn không khi logo ở phía bên phải của trang? Tôi thấy điều này là một chút lạ.
Hanna

Không nhìn thấy thiết kế của bạn, tôi không thể nói với bạn. Tôi chỉ đang đưa ra một đề nghị. Bạn cũng có thể thử bọc thực đơn xung quanh nó như nan hoa của một bánh xe.
Lauren-Clear-Monica-Ipsum

Câu trả lời:


4

Một ý nghĩ xuất hiện trong đầu là bạn thực sự có thể tận dụng những gì một vòng tròn làm một cách tự nhiên về mặt quang học của nó. Nếu bạn đặt nó trên một thanh điều hướng màu và bạn để cho phần trên cùng và dưới cùng của logo hình tròn tràn qua hình chữ nhật, nó sẽ làm giảm khoảng trắng bạn cần giữa tiêu đề và phần thân.

Trong ví dụ của tôi, vòng tròn được đặt ở giữa (mà tôi thích cho các logo tròn, nhưng đó có lẽ là một vật cá nhân), nhưng bạn cũng có thể căn chỉnh nó.

Hình ảnh của hình tròn, hình chữ nhật, văn bản

Tôi đã kiểm tra một vài trang web với logo tròn. Dell chỉ là nhỏ. UPS cũng vậy (không phải hình tròn mà rộng bằng chiều cao). Apple cũng vậy. Burger King đã làm một điều thú vị:

Logo bên trong hình ảnh anh hùng

Không, khoai tây chiên trên bánh sandwich không phải là phần thú vị ... Chúng tôi đã làm điều đó trong nhiều thập kỷ ở Pittsburgh. Điều thú vị là họ đặt nó bên trong hình ảnh anh hùng. Bởi vì họ đã có những nhiếp ảnh gia tuyệt vời, họ có thể đảm bảo rằng những bức ảnh của họ được thiết lập sao cho không có gì ở phía trên bên trái để làm mất biểu tượng. Nhưng nó chắc chắn cho phép một logo lớn hơn không quá sức bởi vì nó vẫn còn nhỏ so với một bức tranh khổng lồ về thực phẩm ở ngay đó .


Câu trả lời rất buồn cười và sâu sắc. +1. Tôi thực sự thực sự thích ý tưởng logo trung tâm. Tôi cho rằng tiêu đề vẫn sẽ ở phía lớn hơn nhưng ít nhất giữ cho logo ở giữa giữ tiêu đề cân bằng. Ngoài ra, cách BK thực hiện nó tương tự như những gì tôi đã cố gắng thực hiện trong thiết kế của riêng mình, nhưng nó không cảm thấy đúng, nhưng tôi có thể đâm một nhát vào nó.
Hanna

3

Có một Linux Distro có logo cũng là một vòng tròn. Logo của Ubuntu là một vòng tròn có "Vòng tròn bạn bè" bên trong nó. Họ thu nhỏ logo của họ và đặt nó ở vị trí mà bạn có thể thấy biểu tượng "Trade Mark" ở góc trên bên phải của tên họ. Họ có những thay đổi về "Logo" của họ và đây là một trong số họ. Để xem các biến thể của logo, hãy truy cập http://design.ubfox.com/brand/ubfox-logo Nó cũng có tính năng cách họ phân bổ logo. Điều này có thể cung cấp cho bạn một ý tưởng cho thiết kế, nếu họ không quá bảo thủ về những gì họ muốn nó trông như thế nào. Nếu không, tôi sẽ đề nghị tạo một biểu ngữ có logo trên đó và sử dụng nó làm tiêu đề của trang web.


Tôi thực sự thích những gì Ubuntu đã làm. Ưu điểm họ có là logo hình tròn của họ không chứa văn bản và có thể thu nhỏ nó hơn (hoặc ít nhất là họ có phiên bản không có văn bản của nó). Tôi đánh giá cao đầu vào.
Hanna

0

Logo lớn, và đặc biệt là hình tròn là một chút đau đầu. Không biết nhiều về logo thực sự trông như thế nào, đây là một số khái niệm rất nhanh và bẩn.

Xin tha thứ cho những ví dụ cực kỳ nguyên thủy; mang nó cho những gì nó là: ý tưởng khái niệm, không phải hướng dẫn bố trí.

Cân bằng trang với logo ở bên trái (nơi bạn có nhiều khả năng có nhiều không gian hơn)

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

Sử dụng một chút trong suốt, làm cho logo lớn, đừng sợ "khoảng trắng" (hay chính xác hơn là "logospace".

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

Tùy thuộc vào thuộc tính logo, bạn có thể sử dụng đồng thời độ trong suốt và không trong suốt

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

Một cách khác về tính minh bạch - không minh bạch

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

Và cuối cùng, có một niềm vui nho nhỏ trong việc cắt logo. Miễn là bạn có toàn bộ ở đâu đó, cắt lát thực sự có thể khá hiệu quả; và làm cho thiết kế thú vị.

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


Đây là những ý tưởng thú vị về bố cục, nhưng có khả năng tất cả sẽ phá vỡ các nguyên tắc sử dụng logo (văn bản chồng chéo, khoảng trắng, v.v.)
DA01

Ah. Đó có phải là hướng dẫn sử dụng logo mà tổ chức áp đặt? Hoặc quy tắc chung của ngón tay cái? Trên thực tế, tôi thường nghĩ rằng chúng không phải là một ý tưởng tốt nói chung. Khi tôi có thể, tôi tạo ra các logo sẽ tự cho mình được cắt lát: nơi mức độ nhận biết khá dễ dàng mà không cần toàn bộ vòng tròn. Và tôi tận hưởng "sống ở rìa" theo thiết kế khi tôi có thể.
benteh

Các hướng dẫn sử dụng logo thường được tạo bởi cơ quan thực hiện thương hiệu trực quan và sau đó được duy trì bằng tiếp thị. Thông thường (mặc dù không có nghĩa là phổ quát) logo được thiết kế độc lập và không phải cạnh tranh với phần còn lại của bố cục. Luôn luôn có ngoại lệ.
DA01

Ồ, tôi biết ... tôi thường nghĩ rằng họ bốc mùi.
benteh

... và tôi cho rằng OP sẽ có nhiều tự do hơn, vì anh ta nói "Họ không có nhà thiết kế nào và cố gắng tự làm mọi thứ dẫn đến một số ... lựa chọn thiết kế thú vị trong quá khứ."
benteh
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.