Tinh tế - Apple và tỉ lệ vàng, hình chữ nhật vàng, dãy Fibonacci trong thiết kế

Thảo luận trong 'Thư Giãn Express - Bản Tin Cuối Ngày' bắt đầu bởi Mainboard, 8/2/12.

  1. Mainboard

    Mainboard Donkey Kong

    Tham gia ngày:
    20/3/08
    Bài viết:
    414
    Nơi ở:
    Sài Gòn
    [​IMG]

    Logo quả táo khuyết của Apple thì ai cũng biết và rất nổi tiếng nhưng ít ai biết cách mà các nhà thiết kế đã tạo ra nó, hay nói cách khác là nó được vẽ ngẫu nhiên hay theo một tỉ lệ nào? Thật tuyệt vời khi người ta khám phá ra rằng logo quả táo được thiết kế theo tỉ lệ vàng được giới hội họa và kiến trúc áp dụng trên những tác phẩm kinh điển. Cụ thể, Paul Rand đã tạo nên logo Apple dựa trên hình chữ nhật vàng và dãy số Fibonacci huyền ảo. Không chỉ có logo quả táo, logo iCloud mới đây, logo Mac OS Lion, iPhone 4 cũng chịu ảnh hưởng từ tỉ lệ vàng (Golden Ratio).


    Tỉ lệ vàng trong toán học là một phát minh rất quan trọng và đã có từ lâu đời. Theo Wikipedia, "hai đại lượng được gọi là có tỷ số vàng hay tỷ lệ vàng nếu tỷ số giữa tổng của các đại lượng đó với đại lượng lớn hơn bằng tỷ số giữa đại lượng lớn hơn với đại lượng nhỏ hơn". Tỉ lệ vàng được ký hiệu bằng ký tự "phi" (φ) và 1 phi bằng 1,618033..., đó là một số vô tỷ. Tỉ lệ vàng được phát minh ra từ khi nào thì không ai biết chính xác, chỉ biết rằng nó đã tồn tại từ cách đây hàng ngàn năm và ứng dụng của nó cũng không hề nhỏ. Các kiến trúc kinh điển như đền thờ Parthenon, Hy Lạp; kim thự tháp Keop (Cheops) hay khuôn mặt nàng Mona Lisa cũng được vẽ theo tỉ lệ vàng... Tỉ lệ vàng trong những tác phẩm kể trên được diễn tả theo một hình chữ nhật vàng, hình có cạnh dài và cạnh ngắn là một tỷ số vàng. Không chỉ có các kiến trúc, hội hoạ áp dụng tỉ lệ vàng mà cơ thể con người, các bông hoa, sự sắp xếp cánh hoa, nhị hoa cũng có sự tồn tại của tỉ lệ vàng (tham khảo thêm tại đây).

    [​IMG]
    Hình chữ nhật vàng

    Bên cạnh đó, tỉ lệ vàng cũng có sự liên hệ với dãy số nguyên Fibonacci. Đây là một dãy số tự nhiên và vô hạn, bắt đầu từ số 0 với quy tắc số sau luôn bằng hai số trước cộng lại. Những số đầu trong dãy Fibonacci gồm: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34... Lấy ví dụ số 8 bằng số 3 và 5 cộng lại hay số 34 bằng hai số 13 và 21 cộng lại...

    Như vậy chúng ta đã hiểu tỉ lệ vàng quan trọng và độc đáo tới mức nào, đặc biệt là trong thiết kế. Apple là một trong số những hãng sản xuất ứng dụng tỉ lệ vàng vào thiết kế các sản phẩm của mình nhất. Người ta tìm thấy sự hiện diện của tỉ lệ vàng trong logo Apple, logo iCloud, thiết kế iPod, thiết kế iPhone và máy Mac... Đầu tiên hãy khám phá logo Apple, logo iCloud và sau đó là thiết kế iPhone 4/4S theo tỉ lệ vàng, hình chữ nhật vàng và dãy số nguyên Fibonacci.

    1. Logo Apple

    Ban đầu logo Apple là một hình chữ nhật được thiết kế với hình ảnh Newton ngồi dưới gốc cây táo nhưng sau đó Apple quyết định đổi logo nhận diện thương hiệu thành hình ảnh quả táo khuyết một miếng ở bên phải. Logo này được sử dụng từ những năm 1976 và hình dáng của nó không thay đổi từ khi đó tới bây giờ, dù màu sắc có khác. Logo này được thiết kế bởi nhà thiết kế Paul Rand, ông cũng là người tham gia làm nên logo cho những tên tuổi nổi tiếng khác như IBM, ABC, Westinghouse, UPS, Enron...

    Logo quả táo không phải được vẽ một cách ngẫu nhiên trên máy tính mà nó tuân theo hình chữ nhật vàng và dãy số nguyên Fibonacci. Hình chữ nhật được sử dụng để tạo nên kích thước và kiểu dáng của quả táo khuyến Apple có các hình vuông nhỏ bên trong được phân chia theo dãy số Fibonacci (hình dưới). Hình dáng của quả táo, các đường cong ở hai đầu của quả táo, "vết cắn" bên phải, lá của quả táo đều được tạo hình từ hình chữ nhật vàng với kích thước tuân thủ dãy Fibonacci.

    [​IMG]

    Với các hình tròn trong thiết kế logo Apple, giả sử chúng có đường kính là các số trong dãy Fibonacci (hình trên) thì chiếc lá táo được tạo thành từ hai hình tròn với đường kính là 8. Vết cắn trên thân táo cũng tạo nên bởi một phần của hình tròn đường kính 8. Đường cong phía dưới đáy được tạo thành từ hai hình tròn 5, một hình tròn 8 và một hình tròn với đường kính là 1. Sự cân đối trong logo Apple có được cũng là do tỉ lệ vàng này.

    2. Logo iCloud

    [​IMG]

    iCloud là một dịch vụ đám mây mới được Apple giới thiệu và logo của dịch vụ này mô tả một đám mây bồng bềnh trôi. Hình dáng của đám mây đó nằm trong một hình chữ nhật vàng và các gợn mây được tạo nên bởi những hình tròn theo tỉ lệ 1,6 (tỉ lệ vàng). Nếu hình chữ nhật để tạo nên logo iCloud có tỉ lệ hai cạnh là 1:1,6 thì bốn hình tròn bên trong cũng theo tỉ lệ 1:1,6 này.

    Không chỉ Apple mà logo của những thương hiệu nổi tiếng khác cũng được cho là sử dụng tỉ lệ vàng để thiết kế. Người ta còn nhìn thấy tỉ lệ vàng với các đường xoắn ốc trong biểu tượng của HĐH Mac OS X Lion (hình đầu con sử tử). Hãy quan sát và suy nghĩ với hình minh hoạ phía dưới.

    [​IMG]

    3. Thiết kế iPhone 4/4S

    Không chỉ có logo mà Apple còn được cho cũng sử dụng tỉ lệ vàng vào thiết kế phần cứng, hãy lấy ví dụ với iPhone 4. Hình dáng của iPhone 4 là một hình chữ nhật vàng với các chi tiết bên trong tuân theo quy luật này. Tỉ lệ vàng còn được tìm thấy ở việc sắp xếp vị trí jack tai nghe, ăng-ten sóng gần đó, micro phụ và cụm camera/đèn flash phía sau máy.

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]
    Thậm chí là cả bố cục trang web của Apple




     
    Chỉnh sửa cuối: 8/2/12
  2. LAX Girl

    LAX Girl Space Marine Doomguy Lão Làng GVN

    Tham gia ngày:
    23/8/06
    Bài viết:
    5,813
    Nơi ở:
    Wonder Land
    Apple thì ghê rồi, công ty máy tính nghệ thuật mà :D
     
  3. Tia Sáng

    Tia Sáng Zack Snyder =thất bại của Holyweed Lão Làng GVN

    Tham gia ngày:
    25/11/10
    Bài viết:
    11,386
    Nơi ở:
    Viện Tâm Thần
    Cái kiểu này muốn PR thì gắn cái vòng đó vào đâu chẳng dc :)). Mặc dù thực tế 90% ng thiết kế logo chuyên nghiệp khi dựng sơ đồ tuyệt đối của logo cho hệ thống nhận diện thương hiệu đều áp dụng hể thống tỉ lệ vàng, thậm chí là 1 cách vô thức.

    Thiết kế các cái khác, hay vẽ cũng vậy, có khi nó thành thói quen,
     
  4. Funnnny

    Funnnny Will Code Python For FOOD Moderator

    Tham gia ngày:
    2/8/05
    Bài viết:
    9,406
    Nơi ở:
    Hanoi, Vietnam
    Chả phải vô thức, bởi vì khi vẽ vector thì mấy hình đó phải dựng từ hình căn bản, họ đã quá quen với việc làm như thế rồi, tỉ lệ vàng được ứng dụng ở rất nhiều chỗ chứ có phải mỗi Apple ứng dụng đâu mà nghe có vẻ sáng tạo thế :))
     
  5. 934944

    934944 Baldur's Gate Lão Làng GVN

    Tham gia ngày:
    13/8/06
    Bài viết:
    31,715
    Nơi ở:
    đà nẵng
    nhìn cái hình sư tử mà mình thấy vàng mắt =)) hình với khung kẻ có cái khỉ gì trùng đâu =))
     
  6. vova999

    vova999 Donkey Kong Lão Làng GVN

    Tham gia ngày:
    12/6/06
    Bài viết:
    360
    Cứ thấy nó gắn xoáy với cả tròn lung tung mà chả hiểu mịe gì cả '@^@||| thôi thì cũng gật
     
  7. Hoang_2209

    Hoang_2209 Donkey Kong

    Tham gia ngày:
    26/8/07
    Bài viết:
    411
    Nơi ở:
    Phố nhỏ sau
    Với dân thiết kế thì cái này quá bt, chụp cái ảnh còn phải canh lấy tỉ lệ vàng nữa là thiết kế :-??

    Cái này là basic nhất mà :-?? Thêm kiến thúc cho bạn nào chưa biết thôi chứ chả có gì ghê gớm :-j
     
  8. Tia Sáng

    Tia Sáng Zack Snyder =thất bại của Holyweed Lão Làng GVN

    Tham gia ngày:
    25/11/10
    Bài viết:
    11,386
    Nơi ở:
    Viện Tâm Thần
    Đang nói mấy cái khác, ví dụ như làm trang web hay chọn hình gắn vào :)). Còn vẽ logo thì 90% là dựng sơ đồ tuyệt đối rồi còn gì :)).
     
  9. Funnnny

    Funnnny Will Code Python For FOOD Moderator

    Tham gia ngày:
    2/8/05
    Bài viết:
    9,406
    Nơi ở:
    Hanoi, Vietnam
    Trang web là cố ép nó ra như thế, nhìn mấy cái vạch có mũi tên đỏ chỉ vào, nó ko phải là vạch trong trang web mà là vẽ thêm vào, và rõ ràng là vạch đó lệch so với các đường vạch của trang web -> cố tình bịa ra =))

    [​IMG]

    Ngoài ra thì việc vẽ vào hình con Lion thì mình đúng là....bó tay
     
  10. FlyinDance

    FlyinDance Donkey Kong Lão Làng GVN

    Tham gia ngày:
    19/12/07
    Bài viết:
    388
    Công nhận bó tay thật :|
     
  11. Tia Sáng

    Tia Sáng Zack Snyder =thất bại của Holyweed Lão Làng GVN

    Tham gia ngày:
    25/11/10
    Bài viết:
    11,386
    Nơi ở:
    Viện Tâm Thần
    Thì đã bảo là có chút PR mà :)) :)).
     
  12. wth.is.life

    wth.is.life Mario & Luigi

    Tham gia ngày:
    8/5/11
    Bài viết:
    811
    Nơi ở:
    Matrix
    Người dùng đa số ai để ý cái này nhỉ :))
     
  13. z3r0_hien_lanh

    z3r0_hien_lanh John "Soap" MacTavish ⛨ Empire Gladiator ⛨ GVN Dalit

    Tham gia ngày:
    27/8/06
    Bài viết:
    17,097
    Nơi ở:
    nhà Karina
    Thế rốt cuộc cái tỉ lệ vàng này có tác dụng gì vậy ?
     
  14. ZeZoPrO

    ZeZoPrO Mario & Luigi

    Tham gia ngày:
    26/11/06
    Bài viết:
    748
    Nơi ở:
    Nürburgring
    cái này chỉ là pr cho apple càng thêm thần thánh chứ có gì đâu^:)^
     
  15. AN_angle

    AN_angle Donkey Kong

    Tham gia ngày:
    27/11/06
    Bài viết:
    446
    Nơi ở:
    XXX city
    Làm đẹp .
     
  16. zikzackchocolate

    zikzackchocolate Mario & Luigi

    Tham gia ngày:
    17/8/08
    Bài viết:
    784
    nhìn hình cái đ thêm mấy cái vạch cái vòng đúng là thêm phần nguy hiểm . mấy kẻ k biết như mình nhìn thấy nó thần thánh lắm =))
     
  17. brain10master

    brain10master Fire in the hole!

    Tham gia ngày:
    6/2/04
    Bài viết:
    2,615
    Tưởng sao , đúng kiểu bới bèo ra bọ :|
     
  18. Cô Mười

    Cô Mười Donkey Kong GameOver

    Tham gia ngày:
    10/10/10
    Bài viết:
    368
    hồi làm đồ án logo vẽ sơ đồ kỹ thuật mệt chết mụ nội ra, nhất là logo nhiều đường cong phải lấy tâm và tiếp tuyến, có logo phải xác định vài chục đường tròn, vẽ nát nhừ cái sơ đồ. Sau này chỉ thích vẽ đường thẳng =))
     
  19. pntk

    pntk Mario & Luigi

    Tham gia ngày:
    15/10/06
    Bài viết:
    721
    Đọc Davinci Code để rõ thêm về tỉ lệ vàng xD
     
  20. Mishael Dain

    Mishael Dain Fire in the hole! Lão Làng GVN

    Tham gia ngày:
    27/12/08
    Bài viết:
    2,871
    Phần thư giãn là mấy cái comment nâng bi bên tinhte cơ, chứ bài viết nói thật, nhạt bỏ mịe (:| .

    Tỷ lệ vàng trong cuộc sống thì đầy rẫy, dân thiết kế dùng tỷ lệ này 1 cách vô thức cực kỳ nhiều, đơn giản nó là tỷ lệ hợp lý nhất với con người; chẳng hạn bảo 1 ai đó vẽ 1 hình chữ nhật kích thước bất kỳ thì hình đó thường có tỷ lệ gần với tỷ lệ vàng.
     

Chia sẻ trang này