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
Design dependencies
teba_eleven
0
170
The Art of Caring
klemens
0
460
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
990
「惜しいデザイン」 を生み出さないための AIレビューループ
0b1tk
3
4.4k
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
240
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.5k
Debiasing Your Software Design Decision-Making @ Flowcon '26
baasie
1
180
デザイナーがいない部署にハーネスを設計する
kenichiota0711
3
3k
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.5k
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
300
A Corrida Maluca - Comedy Storyboard
gioli
0
110
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
deadlinepoet
0
370
Featured
See All Featured
The Curious Case for Waylosing
cassininazir
1
510
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
200
sira's awesome portfolio website redesign presentation
elsirapls
0
410
Evolving SEO for Evolving Search Engines
ryanjones
0
290
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
330
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
3
1.2k
How to Talk to Developers About Accessibility
jct
2
550
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
Exploring anti-patterns in Rails
aemeredith
3
510
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.9k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
410
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