3. Ps
デザイン作成アプリ
Fw Ai
デザイン
・グリッドシステム
・ユーザビリティ
・色彩
・マージン（空間）
・レイアウト
etc...
SEO / マーケティング
バニデザノート｜web デザインに関する知識や技術の相互関係チャート 2014-04-11 http://vanidesign.blog.fc2.com
※矢印の色や形は見やすくするためのもので、重要度は関係ありません。
・Html 構造
・title / meta
・google search
・アクセス解析
・ソーシャルメディア
etc...
ブランディング
・キャラクター
・ウェブサイトの方針
・方向性
・活動
・イメージ
etc...
コンテンツ
・サイトのテーマ
・ライティング
・サービス
・メッセージ / 伝えたいこと
・何をする（している）所なのか
etc...
プレゼンテーション / ギミック
・レスポンシブ
・アニメーション系 js
・人が注目するような仕掛け
etc...
ソーシャル活用
・twitter
・Facebook / Facebook ページ
・ブログ
etc...
コーディング / プログラミング
・html / css
・js / jquery 等（ライブラリ含）
・php
・perl
etc...
CMS カスタマイズ
・ブログシステム（WordPress 等）
・ショッピングカート
・baser CMS 等
etc...
ユーザビリティ
・目立つ位置のセオリー
・ボタンのデザイン / 配置
・ファーストビューの概念
・ディスプレイサイズの考慮
・読みやすさ
etc...
サーバー / ドメイン
・Web サーバーサービス
・ドメイン取得処理
・Web サーバーとドメインの関係
・.htaccess
etc...
環境・関係（ブラウザ・OS）
・Windows / windows tablet
・Mac
・iphone / ipad
・android / android tablet
・IE / Safari / Firefox / Chorme
etc...
Dw
Html エディタ
Coda mi
etc...
transmit
FFFTP Cyberduck
FTP クライアント
etc...
デザイン→コーディング
（→アップロード）一括編集アプリ
BindMuse
etc...
何を
伝えるか
どうしたら
探して見て
もらえるか
どんな
ユーザーに
見てもらうか
どのように
見せたいか
どうしたら
更新
しやすいか
ウェブサイト
として成立
させる技術ウェブサイト
として成立
させる技術
ウェブサイト
を見るツール
どうしたら
読み進めて
もらえるか
どうしたら
快適に
使えるか
どんな
イメージ・印象
を伝えるか