SlideShare a Scribd company logo
1 of 44
ゼミナゴ1時間目




とりあえず
なんか作ってみたくなる
デザイン講座
デザインって?
今までになかった斬新な表現
クリエイティブで独自性のある表現
そうかもしれないし、
今までになかった斬新な表現
クリエイティブで独自性のある表現

そうじゃないかもしれな
い。
伝えるための手段
伝えたいことが、
伝えたい相手に、
最も伝わる伝わるのが
いいデザイン。
今日伝えたいこと
色と配置
いつもより
ちょっと考えて
色を使ってみましょう。
色には3つの要素があります。
色相 明度 彩度
色相 明度 彩度
赤とか緑とか色味。
よく見るコレ。
色相 明度 彩度
   明るさ
低い   高い
色相 明度 彩度
      鮮やかさ
低い   高い
超簡単だけど
「ぽい」配色
と



で、なんとかなる。
色んな色相で
同じトーン。


似たような色相で
色んなトーン。
自分の好きな色で配色つくってみようぜ。
最初は有名なロゴとか本とか
見て、パクる。

大樹的配色のススメ
①使いすぎるべからず
②白とか黒の安定感ぱねぇ
③もすっとしたトーンは上級
案外、意識すると
相当印象が変わる
配置を学びませう
楽しくなきゃ生きてる意味ない! ただの変態カメラマン インターネットでなんかする 「伝える」→「伝わ
る」 CA12/ミンナゴ/mikke!/粋/写真/デザイン/広告/cafe/黄色/サッカー/カラオケ/アニメ/ニコ動/ニーハ
イ/ショート/ボカロ/桐谷美玲/スタバ
楽しくなきゃ生きてる意味ない!

ただの変態カメラマン


インターネットでなんかする   「伝える」→「伝わる」


CA12     サッカー
ミンナゴ     カラオケ
Mikke!   アニメ
粋        ニコ動
写真       ニーハイ
デザイン     ショート
広告       ボカロ
cafe     桐谷美玲
黄色       スタバ
高 村

木 田
高   村
木   田
近接
Daiki    Azusa    takuma


Haruka   yuuko    mei


Takumi   madoka   rena


kazama   umeoka   nakahashi
Daiki    Azusa    takuma


Haruka   yuuko    mei


Takumi   madoka   rena


kazama   umeoka   nakahashi
配置のルール
ルールは自分で決めるんだぜ。
基準を作れば
次からは「選択」
Funahashi Daiki

    CyberAgent, inc.
                           とりあえず
      090.4210.3445
                           中央に
 d.funahashi@gmail.com
                           揃えて
can_do.2u@softbank.ne.jp
                           見たんだぜ。
Funahashi Daiki
    CyberAgent, inc.
                           これが
                           グルーピング
      090.4210.3445        ってやつだぜ。
 d.funahashi@gmail.com
can_do.2u@softbank.ne.jp
Funahashi Daiki
CyberAgent, inc.
                           なんか
                           それっぽい
090.4210.3445              ことない?
d.funahashi@gmail.com
can_do.2u@softbank.ne.jp
Funahashi Daiki
    CyberAgent, inc.



                           これもね。
      090.4210.3445
 d.funahashi@gmail.com
can_do.2u@softbank.ne.jp
配置にはルールがあります。
てか、作ります。

ルールをベースに考えます。

最初は決めたルールを
守ったほうがいいかもね。
初めましての人は初めまして。
mikke!では
黒幕と写真とデザイン
を担当しています。
だいきです。

黒幕なのに隊長に脅されて
記事を書かされていry

やっとみなさんに僕の想いを
お伝えできると歓喜の渦の中
書かせて頂いております。

さて、タイトルの通り

   アプリを紹介させて頂きます!

きっと大学生、そして女の子な
読者が多い(んじゃないか)
とのことなので
僕もそれをふまえて
アプリの紹介をさせて頂きますね。
初めましての人は初めまして。
mikke!では
黒幕と写真とデザイン
を担当しています。
だいきです。

黒幕なのに隊長に脅されて
記事を書かされていry

やっとみなさんに僕の想いを
お伝えできると歓喜の渦の中
書かせて頂いております。

さて、タイトルの通り

   アプリを紹介させて頂きます!   ←これに目いくよね。
きっと大学生、そして女の子な
読者が多い(んじゃないか)
とのことなので
僕もそれをふまえて
アプリの紹介をさせて頂きますね。
Funahashi Daiki   CyberAgent, inc.


                  090.4210.3445
                  d.funahashi@gmail.com
                  can_do.2u@softbank.ne.jp
←揃えるからこそ、ハミ出せる。




Funahashi Daiki   CyberAgent, inc.


                  090.4210.3445
                  d.funahashi@gmail.com
                  can_do.2u@softbank.ne.jp
さて、じゃあ今日の授業を踏まえて
実践してみましょうか。

More Related Content

Viewers also liked (12)

เบอร์โทร เว็ปไซด์ บริษัทรถทัวร์
เบอร์โทร เว็ปไซด์ บริษัทรถทัวร์เบอร์โทร เว็ปไซด์ บริษัทรถทัวร์
เบอร์โทร เว็ปไซด์ บริษัทรถทัวร์
 
Sturgis
Sturgis Sturgis
Sturgis
 
Presentation dangers of social media
Presentation   dangers of social mediaPresentation   dangers of social media
Presentation dangers of social media
 
D2 Job Pool
D2 Job PoolD2 Job Pool
D2 Job Pool
 
D2 Havok
D2 HavokD2 Havok
D2 Havok
 
D2 Rain (2/2)
D2 Rain (2/2)D2 Rain (2/2)
D2 Rain (2/2)
 
D2 Depth of field
D2 Depth of fieldD2 Depth of field
D2 Depth of field
 
D2 Horizon Occlusion
D2 Horizon OcclusionD2 Horizon Occlusion
D2 Horizon Occlusion
 
GPU Gems3 Vegetation
GPU Gems3 VegetationGPU Gems3 Vegetation
GPU Gems3 Vegetation
 
D2 Rain (1/2)
D2 Rain (1/2)D2 Rain (1/2)
D2 Rain (1/2)
 
Kompozer manual
Kompozer manualKompozer manual
Kompozer manual
 
D2 Hdr
D2 HdrD2 Hdr
D2 Hdr
 

Similar to ゼミナゴ1時間目(デザイン)

20171107 cwt kotomi_tanaka
20171107 cwt kotomi_tanaka20171107 cwt kotomi_tanaka
20171107 cwt kotomi_tanakaKotomi Tanaka
 
【副音声】ざびたん デザインコメンタリー
【副音声】ざびたん デザインコメンタリー【副音声】ざびたん デザインコメンタリー
【副音声】ざびたん デザインコメンタリー風太 @laughsketch
 
第三回ディレクタートークショー -DECADE(+2-
第三回ディレクタートークショー -DECADE(+2-第三回ディレクタートークショー -DECADE(+2-
第三回ディレクタートークショー -DECADE(+2-Takayuki Onishi
 
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」Kumiko Hiramoto
 
デザイン言語を使ってやりたいことを整理しよう - Omoroki DesignLang
デザイン言語を使ってやりたいことを整理しよう - Omoroki DesignLangデザイン言語を使ってやりたいことを整理しよう - Omoroki DesignLang
デザイン言語を使ってやりたいことを整理しよう - Omoroki DesignLangTaketoshi Kamada
 
20150225_Open+Relation ざっくり解説!ロフトワークの戦略的オープン・コミュニケーション
20150225_Open+Relation ざっくり解説!ロフトワークの戦略的オープン・コミュニケーション20150225_Open+Relation ざっくり解説!ロフトワークの戦略的オープン・コミュニケーション
20150225_Open+Relation ざっくり解説!ロフトワークの戦略的オープン・コミュニケーションきてん企画室
 
今日からはじめる「じぶんブランディング」
今日からはじめる「じぶんブランディング」今日からはじめる「じぶんブランディング」
今日からはじめる「じぶんブランディング」Sunami Hokuto
 
環境デザイン論2014#5 ohnishi
環境デザイン論2014#5 ohnishi環境デザイン論2014#5 ohnishi
環境デザイン論2014#5 ohnishiNatsuki Ohnishi
 
Trunkerから学ぶsketchの使い方
Trunkerから学ぶsketchの使い方Trunkerから学ぶsketchの使い方
Trunkerから学ぶsketchの使い方Masaki Haruta
 
埼玉工業大学 2011年秋学期 ボランティアの研究 第8回 コーチングインタビュー
埼玉工業大学 2011年秋学期 ボランティアの研究 第8回 コーチングインタビュー埼玉工業大学 2011年秋学期 ボランティアの研究 第8回 コーチングインタビュー
埼玉工業大学 2011年秋学期 ボランティアの研究 第8回 コーチングインタビューYoshihiko Suko (Ph.D) / BADO! Inc. of CEO
 
ナレッジ共有会_#1_古澤
ナレッジ共有会_#1_古澤ナレッジ共有会_#1_古澤
ナレッジ共有会_#1_古澤INI株式会社
 
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランSasaki Kouhei
 
営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜
営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜
営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜Tatsuya Miyauchi
 
Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=
Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める= Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=
Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める= Yu Morita
 
僕のFireworks普及計画!!
僕のFireworks普及計画!!僕のFireworks普及計画!!
僕のFireworks普及計画!!Yuuki Kashimoto
 
Link×RIngsグループブランドコンセプト
Link×RIngsグループブランドコンセプトLink×RIngsグループブランドコンセプト
Link×RIngsグループブランドコンセプトAnna Murakami
 

Similar to ゼミナゴ1時間目(デザイン) (20)

20171107 cwt kotomi_tanaka
20171107 cwt kotomi_tanaka20171107 cwt kotomi_tanaka
20171107 cwt kotomi_tanaka
 
【副音声】ざびたん デザインコメンタリー
【副音声】ざびたん デザインコメンタリー【副音声】ざびたん デザインコメンタリー
【副音声】ざびたん デザインコメンタリー
 
Tips of Design
Tips of DesignTips of Design
Tips of Design
 
第三回ディレクタートークショー -DECADE(+2-
第三回ディレクタートークショー -DECADE(+2-第三回ディレクタートークショー -DECADE(+2-
第三回ディレクタートークショー -DECADE(+2-
 
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
 
デザイン言語を使ってやりたいことを整理しよう - Omoroki DesignLang
デザイン言語を使ってやりたいことを整理しよう - Omoroki DesignLangデザイン言語を使ってやりたいことを整理しよう - Omoroki DesignLang
デザイン言語を使ってやりたいことを整理しよう - Omoroki DesignLang
 
20150225_Open+Relation ざっくり解説!ロフトワークの戦略的オープン・コミュニケーション
20150225_Open+Relation ざっくり解説!ロフトワークの戦略的オープン・コミュニケーション20150225_Open+Relation ざっくり解説!ロフトワークの戦略的オープン・コミュニケーション
20150225_Open+Relation ざっくり解説!ロフトワークの戦略的オープン・コミュニケーション
 
今日からはじめる「じぶんブランディング」
今日からはじめる「じぶんブランディング」今日からはじめる「じぶんブランディング」
今日からはじめる「じぶんブランディング」
 
環境デザイン論2014#5 ohnishi
環境デザイン論2014#5 ohnishi環境デザイン論2014#5 ohnishi
環境デザイン論2014#5 ohnishi
 
Webya110114a
Webya110114aWebya110114a
Webya110114a
 
Trunkerから学ぶsketchの使い方
Trunkerから学ぶsketchの使い方Trunkerから学ぶsketchの使い方
Trunkerから学ぶsketchの使い方
 
埼玉工業大学 2011年秋学期 ボランティアの研究 第8回 コーチングインタビュー
埼玉工業大学 2011年秋学期 ボランティアの研究 第8回 コーチングインタビュー埼玉工業大学 2011年秋学期 ボランティアの研究 第8回 コーチングインタビュー
埼玉工業大学 2011年秋学期 ボランティアの研究 第8回 コーチングインタビュー
 
ナレッジ共有会_#1_古澤
ナレッジ共有会_#1_古澤ナレッジ共有会_#1_古澤
ナレッジ共有会_#1_古澤
 
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
 
20130216 講演資料
20130216 講演資料20130216 講演資料
20130216 講演資料
 
D hyogo
D hyogoD hyogo
D hyogo
 
営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜
営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜
営業・プログラミング未経験の素人が3ヶ月で起業してWebサービスを作った経緯〜Communiture meetup〜
 
Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=
Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める= Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=
Webプロデューサー育成中級講座 =デキるWEB担当者はRFPが違う!「制作発注」工程を極める=
 
僕のFireworks普及計画!!
僕のFireworks普及計画!!僕のFireworks普及計画!!
僕のFireworks普及計画!!
 
Link×RIngsグループブランドコンセプト
Link×RIngsグループブランドコンセプトLink×RIngsグループブランドコンセプト
Link×RIngsグループブランドコンセプト
 

ゼミナゴ1時間目(デザイン)