Submit Search
Upload
デザイナーとプログラマーの 仲良し大作戦
•
0 likes
•
612 views
S
sogawaminoru
Follow
Internet
Report
Share
Report
Share
1 of 37
Download now
Download to read offline
Recommended
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Risako Imai
WCAN 2015 Autumnのセッション「Sketch VS Photoshop Webデザイン4番勝負」のスライドです。Webデザインに欠かせないいくつかの項目について2つのツールを比べてみました。
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
2012年2月18日、 CSS Nite in Fukui, vol5でのスライドです。
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
Takuya Nishitani
2012年7月7日 CSS Nite in OKAYAMA vol.3にて講演
Start Sketch.app
Start Sketch.app
Shinichi Kogiso
e-bird社内勉強会のために制作した、Sketch.app布教用スライドです。
sketchで変化したワークフロー
sketchで変化したワークフロー
正樹 平野
sketchのイベントの資料です
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
2016年9月2日に開催された「Adobe MAX Japan」にて、crema design黒野明子と株式会社タガス浅野桜が発表したセッションのスライドです。
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Miho Yamamori
福井の起業に興味のある人、起業した人、Web関係の話に興味がある人を対象とした小規模セミナーでのお話です。デザイナーだけでなく異業種の方も対象。
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
2015年11月11日に開催されたAdobe Live Best of MAX」にて、crema design 黒野明子が発表した資料です。
Recommended
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Risako Imai
WCAN 2015 Autumnのセッション「Sketch VS Photoshop Webデザイン4番勝負」のスライドです。Webデザインに欠かせないいくつかの項目について2つのツールを比べてみました。
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
2012年2月18日、 CSS Nite in Fukui, vol5でのスライドです。
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
Takuya Nishitani
2012年7月7日 CSS Nite in OKAYAMA vol.3にて講演
Start Sketch.app
Start Sketch.app
Shinichi Kogiso
e-bird社内勉強会のために制作した、Sketch.app布教用スライドです。
sketchで変化したワークフロー
sketchで変化したワークフロー
正樹 平野
sketchのイベントの資料です
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
2016年9月2日に開催された「Adobe MAX Japan」にて、crema design黒野明子と株式会社タガス浅野桜が発表したセッションのスライドです。
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Fukui Biz Cafe Side.I #1 「デザイナーのひきだし」
Miho Yamamori
福井の起業に興味のある人、起業した人、Web関係の話に興味がある人を対象とした小規模セミナーでのお話です。デザイナーだけでなく異業種の方も対象。
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
2015年11月11日に開催されたAdobe Live Best of MAX」にて、crema design 黒野明子が発表した資料です。
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー
デザインはおまかせで、丸投げされた時どうする?
デザインはおまかせで、丸投げされた時どうする?
rie05
2015年5月15日に開催されたDevLOVE関西「クリエイターの技術持ち寄り発表会~デザインそもそも論〜」で発表したスライドです。(修正版)
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
2015年2月21日に行った、 日本ディレクション協会 九州支部 ゼロからのウェブディレクション講座の資料です。
141219 まにフェス
141219 まにフェス
rie05
2015年12月19日に大阪産創館で行われた「まにまにフェスティバル」で発表した資料です。
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
これからWebデザイナーを目指す人や、Webデザイナーになって間もない人に向けたプレゼンテーションです。デザイナーとは?これからのWebデザイナーとしてキャリアは?など多くの内容を盛り込んでおります。
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
Ayaka Sumida
後日少し加筆した「おかわり」バージョンはこちらです。 http://www.slideshare.net/ayakasumida/wordcamp-kansai-2015-51661812 WordCamp Kansai 2015 で行ったワークショップの冒頭部分です。
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
ssuser6f5294
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
20130216 講演資料
20130216 講演資料
Kenta Nakamura
ゲーム開発で使えるかもしれないレイアウトデザイン
ゲーム開発で使えるかもしれないレイアウトデザイン
Kodai Yano
ゲーム開発で使えるかもしれないレイアウトデザイン
20160124_GPL勉強会
20160124_GPL勉強会
rie05
2016年1月24日
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
Yusuke Kojima
ゼロディレの改訂版。 全回までものと構成を変えてみました。
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
Horiguchi Seito
今やスタンダードになりつつあるレスポンシブサイトについて、その概要から実際にレスポンシブサイトを構築する際に注意したいポイントまでを解説します。 また、実際にWebサイトをレスポンシブ対応する際のメリット・デメリット、レスポンシブ化するのに有効なサイト、不向きなサイト、最低限押さえておきたいソースコードなどをご紹介します。 授業では以下の様な内容についても語ります。 ・PC,SPと2つサイトを作るのと、レスポンシブサイト1つ作るのじゃ大変さは変わるのか? ・Googleが推奨してるけど、それはなぜ? ・なぜレスポンシブサイトが必要なのか?
レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎
Hiroyuki Ogawa
レスポンシブWebデザインの概要から実装の基本まで。
20151011_出版記念講演:クオリティとスキルの話
20151011_出版記念講演:クオリティとスキルの話
Kenta Nakamura
出版記念講演でやったやつ
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
Toshihiko Yamakami
Derek Halpern のコンバージョン心理学によるウェブ・デザイン設計手法の紹介。 コンバージョンだけがウェブ・デザインのすべてではないが、 コンバージョンという視点からまとめるとこうなるという原理の解説。 A1603talk conversion-psychology-web-design-161219 (内容は160704と同じ)
イラレでWebデザインしても嫌われないデータ作成術
イラレでWebデザインしても嫌われないデータ作成術
Yasuhito Yabe
http://knock3.hamnaly.com/vol20/20thKnock-follow-yabe-illustrator-de-WebDesign.html
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
Kenta Nakamura
福岡でやったディレクションセミナーの中身。 4時間ぶっ通しで喋った内容てんこ盛りに入ってるやつ。
Facebook×LINE@(8/9田舎iwdd)
Facebook×LINE@(8/9田舎iwdd)
Yachiyo Suzuki
Facebook×LINE@のお話です。
来年(度?)から始めようと思っている「フォトショとイラレのわかんないとこ座談会(仮)」について
来年(度?)から始めようと思っている「フォトショとイラレのわかんないとこ座談会(仮)」について
Yachiyo Suzuki
俺はwebだの俺は紙だのっていってる時代じゃないだろ、古い慣習から抜けだそうぜ、いい歳なんだから。どんだけ遅れてんだよ。
三角関係になったときの対処法
三角関係になったときの対処法
Yachiyo Suzuki
はたしてHTML5でご飯は食べれるのか。
はたしてHTML5でご飯は食べれるのか。
Yachiyo Suzuki
岩手県内で仕事してる割には、県内案件100%で過ごしているため、様々な状況に立ち会います。これからはモバイルファーストだ!HTML5だ!といろいろ言われてますが、ここは岩手だぞ?! はたしてHTML5でご飯は食べれるのか。生活できるのか。生きていけるのか。
More Related Content
What's hot
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー
デザインはおまかせで、丸投げされた時どうする?
デザインはおまかせで、丸投げされた時どうする?
rie05
2015年5月15日に開催されたDevLOVE関西「クリエイターの技術持ち寄り発表会~デザインそもそも論〜」で発表したスライドです。(修正版)
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
2015年2月21日に行った、 日本ディレクション協会 九州支部 ゼロからのウェブディレクション講座の資料です。
141219 まにフェス
141219 まにフェス
rie05
2015年12月19日に大阪産創館で行われた「まにまにフェスティバル」で発表した資料です。
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
これからWebデザイナーを目指す人や、Webデザイナーになって間もない人に向けたプレゼンテーションです。デザイナーとは?これからのWebデザイナーとしてキャリアは?など多くの内容を盛り込んでおります。
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
Ayaka Sumida
後日少し加筆した「おかわり」バージョンはこちらです。 http://www.slideshare.net/ayakasumida/wordcamp-kansai-2015-51661812 WordCamp Kansai 2015 で行ったワークショップの冒頭部分です。
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
ssuser6f5294
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
20130216 講演資料
20130216 講演資料
Kenta Nakamura
ゲーム開発で使えるかもしれないレイアウトデザイン
ゲーム開発で使えるかもしれないレイアウトデザイン
Kodai Yano
ゲーム開発で使えるかもしれないレイアウトデザイン
20160124_GPL勉強会
20160124_GPL勉強会
rie05
2016年1月24日
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
Yusuke Kojima
ゼロディレの改訂版。 全回までものと構成を変えてみました。
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
Horiguchi Seito
今やスタンダードになりつつあるレスポンシブサイトについて、その概要から実際にレスポンシブサイトを構築する際に注意したいポイントまでを解説します。 また、実際にWebサイトをレスポンシブ対応する際のメリット・デメリット、レスポンシブ化するのに有効なサイト、不向きなサイト、最低限押さえておきたいソースコードなどをご紹介します。 授業では以下の様な内容についても語ります。 ・PC,SPと2つサイトを作るのと、レスポンシブサイト1つ作るのじゃ大変さは変わるのか? ・Googleが推奨してるけど、それはなぜ? ・なぜレスポンシブサイトが必要なのか?
レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎
Hiroyuki Ogawa
レスポンシブWebデザインの概要から実装の基本まで。
20151011_出版記念講演:クオリティとスキルの話
20151011_出版記念講演:クオリティとスキルの話
Kenta Nakamura
出版記念講演でやったやつ
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
Toshihiko Yamakami
Derek Halpern のコンバージョン心理学によるウェブ・デザイン設計手法の紹介。 コンバージョンだけがウェブ・デザインのすべてではないが、 コンバージョンという視点からまとめるとこうなるという原理の解説。 A1603talk conversion-psychology-web-design-161219 (内容は160704と同じ)
イラレでWebデザインしても嫌われないデータ作成術
イラレでWebデザインしても嫌われないデータ作成術
Yasuhito Yabe
http://knock3.hamnaly.com/vol20/20thKnock-follow-yabe-illustrator-de-WebDesign.html
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
Kenta Nakamura
福岡でやったディレクションセミナーの中身。 4時間ぶっ通しで喋った内容てんこ盛りに入ってるやつ。
What's hot
(18)
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
デザインはおまかせで、丸投げされた時どうする?
デザインはおまかせで、丸投げされた時どうする?
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
141219 まにフェス
141219 まにフェス
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
20130216 講演資料
20130216 講演資料
ゲーム開発で使えるかもしれないレイアウトデザイン
ゲーム開発で使えるかもしれないレイアウトデザイン
20160124_GPL勉強会
20160124_GPL勉強会
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブ基礎 ~Webサイトをレスポンシブに する方法とそのメリット~
レスポンシブWebデザインの基礎
レスポンシブWebデザインの基礎
20151011_出版記念講演:クオリティとスキルの話
20151011_出版記念講演:クオリティとスキルの話
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
イラレでWebデザインしても嫌われないデータ作成術
イラレでWebデザインしても嫌われないデータ作成術
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
Viewers also liked
Facebook×LINE@(8/9田舎iwdd)
Facebook×LINE@(8/9田舎iwdd)
Yachiyo Suzuki
Facebook×LINE@のお話です。
来年(度?)から始めようと思っている「フォトショとイラレのわかんないとこ座談会(仮)」について
来年(度?)から始めようと思っている「フォトショとイラレのわかんないとこ座談会(仮)」について
Yachiyo Suzuki
俺はwebだの俺は紙だのっていってる時代じゃないだろ、古い慣習から抜けだそうぜ、いい歳なんだから。どんだけ遅れてんだよ。
三角関係になったときの対処法
三角関係になったときの対処法
Yachiyo Suzuki
はたしてHTML5でご飯は食べれるのか。
はたしてHTML5でご飯は食べれるのか。
Yachiyo Suzuki
岩手県内で仕事してる割には、県内案件100%で過ごしているため、様々な状況に立ち会います。これからはモバイルファーストだ!HTML5だ!といろいろ言われてますが、ここは岩手だぞ?! はたしてHTML5でご飯は食べれるのか。生活できるのか。生きていけるのか。
IWDDについて
IWDDについて
Yachiyo Suzuki
デザイナー×プログラマー×営業(笑)(8/9田舎iwdd)
デザイナー×プログラマー×営業(笑)(8/9田舎iwdd)
Yachiyo Suzuki
デザイナー×プログラマー×営業(笑)というお話をしてきました。
28歳からのプログラマー
28歳からのプログラマー
Esehara Shigeo
いいモノづくりのための、開発者とデザイナーの連携に必要な要素とは?【公開ディスカッション】 先生:関根 元和・山本 麻美
いいモノづくりのための、開発者とデザイナーの連携に必要な要素とは?【公開ディスカッション】 先生:関根 元和・山本 麻美
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/453/room ーーーーーーーーーーーーーーーーーーーーーーー
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
「MakeLeaps」請求書の作成、管理、郵送
問題はパワポではなく、プレゼンターです。 http://www.slideshare.net/jessedee/you-suck-at-powerpoint-2 の英語版から翻訳致しました。
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
MOCKS | Yuta Morishige
書籍化し、12万部突破しました。 【SlideShare広告回避用】 https://www.docswell.com/s/morishige/K3MXPZ-howtodesignslides ・PDFは無料でダウンロードできます ・自己学習や勉強会などの目的でしたらご自由にお使いいただけます ・授業・研修への利用はフォーム( https://forms.gle/WwgXTT974xFW78mFA )にご報告ください ・記事への参考資料にする際は適切な出典明記をお願いいたします 【使っているフォントについて】 M+フォント「MigMix1P」です。こちらもメイリオ同様おすすめです。 フリーで使えます。 【個人HP】 > https://mocks.jp > 仕事のご依頼はこちらから 【書籍情報】 デザイン入門:https://amzn.asia/d/4WDsTI6 デザイン図鑑:https://amzn.asia/d/gOBCWKc 【前作】 > http://www.slideshare.net/yutamorishige50/how-to-present-better
Viewers also liked
(10)
Facebook×LINE@(8/9田舎iwdd)
Facebook×LINE@(8/9田舎iwdd)
来年(度?)から始めようと思っている「フォトショとイラレのわかんないとこ座談会(仮)」について
来年(度?)から始めようと思っている「フォトショとイラレのわかんないとこ座談会(仮)」について
三角関係になったときの対処法
三角関係になったときの対処法
はたしてHTML5でご飯は食べれるのか。
はたしてHTML5でご飯は食べれるのか。
IWDDについて
IWDDについて
デザイナー×プログラマー×営業(笑)(8/9田舎iwdd)
デザイナー×プログラマー×営業(笑)(8/9田舎iwdd)
28歳からのプログラマー
28歳からのプログラマー
いいモノづくりのための、開発者とデザイナーの連携に必要な要素とは?【公開ディスカッション】 先生:関根 元和・山本 麻美
いいモノづくりのための、開発者とデザイナーの連携に必要な要素とは?【公開ディスカッション】 先生:関根 元和・山本 麻美
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
Similar to デザイナーとプログラマーの 仲良し大作戦
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
Hideki Akiba
HTML5 Conference MIYAZAKIで講演したスライド「デザイナーとしてのHTML5への向き合い方」です。
エンジニアと"協同"してサービスをつくる
エンジニアと"協同"してサービスをつくる
Ishikawa Yuya
BtoBデザイナーによるBtoBデザイナーのためのLT勉強会にて発表したLT資料 https://b2b-designer-lt-1.peatix.com/ エンジニアが画面設計して感じた点、エンジニアと一緒に仕事をするために身につけておくと良いスキルや、心構えなどをデザイナーの方向けに語りました
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
Hideki Akiba
「WPJ Conference Vol.1 DESIGN meets CODE」の発表資料
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
Hideki Akiba
2013年7月6日、Webプラットフォーム勉強会 1307で発表したスライドです。 HTML5入門者向けです。
Web Design Process for The Future
Web Design Process for The Future
masaaki komori
WCAN mini Design vol.9 資料
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
典子 松本
JAZUG 札幌支部第10回勉強会 ~祝!! きたあず2周年記念勉強会~でお話した内容です。
うちの開発におけるXD利用法
うちの開発におけるXD利用法
Kazuma Sekiguchi
Adobe XD Meeting #15で話をしたときの資料です。
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
Yuya Toida
9/27 UX Cafe B2BサービスのUXデザインを語ろう 発表資料
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
c-mitsuba
[UX]はやめようというお話をしました。
Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23
Mari Kimura
Cookpad Techconf 2016/01/23 「今日なに作ろう」を支えるデザイン ーエンジニアとの協業ー
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
Hiroyuki Ogawa
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
INFOBAHN.inc(株式会社インフォバーン)
Re:Cre Vol.14 | Web design process for the future
Re:Cre Vol.14 | Web design process for the future
masaaki komori
第14回リクリセミナー「Web制作の未来、あなたの未来」最終版
Web Design Process for The Future
Web Design Process for The Future
masaaki komori
WCAF vol.10 こもり資料
Slide14080401 140804043205-phpapp01
Slide14080401 140804043205-phpapp01
Maki Daigaku
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
kenji goto
WordBench大分 第10回勉強会 【芸術の秋 Webデザインフェス】 2014年10月26日 @ホルトホール大分 内容は諸事情によりカットして公開。
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
Hideki Akiba
日本Webデザイナーズ協会、株式会社インヴォーグ共催のセミナー「JWSDA×IN VOGUE スマフォで遊ぼ!インヴォーグ流スマートフォンソリューション」の講演スライドです。
About Design Manager
About Design Manager
Marino Yokoi
マネジメント未経験の元フリーランスがデザインマネージャーになったので、そのキャリアについて語ります
Similar to デザイナーとプログラマーの 仲良し大作戦
(20)
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
エンジニアと"協同"してサービスをつくる
エンジニアと"協同"してサービスをつくる
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
Web Design Process for The Future
Web Design Process for The Future
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
うちの開発におけるXD利用法
うちの開発におけるXD利用法
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
[UX]は投げ捨てろ!
[UX]は投げ捨てろ!
Cookpad Techconf@kimura 2016/01/23
Cookpad Techconf@kimura 2016/01/23
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
[WordBench東京7月] レスポンシブWebデザインの基礎とWordPressを使った最適化の手法
ディレクターが知っておくべき3つのデザインディレクションのルール
ディレクターが知っておくべき3つのデザインディレクションのルール
Re:Cre Vol.14 | Web design process for the future
Re:Cre Vol.14 | Web design process for the future
Web Design Process for The Future
Web Design Process for The Future
Slide14080401 140804043205-phpapp01
Slide14080401 140804043205-phpapp01
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
プロトタイプ時代の WordPressテーマの作り方・考え方
プロトタイプ時代の WordPressテーマの作り方・考え方
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
About Design Manager
About Design Manager
デザイナーとプログラマーの 仲良し大作戦
1.
WordBench 大分 第
6 回勉強会 「梅雨をぶっとばせ!デザイナーさんも大歓迎!の巻」
2.
自己紹介
3.
曽川 稔 (ソガワミノル) ■お仕事 Web デザイン、DTP、ディレクションも少々 https://www.facebook.com/minoru.sogawa
4.
で こんなことや
5.
他にも
6.
はたまた こんなことまで!!
7.
さらに∼!!!
8.
もういいです、、、 スミマセン。。。
9.
デザイナーとプログラマーの 仲良し大作戦 デザイナーとプログラマーの 仲良し大作戦
10.
第一章 構築体制と構築の流れ
11.
とある構築体制と流れ ディレクター 顧客対応 企画・構成 進捗管理 デザイナー UI 設計 デザイン 画像作成 プログラマー スライス コーディング 環境構築
12.
第二章 すれ違うチーム
13.
デザイナー プログラマー ディレクター
14.
デザイナー プログラマー ディレクター デザインに専念したいの!! コードはお任せします!!
15.
デザイ プログラマー ディレク
16.
デザイナー プログラマー ディレクター ここはデザインなの? グリッドずれてるよ!!
17.
デザイナー プログラマー ディレクター
18.
デザイナー プログラマー ディレクター 少ない予算だから効率よく 制作してくれよ!!
19.
デザイナー プログラマー
20.
第三章 仲直りの秘訣
21.
秘訣 その1 構成(ワイヤーフレーム)作成、機能の仕様を検討段階から しっかりと3者で情報を共有しておく!!
22.
・投稿タイプ、固定ページの把握 ※記事の表示場所や表示件数、カテゴリの取り決め ・お客様にどのページを運用してもらうのか? ※運用にあわせた管理画面のカスタマイズ ・プラグイン導入、設定 ※スライドショーは何枚?リンクつき? 等
23.
秘訣 その2 プログラマーに渡すスライス用 PSD の レイヤーの整理整頓は必ず!!
24.
・WordPress のテーマの php、またはパーツにあわせて、 レイヤーをグループ化する。 ・色をつけてわかりやすくする。
25.
秘訣 その3 各パーツの配置やスタイルは統一しておくこと!
26.
・作業しているうちにグリッドからずれてしまう。 ※今のところ photoshop はそういうものです。^^; ・スタイルが微妙に変わっていく場合がある
27.
秘訣その 4 テキストデータなのか?画像テキストなのか?
28.
プログラマーは、デザイナーの意図が分からない事の方が 多いので、明確に伝えてあげる ※テキストデータには、アンチエイリアスに設定。 リンクには、下線をつける。
29.
秘訣 その5 効率よく、気持よくプログラミングして頂くために 仕様、設計に基づいたグリッドでデザインを考える。
30.
プログラマー 仕様や設計を基に、カラム数を考たテンプレートを準備して おくことでプログラマーとデザイナーが平行して作業ができ、 両者が画面の遷移、機能の動作を確認しながら進めることが できます。
31.
第四章 お互いを認め合う
32.
ちょっとしたポイントで各担当者を思いやることが、作業効率や、 サイト構築のクオリティーの向上へとつながります。 デザイナープログラマーディレクター
33.
そして、 よりよいチーム作りができます
34.
35.
ご清聴ありがとうございました。
36.
余談ですが・・・
37.
という facebook グループを立ち上げました!! どしどし参加お願いします!! Adobe
User Group Oita
Download now