Suche senden
Hochladen
ADOBE XD DAYS
•
Als PPTX, PDF herunterladen
•
0 gefällt mir
•
838 views
K
Kenji Ikehara
Folgen
Adobe XD Meeting #03の発表資料です。 Adobe XDをデザイナーからエンジニアへのデータ受け渡しツールとして使えるかどうかを検証。
Weniger lesen
Mehr lesen
Design
Melden
Teilen
Melden
Teilen
1 von 11
Jetzt herunterladen
Empfohlen
10月21日開催の「ほぼ毎月AdobeXd勉強会 Meeting #02」で発表したAdobe Experience DesignのプロトタイプをBehanceで公開する方法について。 Behanceのライセンスについても説明してます。
Adobe experience designのプロトタイプをbehanceへ
Adobe experience designのプロトタイプをbehanceへ
Kazuma Sekiguchi
2015年11月11日に開催されたAdobe Live Best of MAX」にて、crema design 黒野明子が発表した資料です。
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。[2014-04-19] ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
2016年9月2日に開催された「Adobe MAX Japan」にて、crema design黒野明子と株式会社タガス浅野桜が発表したセッションのスライドです。
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
2014年2月19日(水)開催のパソナテック様主催セミナー「クリエイターのためのトーン&マナー設計について」の講演資料です。 発表者:山口陽一郎(株式会社コンセント デザイナー) This is a presentation about tone and manner design for creators. Prepared by Mr. Yamaguchi from Concent, Inc., for Pasonatech staff seminar on February 19th, 2014.
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
Concent, Inc.
DevLOVE エンジニアがデザインに関われること 2018-02-14(水)19:15 - 21:30
コラボレーティブデザインを実践するエンジニアは何を考えているのか?
コラボレーティブデザインを実践するエンジニアは何を考えているのか?
Kohei Kakudo
2012年7月7日 CSS Nite in OKAYAMA vol.3にて講演
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
Takuya Nishitani
これからWebデザイナーを目指す人や、Webデザイナーになって間もない人に向けたプレゼンテーションです。デザイナーとは?これからのWebデザイナーとしてキャリアは?など多くの内容を盛り込んでおります。
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
Empfohlen
10月21日開催の「ほぼ毎月AdobeXd勉強会 Meeting #02」で発表したAdobe Experience DesignのプロトタイプをBehanceで公開する方法について。 Behanceのライセンスについても説明してます。
Adobe experience designのプロトタイプをbehanceへ
Adobe experience designのプロトタイプをbehanceへ
Kazuma Sekiguchi
2015年11月11日に開催されたAdobe Live Best of MAX」にて、crema design 黒野明子が発表した資料です。
レスポンシブサイト制作に効く デザインTipsあれこれ
レスポンシブサイト制作に効く デザインTipsあれこれ
Akiko Kurono
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。[2014-04-19] ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
2016年9月2日に開催された「Adobe MAX Japan」にて、crema design黒野明子と株式会社タガス浅野桜が発表したセッションのスライドです。
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
2014年2月19日(水)開催のパソナテック様主催セミナー「クリエイターのためのトーン&マナー設計について」の講演資料です。 発表者:山口陽一郎(株式会社コンセント デザイナー) This is a presentation about tone and manner design for creators. Prepared by Mr. Yamaguchi from Concent, Inc., for Pasonatech staff seminar on February 19th, 2014.
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
Concent, Inc.
DevLOVE エンジニアがデザインに関われること 2018-02-14(水)19:15 - 21:30
コラボレーティブデザインを実践するエンジニアは何を考えているのか?
コラボレーティブデザインを実践するエンジニアは何を考えているのか?
Kohei Kakudo
2012年7月7日 CSS Nite in OKAYAMA vol.3にて講演
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
Takuya Nishitani
これからWebデザイナーを目指す人や、Webデザイナーになって間もない人に向けたプレゼンテーションです。デザイナーとは?これからのWebデザイナーとしてキャリアは?など多くの内容を盛り込んでおります。
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
ウェブデザイン・ウェブ開発に必要なこと(DevLOVE仙台-DevLOVE関西連携企画) http://devlove-sendai.doorkeeper.jp/events/18891 デザイン・エンジニアがWebサービス開発でどういう点を気にして、どういうツールを使って進めているのかを話した際のスライドです。
デザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えること
Kohei Kakudo
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/1038/room ーーーーーーーーーーーーーーーーーーーーーーー
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
2012年7月26日に開催したgenesixUXデザイン定義書ワークショップのスライドを権利的に問題無いようにしたものです。 定義書のテンプレートは↓ http://www.slideshare.net/mikihirofujii/templateux
Uxデザイン定義書ワークショップ 20120726 公開版
Uxデザイン定義書ワークショップ 20120726 公開版
Mikihiro Fujii
DevLOVE で話したときの資料です
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
マンガボックスアプリ開発の反省から学んだコトを話します
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
tomo tsubota
2014/11/27 UI Crunch #2でお話した内容です。これだけだと何のことかわからないと思うので、schooさんの録画授業をあわせて見ると幸せになれるかと思います。 https://schoo.jp/class/1598
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
デザインは誤解されることが多いと思います。 その一つひとつに答えながら、いいデザインのために組織の一人ひとりができることを共有します。
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 http://schoo.jp/class/1611/room ーーーーーーーーーーーーーーーーーーーーーーー
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
第2回Startup UIDesigners Night http://everevo.com/event/21306
Ssi 20150519
Ssi 20150519
真一 藤川
7/23「Think User First - Cookpad × Fablic」で公開した資料です ※一部の情報を編集した上で公開しています
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
エンジニアさんたちには無縁と思われがちの「Adobe」製品の中に、最近フロントエンド界隈で話題の「AdobeXD」があります。 AdobeXDはフロントエンドの人だけが使うものじゃない! エンジニアさんたちも使えてきっと幸せになるAdobeXDのお話をしました。
エンジニアもデザイナーもみんなで使えば幸せになれるAdobeXD
エンジニアもデザイナーもみんなで使えば幸せになれるAdobeXD
Sakie Muneyasu
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/322/room ーーーーーーーーーーーーーーーーーーーーーーー
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
schoowebcampus
宮崎のITイベント「Idea Quest」にて発表した「デザインの要件定義」のスライドになります。
デザインの要件定義
デザインの要件定義
Shin Iiboshi
2014年11月8日におこなわれたCREATE NOW “Best of Max”でのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
Hiroyuki Makishita
デブサミ2013(Developers Summit 2013)Action! 1日目のデザインセッション「デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜」の発表資料(2013年2月14日) -------------------------------------------------- 途中、時間がなくて話せなかったところも入っています(そこがかなりいい話だったりする)ので、やっぱりここも実際に聞きたい!という方はまたどこかで呼んでくださいm(_ _)m よろしくお願いします。
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Chihiro Tomita
2017年5月28日に開催されたABC2017Springでの講演資料
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
マルチデバイス対応(各デバイスに合わせたサイト制作)の必要性がでてきている昨今、レスポンシブWebデザイン(略してRWD)のキーワードを聞くようになりました。今回はRWDの概念〜基本的な考え方〜制作方法について解説させていただきます。RWDは制作手法の考え方、手法の1つですので正しく理解していただければと思います。
2013 HTML5カンファレンス レスポンシブWebデザイン
2013 HTML5カンファレンス レスポンシブWebデザイン
Daisuke Yamazaki
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
Adobe XD Meeting #03 でのLTとして発表。 Adobe XD(0.6.12 Beta)を使用してアプリデザインのワークフローを改善できるか検証しました。
Adobe XDでアプリデザインのワークフローを改善
Adobe XDでアプリデザインのワークフローを改善
Shingo SuzukI
2017/02/07 (火) に開催されたAdobe XD Meeting #03 (https://xd-study.connpass.com/event/49530/) で発表したリピートグリッドを活用する方法を紹介したスライドです。
[Adobe XD] リピートグリッドで遊ぼう
[Adobe XD] リピートグリッドで遊ぼう
Risa Yuguchi
Weitere ähnliche Inhalte
Was ist angesagt?
ウェブデザイン・ウェブ開発に必要なこと(DevLOVE仙台-DevLOVE関西連携企画) http://devlove-sendai.doorkeeper.jp/events/18891 デザイン・エンジニアがWebサービス開発でどういう点を気にして、どういうツールを使って進めているのかを話した際のスライドです。
デザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えること
Kohei Kakudo
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/1038/room ーーーーーーーーーーーーーーーーーーーーーーー
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
schoowebcampus
2012年7月26日に開催したgenesixUXデザイン定義書ワークショップのスライドを権利的に問題無いようにしたものです。 定義書のテンプレートは↓ http://www.slideshare.net/mikihirofujii/templateux
Uxデザイン定義書ワークショップ 20120726 公開版
Uxデザイン定義書ワークショップ 20120726 公開版
Mikihiro Fujii
DevLOVE で話したときの資料です
Sketchで変わるワークフロー
Sketchで変わるワークフロー
Asami Yamamoto
マンガボックスアプリ開発の反省から学んだコトを話します
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
tomo tsubota
2014/11/27 UI Crunch #2でお話した内容です。これだけだと何のことかわからないと思うので、schooさんの録画授業をあわせて見ると幸せになれるかと思います。 https://schoo.jp/class/1598
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
デザインは誤解されることが多いと思います。 その一つひとつに答えながら、いいデザインのために組織の一人ひとりができることを共有します。
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 http://schoo.jp/class/1611/room ーーーーーーーーーーーーーーーーーーーーーーー
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
第2回Startup UIDesigners Night http://everevo.com/event/21306
Ssi 20150519
Ssi 20150519
真一 藤川
7/23「Think User First - Cookpad × Fablic」で公開した資料です ※一部の情報を編集した上で公開しています
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
Miwa Kuramitsu
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
エンジニアさんたちには無縁と思われがちの「Adobe」製品の中に、最近フロントエンド界隈で話題の「AdobeXD」があります。 AdobeXDはフロントエンドの人だけが使うものじゃない! エンジニアさんたちも使えてきっと幸せになるAdobeXDのお話をしました。
エンジニアもデザイナーもみんなで使えば幸せになれるAdobeXD
エンジニアもデザイナーもみんなで使えば幸せになれるAdobeXD
Sakie Muneyasu
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/322/room ーーーーーーーーーーーーーーーーーーーーーーー
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
schoowebcampus
宮崎のITイベント「Idea Quest」にて発表した「デザインの要件定義」のスライドになります。
デザインの要件定義
デザインの要件定義
Shin Iiboshi
2014年11月8日におこなわれたCREATE NOW “Best of Max”でのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
Hiroyuki Makishita
デブサミ2013(Developers Summit 2013)Action! 1日目のデザインセッション「デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜」の発表資料(2013年2月14日) -------------------------------------------------- 途中、時間がなくて話せなかったところも入っています(そこがかなりいい話だったりする)ので、やっぱりここも実際に聞きたい!という方はまたどこかで呼んでくださいm(_ _)m よろしくお願いします。
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Chihiro Tomita
2017年5月28日に開催されたABC2017Springでの講演資料
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
マルチデバイス対応(各デバイスに合わせたサイト制作)の必要性がでてきている昨今、レスポンシブWebデザイン(略してRWD)のキーワードを聞くようになりました。今回はRWDの概念〜基本的な考え方〜制作方法について解説させていただきます。RWDは制作手法の考え方、手法の1つですので正しく理解していただければと思います。
2013 HTML5カンファレンス レスポンシブWebデザイン
2013 HTML5カンファレンス レスポンシブWebデザイン
Daisuke Yamazaki
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
Was ist angesagt?
(20)
デザイン・エンジニアがWeb開発で考えること
デザイン・エンジニアがWeb開発で考えること
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
【第二回】デザイン初心者でも出来る!企業ロゴの作り方【案出し~デザイン作成編】
Uxデザイン定義書ワークショップ 20120726 公開版
Uxデザイン定義書ワークショップ 20120726 公開版
Sketchで変わるワークフロー
Sketchで変わるワークフロー
マンガボックスのアプリができるまで
マンガボックスのアプリができるまで
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
Ssi 20150519
Ssi 20150519
クックパッドデザイナーが実践するユーザーファースト
クックパッドデザイナーが実践するユーザーファースト
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
エンジニアもデザイナーもみんなで使えば幸せになれるAdobeXD
エンジニアもデザイナーもみんなで使えば幸せになれるAdobeXD
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
フラットデザインに出来ること/出来ないことを学ぶ 先生:橘 雄大
デザインの要件定義
デザインの要件定義
モバイルにも通用するデザインカンプ制作のイロハ
モバイルにも通用するデザインカンプ制作のイロハ
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
2013 HTML5カンファレンス レスポンシブWebデザイン
2013 HTML5カンファレンス レスポンシブWebデザイン
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
Andere mochten auch
Adobe XD Meeting #03 でのLTとして発表。 Adobe XD(0.6.12 Beta)を使用してアプリデザインのワークフローを改善できるか検証しました。
Adobe XDでアプリデザインのワークフローを改善
Adobe XDでアプリデザインのワークフローを改善
Shingo SuzukI
2017/02/07 (火) に開催されたAdobe XD Meeting #03 (https://xd-study.connpass.com/event/49530/) で発表したリピートグリッドを活用する方法を紹介したスライドです。
[Adobe XD] リピートグリッドで遊ぼう
[Adobe XD] リピートグリッドで遊ぼう
Risa Yuguchi
Adobe Experience Design Meeting #3で紹介した資料です
Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用
Kazuma Sekiguchi
Historia del Mundo
Historia
Historia
Andrés Hernandéz
Ps / Ai / Fw / Sketch ガチンコバトル勉強会 in 岡山 勉強会資料
FireworksでのRetina対応を考えてみた
FireworksでのRetina対応を考えてみた
Akira Maruyama
Proyecto del nuevo Club de Internet de la Biblioteca Pública del Estado en Zamora
141203 Proyecto nuevo Club de Internet
141203 Proyecto nuevo Club de Internet
Roberto GARCÍA ARRIBAS
2016年7月5日に開催したAdobe Experience Designの勉強会資料です。Fireworks使いの人向けにExperienceDesignの向き・不向きを解説しています。
FireworksユーザーのためのAdobe Experience Design
FireworksユーザーのためのAdobe Experience Design
Kazuma Sekiguchi
CSS Nite LP39 "CSS設計の理想と現実" のセッションスライドです。
CSS設計の理想と現実
CSS設計の理想と現実
拓樹 谷
大綱: UI / UX 在數位環境中的功用。 思考:以使用者為主的 UI / UX 設計。 從「核心資訊與路徑」出發進行 UI / UX 模型規劃。 實戰與提醒。
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
阿肯 KEN studio
Andere mochten auch
(9)
Adobe XDでアプリデザインのワークフローを改善
Adobe XDでアプリデザインのワークフローを改善
[Adobe XD] リピートグリッドで遊ぼう
[Adobe XD] リピートグリッドで遊ぼう
Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用
Historia
Historia
FireworksでのRetina対応を考えてみた
FireworksでのRetina対応を考えてみた
141203 Proyecto nuevo Club de Internet
141203 Proyecto nuevo Club de Internet
FireworksユーザーのためのAdobe Experience Design
FireworksユーザーのためのAdobe Experience Design
CSS設計の理想と現実
CSS設計の理想と現実
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)
Ähnlich wie ADOBE XD DAYS
「WPJ Conference Vol.1 DESIGN meets CODE」の発表資料
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
Hideki Akiba
デザイナーの目線をエンジニア風味で解説しています
Atomic Design デザインと実装の狭間
Atomic Design デザインと実装の狭間
takanori sugawara
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
Schoo講演資料130409
Schoo講演資料130409
schoowebcampus
UX JAM 11
Kwc uxjam160831
Kwc uxjam160831
Takami Yusuke
Schoo講演資料130409
Schoo講演資料130409
Ryosuke Matsumoto
Schoo講演資料130409
Schoo講演資料130409
schoowebcampus
大阪芸術大学での特別講義 @ 2015.11.18
テクノロジーを用いた表現と仕事
テクノロジーを用いた表現と仕事
Yasuyuki Ogino
how we can design mobile UX? How to engaged users to use service frequently? We have introduced those TIPS through this presentation with summary of book "mobile frontier" © rosenfeld media http://rosenfeldmedia.com/books/the-mobile-frontier/ This presentation was made for HDIfes #02 http://hdifes.doorkeeper.jp/events/5884
モバイルのためのUXデザイン
モバイルのためのUXデザイン
Yoshinori Wakizaka
ポートフォリオとしてNotionに埋め込むために作成したもの。
『こつこつ』ポートフォリオ用資料.pdf
『こつこつ』ポートフォリオ用資料.pdf
ssuser65f8d8
説明資料改良版
ポートフォリオ用資料 (1).pdf
ポートフォリオ用資料 (1).pdf
ssuser65f8d8
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
Mori Keita
第57回HTML5とか勉強会で、発表するかもしれなかった資料です。 UXデザインについて考えるときのポイントと、(ちょっと強引ですが)HTML5によってUXデザインが変わること、について紹介しています
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
Jiji Kim
Adobe XDと、AkyuiUnityというライブラリを用いて、効率よくゲームUIを構築する方法を紹介します。 個人開発からチーム開発まで、あらゆる開発規模で効率化を図ることが出来ます。 [講演動画](https://www.youtube.com/watch?v=jTPrI3DGR5A) --- Gotanda.unity #17の発表資料です。 https://meetup.unity3d.jp/jp/events/1279
Adobe XDを使うと、こんなに効率よくゲームUIが作れちゃうの!?
Adobe XDを使うと、こんなに効率よくゲームUIが作れちゃうの!?
kyu buns
2016/12/06 LINE Directors' Talk
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション
LINE Corporation
社内勉強会の時に使った資料です。
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
neokigao
システム設計の流れを前提としたデザイナーにおける考え方のアプローチをご紹介です。
UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?
Takami Yusuke
だれでも簡単に使える無償のプロトタイプツール、Indigo Studio をご紹介します。
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
インフラジスティックス・ジャパン株式会社
HoloLens Meetup Vol.9にて登壇した内容です。 SoftBank MR Intel Simulator(仮)の開発を務めるTHINK AND SENSE(株式会社ティーアンドエス)の紹介と、SoftBank MR Intel Simulator(仮)の体験についてです。
SoftBank MR Intel Simulator(仮)の体験について
SoftBank MR Intel Simulator(仮)の体験について
貴文 湯浅
Think, Mind, Vision etc..
Think, Mind, Vision etc..
c-mitsuba
Ähnlich wie ADOBE XD DAYS
(20)
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
Atomic Design デザインと実装の狭間
Atomic Design デザインと実装の狭間
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
Schoo講演資料130409
Schoo講演資料130409
Kwc uxjam160831
Kwc uxjam160831
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
Schoo講演資料130409
テクノロジーを用いた表現と仕事
テクノロジーを用いた表現と仕事
モバイルのためのUXデザイン
モバイルのためのUXデザイン
『こつこつ』ポートフォリオ用資料.pdf
『こつこつ』ポートフォリオ用資料.pdf
ポートフォリオ用資料 (1).pdf
ポートフォリオ用資料 (1).pdf
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
ABC2013 Spring デザインナーとエンジニアの連携プレイのコツ
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
Adobe XDを使うと、こんなに効率よくゲームUIが作れちゃうの!?
Adobe XDを使うと、こんなに効率よくゲームUIが作れちゃうの!?
企画したUXをプロダクトに反映するディレクション
企画したUXをプロダクトに反映するディレクション
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
SoftBank MR Intel Simulator(仮)の体験について
SoftBank MR Intel Simulator(仮)の体験について
Think, Mind, Vision etc..
Think, Mind, Vision etc..
ADOBE XD DAYS
1.
エンジニアへの受け渡しの果て、 デザイナーの内宇宙に収斂した選択 Sony Interactive Entertainment 池原健治(@kenji_clown5)
2.
そもそもXDで本気デザインはできる? シンプルでコンポーネント化が可能なデザイン。 XDが得意とするデザイン XDが苦手とするデザイン 複雑で有機的/写実的なデザイン → 外部ツールに大きく依存する → XD上でデザインが完結する ?
3.
受け渡しの定義 • コンテンツ(アプリ)全体の構成 • UI・画面・個々のパーツデザイン •
アニメーション、インタラクション デザイナーが伝えたいこと エンジニアが欲しいもの • コンテンツ(アプリ)の仕様書、指示書 • 全パターンの破綻のないデザインデータ(位置計測、画像書き出し) • 言語化もしくは可視化されたアニメーション、インタラクション いい感じの見た目と動き 論理的な情報群
4.
受け渡しツールあれこれ • Photoshop おそらく一番多いパターン。 • Illustrator 高解像度対応で需要高まり中。 •
Animate(Flash)、Fireworks 超限定的。 • XD、Sketch ワイヤーフレームやプロトタイピングに。
5.
比較1: PSDファイルとPhotoshop • 豊富な書き出しオプション、品質コントロール •
Illustrator連携(スマートオブジェクト) • CSS書き出し • レイヤー操作が直感的ではない • 画像編集機能が強力な故の弊害 (描画モードとレイヤー効果に注意) 良いところ 残念なところ
6.
比較2: PSDファイルとExtract • Adobeソフト不要 •
オブジェクト間の距離計測、サイズ確認が直感的にできる • CSS書き出し • 読み込みと展開に時間がかかる • 今後もサービスが継続するか不安 (Dreamweaverにも内包されてるよ) 良いところ 残念なところ
7.
• 動作が軽い • オブジェクト間の距離計測、サイズ確認が直感的にできる •
全体の構成(ユーザーフロー)を俯瞰できる • 画面遷移アニメーションの可視化、数値化 比較3: Adobe XD • 書き出し機能不足(PNG 8bit、JPG、CSS) • Photoshop、Illustratorとの連携が一方通行 良いところ 残念なところ
8.
比較表(異論は認める) Photoshop Extract Adobe
XD レスポンス ○ △ ◎ 距離/サイズ計測 △ ○ ◎ 画像書き出し ◎ ○ △ CSSコピー ○ ◎ × 画面遷移 アニメ ーション × × ◎
9.
ぼくのかんがえたさいきょうのXD • JPG書き出し • リピートグリッド内のオブジェクトに連番を振って一括で書き出す •
スマートオブジェクト(Photoshop、Illustrator連携) • CSS書き出し → UPDATE予定 • スタイルガイド生成 → UPDATE予定 • バージョン管理 → UPDATE予定
10.
本日のまとめ • XDが得意とするデザインなら受け渡しに使えるかも • チーム内でのXDに対する情報共有が必須 •
一部の画像書き出しはデザイナー側のヘルプが必要 • コンポーネント化を想定した分かり易い構成を心掛ける - 適切なシンボル化 - レイヤー名の徹底(命名規則を決めておくと尚良し) ただし!
11.
おしまい
Jetzt herunterladen