Submit Search
Upload
Webクリエイター能力認定試験知識まとめ
•
Download as PPTX, PDF
•
3 likes
•
6,083 views
S
sayoko miura
Follow
エキスパート
Read less
Read more
Software
Report
Share
Report
Share
1 of 26
Download now
Recommended
色で失敗しない為に 〜理論に基づく配色フロー〜
色で失敗しない為に 〜理論に基づく配色フロー〜
Yuudai Tachibana
自己PRプレゼンテーション
自己PRプレゼンテーション
麻実 内原
複数話者WaveNetボコーダに関する調査
複数話者WaveNetボコーダに関する調査
Tomoki Hayashi
複素ラプラス分布に基づく非負値行列因子分解
複素ラプラス分布に基づく非負値行列因子分解
Hiroki_Tanji
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Tsutomu Sogitani
ImageJを使った画像解析実習〜大量の画像データに対する処理の自動化〜
ImageJを使った画像解析実習〜大量の画像データに対する処理の自動化〜
LPIXEL
10,000DAUまで 成長させたグロースハック事例
10,000DAUまで 成長させたグロースハック事例
Toshiki Chiba
動的計画法
動的計画法
京大 マイコンクラブ
Recommended
色で失敗しない為に 〜理論に基づく配色フロー〜
色で失敗しない為に 〜理論に基づく配色フロー〜
Yuudai Tachibana
自己PRプレゼンテーション
自己PRプレゼンテーション
麻実 内原
複数話者WaveNetボコーダに関する調査
複数話者WaveNetボコーダに関する調査
Tomoki Hayashi
複素ラプラス分布に基づく非負値行列因子分解
複素ラプラス分布に基づく非負値行列因子分解
Hiroki_Tanji
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Tsutomu Sogitani
ImageJを使った画像解析実習〜大量の画像データに対する処理の自動化〜
ImageJを使った画像解析実習〜大量の画像データに対する処理の自動化〜
LPIXEL
10,000DAUまで 成長させたグロースハック事例
10,000DAUまで 成長させたグロースハック事例
Toshiki Chiba
動的計画法
動的計画法
京大 マイコンクラブ
関数(&統計の続き)(人間科学のための基礎数学)
関数(&統計の続き)(人間科学のための基礎数学)
Masahiro Okano
プレゼンテーション用資料作成のプレゼンテーション資料
プレゼンテーション用資料作成のプレゼンテーション資料
hiroshioda
効果のあるクリエイティブ広告の見つけ方(Contextual Bandit + TS or UCB)
効果のあるクリエイティブ広告の見つけ方(Contextual Bandit + TS or UCB)
Yusuke Kaneko
Assembly Definition あれやこれ
Assembly Definition あれやこれ
NakanoYosuke1
プレゼン・ポスターで自分の研究を「伝える」 (How to do technical oral/poster presentation)
プレゼン・ポスターで自分の研究を「伝える」 (How to do technical oral/poster presentation)
Toshihiko Yamasaki
ポケモンの画像分類(みんなのPython勉強会#73 ライトニングトーク)
ポケモンの画像分類(みんなのPython勉強会#73 ライトニングトーク)
Naoya Takeuchi
トップカンファレンスへの論文採択に向けて(AI研究分野版)/ Toward paper acceptance at top conferences (AI...
トップカンファレンスへの論文採択に向けて(AI研究分野版)/ Toward paper acceptance at top conferences (AI...
JunSuzuki21
Pythonでカスタム状態空間モデル
Pythonでカスタム状態空間モデル
Hamage9
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
Dai Murata
データに内在する構造をみるための埋め込み手法
データに内在する構造をみるための埋め込み手法
Tatsuya Shirakawa
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
寝プログラミングのススメ
寝プログラミングのススメ
Yoshitaka Kawashima
色彩学入門
色彩学入門
ueda247
ノンパラベイズ入門の入門
ノンパラベイズ入門の入門
Shuyo Nakatani
並列化による高速化
並列化による高速化
sakura-mike
プレゼン用 きれいでわかりやすいパワーポイントを作る方法
プレゼン用 きれいでわかりやすいパワーポイントを作る方法
Makiko Kunieda
線形代数の視覚的理解 V1.1-Gストラング勉強会
線形代数の視覚的理解 V1.1-Gストラング勉強会
Kenji Hiranabe
ひたすら楽してスライド作成
ひたすら楽してスライド作成
Masanori Morise
文脈自由文法の話
文脈自由文法の話
kogecoo
マルチコアを用いた画像処理
マルチコアを用いた画像処理
Norishige Fukushima
miuratta-standard.pdf
miuratta-standard.pdf
sayoko miura
group-html
group-html
sayoko miura
More Related Content
What's hot
関数(&統計の続き)(人間科学のための基礎数学)
関数(&統計の続き)(人間科学のための基礎数学)
Masahiro Okano
プレゼンテーション用資料作成のプレゼンテーション資料
プレゼンテーション用資料作成のプレゼンテーション資料
hiroshioda
効果のあるクリエイティブ広告の見つけ方(Contextual Bandit + TS or UCB)
効果のあるクリエイティブ広告の見つけ方(Contextual Bandit + TS or UCB)
Yusuke Kaneko
Assembly Definition あれやこれ
Assembly Definition あれやこれ
NakanoYosuke1
プレゼン・ポスターで自分の研究を「伝える」 (How to do technical oral/poster presentation)
プレゼン・ポスターで自分の研究を「伝える」 (How to do technical oral/poster presentation)
Toshihiko Yamasaki
ポケモンの画像分類(みんなのPython勉強会#73 ライトニングトーク)
ポケモンの画像分類(みんなのPython勉強会#73 ライトニングトーク)
Naoya Takeuchi
トップカンファレンスへの論文採択に向けて(AI研究分野版)/ Toward paper acceptance at top conferences (AI...
トップカンファレンスへの論文採択に向けて(AI研究分野版)/ Toward paper acceptance at top conferences (AI...
JunSuzuki21
Pythonでカスタム状態空間モデル
Pythonでカスタム状態空間モデル
Hamage9
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
Dai Murata
データに内在する構造をみるための埋め込み手法
データに内在する構造をみるための埋め込み手法
Tatsuya Shirakawa
色彩センスのいらない配色講座
色彩センスのいらない配色講座
Mariko Yamaguchi
寝プログラミングのススメ
寝プログラミングのススメ
Yoshitaka Kawashima
色彩学入門
色彩学入門
ueda247
ノンパラベイズ入門の入門
ノンパラベイズ入門の入門
Shuyo Nakatani
並列化による高速化
並列化による高速化
sakura-mike
プレゼン用 きれいでわかりやすいパワーポイントを作る方法
プレゼン用 きれいでわかりやすいパワーポイントを作る方法
Makiko Kunieda
線形代数の視覚的理解 V1.1-Gストラング勉強会
線形代数の視覚的理解 V1.1-Gストラング勉強会
Kenji Hiranabe
ひたすら楽してスライド作成
ひたすら楽してスライド作成
Masanori Morise
文脈自由文法の話
文脈自由文法の話
kogecoo
マルチコアを用いた画像処理
マルチコアを用いた画像処理
Norishige Fukushima
What's hot
(20)
関数(&統計の続き)(人間科学のための基礎数学)
関数(&統計の続き)(人間科学のための基礎数学)
プレゼンテーション用資料作成のプレゼンテーション資料
プレゼンテーション用資料作成のプレゼンテーション資料
効果のあるクリエイティブ広告の見つけ方(Contextual Bandit + TS or UCB)
効果のあるクリエイティブ広告の見つけ方(Contextual Bandit + TS or UCB)
Assembly Definition あれやこれ
Assembly Definition あれやこれ
プレゼン・ポスターで自分の研究を「伝える」 (How to do technical oral/poster presentation)
プレゼン・ポスターで自分の研究を「伝える」 (How to do technical oral/poster presentation)
ポケモンの画像分類(みんなのPython勉強会#73 ライトニングトーク)
ポケモンの画像分類(みんなのPython勉強会#73 ライトニングトーク)
トップカンファレンスへの論文採択に向けて(AI研究分野版)/ Toward paper acceptance at top conferences (AI...
トップカンファレンスへの論文採択に向けて(AI研究分野版)/ Toward paper acceptance at top conferences (AI...
Pythonでカスタム状態空間モデル
Pythonでカスタム状態空間モデル
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
なぜあの人のプレゼンテーションはいつもイイねと言われるのか0716
データに内在する構造をみるための埋め込み手法
データに内在する構造をみるための埋め込み手法
色彩センスのいらない配色講座
色彩センスのいらない配色講座
寝プログラミングのススメ
寝プログラミングのススメ
色彩学入門
色彩学入門
ノンパラベイズ入門の入門
ノンパラベイズ入門の入門
並列化による高速化
並列化による高速化
プレゼン用 きれいでわかりやすいパワーポイントを作る方法
プレゼン用 きれいでわかりやすいパワーポイントを作る方法
線形代数の視覚的理解 V1.1-Gストラング勉強会
線形代数の視覚的理解 V1.1-Gストラング勉強会
ひたすら楽してスライド作成
ひたすら楽してスライド作成
文脈自由文法の話
文脈自由文法の話
マルチコアを用いた画像処理
マルチコアを用いた画像処理
More from sayoko miura
miuratta-standard.pdf
miuratta-standard.pdf
sayoko miura
group-html
group-html
sayoko miura
html
html
sayoko miura
Table
Table
sayoko miura
Child.key
Child.key
sayoko miura
Clearfix.key
Clearfix.key
sayoko miura
Form
Form
sayoko miura
Css selector
Css selector
sayoko miura
Prevnext
Prevnext
sayoko miura
J query place
J query place
sayoko miura
This
This
sayoko miura
Event.key
Event.key
sayoko miura
Readyevent
Readyevent
sayoko miura
J query element.key
J query element.key
sayoko miura
J query ready2.key
J query ready2.key
sayoko miura
WhatsjQuery
WhatsjQuery
sayoko miura
Form
Form
sayoko miura
Web2 mission
Web2 mission
sayoko miura
Html
Html
sayoko miura
Table
Table
sayoko miura
More from sayoko miura
(20)
miuratta-standard.pdf
miuratta-standard.pdf
group-html
group-html
html
html
Table
Table
Child.key
Child.key
Clearfix.key
Clearfix.key
Form
Form
Css selector
Css selector
Prevnext
Prevnext
J query place
J query place
This
This
Event.key
Event.key
Readyevent
Readyevent
J query element.key
J query element.key
J query ready2.key
J query ready2.key
WhatsjQuery
WhatsjQuery
Form
Form
Web2 mission
Web2 mission
Html
Html
Table
Table
Webクリエイター能力認定試験知識まとめ
1.
デザインの基本原則 近接 関連する要素をまとめてグループ化し、 グループとグループの間に適切な間隔を空ける 整列 各要素を意図的に整列して配置する 反復
特定の要素を繰り返し登場させる コントラスト(対比) 重要なものを目立たせたり、情報を探しやすくする。 見出しと本文の違いなど、要素同士の違いをはっきりと 表現する
2.
トリミング
3.
リサイズ
4.
グリッドデザイン 縦横に引かれた細かい基準線(グリッド)に 沿って画面を分割し、要素を配置する方法
5.
黄金比 1:1.618 (=5:8)・ ・ 白銀比 1:√2 (=5:7)・ ・ (=1:1.414)・ ・ 用紙サイズ:A3.A4.A5など
6.
シンメトリー 左右対称 アシンメトリー 左右非対称
7.
ベタ組み ツメ組み コ ミ ユ
ニ テ イ コ ミ ユ ニ テ イ 文字間の調節なし 字面の幅を基準に詰める
8.
アンチエイリアス フォントのエッジを滑らかにし、輪郭を美しく見せること カーニング 文字間の調整 混植 英数字やかななどのフォントを変更する。 和文フォントを指定後に欧文フォントを指定すると、 英数字のにみ欧文フォントが指定され、混植となる。 ジャンプ率 フォントの大きさの違いの度合い
9.
色の基本 <色の三属性> 色相 彩度 明度 色味
色の鮮やかさ 色相環
10.
メインカラーベースカラー アクセントカラー: : 70
25 5 白やグレーなどの 無彩色や メインカラーの 高明度(白っぽい色) ロゴに使われる コーポレートカラー リンクテキストなどに使う 補色(色相環上で対極 になるカラー)など
11.
Webセーフカラー 「00」「33」「66」「99」「cc」「ff] の6種類の色番号を組み合わせたカラーコード。 配色パターンは216色。 Webカラーとも。
12.
GIF形式 最大で256色。 マーク、イラスト、ロゴ。 画像の一部を透明化は可能。 半透明は不可。 JPEG形式 フルカラー(1670色)をサポート。 写真、グラデーションを用いたアートワーク。 透明化は不可。 非可逆圧縮(圧縮率を高くするほど画質が劣化し元に戻せない) PNG形式 インデックスカラー(256色)を扱う「PNG-8」 フルカラー(1670色)を扱う「PNG-24」 半透明可能。 データサイズが大きい。 (参考)PSD形式・・・Photoshopで利用されるファイル形式 ビットマップ形式の特徴
13.
SVG形式 ・拡大・縮小しても画質が損なわれない。 ・点とそれを結ぶ線(ベクター、ベクトル) ベクター形式の特徴
14.
HTML5から変わったもの <address></address> 著作権表示 → 連絡先を表す要素 <small></small> 単に小さい文字で表示 →
補足的な文字列、注釈や細目 footerの著作権表示 footerに著作権表示しかない場合は不要 <strong></strong> 強調 → 強い重要性を表す要素
15.
audio要素・・・音声の埋め込み video要素・・・動画の埋め込み canvas要素・・・図形を描く HTML5の追加タグ
16.
HTML特殊文字 & & アンパサンド <
< 小なり > > 大なり 空白 © © コピーライト " “” クォーテーション
17.
FTP(Fille Transfer Protocol) ファイル(HTML,CSS,JavaScript,画像など)をWebサーバーに 転送するときに用いられるプロトコル HTTP(HyperText
Transfer Protocol) Webコンテンツを送受信するときに用いられるプロトコル SFTP(SSH File Transfer Protocol) SMTP(Simple Mail Transfer Protocol) ファイルを暗号化された通信路で送受信するときに 用いられるプロトコル メールを送信するときに用いられるプロトコル HTTPS(HyperText Transfer Protocol Security) 通信を暗号化したいときに用いられるプロトコル
18.
バリデーション 検証・確認 ソースコードの記述の誤りや、W3Cの仕様に準拠しているか 調べる リセットCSS Webブラウザーごとの異なるスタイルを無くし、 表示を統一する W3C(World Wide Web
Consortium) Web技術の国際的な標準規格化の推進を目指す非営利団体
19.
ファーストビュー Webページでスクロールしなくても見える1番上の部分
20.
Webフォントとは サーバーにあるフォント=Webフォントを使う 本来、webブラウザは 各端末にインストールされているフォントで 文字を表示するようになっている ブラウザによって異なる表示になってしまうこともある
21.
Webフォントのメリット 1.どのデバイスでも同一に表示できる 2.レスポンシブデザインに対応しやすい フォントの表示がユーザの端末に依存しない 画像フォントを使用した場合、サイズに合わせて 複数の画像フォントの用意が必要だが、 Webフォントを使えば、CSSとHTMLだけで表示させることができる ビットマップ形式よりデータ転送量が少ない。 3.画像でテキストを表示するよりデータ量が少ない
22.
Webフォントのデメリット 1.費用が発生する場合がある 2.フォントデータが重く、ページの表示速度が遅い 以前よりは非常に早くなっている
23.
ユーザビリティ・アクセシビリティ <PDFファイルへのリンクの表示方法>
24.
ユーザビリティ・アクセシビリティ <PDFファイルへのリンクの表示方法>
25.
ユーザビリティ・アクセシビリティ <動画の掲載方法>
26.
ユーザビリティ・アクセシビリティ <動画の掲載方法>
Download now