Enviar búsqueda
Cargar
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
•
82 recomendaciones
•
5,272 vistas
Hideki Akiba
Seguir
日本Webデザイナーズ協会、株式会社インヴォーグ共催のセミナー「JWSDA×IN VOGUE スマフォで遊ぼ!インヴォーグ流スマートフォンソリューション」の講演スライドです。
Leer menos
Leer más
Denunciar
Compartir
Denunciar
Compartir
1 de 35
Descargar ahora
Descargar para leer sin conexión
Recomendados
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
Takashi Kitamura
コンテンツファーストなWebサイト運用
コンテンツファーストなWebサイト運用
Risako Imai
a-blog cms 導入サイトのためのデザインカンプ制作術
a-blog cms 導入サイトのためのデザインカンプ制作術
Risako Imai
2018年に於ける HTML の役割(概要編)
2018年に於ける HTML の役割(概要編)
UX Ojisan
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
次世代ツールを使った『マークアップのための』Webデザイン術
次世代ツールを使った『マークアップのための』Webデザイン術
Risako Imai
インブラウザデザインのすすめ
インブラウザデザインのすすめ
株式会社ND&I しかたこうき
Recomendados
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
Takashi Kitamura
コンテンツファーストなWebサイト運用
コンテンツファーストなWebサイト運用
Risako Imai
a-blog cms 導入サイトのためのデザインカンプ制作術
a-blog cms 導入サイトのためのデザインカンプ制作術
Risako Imai
2018年に於ける HTML の役割(概要編)
2018年に於ける HTML の役割(概要編)
UX Ojisan
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
次世代ツールを使った『マークアップのための』Webデザイン術
次世代ツールを使った『マークアップのための』Webデザイン術
Risako Imai
インブラウザデザインのすすめ
インブラウザデザインのすすめ
株式会社ND&I しかたこうき
Wireframe(po) ishikurapdf
Wireframe(po) ishikurapdf
Keisuke Ishikra
Wireframe Template
Wireframe Template
Two Rivers Consulting Corporation
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
美帆 江藤
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
Tsuyoshi Kaneko
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
Taisuke Fukuno
なぜ今デザイナーにプログラミングなのか?
なぜ今デザイナーにプログラミングなのか?
Taisuke Fukuno
デザイナー視点から見たWeb開発する人々
デザイナー視点から見たWeb開発する人々
Miho Matsui
水平思考のススメ
水平思考のススメ
Keisuke Oohata
Followership
Followership
Aireyno
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
Hideki Akiba
「おもしろい」の社会実装のために
「おもしろい」の社会実装のために
Shoji Komai
これを読めば箱根駅伝が楽しくなる!
これを読めば箱根駅伝が楽しくなる!
Noriyuki Nonomura
SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路
Atsushi Handa
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
伝えあう図解術
伝えあう図解術
hiroyuki Yamamoto
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
Naoki Yamada
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !
Naoki Kanazawa
ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道
Hideki Akiba
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
YUKI YAMAGUCHI
普通以下のデザイナーがなんとかやっていく方法
普通以下のデザイナーがなんとかやっていく方法
Shingo Katsushima
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
Mitsue-Links
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
Hideki Akiba
Más contenido relacionado
Destacado
Wireframe(po) ishikurapdf
Wireframe(po) ishikurapdf
Keisuke Ishikra
Wireframe Template
Wireframe Template
Two Rivers Consulting Corporation
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
美帆 江藤
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
Tsuyoshi Kaneko
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
Taisuke Fukuno
なぜ今デザイナーにプログラミングなのか?
なぜ今デザイナーにプログラミングなのか?
Taisuke Fukuno
デザイナー視点から見たWeb開発する人々
デザイナー視点から見たWeb開発する人々
Miho Matsui
水平思考のススメ
水平思考のススメ
Keisuke Oohata
Followership
Followership
Aireyno
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
Hideki Akiba
「おもしろい」の社会実装のために
「おもしろい」の社会実装のために
Shoji Komai
これを読めば箱根駅伝が楽しくなる!
これを読めば箱根駅伝が楽しくなる!
Noriyuki Nonomura
SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路
Atsushi Handa
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
伝えあう図解術
伝えあう図解術
hiroyuki Yamamoto
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
Naoki Yamada
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !
Naoki Kanazawa
ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道
Hideki Akiba
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
YUKI YAMAGUCHI
普通以下のデザイナーがなんとかやっていく方法
普通以下のデザイナーがなんとかやっていく方法
Shingo Katsushima
Destacado
(20)
Wireframe(po) ishikurapdf
Wireframe(po) ishikurapdf
Wireframe Template
Wireframe Template
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
なぜ今デザイナーにプログラミングなのか?
なぜ今デザイナーにプログラミングなのか?
デザイナー視点から見たWeb開発する人々
デザイナー視点から見たWeb開発する人々
水平思考のススメ
水平思考のススメ
Followership
Followership
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
「おもしろい」の社会実装のために
「おもしろい」の社会実装のために
これを読めば箱根駅伝が楽しくなる!
これを読めば箱根駅伝が楽しくなる!
SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
伝えあう図解術
伝えあう図解術
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !
ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
普通以下のデザイナーがなんとかやっていく方法
普通以下のデザイナーがなんとかやっていく方法
Similar a HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
Mitsue-Links
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
Hideki Akiba
Toolkit for CreateJSで作るリッチコンテンツ
Toolkit for CreateJSで作るリッチコンテンツ
Yasunobu Ikeda
60分でわかるレスポンシブWebデザイン[セミナー資料]
60分でわかるレスポンシブWebデザイン[セミナー資料]
Daisuke Yamazaki
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Hideki Akiba
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
Masakazu Muraoka
20180119_AIを支えるクラウド技術
20180119_AIを支えるクラウド技術
康平 秋山
Vs code conf2020-11-21-extensions-for-microservices-app-dev
Vs code conf2020-11-21-extensions-for-microservices-app-dev
Shotaro Suzuki
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Satoru MURAKOSHI
Web
Web
Haruko Kakiuchi
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
Yusuke Kawabata
あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹
あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹
Hideki Akiba
WEBアプリケーション開発におけるUX
WEBアプリケーション開発におけるUX
Hiromitsu Miyanishi
Webデザイナーにフル活用してもらいたいWeb制作ツール
Webデザイナーにフル活用してもらいたいWeb制作ツール
Keisuke Todoroki
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
Masakazu Muraoka
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
Application Architecture for Enterprise Win Store Apps with DDD Pattern
Application Architecture for Enterprise Win Store Apps with DDD Pattern
Atsushi Kambara
エンジニアと"協同"してサービスをつくる
エンジニアと"協同"してサービスをつくる
Ishikawa Yuya
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
webcampusschoo
Similar a HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
(20)
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
Toolkit for CreateJSで作るリッチコンテンツ
Toolkit for CreateJSで作るリッチコンテンツ
60分でわかるレスポンシブWebデザイン[セミナー資料]
60分でわかるレスポンシブWebデザイン[セミナー資料]
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
20180119_AIを支えるクラウド技術
20180119_AIを支えるクラウド技術
Vs code conf2020-11-21-extensions-for-microservices-app-dev
Vs code conf2020-11-21-extensions-for-microservices-app-dev
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Web
Web
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
PHPとフロントのイイ関係・動くスタイルガイドをつくろう
あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹
あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹
WEBアプリケーション開発におけるUX
WEBアプリケーション開発におけるUX
Webデザイナーにフル活用してもらいたいWeb制作ツール
Webデザイナーにフル活用してもらいたいWeb制作ツール
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
Application Architecture for Enterprise Win Store Apps with DDD Pattern
Application Architecture for Enterprise Win Store Apps with DDD Pattern
エンジニアと"協同"してサービスをつくる
エンジニアと"協同"してサービスをつくる
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
カフェのWEBサイトを作って、WEBデザインの基礎と技術を学ぶ
Más de Hideki Akiba
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
Hideki Akiba
Webデザイナー、 Tesselに挑戦
Webデザイナー、 Tesselに挑戦
Hideki Akiba
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
Hideki Akiba
見た目以上に大事なこれからのデザイン
見た目以上に大事なこれからのデザイン
Hideki Akiba
伝わる!デザインのつくりかた
伝わる!デザインのつくりかた
Hideki Akiba
Firefox OSアプリ 「ModeView」
Firefox OSアプリ 「ModeView」
Hideki Akiba
DesignersHack002 presentation
DesignersHack002 presentation
Hideki Akiba
HTML5 APIを使ったデモとソースの解説
HTML5 APIを使ったデモとソースの解説
Hideki Akiba
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
Hideki Akiba
Html5west
Html5west
Hideki Akiba
Más de Hideki Akiba
(10)
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
Webデザイナー、 Tesselに挑戦
Webデザイナー、 Tesselに挑戦
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
見た目以上に大事なこれからのデザイン
見た目以上に大事なこれからのデザイン
伝わる!デザインのつくりかた
伝わる!デザインのつくりかた
Firefox OSアプリ 「ModeView」
Firefox OSアプリ 「ModeView」
DesignersHack002 presentation
DesignersHack002 presentation
HTML5 APIを使ったデモとソースの解説
HTML5 APIを使ったデモとソースの解説
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
Html5west
Html5west
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
1.
HTML5な今日この頃に贈る、 Webデザイナーこれからの生きる道
秋葉秀樹 http://www.flickr.com/photos/guntrader/5683182247/sizes/z/in/photostream/
2.
Wireframe 今どき「ワイヤーフレーム通りにつくる」?
3.
チームは全員参加、アイデアに活かせることが優先
... ... ... ...
4.
アプリ開発の技術が評価される時代だからこそ チームの強化におけるWebデザイナー・ディレクターの価値を上げよう
5.
自己紹介
秋葉秀樹(あきば・ひでき) フリーランスのデザイナー/ 株式会社インヴォーグ外部CTO兼テクニカルアドバイザー (社内クリエイティブチームの育成強化および技術研究) 企画営業・DTP・グラフィックデザイン・ Webフロントエンド全般・Flashゲーム開発・ 3DCGモデリング・Webディレクター 執筆書籍
6.
実績(Web アプリケーション) Grad3 http://grad3.ecoloniq.jp/
7.
実績(Webサイト & ビジュアルデザイン) Sadie
http://www.sadie-web.com/pc-top.html
8.
実績(スマートフォンアプリケーション) Ikesu https://play.google.com/store/apps/details?id=air.jp.co.brilliantservice.TouchAquarium&hl=ja
9.
Chapter 1 Designer's definition
デザイナーという定義
10.
?
Visual Sensation Grid Layout Color Scheme Photography Illustration, CG, etc... Web Designer? ? ? App Skills Markup Fireworks HTML Photoshop CSS Illustrator CMS
11.
!!!
GOAL! 困難な状況をどうデザインするか?
12.
/ Multi Device =
MediaQueries?
13.
Multi Device ≠
CSS MediaQueries !? すべての解決策がメディアクエリとは限らない 単にPCと同じコンテンツを小さくしたところで、ユーザ目線での解決にはならない
14.
技術的
心理的 解決? 解決! レイアウトや技術より先に 要求の本質を考えてデザインする http://www.flickr.com/photos/56981260@N08/8384489043/sizes/l/in/photostream/
15.
Thinks for a
user. http://store.sony.jp/Special/Compare/Camera/Ichigan/
16.
Web Designer 1
User's Action ユーザの行動を「デザイン」する 2 Grid Layout Fireworks HTML Color Scheme Photoshop CSS Photography Illustrator Illustration, CG, etc...
17.
Chapter 2 Designer
× デザイナーと技術の関係
18.
アイデアを届けるのは誰の仕事?
19.
歓迎されないからといって…
「弊社はWebデザイナーを募集しています」 【求める人物・スキル・経験】 ◆Webデザイナーとしての実務経験 ◆Dreamweaver、Photoshop、Illustrator、Flashの実務レベルのスキル ◆HTML5+CSS3の理解 【歓迎するスキル】 ウェブプログラミング、JavaScript/jQueryができる方 デザイナーに歓迎する経験やスキルがプログラミング能力と言われるけど…
20.
JavaScript Skill
No! ノンプログラマーにとってプログラミングスキルとは全く違うスキル
21.
(ユーザ行動) 技術も絡めたデザインを考えるチカラ
(技術) なぜって私たちが届けるコンテンツはWebブラウザを使っているから
22.
技術でユーザの操作を減らせられないか?
店舗検索 操作に慣れている 操作は苦手 キーワード 検索 ? 技術によって解決できるデザインとは? http://www.flickr.com/photos/quinnanya/5306560579/sizes/l/in/photostream/ http://www.flickr.com/photos/quinnanya/5308132092/sizes/l/in/photostream/
23.
もっと簡単にできないだろうか?
24.
もっとアイデアで楽しませられないだろうか?
<input type="file">だけでカメラアクセスがOK
25.
アイデアを届けるのは誰の仕事?
26.
Chapter 3 Workflow
協業する現在
27.
ユーザ操作にとって「不都合な状況」を考えたデザイン 電波がないところでも読ませてあげられないかな?
Designer's Thinking Offline Cache
28.
開くたびに母国語のボタンを押すなんてありえないよね? 一度中国語で読んだんだから、次からはトーゼン中国語表示!
LocalStrage http://waoryu.jp/
29.
Geolocation
MediaCapture http://twitter.com/
30.
<div class="button camera-container"
style=""> <i class="camera-icon"></i> <input class="camera-input" name="media" type="file" accept="image/*"> </div> .camera-icon { background-position: -123px -77px; width: 21px; height: 20px; }
31.
Communication & Consensus 着手前のコミュニケーションはコンセンサスを産みやすい
32.
動的かつ非同期なコンテンツはこれから増え続け、 デザイナーはこれらの仕組みを知るだけで修正の手間が減るだろう
33.
今、読み込んでる?電波切れてる!?
<body> <h1>XMLHTTPREQUEST L2 Progress</h1> <progress></progress> <p id="par"><span></span>%</p> Designer's Thinking <a href="#" id="loadStart">読み込み</a> </body>
34.
デザイナーよ、そのユーザ操作… エンジニアに丸投げしてないか?
見えにくい「ユーザ行動」をデザインすること 「もし回線が切れたら・エラーが出たら…ユーザに何を与えるか?」 これはデザイナーが考えること
35.
Thanks !! Hidetaro7@Twitter
秋葉秀樹
Descargar ahora