Design Skills (Anyone can become a Designer-to-be) - Topic 2: Recap Câu chuyện về Logo/ the Story of Logo

Dear all my beloved :heart:

This is Amber here again with you :">>>

And I am writing this recap after my sharing event Câu chuyện về Logo/The Story of Logo (2019-11-05 13:15 at Las Vegas), for Reflection purpose and for those who couldn’t attend it~

This event answers 2 questions:
• What is a good logo?
• What is the process of making a logo?

But wait…

Do you know that Magestore’s logo used to look like that?
image
… before transforming into our current one :scream:


As a Magestorer, do you know the story of Magestore’s logo? Please find out the answer at the end of this article :kiss:

Now let the recap flow~

What is a good logo?

Titled the Power of Brands, this above image by designer Pedro Almeida highlights how even when you present famous logos in their simplest form they are still instantly recognizable. All it takes is a few shapes and the right colors and brands like McDonalds, Ebay, Ikea and Google can be easily identified.

“Anyone can design a logo, but not everyone can design the right logo” - David Airey in Logo Design Love

Here are 5 important characteristics of an impactful and effective logo design:

1. Original (độc đáo khác biệt)

original

2. Relevant (xoay quanh sản phẩm mà mình cung cấp -> bản nghiên cứu)

relevant

3. Versatile (phiên bản màu, hình nổi bật trên mọi màu sắc và chất liệu)

versatile
A few things to consider while designing a versatile logo are:

  • Will the logo look good in reverse color? (light logo on a dark background)
  • Will the logo be clear when sized to fit a postal stamp or favicon?
  • Will the logo be clear when sized to fit a billboard?
  • Will the logo be effective when it is printed in just one color?

4.Memorable (lặp lại hình ảnh thương hiệu, dễ nhận diện + câu chuyện đằng sau - truyền thông đúng đắn)

memorable

5. Timeless (giữ nguyên hình ảnh ban đầu)

timeless

In a nutshell, the K.I.S.S. (Keep it simple, stupid) approach is the way to go in logo design. Simple logos are incredibly effective, recognizable and versatile.

  • Digital branding: It’s time for responsive logos

Have you heard of responsive logos? It’s the latest step in a general trend for corporate identity to get fit for today. In a world where screens come in all sizes AND shapes, adapting content cannot just mean scaling up or down. Instead, we need logos that can make elegant and efficient use of any screen space.

Many designers have been feeling that we need a new approach to logo design. UK-based Joe Harrison published quite an interesting experiment. Taking existing famous brands he imagined how these universal logos could adapt to various screens. The results show logos that are increasingly simpler for smaller screens whereas they get more details for larger screens.


Looking back, Magestore’s current logo is great one, right? :fairy::tulip::herb:

What is the process of making a logo?

Please find the full original process HERE - The making of Kitsu’s logo - Meet your next favorite anime or manga:


Bản dịch và tóm tắt về đoạn PROCESS này cho một số bạn đọc khi đã thấm mệt English hị hị :relieved:~

Kitsu (https://kitsu.io/) là một nền tảng xã hội tương tự như Goodreads - người tham gia sẽ giới thiệu và review về sách truyện, nhưng Kitsu nhắm đến đối tượng người hâm mộ anime và manga. Giá trị của sản phẩm cốt lõi xoay quanh việc giúp người dùng theo dõi, chia sẻ và khám phá các nội dung mới về manga và anime.

Mục tiêu chính của designer là tạo ra một bộ nhận diện phản ánh cảm giác vui tươi của anime và manga, trong đó vẫn mang tính chuyên nghiệp, đáng tin cậy.

  • Step 1: MOODBOARD – bảng cảm hứng

    Trong thiết kế, “moodboard” là một tấm bảng mà tại đó bạn trình bày ý tưởng, concept cho tác phẩm design của mình. Với dự án Kitsu, nhũng hình ảnh liên quan đến các yếu tố tạo nên thương hiệu này được tìm kiếm rất kĩ càng bằng nhiều từ khóa như:
  • Con cáo: chín đuôi, tai, lửa, cam, đỏ, ảo tưởng, chuyến bay, tàng hình, xảo quyệt, phép thuật, bóng ma thuật, cô gái, mặt nạ.
  • Truyện tranh: sách, trang truyện, họa tiết halftone, siêu anh hùng, nhân vật, trang, giấy, đầy màu sắc
  • Khám phá: kính lúp, kính thiên văn, ống nhòm, dấu trang, du lịch, ba lô, lều, địa cầu, thân cây, sao, la bàn, ngọn hải đăng, bản đồ, đèn pin, danh mục thư viện, lưu trữ.
  • Thảo luận: bong bóng hội thoại, nhận xét, trò chuyện, câu hỏi, câu trả lời, loa
  • Xếp hạng: Sao, trái tim, biểu tượng like, mặt cười, ngón tay cái, biểu đồ hình tròn
  • Step 2: SKETCH – phác thảo tay
    Hình dạng cho phác thảo Con cáo có thể đa dạng đến kinh ngạc: sắc nét, tròn, đơn giản hoặc chi tiết.
    image
    Bằng cách kết hợp nhiều phác thảo chính từ các ý tưởng demo bên trên theo quy tắc 3, 4, 5, hình dạng ghéo lại, những logo hài hòa và đạt đủ các yếu tố về ý nghĩa và đường nét được hình thành.
    Những bản vẽ phác thảo này đóng vai trò là một tài liệu tham khảo tuyệt vời trong tương lai, nên hãy lưu trữ chúng lại. Một số thương hiệu sau một thời gian sẽ muốn cải tiến logo hiện tại, khi đó những bản phác thảo này sẽ là kho tàng ý tưởng tuyệt vời cho designer.


  • Step 3: CẤU TẠO LOGO
    Các vòng tròn ‘Tỷ lệ vàng’ đã được sử dụng trong bước hoàn thiện trên máy dù không chính xác 100%.

  • Step 4: THỬ NGHIỆM FONT CHỮ
    Vì Kitsu là một trang web, nên logo của Kitsu phải đáp ứng được yêu cầu là trông dễ nhìn và dễ đọc trên website. Vì vậy mà người thiết kế đã thử nghiệm nhiều font chữ sans serif không chân để tìm ra font chữ phù hợp nhất cho logo.


    Sau rất nhiều font chữ thử nghiệm, người thiết kế font đã quyết định chọn 1 loại font sans serif rounded với các nét bo tròn và thân cao như hình bên. Loại font này có lẽ rất phù hợp với Kitsu khi Kitsu phục vụ chủ yếu cho các bạn trẻ thích đọc truyện tranh, vì nhìn trông font rất trẻ trung và thân thiện. Tuy nhiên, kể cả khi đã tìm được font ưng ý, đừng vội dừng lại, mà hãy thử nghiệm nhiều hơn. Thử xem nếu cho font all caps viết hoa hết hay cho font viết thường sẽ đẹp hơn, thử xem font chữ để đen hay để màu sẽ đẹp hơn, v.v Liên tục trải nghiệm và bạn sẽ tìm ra giải pháp tốt nhất cho logo của mình.

  • Step 5: HOÀN THIỆN LOGO
    Đây là giai đoạn cuối cùng và cũng là giai đoạn khá quan trọng. Ở giai đoạn này, designer sẽ kiểm tra lại các đường nét, khoảng cách và tỉ lệ của logo để đảm bảo logo cuối cùng được hoàn hảo nhất trước khi đem đi in.


    Tùy theo hình dáng của logo, các phương pháp áp dụng để kiểm tra đa dạng và linh hoạt, designer có thể kẻ lưới hoặc sử dụng các khối hình đơn giản như hình tròn, hình vuông, hình chữ nhật để kiểm tra.
    Điển hình là logo Kitsu sử dụng khối hình tròn. Các góc cạnh của logo Kitsu được kiểm tra bằng các khối hình tròn. Các đầu nhọn trong khối hình con cáo được bo góc đúng tỉ lệ bằng 1 hình tròn nhỏ. Phần đầu chữ Kitsu cũng được bo góc đúng tỉ lệ theo hình tròn lớn hơn.

That’s all. This is the end of my recap. Share it if you love it :see_no_evil:~

AFTER CREDIT

Back to the question from the beginning, if you can’t tell, can I expell you? :thinking:
Hmmm, sadly I can’t fire you
Instead, I’ll give you another chance to discover it HERE :tipping_hand_woman: Please, I know I am an angle fallen from sky :innocent:

4 Likes

Bonus Cảm hứng thiết kế Logo:

1. Behance

This is where designers show their portfolios of visual work such as graphic design, fashion, illustration, photography, and more.

2. Pinterest


And try searching inspiration by my following suggested keywords:
  • Negative logo
  • Overlapping logo
  • Vintage logo
  • Gradient logo
  • Flat logo
  • Lineart logo
  • Hand-writing logo

Happy if you can share your own logo or your favorite logo :fox_face:~

1 Like

so kute. I truly confirm you are an lovely angel :))

1 Like