SlideShare uma empresa Scribd logo
1 de 33
Baixar para ler offline
自己紹介
井村 圭介
K E I S U K E I M U R A
株式会社LiB チーフデザイナー

ファンタラクティブ株式会社 CEO



@imura_design
時間がない…
予算がない…
リソースがない…
デザイナーには頼めない…
自分で作ろう!!
うまく組み合わせてグッドデザイン
写真/イラスト フォント 色
T
写真/イラスト
ピントが合った写真を使おう!
ピントが合ってない写真はぼかす!(笑)
フォント
雰囲気にあったフォントを選ぼう!
T
色
色数はなるべく少なくまとめる!
写真をぼかしてシンプルに使ったデザイン
via. http://sanyo-kyushu.jp/
写真&きれいな色&きれいなフォントの組み合わせ
via. http://www.com-haus.net/
イラストを単色に加工&フォントの組み合わせ
via. http://dotplace.jp/
さて、素材を えてバナーを作ってみよう!
でもその前に…
その素材、権利侵害していませんか?
via. http://www.cric.or.jp/db/domestic/a1_index.html#032
(引用)
第三十二条 公表された著作物は、引用して利用することができる。こ
の場合において、その引用は、公正な慣行に合致するものであり、かつ、
報道、批評、研究その他の引用の目的上正当な範囲内で行なわれるもの
でなければならない。
2 国若しくは地方公共団体の機関、独立行政法人又は地方独立行政法
人が一般に周知させることを目的として作成し、その著作の名義の下に
公表する広報資料、調査統計資料、報告書その他これらに類する著作物
は、説明の材料として新聞紙、雑誌その他の刊行物に転載することがで
きる。ただし、これを禁止する旨の表示がある場合は、この限りでない。
via. http://ja.wikipedia.org/wiki/パブリックドメイン
著作物や発明などの知的創作物について、知的
財産権が発生していない状態又は消滅した状態
のことをいう。
パブリックドメイン
パブリックドメイン(?)の例
via. http://ja.wikipedia.org/wiki/MIT_License
1. このソフトウェアを誰でも無償で無制限に扱って良い。た
だし、著作権表示および本許諾表示をソフトウェアのすべ
ての複製または重要な部分に記載しなければならない。

2. 作者または著作権者は、ソフトウェアに関してなんら責任
を負わない。
MITライセンス
via. http://ja.wikipedia.org/wiki/BSDライセンス
「無保証」であることの明記と著作権およびライセンス
条文自身の表示を再頒布の条件とするライセンス規定で
ある。この条件さえ満たせば、BSDライセンスのソース
コードを複製・改変して作成したオブジェクトコードを
ソースコードを公開せずに頒布できる。
BSDライセンス
via. http://ja.wikipedia.org/wiki/クリエイティブ・コモンズ・ライセンス
クリエイティブ・コモンズ・ライセンス(英語: Creative Commons
license)とは著作権のある著作物の配布を許可する数種類あるパブリッ
ク・ライセンス(英語版)の一つである。このライセンスが使用されるの
は作者が自作品を他者に共有、使用、二次創作の権利を付与したい場合で
ある。クリエイティブ・コモンズは作者に対して柔軟(例として自作品を
非商用のみでの使用許可を選ぶことが出来る)に提供し、著作物を使用、
再分布するユーザーを守っているので、作者が指定した条件を守る限り著
作権侵害を心配する必要がない。
クリエイティブ・コモンズ・ライセンス
表示 非営利 改変禁止 継承
サービスごとの利用規約を確認しよう
ライセンスの種類は無限大!
時短におすすめ素材サイト
http://www.pakutaso.com/
写真
ぱくたそ
http://mika-rika-free.jp/
写真
フリー素材アイドル MIKA☆RIKA
2015年12月31日まで
https://www.flickr.com/search/advanced/
写真
Flickr
https://jp.dollarphotoclub.com/
写真
Dollar Photo Club
http://hankodeasobu.com/
イラスト
ハンコでアソブ
http://www.irasutoya.com/
イラスト
いらすとや
http://www.flopdesign.com/index.php
フォント
フロップデザイン
http://www.google.com/fonts
フォント
Google Fonts
http://www.gimp.org/
ツール
gimp
http://www.google.com/webdesigner/
ツール
Google Web Designer
作ってみよう!\ ٩( 'ω' )‫و‬ //

Mais conteúdo relacionado

Mais de Keisuke Imura

JavaScriptのエラーチェックツールをつくろうとした話
JavaScriptのエラーチェックツールをつくろうとした話JavaScriptのエラーチェックツールをつくろうとした話
JavaScriptのエラーチェックツールをつくろうとした話Keisuke Imura
 
テクニカルクリエイターの憂鬱
テクニカルクリエイターの憂鬱テクニカルクリエイターの憂鬱
テクニカルクリエイターの憂鬱Keisuke Imura
 
High Performance Gulp
High Performance GulpHigh Performance Gulp
High Performance GulpKeisuke Imura
 
イマドキWebメディアの制作手法
イマドキWebメディアの制作手法イマドキWebメディアの制作手法
イマドキWebメディアの制作手法Keisuke Imura
 
Foundation for Appsでザクザク作るモックアップ
Foundation for Appsでザクザク作るモックアップFoundation for Appsでザクザク作るモックアップ
Foundation for Appsでザクザク作るモックアップKeisuke Imura
 
Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作Keisuke Imura
 
今日から始めるPython
今日から始めるPython今日から始めるPython
今日から始めるPythonKeisuke Imura
 
2015年に向けたWordPress動向
2015年に向けたWordPress動向2015年に向けたWordPress動向
2015年に向けたWordPress動向Keisuke Imura
 
イチから学ぶ パッケージマネージャーとLAMP環境
イチから学ぶ パッケージマネージャーとLAMP環境イチから学ぶ パッケージマネージャーとLAMP環境
イチから学ぶ パッケージマネージャーとLAMP環境Keisuke Imura
 
スタイルガイドを活用した運用に強いCMSサイト制作
スタイルガイドを活用した運用に強いCMSサイト制作スタイルガイドを活用した運用に強いCMSサイト制作
スタイルガイドを活用した運用に強いCMSサイト制作Keisuke Imura
 
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~Keisuke Imura
 
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像Keisuke Imura
 
60点をとれるWebデザイン
60点をとれるWebデザイン60点をとれるWebデザイン
60点をとれるWebデザインKeisuke Imura
 

Mais de Keisuke Imura (13)

JavaScriptのエラーチェックツールをつくろうとした話
JavaScriptのエラーチェックツールをつくろうとした話JavaScriptのエラーチェックツールをつくろうとした話
JavaScriptのエラーチェックツールをつくろうとした話
 
テクニカルクリエイターの憂鬱
テクニカルクリエイターの憂鬱テクニカルクリエイターの憂鬱
テクニカルクリエイターの憂鬱
 
High Performance Gulp
High Performance GulpHigh Performance Gulp
High Performance Gulp
 
イマドキWebメディアの制作手法
イマドキWebメディアの制作手法イマドキWebメディアの制作手法
イマドキWebメディアの制作手法
 
Foundation for Appsでザクザク作るモックアップ
Foundation for Appsでザクザク作るモックアップFoundation for Appsでザクザク作るモックアップ
Foundation for Appsでザクザク作るモックアップ
 
Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作Sass + Foundation 5でレスポンシブペライチ制作
Sass + Foundation 5でレスポンシブペライチ制作
 
今日から始めるPython
今日から始めるPython今日から始めるPython
今日から始めるPython
 
2015年に向けたWordPress動向
2015年に向けたWordPress動向2015年に向けたWordPress動向
2015年に向けたWordPress動向
 
イチから学ぶ パッケージマネージャーとLAMP環境
イチから学ぶ パッケージマネージャーとLAMP環境イチから学ぶ パッケージマネージャーとLAMP環境
イチから学ぶ パッケージマネージャーとLAMP環境
 
スタイルガイドを活用した運用に強いCMSサイト制作
スタイルガイドを活用した運用に強いCMSサイト制作スタイルガイドを活用した運用に強いCMSサイト制作
スタイルガイドを活用した運用に強いCMSサイト制作
 
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
Twenty Fourteen徹底解剖! ~デフォルトテーマに学ぶ今ドキテーマの作り方~
 
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
 
60点をとれるWebデザイン
60点をとれるWebデザイン60点をとれるWebデザイン
60点をとれるWebデザイン
 

ベンチャー広報のための時短デザインテクニック