SlideShare une entreprise Scribd logo
1  sur  32
Télécharger pour lire hors ligne
デ ベ ロ ッ パ ー も
知 っ て る と 便 利
デ ザ イ ン の 基 本
エ フ ス タ ! ! 春 の I T ま つ り   ∼ エ ン タ ー プ ラ イ ズ 開 発 の 全 て ! ∼
2 0 1 4 . 0 4 . 1 2
自
己
紹
介
稲 葉 修 平
株 式 会 社 フ ル ゲ イ ン ( 福 島 県 郡 山 市 )
職 業 : U I デ ザ イ ナ ー
デザインとか
関係無いし
興味あるけど、
よくわからない
デザインとか関係無いし派の方
デザインはデザイナがやればよい
デザインは所 付加価値だし
間違ったデザイン
正しいデザイン
使いにくい
わかりにくい
付加価値になる
残念ながら、
すべてのデザイナーが
正しいデザインをするとは
限らない……
間違ったデザイン
正しいデザイン
使いにくい
わかりにくい
クライアントもデザインのことを
よくわからなかった場合
違和感・使いにくいと感じるが、何のせいかわからない
ひょっとして機能を追加すればわかりやすくなるんじゃないか…
仕様変更!!
デザインが悪いままなので、違和感は解消されない……
最初へ戻る
▼
▼
▼
▼
▼
少 し で も デ ザ イ ン に 興 味 を
持 っ て い れ ば 、 デ ス マ を
回 避 で き た か も し れ な い … …
興味あるけど、
よくわからない
なんか「ふわっ」としてるよね
自分はセンス無いから……
興味あるけど、
よくわからない
なんか「ふわっ」としてるよね
自分はセンス無いから……
お湯 水
興味あるけど、
よくわからない
なんか「ふわっ」としてるよね
自分はセンス無いから……
お湯 水
暖色
寒色
理由
・普段から見慣れている
・そもそも規格で決まっている
・色は電磁波で∼
..................
..................
赤 は 熱 い 、青 は 冷 た い と
な ん と な ∼ く 「 感 覚 」 で
選 び ま せ ん で し た か ? ?
感覚 = Sense
デ ザ イ ナ ー の 仕 事
素 材 の 制 作 と 技 術
文 字
色
写 真
図 形
情 報 の 整 理
画 面 構 成
全 体 を ま と め る 構 成 力
タ イ ポ グ ラ フ ィ ー
カ ラ ー コ ー デ ィ ネ ー ト
レ タ ッ チ
各 パ ー ツ の 制 作
・ コ ミ ュ ニ ケ ー シ ョ ン 能 力
・ 気 遣 い
デ ザ イ ナ ー の 仕 事
素 材 の 制 作 と 技 術
文 字
色
写 真
図 形
情 報 の 整 理
画 面 構 成
全 体 を ま と め る 構 成 力
タ イ ポ グ ラ フ ィ ー
カ ラ ー コ ー デ ィ ネ ー ト
レ タ ッ チ
各 パ ー ツ の 制 作
・ コ ミ ュ ニ ケ ー シ ョ ン 能 力
・ 気 遣 い
情
報
の
整
理
内 容 を 理 解 し、ま と め る 。
適 切 な 画 面 構 成 を 行 う た め に
ま ず は 情 報 を グ ル ー プ 化 し て み る 。
情
報
の
整
理
こ ん な 画 面 が
あ っ た と し て
情
報
の
整
理
タ イ ト ル
ユ ー ザ ー 情 報
依 頼 内 容
対 応 内 容
納 品 / 研 修
ペ ー ジ ネ ー シ ョ ン
デ ベ ロ ッ パ ー も 知 っ て る と 便 利 デ ザ イ ン の 基 本
エフスタ !! 春の I T まつり ∼エンタープライズ開発の全て!∼ 06
画
面
構
成
区 分 け
情 報 が 探 し や す く
画
面
構
成
え る
グ リ ッ ド を
引 い て み る
画
面
構
成
余 白 を え る
同 列 の 要 素 な の に
余 白 の 大 き さ が
バ ラ バ ラ … …
画
面
構
成
色
色相・明度・彩度、あるいはトーン
のうち1つだけを変更し、色を選択する
キーカラーを決める
色
色 相 環
▼
キーカラー
補色
色
色の比率
ベース キー 補色
6 3 1
色
キーカラー
色 キーカラー
ベースカラー
不透明度 100%
80%
30%
10%
色
目に優しい色
アースカラー
それでもやっぱりわからない
Adobe Kuler https://kuler.adobe.com
図
形
図
形
シ ャ ド ー の 落 と し 方
図
形
図
形
ア イ コ ン を 活 用 す る
言 葉 で 説 明 す る よ り わ か り や す 事 も
以 上 で す 。
簡 単 で は あ り ま し た が 、 少 し で も
デ ザ イ ン に 興 味 を 持 っ て い た だ け る 方 が
増 え て く れ る と 嬉 し い で す 。
ご 清 聴 あ り が と う ご ざ い ま し た 。

Contenu connexe

Similaire à デベロッパーも 知ってると便利 デザインの基本

(デ部発表用抜粋版)プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
(デ部発表用抜粋版)プログラマとデザイナが共有すべきUIに関するAndroidの10の機能(デ部発表用抜粋版)プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
(デ部発表用抜粋版)プログラマとデザイナが共有すべきUIに関するAndroidの10の機能youten (ようてん)
 
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツMori Keita
 
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?GREE/Art
 
実演・開発の進め方
実演・開発の進め方実演・開発の進め方
実演・開発の進め方TechGardenSchool
 
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)Kenta Nakamura
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Chihiro Tomita
 
エンジニア向け即効デザイン講座
エンジニア向け即効デザイン講座エンジニア向け即効デザイン講座
エンジニア向け即効デザイン講座leverages_event
 
presen_nakayama_20220530.pptx
presen_nakayama_20220530.pptxpresen_nakayama_20220530.pptx
presen_nakayama_20220530.pptxssuserb3c646
 
カタログDTPのデータを活用しよう!
カタログDTPのデータを活用しよう!カタログDTPのデータを活用しよう!
カタログDTPのデータを活用しよう!Masataka Kawahara
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409schoowebcampus
 
プレゼンテーション用資料作成のプレゼンテーション資料
プレゼンテーション用資料作成のプレゼンテーション資料プレゼンテーション用資料作成のプレゼンテーション資料
プレゼンテーション用資料作成のプレゼンテーション資料hiroshioda
 
ディレクターのキャリア・パス ~職能マップになぞらえて~
ディレクターのキャリア・パス ~職能マップになぞらえて~ディレクターのキャリア・パス ~職能マップになぞらえて~
ディレクターのキャリア・パス ~職能マップになぞらえて~Renji Yoneda
 
SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19Visso株式会社
 
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能youten (ようてん)
 
ゲームの仕様書を書こうまとめ
ゲームの仕様書を書こうまとめゲームの仕様書を書こうまとめ
ゲームの仕様書を書こうまとめSugimoto Chizuru
 
効果音管理でラクしたい人のための Unity実装テクニック
効果音管理でラクしたい人のための Unity実装テクニック効果音管理でラクしたい人のための Unity実装テクニック
効果音管理でラクしたい人のための Unity実装テクニックKinose Tomohito
 
[141004] cedec 2014 참관기 & 강연 리뷰 #1
[141004] cedec 2014 참관기 & 강연 리뷰 #1[141004] cedec 2014 참관기 & 강연 리뷰 #1
[141004] cedec 2014 참관기 & 강연 리뷰 #1MinGeun Park
 

Similaire à デベロッパーも 知ってると便利 デザインの基本 (20)

Tips of Design
Tips of DesignTips of Design
Tips of Design
 
(デ部発表用抜粋版)プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
(デ部発表用抜粋版)プログラマとデザイナが共有すべきUIに関するAndroidの10の機能(デ部発表用抜粋版)プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
(デ部発表用抜粋版)プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
 
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
 
Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?Gcm#3 uiデザインの品質を効率的に向上させるには?
Gcm#3 uiデザインの品質を効率的に向上させるには?
 
実演・開発の進め方
実演・開発の進め方実演・開発の進め方
実演・開発の進め方
 
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
 
デスクトップアプリを『一歩前へ』進める方法
デスクトップアプリを『一歩前へ』進める方法デスクトップアプリを『一歩前へ』進める方法
デスクトップアプリを『一歩前へ』進める方法
 
エンジニア向け即効デザイン講座
エンジニア向け即効デザイン講座エンジニア向け即効デザイン講座
エンジニア向け即効デザイン講座
 
presen_nakayama_20220530.pptx
presen_nakayama_20220530.pptxpresen_nakayama_20220530.pptx
presen_nakayama_20220530.pptx
 
カタログDTPのデータを活用しよう!
カタログDTPのデータを活用しよう!カタログDTPのデータを活用しよう!
カタログDTPのデータを活用しよう!
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
プレゼンテーション用資料作成のプレゼンテーション資料
プレゼンテーション用資料作成のプレゼンテーション資料プレゼンテーション用資料作成のプレゼンテーション資料
プレゼンテーション用資料作成のプレゼンテーション資料
 
ディレクターのキャリア・パス ~職能マップになぞらえて~
ディレクターのキャリア・パス ~職能マップになぞらえて~ディレクターのキャリア・パス ~職能マップになぞらえて~
ディレクターのキャリア・パス ~職能マップになぞらえて~
 
SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19SocialGame 20130130 KnowledgeCommons vol.19
SocialGame 20130130 KnowledgeCommons vol.19
 
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
 
ゲームの仕様書を書こうまとめ
ゲームの仕様書を書こうまとめゲームの仕様書を書こうまとめ
ゲームの仕様書を書こうまとめ
 
効果音管理でラクしたい人のための Unity実装テクニック
効果音管理でラクしたい人のための Unity実装テクニック効果音管理でラクしたい人のための Unity実装テクニック
効果音管理でラクしたい人のための Unity実装テクニック
 
[141004] cedec 2014 참관기 & 강연 리뷰 #1
[141004] cedec 2014 참관기 & 강연 리뷰 #1[141004] cedec 2014 참관기 & 강연 리뷰 #1
[141004] cedec 2014 참관기 & 강연 리뷰 #1
 

デベロッパーも 知ってると便利 デザインの基本