Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Canvaデザインワークショップ2018/08
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
isaikaori
August 23, 2018
Design
0
190
Canvaデザインワークショップ2018/08
isaikaori
August 23, 2018
Tweet
Share
More Decks by isaikaori
See All by isaikaori
熱狂が伝播するチームの作り方
isaikaori
1
2.9k
今日から始めるDesignOpsのヒント
isaikaori
1
750
Deep Dive Adobe XD - レイアウト編
isaikaori
0
270
Adobe XDの『こんな時どうする?』を集めました
isaikaori
0
750
アウトプットむずい
isaikaori
0
350
実践!a-blog cmsユーザーのためのsite2019.xd活用法
isaikaori
0
210
ECサイトで実現したい『体験』のあり方を考える
isaikaori
1
910
実務で活かすXD!制作を支える取り組みと代表機能の活用術
isaikaori
2
1.5k
a-blog cmsの初心者コンテンツを整備してる話
isaikaori
0
790
Other Decks in Design
See All in Design
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
2
210
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
mixi_design
PRO
1
180
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
160
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.3k
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
190
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
380
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
910
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
0
1.1k
AI情報に溺れながら、それでも頑張って泳ぐための思考法
yoriss67
0
130
root COMPANY DECK / We are hiring!
root_recruit
2
26k
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
300
kintone_aroma
kintone
0
1.3k
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
527
40k
Between Models and Reality
mayunak
1
180
The Cult of Friendly URLs
andyhume
79
6.8k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
0
1.9k
Building Applications with DynamoDB
mza
96
6.9k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
640
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
320
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.9k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.8k
A Tale of Four Properties
chriscoyier
162
24k
Transcript
https://www.canva.com/ で アカウント登録をお願いします
None
本編の前に 自己紹介 目次
自己紹介 井斉花織(いおり) webデザイナー 有限会社アップルップル所属
ブログで Canvaについての 連載 (4月〜7月)
目次 Canvaの紹介 チュートリアル 名刺を何パターンも 作ってみる(~19:40) 配色サービスの紹介 名刺に自分らしさを 取り入れる(~20:40) 1-Seminar 2-Workshop
3-Seminar 4-Workshop
Canvaの紹介 チュートリアル 01
オーストラリア発の オンライングラフィックツール
ネット 環境 に繋がっていれば 無料 ほとんど で 様々な 作品 が作れるサービス POINT
テンプレートの種類 お知らせ ブックカバー ブックマーク パンフレット 名刺 カレンダー カード CDカバー 証明書
クラススケジュール クーポン デスクトップの壁紙 フライヤー ギフト券 IDカード インフォグラフィックス 招待状 請求書 ラベル 授業計画 手紙 レターヘッド ロゴ 雑誌のカバー メディアキット メニュー ニュースレター 写真コラージュ プランナー ポストカード ポスター プレゼンテーション プログラム 企画書 ラックカード レシピカード レポート レポートカード 履歴書 ソーシャルグラフィックス タグ 切符 Web広告 ウェブバナー ワークシート
スマホアプリ instagram Facebook Facebookカバー Snapchatジオフィルター ストーリー ロゴ ポスター チラシ/フライヤー 招待状(縦長)
カード 写真コラージュ バナー ブログ用グラフィック Pintarest Twitterの投稿 Twitterヘッダー YouTubeアート プレゼンテーション 名刺 アルバムカバー Kindleカバー
メリット ①操作がシンプル ②無料で使えるサービスが豊富 ③グラフィックツール以外のサービスも充実 PowerPointの感覚に近い illustrator,Photoshopいらず デザインに関する知識の宝庫
デメリット ①メディアのサイズが海外基準 ②日本版はまだ発展途上 ③ダウンロードの仕様が複雑 印刷業者に頼む際は注意が必要 未対応のサービス/日本語フォントも少ない webやデザインの知識がある人が伝えていくべき
Canvaの紹介 チュートリアル 01
https://www.canva.com/
1. 画像ファイルが重くなる 1画像幅640ピクセルで200KB前後になることも 2. カラーモードは全てRGB 印刷には不向き Canvaのダウンロードの仕様 →その他のサービスと組み合わせて最適化する
JPG PNG Web用にダウンロードする場合 ※PNGの特徴である「透過」は有料版のみ ファイルの軽さ > PNG PNG 画質
JPG < JPG
イラストがメインなら 画質重視で 写真がメインなら ファイルの軽さ重視で JPG PNG
https://tinypng.com/ PNGを軽くするサービス
「 PDF (印刷)(推奨)」 印刷用にダウンロードする場合 解像度:300dpi でもカラーモードは「RGB」 印刷するなら「CMYK」に変換する必要がある
②PDFのままカラーモードのみ変換 https://www.rgb2cmyk.org/ https://pdf2jpg.net/ ①JPGに変換してからカラーモードを変換 JPGに変換 カラーモードを「CMYK」に変換する方法 カラーモードを変換
https://www.vistaprint.jp/ Canvaと相性の良い印刷業者
名刺を何パターンも 作ってみる(~19:40) 02
機能を色々試して みる テンプレートの 目星をつける テンプレートは 「名刺」を使用 とにかくたくさん (上限は30枚) 目標 制作物
配色サービスの紹介 03
Colors Palette generator
https://www.canva.com/app/ Canvaの公式アプリサイト
名刺に自分らしさを 取り入れる(~20:40) 04
機能とサービスを掛け合わせてみる 「名刺」はあとで 共有します! 他のテンプレート もぜひ 目標 制作物