Submit Search
Upload
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
•
109 likes
•
66,624 views
kenji goto
Follow
2014.12.20 第23回Creators MeetUp @いいオフィス(上野) で発表したスライドです。 よつばデザイン 後藤賢司
Read less
Read more
Design
Report
Share
Report
Share
1 of 146
Download now
Download to read offline
Recommended
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Naoki Kanazawa
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
Recommended
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Naoki Kanazawa
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Tomoyuki Arasuna
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Tomoyuki Arasuna
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
LPデザインに関して〜作成のセオリーとコツ〜
LPデザインに関して〜作成のセオリーとコツ〜
典子 松本
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴
Yuudai Tachibana
UXのためのUIデザイン
UXのためのUIデザイン
Hironobu Aoki
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
rie05
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
UIデザインの基本
UIデザインの基本
Roy Kim
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
9コマシナリオの使い方
9コマシナリオの使い方
Mayumi Okusa
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
Yoshiki Hayama
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
Yu Morita
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
Sociomedia
Webデザイナーのためのタイポグラフィ入門1
Webデザイナーのためのタイポグラフィ入門1
Akio Yonekura
More Related Content
What's hot
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Tomoyuki Arasuna
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Tomoyuki Arasuna
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
LPデザインに関して〜作成のセオリーとコツ〜
LPデザインに関して〜作成のセオリーとコツ〜
典子 松本
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴
Yuudai Tachibana
UXのためのUIデザイン
UXのためのUIデザイン
Hironobu Aoki
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
rie05
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
UIデザインの基本
UIデザインの基本
Roy Kim
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
9コマシナリオの使い方
9コマシナリオの使い方
Mayumi Okusa
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
Yoshiki Hayama
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
Yu Morita
What's hot
(20)
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
デザインのためのデザイン
デザインのためのデザイン
LPデザインに関して〜作成のセオリーとコツ〜
LPデザインに関して〜作成のセオリーとコツ〜
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴
UXのためのUIデザイン
UXのためのUIデザイン
確実に良くするUI/UX設計
確実に良くするUI/UX設計
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
UIデザインの基本
UIデザインの基本
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
9コマシナリオの使い方
9コマシナリオの使い方
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
はじめてのUXデザイン、はじめてのデザイン思考 〜現場で使えるように〜:ISE Technical Conference 2018
おかんでもわかるUXデザイン Ver.0.4
おかんでもわかるUXデザイン Ver.0.4
Viewers also liked
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
Sociomedia
Webデザイナーのためのタイポグラフィ入門1
Webデザイナーのためのタイポグラフィ入門1
Akio Yonekura
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
Yoshinori OHTA
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
実践的なUXデザインとインタラクションデザインの考え方
実践的なUXデザインとインタラクションデザインの考え方
Takahiro Ishiyama
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
インタフェースデザインの心理学 まとめ
インタフェースデザインの心理学 まとめ
akihiro_0228
マテリアルデザインを用いたデザインリニューアル [フリル編]
マテリアルデザインを用いたデザインリニューアル [フリル編]
YUKI YAMAGUCHI
学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
Livesense Inc.
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Ryoji Fujishita
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Shoko Tanaka
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
AWS クラウドで構築するスマホアプリ バックエンド
AWS クラウドで構築するスマホアプリ バックエンド
kaki_k
iPhone写真撮影講座
iPhone写真撮影講座
Masahiro Hayata
Djangoによるスマホアプリバックエンドの実装
Djangoによるスマホアプリバックエンドの実装
Nakazawa Yuichi
伝わるチラシの作りかた講座:1日目「情報の整理のコツ」
伝わるチラシの作りかた講座:1日目「情報の整理のコツ」
Kumiko Hiramoto
Webライティング11のルール
Webライティング11のルール
Tsutomu Sogitani
UX / UIデザインって何?
UX / UIデザインって何?
JustSystems Corporation
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
Mizushima Kazuhiro
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
Kumiko Hiramoto
Viewers also liked
(20)
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015
Webデザイナーのためのタイポグラフィ入門1
Webデザイナーのためのタイポグラフィ入門1
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
Sketchで変わるワークフロー
Sketchで変わるワークフロー
実践的なUXデザインとインタラクションデザインの考え方
実践的なUXデザインとインタラクションデザインの考え方
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
インタフェースデザインの心理学 まとめ
インタフェースデザインの心理学 まとめ
マテリアルデザインを用いたデザインリニューアル [フリル編]
マテリアルデザインを用いたデザインリニューアル [フリル編]
学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
学生時代に知っておきたかったWeb技術の学び方の学び方 | リブセンス
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
色彩センスのいらない配色講座
色彩センスのいらない配色講座
AWS クラウドで構築するスマホアプリ バックエンド
AWS クラウドで構築するスマホアプリ バックエンド
iPhone写真撮影講座
iPhone写真撮影講座
Djangoによるスマホアプリバックエンドの実装
Djangoによるスマホアプリバックエンドの実装
伝わるチラシの作りかた講座:1日目「情報の整理のコツ」
伝わるチラシの作りかた講座:1日目「情報の整理のコツ」
Webライティング11のルール
Webライティング11のルール
UX / UIデザインって何?
UX / UIデザインって何?
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro考察編-
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
More from kenji goto
フリーランスデザイナーとクライアントとのつきあい方
フリーランスデザイナーとクライアントとのつきあい方
kenji goto
デザインしないデザイナーになる
デザインしないデザイナーになる
kenji goto
デザイン・制作をはじめる前に 取り組む事
デザイン・制作をはじめる前に 取り組む事
kenji goto
デザインの「時間と距離感」の考え方
デザインの「時間と距離感」の考え方
kenji goto
デザイナーの考えている事
デザイナーの考えている事
kenji goto
Webデザインのこれからを考える
Webデザインのこれからを考える
kenji goto
webクリエイターのための情報交換所sp(2015年半期決算)
webクリエイターのための情報交換所sp(2015年半期決算)
kenji goto
制作効率化のための素材探しと情報収集術
制作効率化のための素材探しと情報収集術
kenji goto
プロトタイプとWebサイト設計のワークフロー
プロトタイプとWebサイト設計のワークフロー
kenji goto
Webサイトの設計を考えてみよう(前半)
Webサイトの設計を考えてみよう(前半)
kenji goto
コードを書かずにレイアウトが出来る WordPress の Page Builder プラグイン
コードを書かずにレイアウトが出来る WordPress の Page Builder プラグイン
kenji goto
2015年のWebを考える
2015年のWebを考える
kenji goto
WordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみよう
kenji goto
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
kenji goto
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
kenji goto
Bootstrap
Bootstrap
kenji goto
Web制作のためのおすすめツール
Web制作のためのおすすめツール
kenji goto
第11回ゼロから始めるWordPress勉強会
第11回ゼロから始めるWordPress勉強会
kenji goto
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
kenji goto
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
kenji goto
More from kenji goto
(20)
フリーランスデザイナーとクライアントとのつきあい方
フリーランスデザイナーとクライアントとのつきあい方
デザインしないデザイナーになる
デザインしないデザイナーになる
デザイン・制作をはじめる前に 取り組む事
デザイン・制作をはじめる前に 取り組む事
デザインの「時間と距離感」の考え方
デザインの「時間と距離感」の考え方
デザイナーの考えている事
デザイナーの考えている事
Webデザインのこれからを考える
Webデザインのこれからを考える
webクリエイターのための情報交換所sp(2015年半期決算)
webクリエイターのための情報交換所sp(2015年半期決算)
制作効率化のための素材探しと情報収集術
制作効率化のための素材探しと情報収集術
プロトタイプとWebサイト設計のワークフロー
プロトタイプとWebサイト設計のワークフロー
Webサイトの設計を考えてみよう(前半)
Webサイトの設計を考えてみよう(前半)
コードを書かずにレイアウトが出来る WordPress の Page Builder プラグイン
コードを書かずにレイアウトが出来る WordPress の Page Builder プラグイン
2015年のWebを考える
2015年のWebを考える
WordPressカスタム投稿とカスタム分類を使ってみよう
WordPressカスタム投稿とカスタム分類を使ってみよう
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
WordPress ブラウザで始めるカスタマイズ+ テーマの基礎的な知識
Bootstrap
Bootstrap
Web制作のためのおすすめツール
Web制作のためのおすすめツール
第11回ゼロから始めるWordPress勉強会
第11回ゼロから始めるWordPress勉強会
第10回ゼロからはじめるWordPress勉強会(初心者向け)
第10回ゼロからはじめるWordPress勉強会(初心者向け)
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
WordPress 初心者さんが知っておいたほうが良い事&プラグインの紹介
〜デザイン初心者向け〜 デザイン時に気をつけると幸せになれる事
1.
2014.12.20 第23回Creators MeetUp
@いいオフィス(上野) よつばデザイン 後藤賢司
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
御社のビジネスを加速するプラン すごそうに見えてしょぼい企画 薄っぺらい企画内容の長ったらしい説明文。 誰かに恨みがあるとかではないです。あんこ食べたい。 売上アップ間違いなし!!! 0 25 50 75 100 4 月
5 月 6 月 7 月 7%8% 10% 11% 29% 35%
44.
45.
御社のビジネスを加速するプラン すごそうに見えてしょぼい企画 薄っぺらい企画内容の長ったらしい説明文。 誰かに恨みがあるとかではないです。あんこ食べたい。 売上アップ間違いなし!!! 0 25 50 75 100 4 月
5 月 6 月 7 月 7%8% 10% 11% 29% 35%
46.
7% 8% 10% 11% 29% 35% 0 25 50 75 100 4 月 5
月 6 月 7 月
47.
48.
49.
50.
51.
52.
53.
おはようございます。
54.
おはようございます。
55.
おはようございます。
56.
おはようございます。 おはようございます。 おはようございます。
57.
58.
59.
※このページは非公開です。 実際にいろんな漫画のセリフを見てみてね。
60.
61.
62.
63.
64.
べたうち
65.
見出しを太く
66.
本文を細く
67.
見出しを大きく
68.
本文を小さく
69.
70.
71.
72.
73.
74.
余白 余白
75.
76.
77.
78.
79.
80.
81.
82.
83.
!
84.
!
85.
86.
人物
87.
右側を空ける事で未来を感じさせる ※全てあくまでも一例です。
88.
左側を空ける事で過去を感じさせる
89.
右側に大きく余白をとる事で回想
90.
不安定
91.
見きれてる事で興味を持たせる
92.
バストアップで親近感
93.
94.
95.
96.
顔アップで強いメッセージ性
97.
98.
99.
視線でさらに意味を持たせる
100.
目線が下でネガティブ
101.
あまのじゃく
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
優先順位(大きさでイメージ)
117.
超大事 まぁ大事 一応
118.
大好き 好き 普通
119.
大 中 小
120.
前列、中列、後列みたいな感覚
121.
大 中 小
122.
大 中 小
123.
大 中 小
124.
125.
126.
127.
大 中 小
128.
大 中 小
129.
大 中 小
130.
131.
132.
大 中 小
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
Download now