Submit Search
Upload
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
•
7 likes
•
1,522 views
Hideki Akiba
Follow
HTML5 Conference MIYAZAKIで講演したスライド「デザイナーとしてのHTML5への向き合い方」です。
Read less
Read more
Design
Report
Share
Report
Share
1 of 38
Download now
Download to read offline
Recommended
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
Hideki Akiba
実践的なUXデザインとインタラクションデザインの考え方
実践的なUXデザインとインタラクションデザインの考え方
Takahiro Ishiyama
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
Toshihiko Yamakami
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Satoru MURAKOSHI
Recommended
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
HTML5のcanvas2Dアニメーションことはじめ(Webプラットフォーム勉強会 1307)
Hideki Akiba
実践的なUXデザインとインタラクションデザインの考え方
実践的なUXデザインとインタラクションデザインの考え方
Takahiro Ishiyama
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
コンバージョン心理学によるウェブ・デザイン
コンバージョン心理学によるウェブ・デザイン
Toshihiko Yamakami
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
グッドパッチのデザインカルチャーの作り方
グッドパッチのデザインカルチャーの作り方
Satoru MURAKOSHI
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
Yoshiki Hayama
GREE Creators Meetup_Closing
GREE Creators Meetup_Closing
Satoru MURAKOSHI
UI Crunch#3:プロトタイピングにおける「段階」
UI Crunch#3:プロトタイピングにおける「段階」
Satoru MURAKOSHI
Why prototype ? / なぜプロトタイプが必要か?
Why prototype ? / なぜプロトタイプが必要か?
Shunsuke Kawai
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Yoshiki Hayama
UXデザイン・UXリサーチってだいぶ広まったよね?
UXデザイン・UXリサーチってだいぶ広まったよね?
Yoshiki Hayama
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Satoru MURAKOSHI
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Risako Imai
Techniques for getting insights from customers
Techniques for getting insights from customers
Naoka MISAWA
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
力也 伊原
チャットボットのUXと、導入現場のリアル:Webmaster Camp: 企業サイトの担当者が考えておきたい、AIとUIの今。
チャットボットのUXと、導入現場のリアル:Webmaster Camp: 企業サイトの担当者が考えておきたい、AIとUIの今。
Yoshiki Hayama
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
Yoshiki Hayama
プロトタイプとワークフロー Prototype and Workflow
プロトタイプとワークフロー Prototype and Workflow
atmarkit
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Taiki Kawakami
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
Yoshiki Hayama
HacobuneでDiscord Bot起動してみた
HacobuneでDiscord Bot起動してみた
nodokamome
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
ディレクターとして取り組むHCD業務の実際
ディレクターとして取り組むHCD業務の実際
寛 水野
American Industrial Revolution
American Industrial Revolution
Jackeline Villarreal
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
Taisuke Fukuno
More Related Content
What's hot
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
Yoshiki Hayama
GREE Creators Meetup_Closing
GREE Creators Meetup_Closing
Satoru MURAKOSHI
UI Crunch#3:プロトタイピングにおける「段階」
UI Crunch#3:プロトタイピングにおける「段階」
Satoru MURAKOSHI
Why prototype ? / なぜプロトタイプが必要か?
Why prototype ? / なぜプロトタイプが必要か?
Shunsuke Kawai
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Yoshiki Hayama
UXデザイン・UXリサーチってだいぶ広まったよね?
UXデザイン・UXリサーチってだいぶ広まったよね?
Yoshiki Hayama
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
Masahiko Yoshikawa
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
Satoru MURAKOSHI
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Risako Imai
Techniques for getting insights from customers
Techniques for getting insights from customers
Naoka MISAWA
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
力也 伊原
チャットボットのUXと、導入現場のリアル:Webmaster Camp: 企業サイトの担当者が考えておきたい、AIとUIの今。
チャットボットのUXと、導入現場のリアル:Webmaster Camp: 企業サイトの担当者が考えておきたい、AIとUIの今。
Yoshiki Hayama
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
Yoshiki Hayama
プロトタイプとワークフロー Prototype and Workflow
プロトタイプとワークフロー Prototype and Workflow
atmarkit
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Taiki Kawakami
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
Yoshiki Hayama
HacobuneでDiscord Bot起動してみた
HacobuneでDiscord Bot起動してみた
nodokamome
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
ディレクターとして取り組むHCD業務の実際
ディレクターとして取り組むHCD業務の実際
寛 水野
What's hot
(20)
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
もしプロダクトマネージャー・プロダクトチームにUXリサーチのメンターがついたら <レクイエム>
GREE Creators Meetup_Closing
GREE Creators Meetup_Closing
UI Crunch#3:プロトタイピングにおける「段階」
UI Crunch#3:プロトタイピングにおける「段階」
Why prototype ? / なぜプロトタイプが必要か?
Why prototype ? / なぜプロトタイプが必要か?
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
Connecting The Dots - 長期のキャリアビジョンなくてもUXデザイナー20年やれた
UXデザイン・UXリサーチってだいぶ広まったよね?
UXデザイン・UXリサーチってだいぶ広まったよね?
いいデザインのために組織の一人ひとりができること
いいデザインのために組織の一人ひとりができること
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
20150205 schoo Webディレクションに必要なスキルセットとマインドセット
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Techniques for getting insights from customers
Techniques for getting insights from customers
プロトタイピングツール投入のケーススタディ
プロトタイピングツール投入のケーススタディ
チャットボットのUXと、導入現場のリアル:Webmaster Camp: 企業サイトの担当者が考えておきたい、AIとUIの今。
チャットボットのUXと、導入現場のリアル:Webmaster Camp: 企業サイトの担当者が考えておきたい、AIとUIの今。
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
UXデザインのはじめの一歩を体験しよう! ユーザーインタビュー、ユーザー心理分析の基本:DevLOVE関西
プロトタイプとワークフロー Prototype and Workflow
プロトタイプとワークフロー Prototype and Workflow
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!
HacobuneでDiscord Bot起動してみた
HacobuneでDiscord Bot起動してみた
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
ディレクターとして取り組むHCD業務の実際
ディレクターとして取り組むHCD業務の実際
Viewers also liked
American Industrial Revolution
American Industrial Revolution
Jackeline Villarreal
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
Taisuke Fukuno
Followership
Followership
Aireyno
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
美帆 江藤
なぜ今デザイナーにプログラミングなのか?
なぜ今デザイナーにプログラミングなのか?
Taisuke Fukuno
水平思考のススメ
水平思考のススメ
Keisuke Oohata
デザイナー視点から見たWeb開発する人々
デザイナー視点から見たWeb開発する人々
Miho Matsui
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
Tsuyoshi Kaneko
SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路
Atsushi Handa
「おもしろい」の社会実装のために
「おもしろい」の社会実装のために
Shoji Komai
これを読めば箱根駅伝が楽しくなる!
これを読めば箱根駅伝が楽しくなる!
Noriyuki Nonomura
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
Hideki Akiba
これからの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
WordVolcano2012 LT What is WP-D
WordVolcano2012 LT What is WP-D
Hajime Ogushi
Viewers also liked
(20)
American Industrial Revolution
American Industrial Revolution
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
スポーツ選手の眼を盗む - ウェアラブル実証実験報告
Followership
Followership
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
モバイルネイティブ世代の台頭で変わるコミュニケーションの形
なぜ今デザイナーにプログラミングなのか?
なぜ今デザイナーにプログラミングなのか?
水平思考のススメ
水平思考のススメ
デザイナー視点から見たWeb開発する人々
デザイナー視点から見たWeb開発する人々
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
小五月蝿いデザイナーに「いいじゃん」て言わせる【画像編集のTOPICS15】
SaCSS vol.68 効率化という病気にかかった男の末路
SaCSS vol.68 効率化という病気にかかった男の末路
「おもしろい」の社会実装のために
「おもしろい」の社会実装のために
これを読めば箱根駅伝が楽しくなる!
これを読めば箱根駅伝が楽しくなる!
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
伝えあう図解術
伝えあう図解術
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
エンジニアからデザイナーに贈るプロトタイピングのすすめ - 春のフロントエンド祭り 2015
頭を柔らかくするデザインの発想 by Life is Tech !
頭を柔らかくするデザインの発想 by Life is Tech !
ぼっけもんデザイナーへの道
ぼっけもんデザイナーへの道
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
ノンプログラミングでここまでできる!WebデザイナーのためのCS-Cartカスタマイズ講座
普通以下のデザイナーがなんとかやっていく方法
普通以下のデザイナーがなんとかやっていく方法
WordVolcano2012 LT What is WP-D
WordVolcano2012 LT What is WP-D
Similar to デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
DXコース_WS_Vol1.pptx
DXコース_WS_Vol1.pptx
Shigeyuki Kameda
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
Mitsue-Links
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
sogawaminoru
Toolkit for CreateJSで作るリッチコンテンツ
Toolkit for CreateJSで作るリッチコンテンツ
Yasunobu Ikeda
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
Masakazu Muraoka
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
Web
Web
Haruko Kakiuchi
人が作るソフトウェア 〜今組織パターンを読む意味〜
人が作るソフトウェア 〜今組織パターンを読む意味〜
Yukei Wachi
あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹
あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹
Hideki Akiba
WEBアプリケーション開発におけるUX
WEBアプリケーション開発におけるUX
Hiromitsu Miyanishi
HTML5時代のモバイルWEBアプリケーションデザイン 先生:白石 俊平・秋葉 秀樹
HTML5時代のモバイルWEBアプリケーションデザイン 先生:白石 俊平・秋葉 秀樹
schoowebcampus
Vs code conf2020-11-21-extensions-for-microservices-app-dev
Vs code conf2020-11-21-extensions-for-microservices-app-dev
Shotaro Suzuki
60分でわかるレスポンシブWebデザイン[セミナー資料]
60分でわかるレスポンシブWebデザイン[セミナー資料]
Daisuke Yamazaki
Future customer experience
Future customer experience
Katsuhiro Aizawa
20180119_AIを支えるクラウド技術
20180119_AIを支えるクラウド技術
康平 秋山
Graphic VR -World of Creating VR by Designer!-
Graphic VR -World of Creating VR by Designer!-
Tomoyo Hirayama
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
Masakazu Muraoka
うちの開発におけるXD利用法
うちの開発におけるXD利用法
Kazuma Sekiguchi
エンジニアと"協同"してサービスをつくる
エンジニアと"協同"してサービスをつくる
Ishikawa Yuya
Similar to デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
(20)
DXコース_WS_Vol1.pptx
DXコース_WS_Vol1.pptx
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
Toolkit for CreateJSで作るリッチコンテンツ
Toolkit for CreateJSで作るリッチコンテンツ
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
Web
Web
人が作るソフトウェア 〜今組織パターンを読む意味〜
人が作るソフトウェア 〜今組織パターンを読む意味〜
あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹
あのロゴあのパーツ、どんなグラフィックソフトで作ってるんだろう?/秋葉秀樹
WEBアプリケーション開発におけるUX
WEBアプリケーション開発におけるUX
HTML5時代のモバイルWEBアプリケーションデザイン 先生:白石 俊平・秋葉 秀樹
HTML5時代のモバイルWEBアプリケーションデザイン 先生:白石 俊平・秋葉 秀樹
Vs code conf2020-11-21-extensions-for-microservices-app-dev
Vs code conf2020-11-21-extensions-for-microservices-app-dev
60分でわかるレスポンシブWebデザイン[セミナー資料]
60分でわかるレスポンシブWebデザイン[セミナー資料]
Future customer experience
Future customer experience
20180119_AIを支えるクラウド技術
20180119_AIを支えるクラウド技術
Graphic VR -World of Creating VR by Designer!-
Graphic VR -World of Creating VR by Designer!-
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
うちの開発におけるXD利用法
うちの開発におけるXD利用法
エンジニアと"協同"してサービスをつくる
エンジニアと"協同"してサービスをつくる
More from 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
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Hideki Akiba
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
Hideki Akiba
Html5west
Html5west
Hideki Akiba
More from Hideki Akiba
(11)
デザインエンジニア・ボーダーレスな時代を楽しもう!
デザインエンジニア・ボーダーレスな時代を楽しもう!
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を使ったデモとソースの解説
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
Web標準技術の今とこれからを考える(村岡正和 ・ 秋葉秀樹)
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
Html5west
Html5west
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
1.
デザイナーとしてのHTML5への向き合い方 「機能」をデザインすること それは「安心」をデザインすること
秋葉秀樹 http://www.flickr.com/photos/michaelswiet/5487292660/
2.
Wireframe 今どき「ワイヤーフレーム通りにつくる」?
3.
JavaScript = Design
!? × GOAL! デザイナーにとってJavaScriptはデザインの困難を解決する「手段」のひとつ http://kage-design.com
4.
Technology
... 社内勉強会は本質を誤ると長続きしない http://www.flickr.com/photos/24800564@N03/7209304828/sizes/z/in/photostream/ http://fukidesign.com
5.
One for All
All for One コンテンツの届け方が今まで以上にひろがるということは Web制作は個人プレーではなく団体戦の質が大切
6.
for Web Designer
ひとりで解決できることは限られている 何を学ぶか? 個人スキルか?チーム向上か?技術か?
7.
自己紹介
秋葉秀樹(あきば・ひでき) フリーランスのデザイナー/ 株式会社インヴォーグ外部CTO兼テクニカルアドバイザー (社内クリエイティブチームの育成強化および技術研究) 企画営業・DTP・グラフィックデザイン・ Webフロントエンド全般・Flashゲーム開発・ 3DCGモデリング・Webディレクター 執筆書籍
8.
実績(Web アプリケーション) Grad3 http://grad3.ecoloniq.jp/
9.
実績(スマートフォンアプリケーション) Ikesu https://play.google.com/store/apps/details?id= air.jp.co.brilliantservice.TouchAquarium2
10.
Chapter 1 Designer's Definition
デザイナーという定義
11.
?
Visual Sensation Grid Layout Color Scheme Photography Illustration, CG, etc... Web Designer? ? ? App Skills Markup Fireworks HTML Photoshop CSS Illustrator CMS
12.
!!!
GOAL! 困難な状況をどうデザインするか?
13.
/ Multi Device =
MediaQueries?
14.
Multi Device ≠
CSS MediaQueries !? すべての解決策がメディアクエリとは限らない 単にPCと同じコンテンツを小さくしたところで、ユーザ目線での解決にはならない
15.
技術的
心理的 解決? 解決! レイアウトや技術より先に 要求の本質を考えてデザインする http://www.flickr.com/photos/michaelswiet/5487292660/
16.
Thinks for a
user. http://store.sony.jp/Special/Compare/Camera/Ichigan/
17.
Web Designer 1
User's Action ユーザの行動を「デザイン」する 2 Grid Layout Fireworks HTML Color Scheme Photoshop CSS Photography Illustrator Illustration, CG, etc...
18.
Chapter 2 Designer
× デザイナーと技術の関係
19.
アイデアから逃げない、向き合うデザイナー
20.
2012年 Web制作現場の有効求人倍率 8
7.53 6 4 3.49 2.56 2.36 2 2.04 1.9 0 マーケティング プロデューサー デザイナー ディレクター コーダー エンジニア [出典]リクルートキャリア内の有効求人倍率データより
21.
「弊社はWebデザイナーを募集しています」 【求める人物・スキル・経験】 ◆Webデザイナーとしての実務経験 ◆Dreamweaver、Photoshop、Illustrator、Flashの実務レベルのスキル ◆HTML5+CSS3の理解 【歓迎するスキル】 ウェブプログラミング、JavaScript/jQueryができる方
そんなに簡単じゃない
22.
JavaScript Skill
No! ノンプログラマーにとってプログラミングスキルとは全く違うスキル
23.
(デザイン) 技術も絡めたユーザ行動を考えるデザイナー
(技術) 私たちが届けるコンテンツはWebブラウザを使っているから 技術と向き合うのは必須
24.
技術でユーザの操作を減らせられないか?
店舗検索 操作に慣れている 操作は苦手 キーワード 検索 ? 技術によって解決できるデザインとは? http://www.flickr.com/photos/quinnanya/5306560579/sizes/l/in/photostream/ http://www.flickr.com/photos/quinnanya/5308132092/sizes/l/in/photostream/
25.
もっと簡単にできないだろうか?
26.
写真投稿型キャンペーンサイトとかできないだろうか? <input type="file">
カメラを使える
27.
アイデアから逃げない
28.
Chapter 3 Workflow
協業する現在
29.
Communication http://www.flickr.com/photos/buriednexttoyou/5047684334/sizes/l/in/photostream/
30.
ユーザ操作にとって「不都合な状況」を考えたデザイン 電波がないところでも読ませてあげられないかな?
不安を解消できる機能デザイン Offline Cache
31.
開くたびに母国語のボタンを押すなんてありえないよね? 一度中国語で読んだんだから、次からはトーゼン中国語表示!
LocalStorage http://waoryu.jp/
32.
Geolocation
MediaCapture http://twitter.com/
33.
<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; }
34.
動的かつ非同期なコンテンツはこれから増え続け、 デザイナーはこれらの仕組みを知るだけで修正の手間が減るだろう
35.
今、読み込んでる?電波切れてる!?
<body> <h1>XMLHTTPREQUEST L2 Progress</h1> <progress></progress> <p id="par"><span></span>%</p> <a href="#" id="loadStart">読み込み</a> </body> 不安を解消できる機能デザイン
36.
「機能」をデザインすること それは「安心」をデザインすること ユーザの不安を解消する機能をデザインすること
必要なのはプログラミングスキルではない http://www.flickr.com/photos/michaelswiet/5487292660/
37.
私たちWebデザイナーこそHTML5技術に必要な存在 便利な機能を用いてどうコンテンツを届けるか?
まずはそこを学習しよう!
38.
Thanks !! Hidetaro7@Twitter
秋葉秀樹
Download now