|
|
| (10人の利用者による、間の103版が非表示) |
| 1行目: |
1行目: |
| 東京DSデザインチーム用のTOPページです。
| | デザインチームのページです。 |
|
| |
|
| ----
| | ==デザイン参考== |
| == デザインガイドライン == | | *[[素材サイト]] |
| | *[[所有している素材集]] |
| | *[[所有している本]] |
|
| |
|
| | ==ガイドライン・設定== |
| | *[[高島屋オンラインストア 商品画像]] |
| | *[[りそな アイテムカタログPDFの作り方]] |
|
| |
|
| *[[デザインガイドライン]]・・・デザイナー向け。仕事のルール、フロー、photoshopでのファイル作成法などのガイドラインです。 | | *[[デザインガイドライン]]…仕事のルール、フロー、photoshopでのファイル作成法などのガイドラインです。 |
| *[[デザイン関連のミス事例]]・・・過去のミス事例のまとめです。 | | *[[アクセシビリティ ガイドライン]]…アクセシビリティについて、社内で基本とすべきガイドライン。 |
|
| |
|
| *[[ウェブ構築プロセスのまとめ]]・・・新規案件やリニューアル時の進め方の参考に。 | | ==まとめ== |
| *[[ビジュアルデザイン ガイドライン]]・・・ビジュアルデザインの参考に。 | | *[[スマホサイト制作]]…スマホについてのまとめです。 |
| | *[[レスポンシブデザイン]]…レスポンシブデザインのまとめです。 |
| | *[[フラットデザイン]]…フラットデザインのまとめです。 |
|
| |
|
| ----
| | ==備考== |
| == 案件別のガイドライン == | | *[[Lightbox]] |
| | |
| *[[タカシマヤのデザインガイドライン]]・・・タカシマヤ案件のガイドライン。
| |
| *[[タカシマヤ通信販売のデザインガイドライン]]・・・通販のガイドライン。
| |
| *[[タカシマヤ友の会 デザインガイドライン]]
| |
| | |
| *[[タカシマヤ用事用語と各種表示の統一]]・・・'''2009年2月版に更新しました。'''タカシマヤ案件では用語の統一が義務付けられています。不明な用語がある場合は確認しましょう。
| |
| *[[広告表現における補足説明表記]]・・・高島屋の紙媒体や'''宣伝部案件'''における表記の統一について。オンラインに当てはまらない部分もありますが参考にしてください。 | |
|
| |
|
| ---- | | ---- |
| == 制作物・確認 == | | ==サイトリンク集== |
|
| |
|
| *[[タカシマヤHTMLメール配信一覧]]・・・タカシマヤが配信したHTMLメール一覧。 | | *[[デザインリンク集]]…様々なサイトを集めたデザインリンク集サイト。 |
| *キャプチャ画像一覧…「file://///Tkocore2/WEBworks/001_タカシマヤ/001_takashimaya.co.jp/source/co.jp/Portfolio/」に制作物のキャプチャが置いてあります。
| |
| *[http://test-takashimaya3.z-xcv.com/product/0000xxxx.html タカシマヤ 動的デモページ]…仮アップの確認用です。http://test-takashimaya3.z-xcv.com/product/0000xxxx.html
| |
| *[http://192.168.200.60:16080/kds_tko/e_support/index.php タカシヤマ、商品画像の検索]…タカシマヤ サポートへ。または、「商品画像フォルダ」を検索しましょう。
| |
|
| |
|
| ----
| | *[[優秀なサイト]]…評価が高そうな企業サイト集。 |
| ==プロジェクトまとめ==
| | *[[知名度の高い企業サイト]] |
| *[[2009春 タカシマヤ オンラインショッピング Flash制作]] | |
| *[[タカシマヤ通販リニューアル2009]] | |
|
| |
|
| ----
| | *[[お問い合わせフォーム]] |
| ==サイト リンク集==
| |
|
| |
|
| *[[国内有名ショッピングサイト]]…日本国内の有名ショッピングサイト一覧。 | | *[[国内有名ショッピングサイト]]…日本国内の有名ショッピングサイト一覧。 |
| *[[優秀なサイト]]…世間的に評価の高い企業ウェブサイト。 | | *[[大型複合商業施設]]・・・大型複合商業施設のリスト。 |
| *[[日経パソコン 企業サイトランキング2007]]…2007年度、有名企業500サイト。 | | *[[カルチャーセンターのサイト]] |
| *[[海外百貨店]] | | *[[ゴルフ場サイト]] |
| | *[[カード会社のサイト]] |
| | *[[医薬品サイト]] |
| *[[コンビニサイト]] | | *[[コンビニサイト]] |
| *[[教習所サイト]] | | *[[教習所サイト]] |
| | | *[[出版社サイト]] |
| | *[[銀行サイト]] |
| | *[[海外百貨店]] |
| *[[よくある質問・Q＆A 優秀サイト]] | | *[[よくある質問・Q＆A 優秀サイト]] |
| | *[[レスポンシブデザインのリンク集]] |
| | *[[パララックスデザインのリンク集]] |
|
| |
|
| ----
| | ==外部サイトリンク集== |
| == 企業サイト ガイドライン・ポリシー == | | *[[ウェブ系ニュースサイト一覧]] |
| *[http://jp.fujitsu.com/accessibility/ 富士通アクセシビリティ]…アクセシビリティと言えば、富士通が有名です。 | |
| *[http://jp.fujitsu.com/about/design/ud/ 富士通ユニバーサルデザイン]…富士通ユニバーサルデザイン
| |
| *[http://www.ricoh.co.jp/appliance/ リコー"使いやすさ"への取り組み]
| |
|
| |
|
| ---- | | ---- |
| == 参考サイト記事紹介 == | | ==知識やTIPS== |
| | *[[ウェブ構築プロセスのまとめ]]…新規案件やリニューアル時の進め方の参考に。 |
| | *[[デザイン関連のミス事例]]…過去のミス事例のまとめです。 |
| | *[[ユーザビリティクイズ]] |
| | *[[WEB用語辞典]] |
| | *[[カラーマネジメント]] |
| | *[[photoshopの推奨設定]] |
| | *[[photoshop設定]] |
|
| |
|
| *[http://web-tan.forum.impressrd.jp/ Web担当者Forum]
| |
| *[http://markezine.jp/ MarkeZine：ネットマーケティングとコミュニケーションの最前線を探る実践Webマガジン]
| |
| *[http://www.usability.gr.jp/ U-Site]…ユーザビリティの大御所、ヤコブ・ニールセン博士のコラム。
| |
| *[http://www.doburoku.com/wiki/index.php Wikiウサギ]…インフォメーションアーキテクチャ、情報設計などとよばれる分野の特にWebに特化した情報を集め、体系化を目論むサイト。
| |
|
| |
|
| *[http://www.kanzaki.com/docs/html/color-check コントラストの段階評価]…検証してみたい文字色と背景色の組み合わせ。文字色、背景色のRGBの値を使って、色のコントラストを計算し、W3CのノートおよびWCAG2.0の草案に示されている基準値と比較します。
| | ---- |
| *[http://ja.wikipedia.org/wiki/%E8%89%B2%E5%90%8D%E4%B8%80%E8%A6%A7_(%E3%81%8D) 色名一覧]
| | ==その他== |
| | | *[[デザイン記事]]…デザインに関する外部エントリーのまとめです。 |
| ===フォーム=== | | *[[デザイナーマシン一覧]] |
| *[http://web-tan.forum.impressrd.jp/e/2006/10/30/352 その気になった客を逃さないフォーム設計術] | | *[[モリサワフォントの更新]] |
| *[http://web-tan.forum.impressrd.jp/e/2008/02/12/2610 申し込みフォームを使いやすくして途中であきらめる人を減らす具体的な方法論]
| | *[[WEB関連のおすすめ本]] |
| *[http://cyberniko.jp/hal/web/form 入力フォームのユーザビリティ&アクセシビリティ]
| |
| *[http://www.phenomena.co.jp/phenomena/uid_lab/ ユーザーインターフェイスデザイン研究所] | |
| *[http://www.bebit.co.jp/memo/2008/01/post_94.html 【ビービット】メールアドレス欄のユーザビリティ]
| |
| *[http://www.bebit.co.jp/column/column025.html 【ビービット】登録フォームのユーザビリティ]
| |
| *[http://www.bebit.co.jp/memo/2007/08/post_75.html 【ビービット】検索条件の入力画面で配慮したいインターフェース例]
| |
| *[http://www.sociomedia.co.jp/category/uidesignpatterns 【ソシオメディア】最新のUIデザインパターン] | |
| *[http://www.y-cube.co.jp/webapl/brochure/Index.do 【ワイキューブ】資料請求]…優秀なフォーム例
| |
| | |
| ===ユーザーの意見ではなく行動を重視===
| |
| *[http://web-tan.forum.impressrd.jp/e/2008/12/04/4469 成果を上げる！ユーザー中心ウェブサイト戦略――ビービット 遠藤直紀氏]
| |
| | |
| | |
| ===ペルソナ===
| |
| *[http://web-tan.forum.impressrd.jp/e/2008/12/17/4471 ペルソナシート39名分とペルソナQ&Aを一挙公開! キャンセル待ち続出の「ペルソナ作り体験ワークショップ」レポート] | |
| | |
| | |
| ===SEO===
| |
| *[http://web-tan.forum.impressrd.jp/e/2008/12/19/4665 SEOに関して大手サイトが犯しがちな8つの間違い]
| |
| | |
| | |
| ===画面横幅サイズ===
| |
| *[http://www.bebit.co.jp/memo/2008/12/900px.html 画面横幅を900px以上にするメリットとデメリット。]
| |