SlideShare a Scribd company logo

実制作から知る Webデザインのワークフロー

2015年1月にあまりデザイナーと協業が少ないエンジニアの方をターゲットに1時間ほどの内容で発表したWebデザインについてのスライドです。

1 of 58
Download to read offline
実制作から知る Webデザインのワークフロー
実制作から知る Webデザインのワークフロー
実制作から知る Webデザインのワークフロー
実制作から知る Webデザインのワークフロー
実制作から知る Webデザインのワークフロー
実制作から知る Webデザインのワークフロー
Ad

Recommended

レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎Hiroyuki Ogawa
 
LPデザインに関して〜作成のセオリーとコツ〜
LPデザインに関して〜作成のセオリーとコツ〜LPデザインに関して〜作成のセオリーとコツ〜
LPデザインに関して〜作成のセオリーとコツ〜典子 松本
 
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒント
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒントWebデザインのウソ・ホント ~ Web らしくデザインするためのヒント
Webデザインのウソ・ホント ~ Web らしくデザインするためのヒントYasuhisa Hasegawa
 
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうWebデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼうToshiaki Sasaki
 
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」Takashi Kitamura
 
WordPressのためのPHP入門
WordPressのためのPHP入門WordPressのためのPHP入門
WordPressのためのPHP入門Michinari Odajima
 
いまさら聞けない?フラットデザインまとめ
いまさら聞けない?フラットデザインまとめいまさら聞けない?フラットデザインまとめ
いまさら聞けない?フラットデザインまとめVitalify.Inc
 
イラレでWebデザインしても嫌われないデータ作成術
イラレでWebデザインしても嫌われないデータ作成術イラレでWebデザインしても嫌われないデータ作成術
イラレでWebデザインしても嫌われないデータ作成術Yasuhito Yabe
 

More Related Content

Viewers also liked

スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)swwwitch inc.
 
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)swwwitch inc.
 
コーディングが上達するコツ
コーディングが上達するコツコーディングが上達するコツ
コーディングが上達するコツevol-ni
 
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザインアクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザインYoshinori OHTA
 
レスポンシブWebデザインのサイトを作る前に
レスポンシブWebデザインのサイトを作る前にレスポンシブWebデザインのサイトを作る前に
レスポンシブWebデザインのサイトを作る前にYuki Nakane
 
「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」swwwitch inc.
 
ノンプログラマーのためのjQuery入門
ノンプログラマーのためのjQuery入門ノンプログラマーのためのjQuery入門
ノンプログラマーのためのjQuery入門Hayato Mizuno
 
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話井上 誠
 
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法Junichi Izumi
 
デザイン提案の参考資料
デザイン提案の参考資料デザイン提案の参考資料
デザイン提案の参考資料Tsutomu Sogitani
 
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
ユーザエクスペリエンスを正しく理解する-UXとUXデザインユーザエクスペリエンスを正しく理解する-UXとUXデザイン
ユーザエクスペリエンスを正しく理解する-UXとUXデザインMasaya Ando
 
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-Satoru MURAKOSHI
 
いいデザインと悪いデザイン
いいデザインと悪いデザインいいデザインと悪いデザイン
いいデザインと悪いデザインTakahashi Koki
 
伝わるプレゼンをする方法
伝わるプレゼンをする方法伝わるプレゼンをする方法
伝わるプレゼンをする方法Hideaki Miyake
 
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則Tomoyuki Arasuna
 
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方Ayaka Sumida
 
綺麗なプレゼン資料の作り方、10のテクニック
綺麗なプレゼン資料の作り方、10のテクニック綺麗なプレゼン資料の作り方、10のテクニック
綺麗なプレゼン資料の作り方、10のテクニックManabu Uekusa
 

Viewers also liked (20)

スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
スライド制作で テキストや画像を配置するとき、 覚えておきたい2つのこと/鷹野 雅弘(スイッチ)
 
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
「CSS Nite 9年目に見る勉強会の今とこれから」鷹野 雅弘(スイッチ)
 
コーディングが上達するコツ
コーディングが上達するコツコーディングが上達するコツ
コーディングが上達するコツ
 
アクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザインアクセシビリティからはじめる、WebサイトのUXデザイン
アクセシビリティからはじめる、WebサイトのUXデザイン
 
レスポンシブWebデザインのサイトを作る前に
レスポンシブWebデザインのサイトを作る前にレスポンシブWebデザインのサイトを作る前に
レスポンシブWebデザインのサイトを作る前に
 
「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」「Webデザイナーのためのタイポグラフィと文字組版」
「Webデザイナーのためのタイポグラフィと文字組版」
 
ノンプログラマーのためのjQuery入門
ノンプログラマーのためのjQuery入門ノンプログラマーのためのjQuery入門
ノンプログラマーのためのjQuery入門
 
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話
 
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
 
デザイン提案の参考資料
デザイン提案の参考資料デザイン提案の参考資料
デザイン提案の参考資料
 
SEOに効くコンテンツの作り方 ver1.1
SEOに効くコンテンツの作り方 ver1.1SEOに効くコンテンツの作り方 ver1.1
SEOに効くコンテンツの作り方 ver1.1
 
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
ユーザエクスペリエンスを正しく理解する-UXとUXデザインユーザエクスペリエンスを正しく理解する-UXとUXデザイン
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
 
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
 
いいデザインと悪いデザイン
いいデザインと悪いデザインいいデザインと悪いデザイン
いいデザインと悪いデザイン
 
伝わるプレゼンをする方法
伝わるプレゼンをする方法伝わるプレゼンをする方法
伝わるプレゼンをする方法
 
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
 
プレゼンテーションの考え方20140628
プレゼンテーションの考え方20140628プレゼンテーションの考え方20140628
プレゼンテーションの考え方20140628
 
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
 
プレゼンの基本
プレゼンの基本プレゼンの基本
プレゼンの基本
 
綺麗なプレゼン資料の作り方、10のテクニック
綺麗なプレゼン資料の作り方、10のテクニック綺麗なプレゼン資料の作り方、10のテクニック
綺麗なプレゼン資料の作り方、10のテクニック