Soumettre la recherche
Mettre en ligne
Webデザインのトーン&マナーを導き出す手法
•
23 j'aime
•
11,631 vues
Katsumi Tazuke
Suivre
Webサイトの構築に際して、デザイナーの領域とされていたデザインのトーン&マナーの方向性を導き出すため、簡便な手法をまとめた資料です。
Lire moins
Lire la suite
Design
Signaler
Partager
Signaler
Partager
1 sur 11
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
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.
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/312/room ーーーーーーーーーーーーーーーーーーーーーーー
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
私たちが実際にクライアント提案に使ったデザイン提案資料を共有します。これは提案に使ったスライドなので、詳細な解説はブログ記事(http://baigie.me/sogitani/2015/08/design-presentation/)でご覧ください。
デザイン提案の参考資料
デザイン提案の参考資料
Tsutomu Sogitani
宮崎のITイベント「Idea Quest」にて発表した「デザインの要件定義」のスライドになります。
デザインの要件定義
デザインの要件定義
Shin Iiboshi
2014年12月5日に行われたCreative Insightsでの発表資料です。 ※本スライド内に含まれているWebサイトやアプリのスクリーンショットは全て著作本の企業に帰属します。
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
2016年9月2日に開催された「Adobe MAX Japan」にて、crema design黒野明子と株式会社タガス浅野桜が発表したセッションのスライドです。
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
Sasaki Kouhei
Recommandé
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.
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/312/room ーーーーーーーーーーーーーーーーーーーーーーー
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
私たちが実際にクライアント提案に使ったデザイン提案資料を共有します。これは提案に使ったスライドなので、詳細な解説はブログ記事(http://baigie.me/sogitani/2015/08/design-presentation/)でご覧ください。
デザイン提案の参考資料
デザイン提案の参考資料
Tsutomu Sogitani
宮崎のITイベント「Idea Quest」にて発表した「デザインの要件定義」のスライドになります。
デザインの要件定義
デザインの要件定義
Shin Iiboshi
2014年12月5日に行われたCreative Insightsでの発表資料です。 ※本スライド内に含まれているWebサイトやアプリのスクリーンショットは全て著作本の企業に帰属します。
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
2016年9月2日に開催された「Adobe MAX Japan」にて、crema design黒野明子と株式会社タガス浅野桜が発表したセッションのスライドです。
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
ノンデザイナーのための「デザインの判断」はとりあえずコレだけおさえよう
Sasaki Kouhei
2015/05/15 DevLOVE関西 クリエイターの技術持ち寄り発表会~デザインそもそも論 https://devlove-kansai.doorkeeper.jp/events/23681 こちらで発表したスライドです。
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/344/room ーーーーーーーーーーーーーーーーーーーーーーー
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
デザイン仕様書(ガイド) デザイン仕様書(ガイド)書き方 (初歩者用) http://assistor.jp
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
2015年11月6日にSchooで行われた授業のスライドです。 https://schoo.jp/class/2930 これからのデザインに関わる仕事はどう変わっていくのか、そのときにその仕事にかかわる「デザイナー」と呼ばれる人はどのような能力を持った人なのか、みたいな話をしました。
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
nanapi勉強会「チームで作るデザイン / チームを作るデザイン」2014.11.11
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
2016年2月27日 産業技術大学院大学 履修証明プログラム『人間中心デザイン』HCD導入設計論の資料です。UXデザインをする技術と、UXデザインを組織に導入する技術は、まったく別のものである(UXデザインと組織論)ということを、正面から考えました
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
2019年9月2日 ヒューマンインタフェースシンポジウム2019 講習会ワークショップ@同志社大学今出川校舎
アイデア収束からプロトタイピング
アイデア収束からプロトタイピング
Masaya Ando
このデザインのどこが悪いか?をより具体的に伝えることができるようになるため、これだけはしっておきたいUIデザインの基本の「き」
UIデザインの基本
UIデザインの基本
Roy Kim
2021年7月25日の大企業イントルプレナー・ミートアップ2021、アイデアの講義のスライドを公開します。
アイデア発想法(大企業イントルプレナー・ミートアップ2021)
アイデア発想法(大企業イントルプレナー・ミートアップ2021)
Rikie Ishii
デザインは小さなテキストから始まります。コンテンツを膨大に抱える大規模なサイトでも、ユーザーにコンテンツ作成を委ねる小さなアプリケーションでも小さなテキストが行動の変化に繋がる場合があります。 コンテンツがある状態でデザインするのと、何もないままスタートするのでは大きな差が生まれます。 UI デザインの話になると、ビジュアルやインタラクションが話題の中心になりがちですが、コンテンツも UI です。なぜコンテンツが UI デザインにおいて重要なのかを解説すると共に、今セッションでは小さなテキストの工夫からはじまるデザインについて、幾つかのケーススタディーをみながら傾向と対策を紹介します。
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
リンクシェア フェア 2014 B3セミナー「UXデザインに学ぶ、ターゲット心理の分析テクニック」のプレゼン資料その1(プレゼン本編)です。資料その2(P.54の原本)「液晶ディスプレイ購入者の心理マップ」は http://www.slideshare.net/storywriterjp/20140621-linkshare-valuemap にあります。
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
2014年7月5日(土)開催の「UXD/HCD ワイワイCAFE」の資料です。UXデザインの手法であるオブザベーション(観察)のワークショップです。 https://uxd-hcd-waiwai-cafe.doorkeeper.jp/events/12559
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
Yoshiki Hayama
TREND OF UI DESIGN AND INTERACTION IN NATIVE APPS.
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
rie05
UXデザインの専門家でない人向けに、何をどうするとUXデザインになるのか、なんのためにやるのかを、ちょー乱暴に解説したスライドです。まだこれ自体が模索中であり、本当におかんが見たら意味がわからないこと請け合い。今後のバージョンアップが期待されます。なお、スライド中の解説について、深く知りたい場合はそれぞれ別個にぐぐるなり何なりして頑張ってください。
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
CONCENT DESIGN SCHOOL 2022.08.31. Wed 19:00〜21:00 Light program これからはじめるサービスデザイン speaker:長谷川 敦士 この10年で国内でもデザインの新しい領域として認知され、浸透が進んだサービスデザイン。しかしながら、UIデザインやグラフィックデザインなどと異なり、実際になにをつくるのか、どういった能力が求められるのか、といった疑問もよく聞かれます。本プログラムでは、サービスデザインとはなにか、どうやってはじめていくのか、なにを学べばよいのかといった点について、主としていまデザインを実践している人向けに概説します。
これからはじめるサービスデザイン
これからはじめるサービスデザイン
Concent, Inc.
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
2023年8月8日 ユニーリサーチアカデミーでのスライドです。「ユーザーインタビューってどうやるんだろう?」「インタビューしているけど、深掘りできている気がしない」というお悩みを抱える方向けに、ユーザーインタビューを生実演しました。インタビューのテーマは「推し活」。推し活に勤しむユーザーにお越しいただき、羽山がリアルタイムでユーザーインタビューをしました。セミナー自体はユーザーインタビューの生実演に主眼をおいて、具体的な会話テクニックなどはスライドに掲載しています。
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
Yoshiki Hayama
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
2013年1月28日 セミナーにてミニ講演 http://atnd.org/events/35028
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
Webデザイン概論の講義資料です。 主な対象は業務支援システムの開発されている方です。
Web design
Web design
kazuko kaneuchi
Creator's village in EHIMEの資料
プログラマがWebデザインについて考えてみた
プログラマがWebデザインについて考えてみた
Eigoro Yamamura
Contenu connexe
Tendances
2015/05/15 DevLOVE関西 クリエイターの技術持ち寄り発表会~デザインそもそも論 https://devlove-kansai.doorkeeper.jp/events/23681 こちらで発表したスライドです。
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
Ayaka Sumida
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/344/room ーーーーーーーーーーーーーーーーーーーーーーー
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
schoowebcampus
デザイン仕様書(ガイド) デザイン仕様書(ガイド)書き方 (初歩者用) http://assistor.jp
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
witstudio
2015年11月6日にSchooで行われた授業のスライドです。 https://schoo.jp/class/2930 これからのデザインに関わる仕事はどう変わっていくのか、そのときにその仕事にかかわる「デザイナー」と呼ばれる人はどのような能力を持った人なのか、みたいな話をしました。
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
Satoru MURAKOSHI
nanapi勉強会「チームで作るデザイン / チームを作るデザイン」2014.11.11
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
2016年2月27日 産業技術大学院大学 履修証明プログラム『人間中心デザイン』HCD導入設計論の資料です。UXデザインをする技術と、UXデザインを組織に導入する技術は、まったく別のものである(UXデザインと組織論)ということを、正面から考えました
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
Yoshiki Hayama
2019年9月2日 ヒューマンインタフェースシンポジウム2019 講習会ワークショップ@同志社大学今出川校舎
アイデア収束からプロトタイピング
アイデア収束からプロトタイピング
Masaya Ando
このデザインのどこが悪いか?をより具体的に伝えることができるようになるため、これだけはしっておきたいUIデザインの基本の「き」
UIデザインの基本
UIデザインの基本
Roy Kim
2021年7月25日の大企業イントルプレナー・ミートアップ2021、アイデアの講義のスライドを公開します。
アイデア発想法(大企業イントルプレナー・ミートアップ2021)
アイデア発想法(大企業イントルプレナー・ミートアップ2021)
Rikie Ishii
デザインは小さなテキストから始まります。コンテンツを膨大に抱える大規模なサイトでも、ユーザーにコンテンツ作成を委ねる小さなアプリケーションでも小さなテキストが行動の変化に繋がる場合があります。 コンテンツがある状態でデザインするのと、何もないままスタートするのでは大きな差が生まれます。 UI デザインの話になると、ビジュアルやインタラクションが話題の中心になりがちですが、コンテンツも UI です。なぜコンテンツが UI デザインにおいて重要なのかを解説すると共に、今セッションでは小さなテキストの工夫からはじまるデザインについて、幾つかのケーススタディーをみながら傾向と対策を紹介します。
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
リンクシェア フェア 2014 B3セミナー「UXデザインに学ぶ、ターゲット心理の分析テクニック」のプレゼン資料その1(プレゼン本編)です。資料その2(P.54の原本)「液晶ディスプレイ購入者の心理マップ」は http://www.slideshare.net/storywriterjp/20140621-linkshare-valuemap にあります。
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
Yoshiki Hayama
2014年7月5日(土)開催の「UXD/HCD ワイワイCAFE」の資料です。UXデザインの手法であるオブザベーション(観察)のワークショップです。 https://uxd-hcd-waiwai-cafe.doorkeeper.jp/events/12559
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
Yoshiki Hayama
TREND OF UI DESIGN AND INTERACTION IN NATIVE APPS.
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
yosuke sato
DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
rie05
UXデザインの専門家でない人向けに、何をどうするとUXデザインになるのか、なんのためにやるのかを、ちょー乱暴に解説したスライドです。まだこれ自体が模索中であり、本当におかんが見たら意味がわからないこと請け合い。今後のバージョンアップが期待されます。なお、スライド中の解説について、深く知りたい場合はそれぞれ別個にぐぐるなり何なりして頑張ってください。
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
Yu Morita
CONCENT DESIGN SCHOOL 2022.08.31. Wed 19:00〜21:00 Light program これからはじめるサービスデザイン speaker:長谷川 敦士 この10年で国内でもデザインの新しい領域として認知され、浸透が進んだサービスデザイン。しかしながら、UIデザインやグラフィックデザインなどと異なり、実際になにをつくるのか、どういった能力が求められるのか、といった疑問もよく聞かれます。本プログラムでは、サービスデザインとはなにか、どうやってはじめていくのか、なにを学べばよいのかといった点について、主としていまデザインを実践している人向けに概説します。
これからはじめるサービスデザイン
これからはじめるサービスデザイン
Concent, Inc.
2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
2023年8月8日 ユニーリサーチアカデミーでのスライドです。「ユーザーインタビューってどうやるんだろう?」「インタビューしているけど、深掘りできている気がしない」というお悩みを抱える方向けに、ユーザーインタビューを生実演しました。インタビューのテーマは「推し活」。推し活に勤しむユーザーにお越しいただき、羽山がリアルタイムでユーザーインタビューをしました。セミナー自体はユーザーインタビューの生実演に主眼をおいて、具体的な会話テクニックなどはスライドに掲載しています。
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
Yoshiki Hayama
2016年4月19日にシナップ社内で開催されたアクセシビリティ勉強会で使用したスライドです。
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
2013年1月28日 セミナーにてミニ講演 http://atnd.org/events/35028
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
Masaya Ando
Tendances
(20)
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
誰に何を伝える?わたしの デザインコンセプトの 作り方、探し方
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
分かりやすく、使いやすいデザインを生み出す工夫 先生:池田 拓司
デザイン仕様書(ガイド)の書き方 (初歩者用)
デザイン仕様書(ガイド)の書き方 (初歩者用)
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
未来のデザイナー論 -変化するデザイン環境と、デザイナーに求められる変化-
デザインのためのデザイン
デザインのためのデザイン
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
「UXデザインと組織論」に、正面から向きあってみた:2016年2月27日 『人間中心デザイン』HCD導入設計論
アイデア収束からプロトタイピング
アイデア収束からプロトタイピング
UIデザインの基本
UIデザインの基本
アイデア発想法(大企業イントルプレナー・ミートアップ2021)
アイデア発想法(大企業イントルプレナー・ミートアップ2021)
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UXデザインに学ぶ、ターゲット心理の分析テクニック:2014年6月21日 リンクシェア フェア 2014
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
ネイティブアプリにおける、UI/インタラクションのトレンド
ネイティブアプリにおける、UI/インタラクションのトレンド
さあ、デザインをはじめよう。DevLOVE関西
さあ、デザインをはじめよう。DevLOVE関西
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
これからはじめるサービスデザイン
これからはじめるサービスデザイン
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
プロが生実演! 「ユーザーインタビュー」の深掘りテクニックを大公開!
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
“UI/UX”?~恥をかかないための15分UXD入門
“UI/UX”?~恥をかかないための15分UXD入門
En vedette
Webデザイン概論の講義資料です。 主な対象は業務支援システムの開発されている方です。
Web design
Web design
kazuko kaneuchi
Creator's village in EHIMEの資料
プログラマがWebデザインについて考えてみた
プログラマがWebデザインについて考えてみた
Eigoro Yamamura
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座
光利 吉田
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
だいすけ ふるかわ
後日少し加筆した「おかわり」バージョンはこちらです。 http://www.slideshare.net/ayakasumida/wordcamp-kansai-2015-51661812 WordCamp Kansai 2015 で行ったワークショップの冒頭部分です。
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
Ayaka Sumida
2012年2月16日 福井工業高等専門学校で行いましたデザインセミナーでのスライドです。
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
Toshiaki Sasaki
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
tsukasa obara
BP study #46
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
お仕事に Titanium を採用するかどうか検討している方に向けて書いたものです。 2015年5月21日に正式リリースされた Appcelerator Platform 4.0 になり、料金体系や開発環境に変化があったのでその辺を修正加筆しました。
しごとで使うTitanium 第2版
しごとで使うTitanium 第2版
忠利 花崎
2016年5月13日 CodeGrid 四周年記念パーティーでの「ヒューマンリーダブルな CSS 記述法(異次元編、α版)」の資料です。大規模な運用でも、CSSをヒューマンリーダブルに保つ方法について、その試みを提案しました。スライド中のデモは https://github.com/storywriter/HRCSS で公開しています。
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
Yoshiki Hayama
2014年11月8日 大阪 「Web制作者のためのCSS設計の教科書」出版記念イベント x CSSオジサン #0 のスライドです。
メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計
拓樹 谷
新規サイト制作におけるフロントエンドの環境を統一化しようと試みて作ってみましたー
2016年版 フロントエンド開発フォーマット
2016年版 フロントエンド開発フォーマット
Kenya Kodaira
2015年7月29日 松戸WordPress部勉強会スライド
CSS の歩き方
CSS の歩き方
Seiichiro Mishiba
ブラウザにやさしいHTML/CSS
ブラウザにやさしいHTML/CSS
Takeharu Igari
CSS設計に関わるあれこれ。 基本〜実践的な内容です。 OOCSS, BEM, SMACSSとかも出てきます。
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
Horiguchi Seito
Frontrend in Kanazawa -(2014年10月18日開催)で使用したスライドです。 http://labo.dmm.com/frontrend/
なんでCSSすぐ死んでしまうん
なんでCSSすぐ死んでしまうん
Hayato Mizuno
WDF.Vol.8で話したCSSについてのスライドです。 HTMLの見た目を制御するCSS。 CSS3やsassなど技術的な話題を目にすることは多いですが その運用方法について多くは語られていません。 大規模サイトを大人数で制作する状況でCSSはどうあるべきか。 DMM.comという巨大サイトの運用を通じて得た経験を話したいと思います。
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話
井上 誠
En vedette
(17)
Web design
Web design
プログラマがWebデザインについて考えてみた
プログラマがWebデザインについて考えてみた
ノンデザイナーのためのWebデザイン講座
ノンデザイナーのためのWebデザイン講座
プログラマがデザインをがんばってみた
プログラマがデザインをがんばってみた
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
WordCamp Kansai 2015 デザイン初心者向けワークショップ〜 ブログデザインを実際に作ってみよう〜
Webデザインのセオリーを学ぼう
Webデザインのセオリーを学ぼう
ノンデザイナーのための配色理論
ノンデザイナーのための配色理論
色彩センスのいらない配色講座
色彩センスのいらない配色講座
しごとで使うTitanium 第2版
しごとで使うTitanium 第2版
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
ヒューマンリーダブルな CSS 記述法(異次元編):2016年5月13日 CodeGrid 四周年記念パーティー
メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計
2016年版 フロントエンド開発フォーマット
2016年版 フロントエンド開発フォーマット
CSS の歩き方
CSS の歩き方
ブラウザにやさしいHTML/CSS
ブラウザにやさしいHTML/CSS
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
悩まないコーディングをしよう! OOCSS,SMACSSを用いた、読みやすくてメンテナブルなCSS設計(Sass対応)
なんでCSSすぐ死んでしまうん
なんでCSSすぐ死んでしまうん
大規模サイトにおける本当は怖いCSSの話
大規模サイトにおける本当は怖いCSSの話
Similaire à Webデザインのトーン&マナーを導き出す手法
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
Katsumi Tazuke
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
ssuser6f5294
2009年02月23日のセミナー(@東京外大)のスライド。日本語教師向けに、e-learning開発事業で押さえるべきポイントと、その前段階としてITに親しむコツについて話しました。
e-Learning Design for Teacher
e-Learning Design for Teacher
Sunami Hokuto
2013年1月12日(土)に行ったディレクターズワークショップ~クライアントサイドを巻き込んだディレクションとRFPの重要性~の配布資料
20130113 01 dir-mtgスライド
20130113 01 dir-mtgスライド
Kenta Nakamura
技術中心の考え方や作り手の勝手な思い込みを排除して、利用者の視点に立った製品開発を行うための思考方法を紹介します。
エンジニアのためのUser Centered Designの考え方(入門編)
エンジニアのためのUser Centered Designの考え方(入門編)
Katsumi Tazuke
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」のWebSiteExpertに掲載頂いた記事原文です!
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
WebSig24/7
プレゼンテーションの実際〜Webディレクターが編み出した流派〜
プレゼンテーションの実際〜Webディレクターが編み出した流派〜
Takashi Nakao
出版記念講演でやったやつ
20151011_出版記念講演:クオリティとスキルの話
20151011_出版記念講演:クオリティとスキルの話
Kenta Nakamura
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01
Kenta Nakamura
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
WEBディレクターのしごとについて
WEBディレクターとは
WEBディレクターとは
真実子 村上
bridge.inc / ohnaga nobuyuki
顧客経験とペルソナ
顧客経験とペルソナ
Nobuyuki Ohnaga
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/261/room ーーーーーーーーーーーーーーーーーーーーーーー
いま、UXについて世界の最先端で起こっていることを学ぶ 先生:長谷川 敦士/井登 友一
いま、UXについて世界の最先端で起こっていることを学ぶ 先生:長谷川 敦士/井登 友一
schoowebcampus
良いプロトタイプを作るための10の方法/ 10 Prototyping Best Practices https://www.facebook.com/happy.prototyping?ref=aymt_homepage_panel
良いプロトタイプを作るための10の方法
良いプロトタイプを作るための10の方法
Shunsuke Kawai
モノがあふれる現在、供給する側の視点ばかりで意志決定が行われてきたため、残念ながら使いにくくなっているモノやサービスが多数があります。これを解決するための開発者視点ではなく利用者視点の設計思想がUser Centered Designです。 作り手の勝手な思い込みを排除して、利用者の視点に立った製品づくりやサービス設計を行うための考え方をご紹介します。
初心者のためのUser Centered Designの考え方(入門編)
初心者のためのUser Centered Designの考え方(入門編)
Katsumi Tazuke
Vision at loftwork_v5
Vision at loftwork_v5
Satoshi Iritani
Find your Ability ! forクリエイター #6;プロのWebサイト・アプリ設計を学ぶ、駆け出しWebクリエイターのためのIA勉強会 発表資料(2012年11月22日) (※一部の内容を公開用に削除) http://www.zusaar.com/event/444154 http://www.pasonatech.co.jp/event/index.jsp?no=3690
Find Your Ability: IA for a novice Web Creator
Find Your Ability: IA for a novice Web Creator
Nobuya Sato
2019年10月19日に大崎ブライトコアホールで開催された、CSS Nite LP64「Coder's High 2019」にて登壇しました『プロジェクトをうまく進めるために、コーダーが進化するためのテクニック』のスライドです。
プロジェクトをうまく進めるために、コーダーが進化するためのテクニック
プロジェクトをうまく進めるために、コーダーが進化するためのテクニック
Hajime Ogushi
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
naoki ando
Similaire à Webデザインのトーン&マナーを導き出す手法
(20)
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
Webサイト構築 文書化されにくい設計フェーズの重要ポイント
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
工数削減! 印刷物デザイナーに知ってほしい コスパの良いWebデザイン.pdf
e-Learning Design for Teacher
e-Learning Design for Teacher
20130113 01 dir-mtgスライド
20130113 01 dir-mtgスライド
エンジニアのためのUser Centered Designの考え方(入門編)
エンジニアのためのUser Centered Designの考え方(入門編)
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」WebSiteExpert記事
プレゼンテーションの実際〜Webディレクターが編み出した流派〜
プレゼンテーションの実際〜Webディレクターが編み出した流派〜
20151011_出版記念講演:クオリティとスキルの話
20151011_出版記念講演:クオリティとスキルの話
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
WEBディレクターとは
WEBディレクターとは
顧客経験とペルソナ
顧客経験とペルソナ
いま、UXについて世界の最先端で起こっていることを学ぶ 先生:長谷川 敦士/井登 友一
いま、UXについて世界の最先端で起こっていることを学ぶ 先生:長谷川 敦士/井登 友一
良いプロトタイプを作るための10の方法
良いプロトタイプを作るための10の方法
初心者のためのUser Centered Designの考え方(入門編)
初心者のためのUser Centered Designの考え方(入門編)
Vision at loftwork_v5
Vision at loftwork_v5
Find Your Ability: IA for a novice Web Creator
Find Your Ability: IA for a novice Web Creator
プロジェクトをうまく進めるために、コーダーが進化するためのテクニック
プロジェクトをうまく進めるために、コーダーが進化するためのテクニック
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
パソナテック Find Your Ability 講演資料 「ディレクターにとってのWeb業界って? 」
Webデザインのトーン&マナーを導き出す手法
1.
Webデザインのトーン&マナーを 導き出す手法 2014年7月11日 Webディレクター 田附克巳 k.tazuke@gmail.com
2.
1.本資料の概要と対象読者 2.トーン&マナーとは 3.お客様にキーワードを出していただく 4.お客様にイメージをさらにヒアリング 5.ターゲットユーザーを具体化する 6.マッピング軸を決めていく 7.ムードボードの作成 8.ムードボード作成に使えるネット画像検索の例 9.ポジショニングマップ・ムードボードへのプロット 目次 Webデザインのトーン&マナーを導き出す手法 (c) copyright 2014
Katsumi TAZUKE All Rights Reserved.
3.
1.本資料の概要と対象読者 Webサイトの構築に際して、デザイナーの領域とされていたデザイン のトーン&マナーの方向性を導き出すため、簡便な手法をまとめた資 料です。 デザインの専門教育を受けておらず、デザイナー職のキャリアを持た ないWebディレクター向けに作成しています。 Webデザインのトーン&マナーを導き出す手法 (c) copyright 2014
Katsumi TAZUKE All Rights Reserved.
4.
2.トーン&マナーとは WebデザインにはそのWebサイトを訪れた人にこう感じて欲しい、こ んな印象を持って欲しいという意図や狙いが必ずあります。 その意図や狙いを咀嚼・分析して、視覚的なビジュアル表現をするた めの方向性の指針(ガイドライン)となるものがトーン&マナーで す。 Webデザインのトーン&マナーを導き出す手法 (c) copyright 2014
Katsumi TAZUKE All Rights Reserved.
5.
3.お客様にキーワードを出していただく Webサイトを発注する顧客担当者から、「こうしたい」「こうであっ て欲しい」というWebサイトへの想いを、短い言葉でキーワードとし て出していただきます。 スピード 感のある力強い 安心 Webデザインのトーン&マナーを導き出す手法 (c) copyright 2014
Katsumi TAZUKE All Rights Reserved.
6.
4.お客様にイメージをさらにヒアリング Webサイトを発注する顧客担当者から、「こうしたい」「こうであっ て欲しい」というWebサイトへの想いを、『かたちに例える』『オマ ノトペ(擬声語・擬態語)』『形容詞』などで伝えてもらいます。 丸い がやがや 暖かみ のある ワクワク Webデザインのトーン&マナーを導き出す手法 (c) copyright 2014
Katsumi TAZUKE All Rights Reserved.
7.
5.ターゲットユーザーを具体化する どんな人にこれからデザインするWebサイトを見てもらいたいのか、 その対象となるターゲットユーザーを具体化します。 できれば、「ペルソナ」を構築して、ライフスタイルなどの情報も記 載するのが理想ですが、デザインのトーン&マナーを作成するには、 下記デモグラフィック属性だけでも十分です。 項目 内容/値 年齢 40~50歳ぐらい 性別
男性 職業 会社員(中小規模) 住所 関東圏 Webデザインのトーン&マナーを導き出す手法 (c) copyright 2014 Katsumi TAZUKE All Rights Reserved.
8.
6.マッピング軸を決めていく 3.4でお客様から得られたキーワードをもとに、ポジショニング マップの2つの軸を作成します。まずは複数案を作成し、その中から キーワードの意図を最も表現している2軸を選定するようにします。 ■ポジショニングマップの例 親しみ やすさ 高級感 情熱的 クール Webデザインのトーン&マナーを導き出す手法 (c) copyright 2014
Katsumi TAZUKE All Rights Reserved.
9.
7.ムードボードの作成 3.4でお客様から得られたキーワードおよびターゲットユーザーをも とに、類語辞典や百科事典、配色辞典を参照するなどして、そのキー ワード(言葉)に相応しいビジュアルイメージ(写真やイラスト)を多 数収集します。インターネットの画像検索が便利ですが、必ずWebディ レクター自身が目視でチェックして、Webデザインの参考になる画像だ けを残すようにします。 ■ムードボードの例 ※雑誌やパンフレットなど 紙媒体でもOKです。 むしろ画面以外のアナログ なイメージの方が雰囲気を つかむこの段階では望まし いです。 Webデザインのトーン&マナーを導き出す手法 (c) copyright 2014
Katsumi TAZUKE All Rights Reserved.
10.
8.ムードボード作成に使えるネット画像検索の例 Imagenavi http://imagenavi.jp/ インターネットの画像販売サービスなどで、キーワードを打ち込んで、 その単語に相応しい写真やイラスト画像を表示してくれるWebサイトが あります。 Googleの画像検索では、トーン&マナーの参考には的外れの画像も多数 ヒットしてしまいますので、このようなWebサービスを活用するのも一 案です。 Webデザインのトーン&マナーを導き出す手法 (c) copyright
2014 Katsumi TAZUKE All Rights Reserved.
11.
9.ポジショニングマップ・ムードボードへのプロット この作業は、顧客の意見を対面で聞きながらも可能ですし、Webディ レクター側で案を作成し、案を見ながらプロット位置を変更していく 方法もあります。 最終的には、これから作成するデザインが、ポジショニングマップの どこに位置づけられるか、ムードボードのイメージ素材のどれに雰囲 気が近いのか、顧客と共有することが重要です。 ■ポジショニングマップ 親しみ やすさ 高級感 情熱的 クール 自社サイト ■ムードボード Webデザインのトーン&マナーを導き出す手法 (c) copyright 2014
Katsumi TAZUKE All Rights Reserved.
Télécharger maintenant