패션, 뷰티, 라이프스타일 부문 글로벌 디지털 콘텐츠 허브 : 패션인코리아 소개Evan Ryu
패션, 뷰티, 라이프스타일 부문의 국내, 해외 디지털 미디어 콘텐츠 프로젝트 패션인코리아 입니다. 국내 문화산업의 디지털, 온라인, SNS를 통한 글로벌 홍보 및 오프라인 비즈니스와 연계된 융합 마케팅 실무 수행, 컨설팅 등을 추진하고 있습니다. 패션, 문화, 라이프스타일 산업 부문의 디지털 마케터 양성 전문교육도 추진하고 있습니다.
17 Ways to Design a Presentation People Want to ViewJim MacLeod
Tired of boring PowerPoint presentations? Me too. Here are 17 tips to help you create a presentation that not only engages the audience, but forces them to remember what you want them to remember.
An immersive workshop at General Assembly, SF. I typically teach this workshop at General Assembly, San Francisco. To see a list of my upcoming classes, visit https://generalassemb.ly/instructors/seth-familian/4813
I also teach this workshop as a private lunch-and-learn or half-day immersive session for corporate clients. To learn more about pricing and availability, please contact me at http://familian1.com
저는 머리 잘 감기는 월급 9만원 헤어숍 스태프였습니다. 하지만 지금은 연 매출 100억원의 뷰티트렌드 크리에이터가 되었습니다. 근 몇 년 간 한국의 뷰티를 소개하는 해외 쇼에 자주 초대받았고 그곳에서 저는 'K-Beauty', 즉 한류 뷰티의 인기가 어느정도 인지 체감할 수 있었습니다. 실제 한국의 뷰티법을 배우기 위해서 많은 외국인들이 국내에 연수생 자격으로 들어옵니다. 이 말은 곧, 해외의 뷰티시장 자체가 한국인인 우리에게 무척 큰 기회로 열렸다는 것을 뜻하기도 합니다. 하지만 많은 분들이 이러한 새로운 가능성에 대해서 잘 알지 못하고 있습니다. 해외 아티스트들에게 김수현급 대우를 받는 뷰티 크리에이터가 된다는 것, 결코 불가능한 일이 아닙니다.
패션, 뷰티, 라이프스타일 부문 글로벌 디지털 콘텐츠 허브 : 패션인코리아 소개Evan Ryu
패션, 뷰티, 라이프스타일 부문의 국내, 해외 디지털 미디어 콘텐츠 프로젝트 패션인코리아 입니다. 국내 문화산업의 디지털, 온라인, SNS를 통한 글로벌 홍보 및 오프라인 비즈니스와 연계된 융합 마케팅 실무 수행, 컨설팅 등을 추진하고 있습니다. 패션, 문화, 라이프스타일 산업 부문의 디지털 마케터 양성 전문교육도 추진하고 있습니다.
17 Ways to Design a Presentation People Want to ViewJim MacLeod
Tired of boring PowerPoint presentations? Me too. Here are 17 tips to help you create a presentation that not only engages the audience, but forces them to remember what you want them to remember.
An immersive workshop at General Assembly, SF. I typically teach this workshop at General Assembly, San Francisco. To see a list of my upcoming classes, visit https://generalassemb.ly/instructors/seth-familian/4813
I also teach this workshop as a private lunch-and-learn or half-day immersive session for corporate clients. To learn more about pricing and availability, please contact me at http://familian1.com
저는 머리 잘 감기는 월급 9만원 헤어숍 스태프였습니다. 하지만 지금은 연 매출 100억원의 뷰티트렌드 크리에이터가 되었습니다. 근 몇 년 간 한국의 뷰티를 소개하는 해외 쇼에 자주 초대받았고 그곳에서 저는 'K-Beauty', 즉 한류 뷰티의 인기가 어느정도 인지 체감할 수 있었습니다. 실제 한국의 뷰티법을 배우기 위해서 많은 외국인들이 국내에 연수생 자격으로 들어옵니다. 이 말은 곧, 해외의 뷰티시장 자체가 한국인인 우리에게 무척 큰 기회로 열렸다는 것을 뜻하기도 합니다. 하지만 많은 분들이 이러한 새로운 가능성에 대해서 잘 알지 못하고 있습니다. 해외 아티스트들에게 김수현급 대우를 받는 뷰티 크리에이터가 된다는 것, 결코 불가능한 일이 아닙니다.
18. COLOR SYSTEM
HSB
• 1970년경 HSB가 개발 됨
• Hue(색상), Saturation(채도), Brightness(밝기)
• Hue는 각도 체계, Saturation, Brightness는 % 체계
• 따라서 8bit 상의 RGB와 1대1 매칭되진 않음
23. COLOR SYSTEM
HSB
• 대부분의 디자이너는 채도와 명도를 기준으로 사고함
• 개발자는 채도와 명도를 눈으로 보고 바로 알아채진 않아도 됨
(컬러피커가 다 숫자로 보여줌)
• 하지만 디자이너와 의사소통을 하기 위해서, 나아가 스스로 디
자인을 하기 위해선 기본 개념은 알고 있으면 좋음
55. COLOR SCHEME
MAIN COLOR
• 우리가 빨, 주, 노, 초, 파, 남, 보 등으로 부르는 일반적인 색이
름은 마치 이 색들간의 균형이 일정한 것 같지만 실제로는 그렇
지 않음.
• Hue 값 뿐만 아니라 Saturation, Brightness 등의 영향을 많
이 받음.
• 그 예를 가장 잘 보여주는게 노란색
59. COLOR SCHEME
MAIN COLOR
HUE SATURATION BRIGHTNESS
빨 강 색 340 - 10 75 - 100 60 - 90
주 황 색 10 - 35 70 - 90 75 - 90
노 랑 색 35 - 60 60 - 100 95 - 100
연 두 색 60 - 90 50 - 80 65 - 85
초 록 색 90 - 150 60 - 90 50 - 70
청 록 색 150 - 180 70 - 80 70 - 90
하 늘 색 180 - 200 60 - 100 85 - 100
파 랑 색 200 - 250 60 - 80 70 - 90
남 색 200 - 250 20 - 60 30 - 60
보 라 색 250 -300 50 - 85 70 -90
분 홍 색 300-340 20 - 50 95 - 100
60. COLOR SCHEME
SECOND COLOR
• 딱 한개의 컬러만 고르는건 사실 어렵지 않음.
• 그 색과 조화로운 두번째, 세번째 컬러를 고르는 것부터 허들의
시작
• 독특하고 새로운 컬러링을 추구하는게 아니라면 안전한 컬러를
뽑는 조건들이 있음.
61. COLOR SCHEME
SECOND COLOR
• 비슷한 Hue, 비슷한 Saturation, 비슷한 Brightness를 가지
면 조화로움
• Saturation과 Brightness는 반비례관계를 유지하는게 안정적
• Hue값이 많이 차이나는 경우에는 Saturation이 낮은게 조화
로움.
62. COLOR SCHEME
SECOND COLOR
HSB(0,100,100) HSB(180,100,100)
RGB(255, 0, 0) RGB(0, 255, 255)
63. COLOR SCHEME
SECOND COLOR
HSB(0,60,100) HSB(180,60,100)
RGB(255, 102, 102) RGB(102, 255, 255)
R+G+B=459 R+G+B=621
64. COLOR SCHEME
SECOND COLOR
HSB(0,33,100) HSB(180,60,98)
RGB(255, 172, 172) RGB(100, 250, 250)
R+G+B=599 R+G+B=600
65. COLOR SCHEME
SECOND COLOR
HSB(100,70,60) HSB(160,70,80)
RGB(82, 153, 46) RGB(16, 204, 156)
R+G+B=281 R+G+B=376
66. COLOR SCHEME
SECOND COLOR
HSB(100,70,60) HSB(160,70,53)
RGB(82, 153, 46) RGB(41, 135, 104)
R+G+B=281 R+G+B=280
67. COLOR SCHEME
THIRD COLOR
HSB(100,70,60) HSB(160,70,53)
RGB(82, 153, 46) RGB(41, 135, 104)
R+G+B=281 R+G+B=280
HSB(240,100,100)
RGB(3, 3, 255)
R+G+B=261
68. COLOR SCHEME
THIRD COLOR
HSB(100,70,60) HSB(160,70,53)
RGB(82, 153, 46) RGB(41, 135, 104)
R+G+B=281 R+G+B=280
HSB(240,70,100)
RGB(76, 76, 255)
R+G+B=401
69. COLOR SCHEME
THIRD COLOR
HSB(100,70,60) HSB(160,70,53)
RGB(82, 153, 46) RGB(41, 135, 104)
R+G+B=281 R+G+B=280
HSB(240,70,69)
RGB(53, 53, 176)
R+G+B=282
70. COLOR SCHEME
SECOND COLOR
HSB(40,100,100) HSB(0,100,100)
RGB(255, 170, 0) RGB(255, 0, 0)
R+G+B=425 R+G+B=255
71. COLOR SCHEME
SECOND COLOR
HSB(40,100,100) HSB(0, 67, 100)
RGB(255, 170, 0) RGB(255, 85, 85)
R+G+B=425 R+G+B=425
72. COLOR SCHEME
THIRD COLOR
HSB(40,100,100) HSB(0, 67, 100)
RGB(255, 170, 0) RGB(255, 85, 85)
R+G+B=425 R+G+B=425
HSB(210, 100, 100)
RGB(0, 125, 255)
R+G+B=380
73. COLOR SCHEME
THIRD COLOR
HSB(40,100,100) HSB(0, 67, 100)
RGB(255, 170, 0) RGB(255, 85, 85)
R+G+B=425 R+G+B=425
HSB(210, 89, 100)
RGB(28, 142, 255)
R+G+B=425
82. UI COLOR TREND
GRAY SCHEME
• 약간의 Blue 가 가미된 Gray를 Cool Gray라고 한다.
• (그렇다면 약간의 Red가 가미된 Gray는 ?)
• 많은 UI 들이 Grey Scheme에 Cool Gray를 사용한다.
• 무채색이 아닌 Cool Gray를 사용하면 부드러운 인상을 줄 수
있고, 브랜딩을 강화할 수 있다.
90. HOW TO MAKE
GRAY SCHEME
• 가장 밝은 곳의 S 값을 기준이라고 생각하고 방정식을 만듭니다.
• S1 B1 (0, 95), S2 B2 (27, 45)
• B= aS+c
• c=95
• 45=27a+95
• a=-50/27
• B=-50/27S + 95