「デザイン」の版間の差分

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
4行目: 4行目:
== ガイドライン ==
== ガイドライン ==


*[[デザインガイドライン]]・・・基本的なガイドラインをまとめています。2009年までには完成予定。
*[[デザインガイドライン]]・・・デザイナー向け。仕事のルール、フロー、photoshopでのファイル作成法などのガイドラインです。
*[[タカシマヤのデザインガイドライン]]
*[[タカシマヤのデザインガイドライン]]・・・タカシマヤ案件のガイドラインです。
*[[タカシマヤ通信販売のデザインガイドライン]]
*[[タカシマヤ通信販売のデザインガイドライン]]
*[[タカシマヤ用事用語と各種表示の統一]]・・・タカシマヤ案件では用語の統一が義務付けられています。不明な用語がある場合は確認しましょう。
*[[タカシマヤ用事用語と各種表示の統一]]・・・タカシマヤ案件では用語の統一が義務付けられています。不明な用語がある場合は確認しましょう。
24行目: 24行目:
*[[優秀なサイト]]…世間的に評価の高い企業ウェブサイト。
*[[優秀なサイト]]…世間的に評価の高い企業ウェブサイト。
*[[日経パソコン 企業サイトランキング2007]]…有名企業500サイト。
*[[日経パソコン 企業サイトランキング2007]]…有名企業500サイト。
*[[海外百貨店]]…海外百貨店についてまとめてあります。
*[[海外百貨店]]
*[[コンビニサイト]]
*[[コンビニサイト]]
*[[教習所サイト]]
*[[教習所サイト]]
41行目: 41行目:


== 参考サイト ==
== 参考サイト ==
*[http://www.personadesign.net/ ペルソナデザインドットネット]…近い将来、ペルソナが必須になるような気がします。
*[http://dragon.jp/ Dragon.jp]
*[http://dragon.jp/ Dragon.jp]
*[http://markezine.jp/ MarkeZine:ネットマーケティングとコミュニケーションの最前線を探る実践Webマガジン]
*[http://markezine.jp/ MarkeZine:ネットマーケティングとコミュニケーションの最前線を探る実践Webマガジン]
*[http://japan.internet.com/ Japan.internet.com 最新インターネットニュース]
*[http://japan.internet.com/ Japan.internet.com 最新インターネットニュース]
*[http://www.usability.gr.jp/ U-Site]…ユーザビリティの大御所、ヤコブ・ニールセン博士のコラムが読めます。
*[http://www.usability.gr.jp/ U-Site]…ユーザビリティの大御所、ヤコブ・ニールセン博士のコラム。
*[http://www.doburoku.com/wiki/index.php Wikiウサギ]…インフォメーションアーキテクチャ、情報設計などとよばれる分野の特にWebに特化した情報を集め、体系化を目論むサイトです。
*[http://www.doburoku.com/wiki/index.php Wikiウサギ]…インフォメーションアーキテクチャ、情報設計などとよばれる分野の特にWebに特化した情報を集め、体系化を目論むサイト。
*[http://allnight.cocolog-nifty.com/usability/ 人机交互論]…ユーザビリティエンジニアの樽本徹也氏のブログ。更新されてないけど。
*[http://jp.fujitsu.com/accessibility/ 富士通アクセシビリティ]…アクセシビリティと言えば、富士通が有名です。
*[http://jp.fujitsu.com/accessibility/ 富士通アクセシビリティ]…アクセシビリティと言えば、富士通が有名です。
*[http://jp.fujitsu.com/about/design/ud/ 富士通ユニバーサルデザイン]…富士通ユニバーサルデザイン
*[http://jp.fujitsu.com/about/design/ud/ 富士通ユニバーサルデザイン]…富士通ユニバーサルデザイン
*[http://www.ricoh.co.jp/appliance/ リコー"使いやすさ"への取り組み]
*[http://www.ricoh.co.jp/appliance/ リコー"使いやすさ"への取り組み]
*[http://www.kanzaki.com/docs/html/color-check コントラストの段階評価]…検証してみたい文字色と背景色の組み合わせ。文字色、背景色のRGBの値を使って、色のコントラストを計算し、W3CのノートおよびWCAG2.0の草案に示されている基準値と比較します。
*[http://www.kanzaki.com/docs/html/color-check コントラストの段階評価]…検証してみたい文字色と背景色の組み合わせ。文字色、背景色のRGBの値を使って、色のコントラストを計算し、W3CのノートおよびWCAG2.0の草案に示されている基準値と比較します。
===コラム・記事===
*[http://web-tan.forum.impressrd.jp/e/2006/10/30/352 ユーザー視点のウェブデザインガイド]…株式会社ビービットの方が書いてます。
*[http://rikunabi-next.yahoo.co.jp/tech/docs/ct_s03600.jsp?p=000839 感性満足を開発する「ユーザビリティ・エンジニア」]
*[http://www.usability.gr.jp/alertbox/20040913.html Jakob Nielsen博士のAlertbox「ウェブデザイン標準の必要性」]…「他とは違う、かっこいいデザインにしてよ!」的のことを言われるとこのコラムを読んでほしいと思います。ウェブサイトは情報が主役であって、デザインはその情報を効率よく伝えるため手段に過ぎません。
*[http://www.usability.gr.jp/alertbox/991114.html Jakob Nielsen博士のAlertbox「だめなデザイン要素が標準になる場合」]…ローカルナビゲーションは右寄せがいいか、左寄せがいいかの話。いわく、「ナビゲーションとコンテンツの分離はユーザビリティ上、当たり前。で、個人的にはナビゲーションは右寄せがいいと思っていたんだけど、左寄せのサイトが多くて、それが慣習化しているから、左寄せでいいんじゃないかな」と。
*[http://www.usability.gr.jp/alertbox/20010805.html Jakob Nielsen博士のAlertbox「ユーザビリティの第一法則?ユーザの声は聞くべからず」]
*[http://www.usability.gr.jp/alertbox/9710a.html Jakob Nielsen博士のAlertbox「ユーザはウェブをどう読んでいるか」]
*[http://www.usability.gr.jp/alertbox/20001029.html Jakob Nielsen博士のAlertbox「Flash: 99%有害」]…2000年にヤコブ・ニールセン博士が世間を唖然とさせたFlash批判コラム。
*[http://japan.internet.com/busnews/20080407/6.html 最強の商品ページの作り方 ~競合ページに勝つ方法!?~]


----
----
76行目: 64行目:
*[http://www.sociomedia.co.jp/category/uidesignpatterns 【ソシオメディア】最新のUIデザインパターン]
*[http://www.sociomedia.co.jp/category/uidesignpatterns 【ソシオメディア】最新のUIデザインパターン]
*[http://www.y-cube.co.jp/webapl/brochure/Index.do 【ワイキューブ】資料請求]…優秀なフォーム例
*[http://www.y-cube.co.jp/webapl/brochure/Index.do 【ワイキューブ】資料請求]…優秀なフォーム例
----
== その他 ==
*[[国内有名ショッピングサイト]]…日本国内の有名ショッピングサイト一覧。
*[[コンビニサイト]]
*[[海外百貨店]]…海外百貨店についてまとめてあります。
*[[WEBコラム]]…WEB関係のコラム。
*[[ヤコブ・ニールセン]]…ユーザビリティの第一人者。
*[[(2007)4.19タカシマヤリニューアル]]…いろいろと大変でした。
*[[WEB用語辞典]]…WEB関係の用語辞典です。
*[[日経パソコン 企業サイトランキング2007]]
*[[マーケティングサイト]]

2008年12月17日 (水) 13:09時点における版

東京DSデザインチーム用のTOPページです。


ガイドライン


制作物

メモ


サイト一覧


ツール

  • 黄金比の計算ツール…黄金比が簡単に計算できるツールです。黄金比とは2分割するとき、最も美しく見える比率。数字化すると1対1.618。
  • グリット計算…カラム数と横幅、マージンを計算するツール。
  • 画像をベクター化…実用性があるか誰か試してください。

参考サイト


デザイン参考

フォーム