OS X 요세미티 vs OS X 매버릭스 아이콘 비교. Swift 아이콘에도 숨겨진 비밀이 있다

2014.06.08 21:45    작성자: ONE™

iOS 7에 이어 OS X 요세미티도 이번에 심플하고 평평한 그래픽 인터페이스가 적용되었습니다. 창의 모양이 훨씬 단순해지고 곳곳에 반투명 효과가 적용되었으며, 각종 버튼과 체크 상자도 광택이 줄고 단색으로 바뀌면서 입체감이 많이 줄어들었습니다. 뿐만 아니라 아이콘 역시 비교적 단조롭고 평평한 모양으로 새로 디자인되었습니다.

이미 여러 기사와 포스트를 통해 OS X의 새로운 디자인을 많이 접해 보셨을 텐데요, 각종 응용 프로그램의 아이콘이 어떻게 바뀌었는지 나란히 놓고 비교한 이미지가 있어 소개해 드립니다. 왼쪽은 매버릭스에 포함된 아이콘이며, 오른쪽은 요세미티에 포함된 아이콘입니다. 형태가 많이 달라졌지만 전반적인 크기와 비율, 레이아웃을 그대로 가져가 iOS보다는 그 차이가 훨씬 적은 편입니다.

파인더 아이콘의 변화는 이미 별도의 글로 소개해 드린 적이 있고, 여러 아이콘 중에서 배경에서 어린 소년이 없어진 "미리보기", 가죽과 실밥이 없어진 "캘린더"와 "연락처", 베젤이 시커멓게 변하면서 흡사 아이패드를 연상시키는 "터미널"과 "활성 상태 보기" 아이콘 등이 눈에 들어옵니다. 아울러 "포토부스"는 아예 없어진 것인지 아니면 아직 개발 중이라 그런지 OS X 요세미티 개발자 미리보기(DP) 버전에 포함되어 있지 않습니다. 개인적으로 후자이길 바랍니다.


























한편, WWDC 2014에서 발표된 새로운 프로그래밍 언어"Swift"에 대한 "파일 아이콘"도 이번에 공개되었는데요, 1997년 애플의 전설적인 캠페인 광고 ‘다르게 생각하라(Think Different)’의 문장 일부가 아이콘 속에 적혀있는 것이 밝혀졌습니다. 예컨대, the crazy ones(미친이들), misfits(부적응자)", rebels(반역자), troublemakers(문제아) 등이 코드의 일부로 사용된 것을 볼 수 있습니다.

원래 이 문구는 OS X 매버릭스까지는 "텍스트 편집기"에 자리잡고 있었으나 모양이 단순화되면서 Swift로 자리를 옮긴 것 같습니다. 애플 참… 꼼꼼합니다.



참조
• The New Icons of OS X Yosemite – A Side-by-Side Comparison

관련 글
• OS X 요세미티 아이콘 세트 다운로드 '응용 프로그램 및 휴지통, 폴더 등 총 32종'
• OS X 요세미티 및 iOS 8 공식 월페이퍼 다운로드
• 파인더 아이콘 '어느 쪽이 진짜야?'
• 맥용 프로그램과 OS X 시스템 내장 아이콘을 추출하는 3가지 방법


    
  1. Blog Icon
    우왓!!

    요즘 포스팅을 마구 찍어내시는군요!!
    덕분에 올려주신 포스팅 보며 연휴 알차게 보냈습니다.
    감사합니다.

  2. Blog Icon
    wow!

    아름다운 휴지통 :)

  3. Blog Icon
    알롱지

    아름다운 휴지통 :) (2)

  4. Blog Icon
    러브링고

    게임센터 아이콘좀 어떻게 해주삼 ㅜㅠ 다좋은 데 게임센터만 너무 동떨어진 느낌이랄까... iOS7 급하게 출시하느라 임시로 만든 아이콘이라는 루머가 있어서 기대하고 있었는데 그대로 굳히기로 들어가는 느낌이네요;;; 그리고 쓰레기통은 기존의 철제그물형 디자인이 훨 좋은것 같은데.... 그것만 빼면 이번 새 디자인 전체적으로 깔끔하고 매우 맘에 듭니다.

  5. Blog Icon
    Chris XL

    바뀐 아이콘들을 자세히 보니 확실히 iOS 7의 변화처럼 기존 스큐어모픽을 완전히 걷어내진 않았네요. ios의 플랫한 아이콘을 채용한 아이콘들도 사실상 입체감은 여전히 살아있는게 많구요. osx에서 가장 걱정했던 부분이 컨텐츠 소비에 집중된 ios와는 달리 생산성이나 저같이 생업에 사용하는 사람들이 많은 터라 너무 많은 변화로 혼란을 주진 않을까였는데, 이런 선택은 매우 맘에 듭니다.

    글고 아무래도 가장 맘에 드는 아이콘은 역시 아름다운 휴지통입니다 ㅎㅎ

  6. Blog Icon
    청염

    먼지가 흘러내리지 않는 휴지통~ :)

    그리고 여친에게 한소리 들었는지몰랑, 런처패드~ ;)

  7. Blog Icon
    시베리안스

    아따~~!!쓰레기통 진짜 이쁘다!!하나 사고 싶다!!

  8. Blog Icon
    EE

    ios도 이렇게 변경해주면 좋겠습니다. 현재 ios 7.1의 플랫 디자인보다 훨씬 보기 좋네요.

  9. Blog Icon
    SD

    이렇게 크게 보니깐 확실히 아이콘들이 새롭네요~ 기존에 보던것들도 ㅎㅎ

    그리고 아이폰은 모르겠지만 맥에 아이콘은 얼마든지 바꿀수 있으니 윗분 맘에 안들면 바꾸시면 될거 같네요~ ㅎ

  10. 와,, 이러 깨알같은 디테일이 있는 줄 몰랐어요 ㅎㅎㅎ
    그런데 전부터 궁금했는데 Mail 아이콘의 새는 무슨 새인가요?
    역시 캘리포니아와 관련된 종인가요?

  11. Blog Icon
    Zeta

    독수리 아닐까요?

  12. Blog Icon
    다밀람

    미국 우정국(?) 로고가 독수리입니다. 아마 그래서 메일의 아이콘이 독수리가 아닐까합니다.

  13. Blog Icon
    Aeria

    이렇게 보니 타임머신은 정말 시간을 여행할 것 같은 디자인이었네요. 단순하게 바뀐다니 아쉽습니다ㅎㅎ

  14. Blog Icon
    Karlix

    Notes 에 저런 멋진 문구가 써있을 줄은 꿈에도 몰랐네요.
    멋집니다. 스크린샷 담아갑니다:)

  15. Blog Icon
    anon

    변화 생긴건 좋은데 몇몇 아이콘은 전체적인 분위기에서 맞지 않는 아이콘이 몇몇 보이네요. '사진'이 포함된 아이콘들이 그렇고 그외에 사파리는 그림자 조절의 애매함, 설정과 노트는 아직까지도 스큐어모피즘의 냄새가 강하죠.

  16. Blog Icon
    nunsalam

    아름다운 휴지통 :) (3)

  17. Blog Icon
    싸모미

    저... think different 찾으려고 했는데 못찾겠어요... 어디에 있나요?? ㅠㅠ

  18. 아이콘 속 프로그래밍 코드 곳곳에 Think Different에 쓰인 단어가 출몰합니다 :-)

  19. Blog Icon
    나그네

    저 편지글이 새겨진 아이콘을 삼성이 그대로 베껴오는바람에, 삼성 휴대폰의 텍스트편집기 아이콘에도 저 문구가 그대로 들어갔었죠.

    참고자료 "http://m.clien.net/cs3/board?bo_table=park&bo_style=view&wr_id=14706904"

    재미납니다.

  20. Blog Icon
    앜ㅋㅋㅋ

    삼성 수준 정말 낮네요.

  21. Blog Icon
    tt

    봐뀐 아이콘들 혐 ㅜㅜ

  22. Blog Icon
    데커드

    난 이쓰레기통 반댈세...;;

  23. Blog Icon
    앜ㅋㅋㅋ

    별로인거 같은데에ㅔ에ㅔㅔㅔㅠㅠㅠㅠ

  24. Blog Icon
    sackim

    이 아이콘... 정말 멋지네요.. 바로 바꿈니다..