Suche senden
Hochladen
いいデザインと悪いデザイン
•
46 gefällt mir
•
52,683 views
Takahashi Koki
Folgen
npca2012年度第1回LT大会でのプレゼン
Weniger lesen
Mehr lesen
Design
Melden
Teilen
Melden
Teilen
1 von 45
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Naoki Kanazawa
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
rie05
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
LPデザインに関して〜作成のセオリーとコツ〜
LPデザインに関して〜作成のセオリーとコツ〜
典子 松本
なぜなに?ユーザエクスペリエンスマップ(概要編)
なぜなに?ユーザエクスペリエンスマップ(概要編)
Naoki Hashimoto
UIデザインの基本
UIデザインの基本
Roy Kim
Empfohlen
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
事例で学ぶデザインの原則 by Life is Tech !
事例で学ぶデザインの原則 by Life is Tech !
Naoki Kanazawa
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
rie05
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
LPデザインに関して〜作成のセオリーとコツ〜
LPデザインに関して〜作成のセオリーとコツ〜
典子 松本
なぜなに?ユーザエクスペリエンスマップ(概要編)
なぜなに?ユーザエクスペリエンスマップ(概要編)
Naoki Hashimoto
UIデザインの基本
UIデザインの基本
Roy Kim
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
MVV1
MVV1
Masa Tadokoro
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
Yoshiki Hayama
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
Kumiko Hiramoto
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
デザインのリファクタリング (慣れを大切に)
デザインのリファクタリング (慣れを大切に)
Yukio Andoh
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
Taichi Hirano
デザイン提案の参考資料
デザイン提案の参考資料
Tsutomu Sogitani
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
プレゼンテーション用資料作成のプレゼンテーション資料
プレゼンテーション用資料作成のプレゼンテーション資料
hiroshioda
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Tomoyuki Arasuna
アイデア収束からプロトタイピング
アイデア収束からプロトタイピング
Masaya Ando
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
Dai Murata
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
Kanako Fukiage
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
Yoshiki Hayama
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回
Yoshiki Hayama
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
tsukasa obara
プレゼンテーションドキュメント講座 Basic
プレゼンテーションドキュメント講座 Basic
Miho Yamahashi
Weitere ähnliche Inhalte
Was ist angesagt?
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
MVV1
MVV1
Masa Tadokoro
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
Yoshiki Hayama
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
Kumiko Hiramoto
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
デザインのリファクタリング (慣れを大切に)
デザインのリファクタリング (慣れを大切に)
Yukio Andoh
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
Taichi Hirano
デザイン提案の参考資料
デザイン提案の参考資料
Tsutomu Sogitani
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
プレゼンテーション用資料作成のプレゼンテーション資料
プレゼンテーション用資料作成のプレゼンテーション資料
hiroshioda
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Tomoyuki Arasuna
アイデア収束からプロトタイピング
アイデア収束からプロトタイピング
Masaya Ando
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
Dai Murata
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
Kanako Fukiage
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
Yoshiki Hayama
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回
Yoshiki Hayama
Was ist angesagt?
(20)
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザインのためのデザイン
デザインのためのデザイン
MVV1
MVV1
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
あなたの手元の本よりいい方法がある! UXデザインのプロはこうやってユーザーのインサイトを確実に見つける
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
伝わるチラシの作りかた講座:2日目「レイアウト・デザインのコツ」
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
デザインのリファクタリング (慣れを大切に)
デザインのリファクタリング (慣れを大切に)
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
Slideshareで見つけた「読みやすい・見やすいスライド」に共通する4つのポイント
デザイン提案の参考資料
デザイン提案の参考資料
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
プレゼンテーション用資料作成のプレゼンテーション資料
プレゼンテーション用資料作成のプレゼンテーション資料
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
Appleとgoogleのデザインガイドライン比較~スマートフォン向けwebデザインのポイント~
アイデア収束からプロトタイピング
アイデア収束からプロトタイピング
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
ワニと学ぶ!上位下位関係分析 Study with crocodilians about laddering
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
ユーザーインタビューからその後どうするの?得られた情報を「UXデザイン」に落とし込む方法 | UXデザイン基礎セミナー 第3回
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回
“UXデザイン”のキモ『ユーザーインタビュー』の具体的テクニックを詳解!| UXデザイン基礎セミナー 第2回
Andere mochten auch
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
tsukasa obara
プレゼンテーションドキュメント講座 Basic
プレゼンテーションドキュメント講座 Basic
Miho Yamahashi
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント
Yasuhisa Hasegawa
明治維新の原動力、高杉晋作が奇兵隊の募集要項をパワポで作ってみたら
明治維新の原動力、高杉晋作が奇兵隊の募集要項をパワポで作ってみたら
SKET
文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)
文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)
Takashi Iba
ビビッド・パワポ・オペーレーション Revision 2015
ビビッド・パワポ・オペーレーション Revision 2015
Masahito Zembutsu
“ロジカル・プレゼンテーション”で実践的な論理的思考力を身につける
“ロジカル・プレゼンテーション”で実践的な論理的思考力を身につける
bijikin
パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」
パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」
Michiyo Fukada
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
Shoe-g Ueyama
0528 kanntigai ui_ux
0528 kanntigai ui_ux
Saori Matsui
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Shoko Tanaka
Cyta.jp_サービスEC説明資料
Cyta.jp_サービスEC説明資料
Find Job Startup
PIXTA_シードラウンド用事業プラン説明資料
PIXTA_シードラウンド用事業プラン説明資料
Find Job Startup
BASE_プレゼン用サービス説明資料
BASE_プレゼン用サービス説明資料
Find Job Startup
ストリートアカデミー_ローンチ前企画書
ストリートアカデミー_ローンチ前企画書
Find Job Startup
メルカリ_サービス説明資料
メルカリ_サービス説明資料
Find Job Startup
コンテンツ作りの三原則
コンテンツ作りの三原則
INFOBAHN.inc(株式会社インフォバーン)
創業時の「nanapiのナマ企画書」
創業時の「nanapiのナマ企画書」
Find Job Startup
まりこの部屋Dx for ネクスト様
まりこの部屋Dx for ネクスト様
Mariko Yamaguchi
伝わるチラシの作りかた講座:1日目「情報の整理のコツ」
伝わるチラシの作りかた講座:1日目「情報の整理のコツ」
Kumiko Hiramoto
Andere mochten auch
(20)
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
プレゼンテーションドキュメント講座 Basic
プレゼンテーションドキュメント講座 Basic
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント
明治維新の原動力、高杉晋作が奇兵隊の募集要項をパワポで作ってみたら
明治維新の原動力、高杉晋作が奇兵隊の募集要項をパワポで作ってみたら
文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)
文章のクオリティを上げる方法(井庭研レクチャーズ Vol.3)
ビビッド・パワポ・オペーレーション Revision 2015
ビビッド・パワポ・オペーレーション Revision 2015
“ロジカル・プレゼンテーション”で実践的な論理的思考力を身につける
“ロジカル・プレゼンテーション”で実践的な論理的思考力を身につける
パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」
パワポは「最後」に開く-すぐできる!プレゼン資料作成術「大掃除編」
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
素敵なプレゼン資料を作るためのKnow-Howてんこ盛りセッション:プレゼン道場 Ver 2.2
0528 kanntigai ui_ux
0528 kanntigai ui_ux
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Cyta.jp_サービスEC説明資料
Cyta.jp_サービスEC説明資料
PIXTA_シードラウンド用事業プラン説明資料
PIXTA_シードラウンド用事業プラン説明資料
BASE_プレゼン用サービス説明資料
BASE_プレゼン用サービス説明資料
ストリートアカデミー_ローンチ前企画書
ストリートアカデミー_ローンチ前企画書
メルカリ_サービス説明資料
メルカリ_サービス説明資料
コンテンツ作りの三原則
コンテンツ作りの三原則
創業時の「nanapiのナマ企画書」
創業時の「nanapiのナマ企画書」
まりこの部屋Dx for ネクスト様
まりこの部屋Dx for ネクスト様
伝わるチラシの作りかた講座:1日目「情報の整理のコツ」
伝わるチラシの作りかた講座:1日目「情報の整理のコツ」
Ähnlich wie いいデザインと悪いデザイン
デザインを考える
デザインを考える
Ryo Arai
○○について考える
○○について考える
きなこ 桜庭
ものづくり性格判断Deチームマネジメント up版
ものづくり性格判断Deチームマネジメント up版
Nobuhide takahata
UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?
Kasumi Morita
デザイン×呼び方 -「見た目」の話を抜け出そう
デザイン×呼び方 -「見た目」の話を抜け出そう
JunjiYanagisawa
Ncカスタムモジュールセミナー
Ncカスタムモジュールセミナー
Mitsuru Mutaguchi
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
nishio
品川女子_講義1_共感_定義
品川女子_講義1_共感_定義
Tomoshige Nakamura
Ähnlich wie いいデザインと悪いデザイン
(8)
デザインを考える
デザインを考える
○○について考える
○○について考える
ものづくり性格判断Deチームマネジメント up版
ものづくり性格判断Deチームマネジメント up版
UIの色のコントラスト比十分ですか?
UIの色のコントラスト比十分ですか?
デザイン×呼び方 -「見た目」の話を抜け出そう
デザイン×呼び方 -「見た目」の話を抜け出そう
Ncカスタムモジュールセミナー
Ncカスタムモジュールセミナー
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
品川女子_講義1_共感_定義
品川女子_講義1_共感_定義
Mehr von Takahashi Koki
ソースコードをAAに変換するやつやってみた
ソースコードをAAに変換するやつやってみた
Takahashi Koki
NPCA System Scan 2014 @hakatashi 解説スライド
NPCA System Scan 2014 @hakatashi 解説スライド
Takahashi Koki
2048 on FPGA
2048 on FPGA
Takahashi Koki
npca System Scan 2013 博多市解説
npca System Scan 2013 博多市解説
Takahashi Koki
npca 2013年度夏合宿 デザイン実習講義 補助スライド
npca 2013年度夏合宿 デザイン実習講義 補助スライド
Takahashi Koki
2013年度夏学期 東京大学情報シケプリ Part1: 概要
2013年度夏学期 東京大学情報シケプリ Part1: 概要
Takahashi Koki
写研DTP参戦
写研DTP参戦
Takahashi Koki
Mehr von Takahashi Koki
(7)
ソースコードをAAに変換するやつやってみた
ソースコードをAAに変換するやつやってみた
NPCA System Scan 2014 @hakatashi 解説スライド
NPCA System Scan 2014 @hakatashi 解説スライド
2048 on FPGA
2048 on FPGA
npca System Scan 2013 博多市解説
npca System Scan 2013 博多市解説
npca 2013年度夏合宿 デザイン実習講義 補助スライド
npca 2013年度夏合宿 デザイン実習講義 補助スライド
2013年度夏学期 東京大学情報シケプリ Part1: 概要
2013年度夏学期 東京大学情報シケプリ Part1: 概要
写研DTP参戦
写研DTP参戦
いいデザインと悪いデザイン
1.
灘校パソコン研究部 2012 年度第一回LT大会 いいデザイン
s 悪いデザイン 2012/6/22 H3-4 高橋光輝 (@hakatashi)
2.
いま、必要なデザインは きれいで 整った デザイン
3.
「きれいで整ったデザイン」を作るのに センスは 必要ない !
× センスの必要なデザイン ●メッセージ性のあるデザイン ●芸術的なデザイン ●イラスト
4.
「きれいで整ったデザイン」を作るのに
技術は 必要ない ! × 技術の必要なデザイン ●イラスト ●動画 ●筆書系
5.
必要なのは いいデザインと ??? 悪いデザインを
??? 判定する能力
6.
必要なのは いいデザインと 悪いデザインを 判定する能力
7.
と
経験。 いいデザインを見る・まねる とりあえずたくさん作る
8.
「いいデザイン」ができるまで
作ってみる 「いいデザイン」かどうか判定 NG! OK! とりあえず何か 変更してみる 完成!
9.
これでは すこし 不親切なので
10.
「いいデザイン」の 特徴
11.
「いいデザイン」は A
B どちらでしょうか?
12.
第一問
13.
たとえば本の表紙
A
14.
たとえば本の表紙
B
15.
A
いいデザイン B 悪いデザイン A-OTF 新ゴ MS ゴシック
16.
やはり、プロ用の有料フォントと システム組み込みのフォントとでは
歴然とした違いがある。 新ゴやリュウミンに 置き換えるだけで 見違えるほど綺麗になることも しばしば。
17.
そのために
18.
第二問
19.
たとえば Web デザイン
A
20.
たとえば Web デザイン
B
21.
解説
A 悪いデザイン ・等幅英字フォントを使っている 英字の等幅フォントは ブログラミングなど 限られた用途でしか使わない。
22.
第三問
23.
たとえばスポーツ新聞風
A
24.
たとえばスポーツ新聞風
B
25.
B efore
A fter 色調補正は IrfanView などのフリーソフトで簡単にできる。 面倒くさがらず「明るさ」と「コントラスト」くらいは調整しよう。
26.
B efore
A fter
27.
第四問
28.
たとえば紙面デザイン
A
29.
たとえば紙面デザイン
B
30.
無 駄
B 悪いデザイン な 空 白 を 教科書・ 青チャート・ 作 単語帳・ ら 世界史図表など な どのページを い 見てみても こんな空白は ないはずです。
31.
無
埋 A いいデザイン 理 め 矢 る 理 た に め で の も 情 作 報 る は
32.
第五問
33.
たとえばポスター
A
34.
たとえばポスター
B
35.
困ったときは グラデーション アウトライン ドロップシャドウ で誤魔化す
36.
まとめ 1 まずフォント 2 等幅英字は使わない 3
写真は補正する 4 紙面はちゃんと埋める 5 グラデーションで誤魔化す
37.
とまあ いろいろあるが
38.
大原則
39.
1 とりあえず作ったら 「いいデザイン」か 確認する
40.
2 真似る
41.
3 紙に 書いてみる
42.
「いいデザイン」ができるまで
作ってみる 「いいデザイン」かどうか判定 NG! OK! とりあえず何か 変更してみる 完成! 下書き 実物
43.
まとめ 1 確認する 2 真似る 3
下書きする
44.
以上を守って 美しい デザインライフを
送りましょう !!!!
45.
つづく
Jetzt herunterladen