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.5k
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
人工知能のための哲学塾 ニューロフィロソフィ篇 第参夜「河合隼雄と中空構造」
miyayou
0
110
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.4k
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
niccy
0
1.8k
技術に明るくない人が技術を選ぶために
moco1013
0
150
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
14
22k
自社プロダクトのUIをAIが再現するデザインビルドシステム
toy1618
0
1.3k
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
2
240
SERVICE PAMPHLET
mhand01
0
6.1k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
490
Luna's Light
shemeetscity
0
660
2026/8/20 Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり〜リビングラボの事例を通じて〜
a2k
0
110
From Desktop to Spatial Interfaces UX Design Implications of Evolving Interaction Paradigms
hcrane
0
120
Featured
See All Featured
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
2
2.2k
Everyday Curiosity
cassininazir
0
350
Testing 201, or: Great Expectations
jmmastey
46
8.3k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
480
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.6k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
530
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
340
Reality Check: Gamification 10 Years Later
codingconduct
0
2.3k
Rails Girls Zürich Keynote
gr2m
96
14k
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