SlideShare a Scribd company logo
1 of 28
Download to read offline
資料作成のための
Adobe®
Illustrator®
入門
AdobeおよびIllustratorは、Adobe Systems Incorporated(アドビシステムズ社)の商標です。
時限目12013年6月17日
金澤 直毅
schoo WEB-campus
金澤 直毅
Naoki Kanazawa
designless.net
1  デザインの視点
2  イラレは道具
3  文書は情報
1
設計 / 応用美術 / 再構築 / 問題解決 / 工夫 / 伝える / 繋ぐ…
Design
Everything is design.
Everything!
Paul Rand
“
Design is a relationship
between form and content.
Paul Rand
“
content
中身 形
form
It is important to
use your hands,
this is what distinguishes you
from a cow or a computer operator.
Paul Rand
“
2
Workspace
Computers are like
a bicycle for our minds.
Steve Jobs
“
Cmd(Ctrl)Space
手
Option(alt) Cmd(Ctrl) 1
拡大・縮小
+
+
+ + +
100%
shift
option(alt)
形
+
+
clickdrag
補助機能
バウンディングボックス スマートガイド
click drag
click
文字
T
パネル
線 透明カラー
3
配置
タイトル
連絡先
プレスリリースの内容が入ります。プレスリ
リースの内容が入ります。プレスリリースの
内容が入ります。プレスリリースの内容が入
ります。プレスリリースの内容が入ります。
プレスリリースの内容が入ります。プレスリ
リースの内容が入ります。プレスリリースの
内容が入ります。
ロゴ
写真
図解
パスファインダー / レイヤー / ガイド / 文字組み / 写真の配置…
Next
Q& A
金澤 直毅
Thank You!
@designless0
info@designless.net
http://designless.net
レポート課題
よいプレスリリースの条件とは

More Related Content

Viewers also liked

カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶカフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶNaoki Kanazawa
 
Webデザイナーのためのエディタ入門
Webデザイナーのためのエディタ入門Webデザイナーのためのエディタ入門
Webデザイナーのためのエディタ入門Naoki Kanazawa
 
GitHub - How to "pull request"
GitHub - How to "pull request"GitHub - How to "pull request"
GitHub - How to "pull request"Naoki Kanazawa
 
模倣から学ぶデザインの手法 by Life is Tech !
模倣から学ぶデザインの手法 by Life is Tech !模倣から学ぶデザインの手法 by Life is Tech !
模倣から学ぶデザインの手法 by Life is Tech !Naoki Kanazawa
 
Prototyping by Adobe Illustrator
Prototyping by Adobe IllustratorPrototyping by Adobe Illustrator
Prototyping by Adobe IllustratorNaoki Kanazawa
 
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !Naoki Kanazawa
 
プロジェクトマネジメントは仕組み化が9割
プロジェクトマネジメントは仕組み化が9割プロジェクトマネジメントは仕組み化が9割
プロジェクトマネジメントは仕組み化が9割Mharu
 
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~Tomoyuki Arasuna
 
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識Tsutomu Sogitani
 

Viewers also liked (10)

Design 4 everyone
Design 4 everyoneDesign 4 everyone
Design 4 everyone
 
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶカフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
 
Webデザイナーのためのエディタ入門
Webデザイナーのためのエディタ入門Webデザイナーのためのエディタ入門
Webデザイナーのためのエディタ入門
 
GitHub - How to "pull request"
GitHub - How to "pull request"GitHub - How to "pull request"
GitHub - How to "pull request"
 
模倣から学ぶデザインの手法 by Life is Tech !
模倣から学ぶデザインの手法 by Life is Tech !模倣から学ぶデザインの手法 by Life is Tech !
模倣から学ぶデザインの手法 by Life is Tech !
 
Prototyping by Adobe Illustrator
Prototyping by Adobe IllustratorPrototyping by Adobe Illustrator
Prototyping by Adobe Illustrator
 
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !
 
プロジェクトマネジメントは仕組み化が9割
プロジェクトマネジメントは仕組み化が9割プロジェクトマネジメントは仕組み化が9割
プロジェクトマネジメントは仕組み化が9割
 
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
 
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
 

Similar to Document Design by Adobe Illustrator - 1

Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Takuya Nishitani
 
ゴールから始めよう! 公開版 - リーンスタートアップの仮説を「デザイン」する方法
ゴールから始めよう! 公開版  - リーンスタートアップの仮説を「デザイン」する方法ゴールから始めよう! 公開版  - リーンスタートアップの仮説を「デザイン」する方法
ゴールから始めよう! 公開版 - リーンスタートアップの仮説を「デザイン」する方法Mikihiro Fujii
 
ゴールから始めよう!
ゴールから始めよう!ゴールから始めよう!
ゴールから始めよう!VOYAGE GROUP
 
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼうAkiko Kurono
 
ワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作るワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作るRisa Yuguchi
 
Sustainable Software Development
Sustainable Software DevelopmentSustainable Software Development
Sustainable Software DevelopmentKenji Hiranabe
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Chihiro Tomita
 
実演・開発の進め方
実演・開発の進め方実演・開発の進め方
実演・開発の進め方TechGardenSchool
 
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザインYuki Koyama
 
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてAndroid開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてlychee .
 
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツMori Keita
 
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能youten (ようてん)
 
SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19Visso株式会社
 
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったことWordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと勇一 大山
 

Similar to Document Design by Adobe Illustrator - 1 (14)

Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
 
ゴールから始めよう! 公開版 - リーンスタートアップの仮説を「デザイン」する方法
ゴールから始めよう! 公開版  - リーンスタートアップの仮説を「デザイン」する方法ゴールから始めよう! 公開版  - リーンスタートアップの仮説を「デザイン」する方法
ゴールから始めよう! 公開版 - リーンスタートアップの仮説を「デザイン」する方法
 
ゴールから始めよう!
ゴールから始めよう!ゴールから始めよう!
ゴールから始めよう!
 
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
組み合わせ利用でいいとこ取り! Adobe XD+Photoshop+Illustratorの長所を活かしたデザイン手法を学ぼう
 
ワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作るワイヤーフレームを高速にXDらしく作る
ワイヤーフレームを高速にXDらしく作る
 
Sustainable Software Development
Sustainable Software DevelopmentSustainable Software Development
Sustainable Software Development
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
 
実演・開発の進め方
実演・開発の進め方実演・開発の進め方
実演・開発の進め方
 
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン
[IPSJ-ONE 2017] コンピュテーションがつなぐ人とデザイン
 
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携についてAndroid開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
 
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
 
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
 
SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19
 
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったことWordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと
WordPressサイトを(場当たり的に)モバイル対応した際に調べたこと・やったこと
 

Document Design by Adobe Illustrator - 1