SlideShare uma empresa Scribd logo
1 de 70
金澤直毅 Naoki Kanazawa
1982
WEB & GRAPHIC
Rikkyo Univ. > Design Company > Instructor > Freelance > Life is Tech !
life-is-tech.com
DESIGNER
designless.net
SUMMER CAMP 2015 中高生向け IT & プログラミングキャンプ
TECH LAUNCH AUDITION 中学生・高校生・学生のための起業・開発支援オーディション
Be Startup
Be Startup 中学生・高校生のための起業体験プログラム
Code Girls 女子中学生・高校生のための IT ワークショップ
TECH for TEACHERS 先生に、最先端の「情報」の授業を。
Life is Tech ! Singapore シンガポール支社
どんなデザインにも
共 通の 原 則 が ある
http://lit.sh/design20150318
デザインの 原 則
どんなデザインも
要 素 の 組 み合 わ せ
http://lit.sh/design20150420
デザインの 要 素
1. 真っ白と向き合う
2. 捨てる勇気
3. ロゴデザイン実践
MENU
1.真っ白と向き合う
FullorEmpty
白紙で表現せよ
WORKSHOP
デザインは
どこからもってくる?
自 分の 中から
持ってくる
Step1
デザインの 核を決める
核から連 想 ゲーム
RELATIONSHIPBETWEEN FORM & CONTENT
by Paul Rand
Design?
Mind Map
デザインを結びつけるマップ 制作
WORKSHOP
ビジュアル
カフェ
Visual
料理
空間
Food & Drink
Space
その他
The Others
Cafe
世の 中から
持ってくる
Step2
ImageBoard
イメージを共有するボード制作
WORKSHOP
2.捨てる勇気
世の 中に
アイディアは れている
取 捨 選 択 が
関 係 性を強める
Google
Julie Zhuo Junior
Junior Designers vs. Senior Designers
3.ロゴデザイン実践
WORKSHOP
ロゴをデザインせよ
「 M O O N C A F E 」
MOON CAFE
業態 軽食堂(フレンチ)
客層 20∼30 代女性
立地 湘南(江ノ島・富士山を臨む)
営業 11:00∼24:00
※店名はフィクションです。実在の人物や団体などとは関係ありません。
Concept Sheet
テーマに沿ったコンセプト構築
WORKSHOP
白紙を4つ折りに
WORKSHOP
中央をちょっと折る
WORKSHOP
開くと折り目
WORKSHOP
WORKSHOP
テーマ「月」と記入
月
WORKSHOP
テーマから連想する言葉
月
WORKSHOP
テーマに関する体験
月
WORKSHOP
テーマを検索して得た知識
月
Google
wikipedia
dribbble
designspiration
WORKSHOP
3つのエリアの選抜
月
MOON CAFE
MOON CAFE
MOON CAFE
MOON CAFE
CI VI LOGO
中身のあるロゴデザイン
Advanced
Google
CI
CICorporate Identity
CI= 企業の人格
Corporate Identity
CI
MIBI VI
Mind Identity
MI= 理念の統一
Behavior Identity
BI= 行動の統一
Visual Identity
VI= 視覚の統一
VILogo + Guideline
LOGO
CI
MI BIVI
LOGO
LOGOTYPE LOGOMARK
GUIDELINECOLOR TYPOGRAPHY
WORKSHOP
ロゴをデザインせよ
「 U N I Q U E S PAC E 」
UNIQUE SPACE
会社名 ユニークスペース株式会社
事業 空間プロデュース事業
イベント事業
デザイン制作事業
ブランディング事業
※企業名はフィクションです。実在の人物や団体などとは関係ありません。
S U N I Q U E S P A C EU N I Q U E S P A C E
S PAC EUnique UNIQUE SPACE
ビジュアルに人格と統一性を与えること
LOGO DESIGN
Books
ロゴデザイン・ラブ!
問題解決ができる、デザインの発想法
19:00 - 21:3019:00 - 21:30
SHIBUYASHIBUYA
presented bypresented by
T E C H L A B PA A K
デザインの 発 想
頭 を 柔らかくする
0525
Thankyou!

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

色彩センスのいらない配色講座
色彩センスのいらない配色講座色彩センスのいらない配色講座
色彩センスのいらない配色講座
 
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうWebデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
 
プレゼン初心者にありがちなアンチパターン
プレゼン初心者にありがちなアンチパターンプレゼン初心者にありがちなアンチパターン
プレゼン初心者にありがちなアンチパターン
 
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
 
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedeeしょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
 
いま、情報デザインを学ぶ / 教えることの意味
いま、情報デザインを学ぶ / 教えることの意味 いま、情報デザインを学ぶ / 教えることの意味
いま、情報デザインを学ぶ / 教えることの意味
 
アイデア収束からプロトタイピング
アイデア収束からプロトタイピングアイデア収束からプロトタイピング
アイデア収束からプロトタイピング
 
UXデザイン概論 2019
UXデザイン概論 2019UXデザイン概論 2019
UXデザイン概論 2019
 
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニックデキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
 
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
 
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
誰にでもできるプレゼン入門 〜解脱プレゼンの極意〜
 
IT系エンジニアのためのプレゼンテーション入門
IT系エンジニアのためのプレゼンテーション入門IT系エンジニアのためのプレゼンテーション入門
IT系エンジニアのためのプレゼンテーション入門
 
ドワンゴの新卒エンジニアが 新規サービスを立ち上げるまで
ドワンゴの新卒エンジニアが新規サービスを立ち上げるまでドワンゴの新卒エンジニアが新規サービスを立ち上げるまで
ドワンゴの新卒エンジニアが 新規サービスを立ち上げるまで
 
UXデザインの上流工程の考え方とプロセス  ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへUXデザインの上流工程の考え方とプロセス ~リサーチからアイデア発想そしてUIデザインへ
UXデザインの上流工程の考え方とプロセス  ~リサーチからアイデア発想そしてUIデザインへ
 
ナラティブ・プロトタイピング
ナラティブ・プロトタイピングナラティブ・プロトタイピング
ナラティブ・プロトタイピング
 
プレゼンの技術
プレゼンの技術プレゼンの技術
プレゼンの技術
 
Unityと.NET
Unityと.NETUnityと.NET
Unityと.NET
 
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClipアプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
 
エンジニアの立場で考えるUXデザイン
エンジニアの立場で考えるUXデザインエンジニアの立場で考えるUXデザイン
エンジニアの立場で考えるUXデザイン
 
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
 

Destaque

Scalaで萌える関数型プログラミング[完全版]
Scalaで萌える関数型プログラミング[完全版]Scalaで萌える関数型プログラミング[完全版]
Scalaで萌える関数型プログラミング[完全版]
Ra Zon
 
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
スポーツ選手の眼を盗む - ウェアラブル実証実験報告スポーツ選手の眼を盗む - ウェアラブル実証実験報告
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
Taisuke Fukuno
 
水平思考のススメ
水平思考のススメ水平思考のススメ
水平思考のススメ
Keisuke Oohata
 
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
 

Destaque (20)

私が見た日本とアジアのアジャイルコミュニティ #agile459
私が見た日本とアジアのアジャイルコミュニティ #agile459私が見た日本とアジアのアジャイルコミュニティ #agile459
私が見た日本とアジアのアジャイルコミュニティ #agile459
 
実践して学ぶデザインの要素 by Life is Tech !
実践して学ぶデザインの要素 by Life is Tech !実践して学ぶデザインの要素 by Life is Tech !
実践して学ぶデザインの要素 by Life is Tech !
 
UI Crunch 03 『プロトタイピングの助走と飛躍』
UI Crunch 03 『プロトタイピングの助走と飛躍』UI Crunch 03 『プロトタイピングの助走と飛躍』
UI Crunch 03 『プロトタイピングの助走と飛躍』
 
XP祭り2014LT資料(テーマ:俺の)
XP祭り2014LT資料(テーマ:俺の)XP祭り2014LT資料(テーマ:俺の)
XP祭り2014LT資料(テーマ:俺の)
 
UI Crunch#3:プロトタイピングにおける「段階」
UI Crunch#3:プロトタイピングにおける「段階」UI Crunch#3:プロトタイピングにおける「段階」
UI Crunch#3:プロトタイピングにおける「段階」
 
Scalaで萌える関数型プログラミング[完全版]
Scalaで萌える関数型プログラミング[完全版]Scalaで萌える関数型プログラミング[完全版]
Scalaで萌える関数型プログラミング[完全版]
 
スクラムの知られざる勘所
スクラムの知られざる勘所スクラムの知られざる勘所
スクラムの知られざる勘所
 
なぜ今デザイナーにプログラミングなのか?
なぜ今デザイナーにプログラミングなのか?なぜ今デザイナーにプログラミングなのか?
なぜ今デザイナーにプログラミングなのか?
 
デザイナー視点から見たWeb開発する人々
デザイナー視点から見たWeb開発する人々デザイナー視点から見たWeb開発する人々
デザイナー視点から見たWeb開発する人々
 
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
モバイルネイティブ世代の台頭で変わるコミュニケーションの形モバイルネイティブ世代の台頭で変わるコミュニケーションの形
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
 
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
スポーツ選手の眼を盗む - ウェアラブル実証実験報告スポーツ選手の眼を盗む - ウェアラブル実証実験報告
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
 
Followership
FollowershipFollowership
Followership
 
水平思考のススメ
水平思考のススメ水平思考のススメ
水平思考のススメ
 
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
 
SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路
 
「おもしろい」の社会実装のために
「おもしろい」の社会実装のために「おもしろい」の社会実装のために
「おもしろい」の社会実装のために
 
これを読めば箱根駅伝が楽しくなる!
これを読めば箱根駅伝が楽しくなる!これを読めば箱根駅伝が楽しくなる!
これを読めば箱根駅伝が楽しくなる!
 
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKIデザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
 
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
 
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプランこれからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
 

Semelhante a 頭を柔らかくするデザインの発想 by Life is Tech !

JTF2020に来てください。本物の経営者目線ってやつを見せてやりますよ
JTF2020に来てください。本物の経営者目線ってやつを見せてやりますよJTF2020に来てください。本物の経営者目線ってやつを見せてやりますよ
JTF2020に来てください。本物の経営者目線ってやつを見せてやりますよ
cloretsblack
 
【Unity道場スペシャル 2017大阪】Post processing stackでワンランク上のビジュアル表現+時間をかけずに武器になるツー...
【Unity道場スペシャル 2017大阪】Post processing stackでワンランク上のビジュアル表現+時間をかけずに武器になるツー...【Unity道場スペシャル 2017大阪】Post processing stackでワンランク上のビジュアル表現+時間をかけずに武器になるツー...
【Unity道場スペシャル 2017大阪】Post processing stackでワンランク上のビジュアル表現+時間をかけずに武器になるツー...
Unity Technologies Japan K.K.
 
社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...
社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...
社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...
Peatix Japan
 
Hello Engineer World! 新人リケジョの1年
Hello Engineer World! 新人リケジョの1年Hello Engineer World! 新人リケジョの1年
Hello Engineer World! 新人リケジョの1年
Satoko Shiroi
 

Semelhante a 頭を柔らかくするデザインの発想 by Life is Tech ! (20)

TOPPA!! ノーコード講座
TOPPA!! ノーコード講座TOPPA!! ノーコード講座
TOPPA!! ノーコード講座
 
収支の把握と共有を圧倒的に楽にする「プロジェクト管理freee」とAPIの活用例
収支の把握と共有を圧倒的に楽にする「プロジェクト管理freee」とAPIの活用例収支の把握と共有を圧倒的に楽にする「プロジェクト管理freee」とAPIの活用例
収支の把握と共有を圧倒的に楽にする「プロジェクト管理freee」とAPIの活用例
 
デザイナーがネイティブ実装に関わるメリットとコツ
デザイナーがネイティブ実装に関わるメリットとコツデザイナーがネイティブ実装に関わるメリットとコツ
デザイナーがネイティブ実装に関わるメリットとコツ
 
コードの世界にダイブ!なぜテクノロジーを学ぶ環境を創るのか
コードの世界にダイブ!なぜテクノロジーを学ぶ環境を創るのかコードの世界にダイブ!なぜテクノロジーを学ぶ環境を創るのか
コードの世界にダイブ!なぜテクノロジーを学ぶ環境を創るのか
 
[enPiT筑波大 PBL基礎(夏合宿)成果発表会]新卒エンジニア研修やってみた 〜5分では到底説明できないので気持ちだけ版〜
[enPiT筑波大 PBL基礎(夏合宿)成果発表会]新卒エンジニア研修やってみた 〜5分では到底説明できないので気持ちだけ版〜[enPiT筑波大 PBL基礎(夏合宿)成果発表会]新卒エンジニア研修やってみた 〜5分では到底説明できないので気持ちだけ版〜
[enPiT筑波大 PBL基礎(夏合宿)成果発表会]新卒エンジニア研修やってみた 〜5分では到底説明できないので気持ちだけ版〜
 
DevRel Meetup27 Igarashi-pub
DevRel Meetup27 Igarashi-pubDevRel Meetup27 Igarashi-pub
DevRel Meetup27 Igarashi-pub
 
【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳【オープンセミナー岡山2014】 明日からできるデザイン脳
【オープンセミナー岡山2014】 明日からできるデザイン脳
 
JTF2020に来てください。本物の経営者目線ってやつを見せてやりますよ
JTF2020に来てください。本物の経営者目線ってやつを見せてやりますよJTF2020に来てください。本物の経営者目線ってやつを見せてやりますよ
JTF2020に来てください。本物の経営者目線ってやつを見せてやりますよ
 
非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術
 
Web制作者のための上流工程の簡単な説明
Web制作者のための上流工程の簡単な説明Web制作者のための上流工程の簡単な説明
Web制作者のための上流工程の簡単な説明
 
【改訂版】行動できるエンジニアは何が違うのか
【改訂版】行動できるエンジニアは何が違うのか 【改訂版】行動できるエンジニアは何が違うのか
【改訂版】行動できるエンジニアは何が違うのか
 
【Unity道場スペシャル 2017大阪】Post processing stackでワンランク上のビジュアル表現+時間をかけずに武器になるツー...
【Unity道場スペシャル 2017大阪】Post processing stackでワンランク上のビジュアル表現+時間をかけずに武器になるツー...【Unity道場スペシャル 2017大阪】Post processing stackでワンランク上のビジュアル表現+時間をかけずに武器になるツー...
【Unity道場スペシャル 2017大阪】Post processing stackでワンランク上のビジュアル表現+時間をかけずに武器になるツー...
 
presen_nakayama_20220530.pptx
presen_nakayama_20220530.pptxpresen_nakayama_20220530.pptx
presen_nakayama_20220530.pptx
 
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
 
社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...
社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...
社会人になってからでもソフトウェアエンジニアになれる?どんな時代でもなりたい自分でいるために大切なこと [KIKKAKE for Parents#6 イベ...
 
「なぜクリエイティブ制作は自動化できないのか?
 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也
「なぜクリエイティブ制作は自動化できないのか?
 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也「なぜクリエイティブ制作は自動化できないのか?
 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也
「なぜクリエイティブ制作は自動化できないのか?
 〜広告史を巡って〜」セプテーニ加来幸樹×フクロウラボ林田朋也
 
IoTがもたらすスマートライフ
IoTがもたらすスマートライフIoTがもたらすスマートライフ
IoTがもたらすスマートライフ
 
DIVE INTO Rwanda Improve the value of human life
DIVE INTO Rwanda Improve the value of human lifeDIVE INTO Rwanda Improve the value of human life
DIVE INTO Rwanda Improve the value of human life
 
DL-D_ver1.pdf
DL-D_ver1.pdfDL-D_ver1.pdf
DL-D_ver1.pdf
 
Hello Engineer World! 新人リケジョの1年
Hello Engineer World! 新人リケジョの1年Hello Engineer World! 新人リケジョの1年
Hello Engineer World! 新人リケジョの1年
 

Mais de Naoki Kanazawa

Mais de Naoki Kanazawa (11)

GitHub - How to "pull request"
GitHub - How to "pull request"GitHub - How to "pull request"
GitHub - How to "pull request"
 
デザインの扉
デザインの扉デザインの扉
デザインの扉
 
Design 4 everyone
Design 4 everyoneDesign 4 everyone
Design 4 everyone
 
表現別、PhotoshopとIllustratorの使い分けを学ぶ
表現別、PhotoshopとIllustratorの使い分けを学ぶ表現別、PhotoshopとIllustratorの使い分けを学ぶ
表現別、PhotoshopとIllustratorの使い分けを学ぶ
 
Webデザイナーのためのエディタ入門
Webデザイナーのためのエディタ入門Webデザイナーのためのエディタ入門
Webデザイナーのためのエディタ入門
 
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶカフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
 
Prototyping by Adobe Photoshop
Prototyping by Adobe PhotoshopPrototyping by Adobe Photoshop
Prototyping by Adobe Photoshop
 
Document Design by Adobe Illustrator - 3
Document Design by Adobe Illustrator - 3Document Design by Adobe Illustrator - 3
Document Design by Adobe Illustrator - 3
 
Document Design by Adobe Illustrator - 2
Document Design by Adobe Illustrator - 2Document Design by Adobe Illustrator - 2
Document Design by Adobe Illustrator - 2
 
Prototyping by Adobe Illustrator
Prototyping by Adobe IllustratorPrototyping by Adobe Illustrator
Prototyping by Adobe Illustrator
 
Document Design by Adobe Illustrator - 1
Document Design by Adobe Illustrator - 1Document Design by Adobe Illustrator - 1
Document Design by Adobe Illustrator - 1
 

頭を柔らかくするデザインの発想 by Life is Tech !