SlideShare une entreprise Scribd logo
1  sur  10
Télécharger pour lire hors ligne
WebDesign -Beginner自分のWebサイトで相手に伝える技術

Ohotech 並盛 #10

@tomio2480
- 時間割 14:00 - 14:10 今日の目標
14:10 - 14:30 考案Ⅰ
14:30 - 15:00 発表会Ⅰ
15:00 - 15:20 考案Ⅱ
15:20 - 15:50 発表会Ⅱ
15:50 - 16:00 今日のまとめ + α
今日の目標
簡単にデザインに触れる
Webデザインってどんなものなのか知る
パソコンの画面とイメージを結びつける
情報発信と見た目の共存を考えてみる
考案 Ⅰ
好きな事を紹介するWebページを作ろう
何も思いつかない人は自己紹介のページ
制限時間は 20 分
今回は紙と色鉛筆で設計
発表会 Ⅰ
工夫したポイント
見てほしいところ
うまく表現できなかったこと
などなど......
一人当たり 3 分
考案 Ⅱ
考案 Ⅰ で製作したページを改造 or 再製作
パソコンの画面に映る事を想像しながら
リンクはわかりやすい?
目が疲れない?
発表会での反省を取り込む
製作時間は 20 分
発表会 Ⅱ
発表会 Ⅰ と差をつけたポイント
Webページとしてのアピールポイント
ページから感じ取ってほしいこと
などなど......
一人当たり 3 分
今日のまとめ
Webページは見られるのではなく使われる
伝えたい情報を読み取ってもらってなんぼ
デザインとアートは共存させる
画面を介して何かを訴えかける道具
将来への布石
技術的な配慮もデザインに含める
見辛い・分かり辛いをなくす
見やすいから見ていたいにする
タブーを知ってアピールとして逆に活用する
などなど......
本日出てきた単語達
フォント (font)
カラム (column)
ヘッダー (header)
フッター (footer)
ドットインストール (dotinstall)

Contenu connexe

Similaire à Ohotech 並盛 #10

ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
Masakazu Muraoka
 
『「ゲーミフィケーション」に学ぶ Webサービスの価値観』第20回 POStudy 〜プロダクトオーナーシップ勉強会〜
『「ゲーミフィケーション」に学ぶ Webサービスの価値観』第20回 POStudy 〜プロダクトオーナーシップ勉強会〜『「ゲーミフィケーション」に学ぶ Webサービスの価値観』第20回 POStudy 〜プロダクトオーナーシップ勉強会〜
『「ゲーミフィケーション」に学ぶ Webサービスの価値観』第20回 POStudy 〜プロダクトオーナーシップ勉強会〜
満徳 関
 

Similaire à Ohotech 並盛 #10 (20)

CCL_Vol.2_Webとデザインと企画のオモシロさ
CCL_Vol.2_Webとデザインと企画のオモシロさCCL_Vol.2_Webとデザインと企画のオモシロさ
CCL_Vol.2_Webとデザインと企画のオモシロさ
 
190805UXdojo_workshop_ver.1.2
190805UXdojo_workshop_ver.1.2190805UXdojo_workshop_ver.1.2
190805UXdojo_workshop_ver.1.2
 
Pythonと出会ったデザイナーの話 #PyLadiesTokyo
Pythonと出会ったデザイナーの話 #PyLadiesTokyoPythonと出会ったデザイナーの話 #PyLadiesTokyo
Pythonと出会ったデザイナーの話 #PyLadiesTokyo
 
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン 20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
 
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
 
オリジナル商品の開発(ヒロハタ)20140607
オリジナル商品の開発(ヒロハタ)20140607オリジナル商品の開発(ヒロハタ)20140607
オリジナル商品の開発(ヒロハタ)20140607
 
20130113 01 dir-mtgスライド
20130113 01 dir-mtgスライド20130113 01 dir-mtgスライド
20130113 01 dir-mtgスライド
 
ON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったことON HTML5 FIELD で書き尽くせなかったこと
ON HTML5 FIELD で書き尽くせなかったこと
 
『「ゲーミフィケーション」に学ぶ Webサービスの価値観』第20回 POStudy 〜プロダクトオーナーシップ勉強会〜
『「ゲーミフィケーション」に学ぶ Webサービスの価値観』第20回 POStudy 〜プロダクトオーナーシップ勉強会〜『「ゲーミフィケーション」に学ぶ Webサービスの価値観』第20回 POStudy 〜プロダクトオーナーシップ勉強会〜
『「ゲーミフィケーション」に学ぶ Webサービスの価値観』第20回 POStudy 〜プロダクトオーナーシップ勉強会〜
 
Re:Cre Vol.14 | Web design process for the future
Re:Cre Vol.14 | Web design process for the futureRe:Cre Vol.14 | Web design process for the future
Re:Cre Vol.14 | Web design process for the future
 
プロトタイプ時代の
WordPressテーマの作り方・考え方
プロトタイプ時代の
WordPressテーマの作り方・考え方プロトタイプ時代の
WordPressテーマの作り方・考え方
プロトタイプ時代の
WordPressテーマの作り方・考え方
 
なにか作ったらプレスリリースを出してみよう
なにか作ったらプレスリリースを出してみようなにか作ったらプレスリリースを出してみよう
なにか作ったらプレスリリースを出してみよう
 
Concept
ConceptConcept
Concept
 
Concept
ConceptConcept
Concept
 
Concept
ConceptConcept
Concept
 
Web Design Process for The Future
Web Design Process for The FutureWeb Design Process for The Future
Web Design Process for The Future
 
サイトリニューアル時のコンセプト設計
サイトリニューアル時のコンセプト設計サイトリニューアル時のコンセプト設計
サイトリニューアル時のコンセプト設計
 
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFEUX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
 
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
 
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドラインコーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
 

Plus de ohotech (6)

Ohotech とは
Ohotech とはOhotech とは
Ohotech とは
 
LDD_ミシュランガイドきたみ2012
LDD_ミシュランガイドきたみ2012LDD_ミシュランガイドきたみ2012
LDD_ミシュランガイドきたみ2012
 
LDD'12/Summer in KITAMI Opening Slide
LDD'12/Summer in KITAMI Opening SlideLDD'12/Summer in KITAMI Opening Slide
LDD'12/Summer in KITAMI Opening Slide
 
うちの参加している札幌の勉強会
うちの参加している札幌の勉強会うちの参加している札幌の勉強会
うちの参加している札幌の勉強会
 
情報技術にまつわる大会のご紹介
情報技術にまつわる大会のご紹介情報技術にまつわる大会のご紹介
情報技術にまつわる大会のご紹介
 
マインドマップとツール紹介
マインドマップとツール紹介マインドマップとツール紹介
マインドマップとツール紹介
 

Dernier

Dernier (12)

Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsUtilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
 
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 

Ohotech 並盛 #10