Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Webデザイナーからアートディレクターになるために必要なもの
Search
oRo sponsored event
December 17, 2019
Design
1.4k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Webデザイナーからアートディレクターになるために必要なもの
oRo sponsored event
December 17, 2019
More Decks by oRo sponsored event
See All by oRo sponsored event
クリエイティブのキャリアについて考える Director HUB #1
oro
0
1.2k
Other Decks in Design
See All in Design
kintone開発におけるライターの役割の変化〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
keroyama
0
200
PLATEAUで白い街を作る
aikautau
0
190
Kouseki | CREATIVE CLASS成果物
yuri9911
0
220
Claudeもくもく会、はじめませんか?
yusukeiyoda
0
220
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
610
Design dependencies
teba_eleven
0
170
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
230
つくり方を変えていく | change-how-we-build
mottox2
2
1.5k
decksh object reference
ajstarks
2
1.8k
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
4.4k
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
270
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
300
Featured
See All Featured
Docker and Python
trallard
47
4.2k
Between Models and Reality
mayunak
4
460
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
460
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
690
Done Done
chrislema
186
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.7k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
500
A Tale of Four Properties
chriscoyier
163
24k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
Getting science done with accelerated Python computing platforms
jacobtomlinson
2
480
Transcript
Web デザイナーから アートディレクターになるために 必要なもの 2019_12/17
⼭内⼤輔 アートディレクター/ クリエイティブディレクター 2010 年広告制作会社に⼊社。 ⾃動⾞メーカーの広告や雑誌、 ⼯業製品メーカーのブランディング等を経験。 2019 年に株式会社オロに⼊社し、 様々な案件にAD/CD
として参画中。 Profile
2010 グラフィックデザイナー GD 2013 アートディレクター AD 2017 クリエイティブディレクター CD Profile
画像⾮掲載
Art Director ? そもそもアートディレクターとは?
Art Director ? そもそもアートディレクターとは? ユーザーが⽬にするモノ。 その全てのアウトプットの クオリティに責任を持つヒト。
1_ グラフィックデザインからみたweb デザインとの違い 2_ 具体的なスキルは? 3_ なることのメリット・デメリット INDEX
1 Graphic ≠ Web グラフィックデザインからみた web デザインとの違い
Graphic ≠ Web 1_ プロジェクト全体で⾒る作業領域の違い 2_ 外部とのコミュニケーション
Graphic ≠ Web 1_ プロジェクト全体で⾒る作業領域の違い 2_ 外部とのコミュニケーション
Graphic ≠ Web 1_ プロジェクト全体で⾒る作業領域の違い ヒアリング → 企画・⽴案 → ラフ制作
→ 撮影 → デザイン → 印刷⼊稿 ヒアリング → 要件定義 → WF 設計 → デザイン → コーディング → 本番公開 グラフィック web
ヒアリング → 企画・⽴案 → ラフ制作 → 撮影 → デザイン →
印刷⼊稿 ヒアリング → 要件定義 → WF 設計 → デザイン → コーディング → 本番公開 プロデューサー/クリエイティブディレクター プロデューサー ディレクター デザイナー エンジニア デザイナー グラフィック web Graphic ≠ Web 1_ プロジェクト全体で⾒る作業領域の違い
関わる領域が狭く、 プロジェクト全体を俯瞰しにくい。 web は専⾨性が強いため、 広く、浅くなりがち。 Graphic ≠ Web 1_ プロジェクト全体で⾒る作業領域の違い
Graphic ≠ Web 1_ プロジェクト全体で⾒る作業領域の違い 2_ 外部とのコミュニケーション
グラフィック カメラマン コピーライター イラストレーター 印刷所 プロデューサー ディレクター アカウント 基本的に外部を使わないと完結しない。 Graphic
≠ Web 2_ 外部とのコミュニケーション 外部 内部
カメラマン コピーライター イラストレーター プロデューサー エンジニア ディレクター アカウント UX ・IA WEB
Graphic ≠ Web 2_ 外部とのコミュニケーション 外部も使うが内部コミュニケーションの⽅が多い。 外部 内部
Graphic ≠ Web 2_ 外部とのコミュニケーション web はグラフィックと⽐べ内部で 完結することが多く 外部と連携することが少ないので 指⽰出しや意図の説明が苦⼿。
AD Skill 具体的な必要スキル
アートディレクターになるにあたり どんなスキルや知識があった⽅がいいのか? AD Skill 3 point
デザインを⾔語化すること AD Skill
デザインを⾔語化すること コンセプトの説明や、どうしてこのデザインや形状になったかを ロジカルに説明できることが必要。 AD Skill
AD Skill ・トンマナに合わせたカラーと写真トーンを意識〜 ・カッコ良さを追求したビジュアルを〜 ではなく コンセプト ⽇産を⽀えるプロとして⽇々技術を磨いてきた 整備⼠たちが、国内最⾼峰のレースに挑む。 そんな影から⽀える彼らプロフェッショナルとGT CAR
との邂逅を表現。 緊張感と期待感を想起させるビジュアルにより、 ⾒る者にとって憧れを抱かせ、またブランドを認知させるのが⽬的です。 画像⾮掲載
AD Skill 写真、絵画、⽂章などの基礎知識
写真、絵画、⽂章などの基礎知識 表現をする際に、どのようにビジュアライズするのか? イメージしているものをどれだけ具体的に 表現するor 相⼿に伝えられるかの専⾨的な知識が必要。 AD Skill
AD Skill 写真 絵画 ⽂書
お⾦とスケジュール管理 AD Skill
お⾦とスケジュール管理 どれだけのお⾦をかければクオリティーを上げられるのか? また予算と時間内に達成が可能なのかのジャッジが必要。 AD Skill
AD Skill 予算:100 0 万 期間:4 ヶ⽉ 例えば 1 ヶ⽉にすると25 0
万
AD Skill 予算:1,000 万 期間:4 ヶ⽉ 1 ヶ⽉にすると25 0 万 4
ヶ⽉で6 4 0 万 =1 , 600 ,0 00 円 デザイナー ⽇給1 万円+1 万円(利益)=2 0 , 0 0 0 2 0 , 0 0 0 ×5 ⽇=1 0 0 , 0 0 0 円 1 0 0 , 0 0 0 ×3 ⼈=3 0 0 , 0 0 0 円 3 0 0 , 0 0 0 ×4 =1 , 2 0 0 , 0 0 0 円 プロデューサー ⽇給2 万円+3 万円(利益)=5 0 , 0 0 0 5 0 , 0 0 0 ×2 ⽇=1 0 0 , 0 0 0 円 1 0 0 , 0 0 0 ×1 ⼈=1 0 0 , 0 0 0 円 1 0 0 , 0 0 0 ×4 =4 0 0 , 0 0 0 円
AD Skill 残り3 60 万
AD Skill 余ったからもっといいカメラマンを使うか? それとも利益を上げるか?など 残り3 60 万 残り1 60 万をどーするか?
× 5 カメラマン:1 00 , 00 0 アシスタント:5 0 ,0 00 ライトマン:5 0, 0 0 0 機材費:1 0 0 ,0 0 0 スタジオ:1 0 0, 0 00 =2 , 000 ,0 00 円
Merit and Demerit メリット・デメリット
上流⼯程から⼊れるので、 ⾃分でアウトプットの⽅向性を決められる。 様々な⼈と話をするチャンスがあり インプット、アウトプットの幅が広がる。 メリット Merit and Demerit
アウトプットに対するクオリティーに責任が伴うため、 プレッシャーがヤバイ。 関わる案件数が多くなり、タスク管理が⼤変。 デメリット Merit and Demerit
まとめ コミュニケーションスキルを上げ、積極的にフロントに出る。 アウトプットの⼿法と⼿段を知ること。 お⾦と時間を知ること。 1 2 3 Summary
CD AD ゆくゆくはクリエイティブディレクターも視野に? Summary
END