Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ウェブデザインの本質と、構成要素

7,620 views

Published on

  • Be the first to comment

ウェブデザインの本質と、構成要素

  1. 1. 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... 何を 伝えるか どうしたら 探して見て もらえるか どんな ユーザーに 見てもらうか どのように 見せたいか どうしたら 更新 しやすいか ウェブサイト として成立 させる技術ウェブサイト として成立 させる技術 ウェブサイト を見るツール どうしたら 読み進めて もらえるか どうしたら 快適に 使えるか どんな イメージ・印象 を伝えるか

×