|
|
| (11人の利用者による、間の131版が非表示) |
| 1行目: |
1行目: |
| 東京DSデザインチーム用のTOPページです。
| | デザインチームのページです。 |
|
| |
|
| ----
| | ==デザイン参考== |
| == ガイドライン == | | *[[素材サイト]] |
| | *[[所有している素材集]] |
| | *[[所有している本]] |
|
| |
|
| *[[デザインガイドライン]]・・・基本的なガイドラインをまとめています。2009年までには完成予定。
| | ==ガイドライン・設定== |
| *[[タカシマヤのデザインガイドライン]]
| | *[[高島屋オンラインストア 商品画像]] |
| *[[タカシマヤ通信販売のデザインガイドライン]] | | *[[りそな アイテムカタログPDFの作り方]] |
| *[[タカシマヤ用事用語と各種表示の統一]]・・・タカシマヤ案件では用語の統一が義務付けられています。不明な用語がある場合は確認しましょう。 | |
|
| |
|
| ----
| | *[[デザインガイドライン]]…仕事のルール、フロー、photoshopでのファイル作成法などのガイドラインです。 |
| == 制作物 ==
| | *[[アクセシビリティ ガイドライン]]…アクセシビリティについて、社内で基本とすべきガイドライン。 |
|
| |
|
| *[[タカシマヤHTMLメール配信一覧]]・・・タカシマヤが配信したHTMLメール一覧。 | | ==まとめ== |
| | *[[スマホサイト制作]]…スマホについてのまとめです。 |
| | *[[レスポンシブデザイン]]…レスポンシブデザインのまとめです。 |
| | *[[フラットデザイン]]…フラットデザインのまとめです。 |
|
| |
|
| == メモ == | | ==備考== |
| *[[ウェブ系スレ一覧]] | | *[[Lightbox]] |
| *[[デザイナーマシン一覧]]
| |
|
| |
|
| ---- | | ---- |
| == ツール == | | ==サイトリンク集== |
|
| |
|
| *[http://goldenratiocalculator.com/ 黄金比の計算ツール]…黄金比が簡単に計算できるツールです。黄金比とは2分割するとき、最も美しく見える比率。数字化すると1対1.618。 | | *[[デザインリンク集]]…様々なサイトを集めたデザインリンク集サイト。 |
| *[http://www.29digital.net/grid/ グリット計算]…カラム数と横幅、マージンを計算するツール。
| |
| *[http://vectormagic.com/ 画像をベクター化]…実用性があるか誰か試してください。
| |
|
| |
|
| *[http://test-takashimaya3.z-xcv.com/product/0000xxxx.html タカシマヤ 動的デモページ]…仮アップの確認用です。 | | *[[優秀なサイト]]…評価が高そうな企業サイト集。 |
| *[http://192.168.200.60:16080/kds_tko/e_support/index.php タカシヤマ、商品画像の検索]…タカシマヤ サポートへ。または、「商品画像フォルダ」を検索しましょう。 | | *[[知名度の高い企業サイト]] |
|
| |
|
| | | *[[お問い合わせフォーム]] |
| | |
| ----
| |
| ==サイト一覧==
| |
|
| |
|
| *[[国内有名ショッピングサイト]]…日本国内の有名ショッピングサイト一覧。 | | *[[国内有名ショッピングサイト]]…日本国内の有名ショッピングサイト一覧。 |
| *[[優秀なサイト]]…世間的に評価の高い企業ウェブサイト。 | | *[[大型複合商業施設]]・・・大型複合商業施設のリスト。 |
| *[[日経パソコン 企業サイトランキング2007]]…有名企業500サイト。 | | *[[カルチャーセンターのサイト]] |
| *[[海外百貨店]]…海外百貨店についてまとめてあります。 | | *[[ゴルフ場サイト]] |
| *[[コンビニサイト]]…コンビニサイトいろいろ。 | | *[[カード会社のサイト]] |
| | *[[医薬品サイト]] |
| | *[[コンビニサイト]] |
| *[[教習所サイト]] | | *[[教習所サイト]] |
| | *[[出版社サイト]] |
| | *[[銀行サイト]] |
| | *[[海外百貨店]] |
| | *[[よくある質問・Q＆A 優秀サイト]] |
| | *[[レスポンシブデザインのリンク集]] |
| | *[[パララックスデザインのリンク集]] |
|
| |
|
| ----
| | ==外部サイトリンク集== |
| | | *[[ウェブ系ニュースサイト一覧]] |
| == 参考サイト == | |
| *[http://www.personadesign.net/ ペルソナデザインドットネット]…近い将来、ペルソナが必須になるような気がします。 | |
| *[http://dragon.jp/ Dragon.jp]
| |
| *[http://markezine.jp/ MarkeZine：ネットマーケティングとコミュニケーションの最前線を探る実践Webマガジン]
| |
| *[http://japan.internet.com/ Japan.internet.com 最新インターネットニュース]
| |
| *[http://www.usability.gr.jp/ U-Site]…ユーザビリティの大御所、ヤコブ・ニールセン博士のコラムが読めます。
| |
| *[http://www.doburoku.com/wiki/index.php Wikiウサギ]…インフォメーションアーキテクチャ、情報設計などとよばれる分野の特にWebに特化した情報を集め、体系化を目論むサイトです。
| |
| *[http://allnight.cocolog-nifty.com/usability/ 人机交互論]…ユーザビリティエンジニアの樽本徹也氏のブログ。更新されてないけど。
| |
| *[http://jp.fujitsu.com/accessibility/ 富士通アクセシビリティ]…アクセシビリティと言えば、富士通が有名です。
| |
| *[http://jp.fujitsu.com/about/design/ud/ 富士通ユニバーサルデザイン]…富士通ユニバーサルデザイン
| |
| *[http://www.ricoh.co.jp/appliance/ リコー"使いやすさ"への取り組み]
| |
| *[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 最強の商品ページの作り方 ～競合ページに勝つ方法!?～]
| |
|
| |
|
| ---- | | ---- |
| == デザイン参考 == | | ==知識やTIPS== |
| | | *[[ウェブ構築プロセスのまとめ]]…新規案件やリニューアル時の進め方の参考に。 |
| ===フォーム===
| | *[[デザイン関連のミス事例]]…過去のミス事例のまとめです。 |
| *[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/ ユーザーインターフェイスデザイン研究所] | | *[[photoshopの推奨設定]] |
| *[http://www.bebit.co.jp/memo/2008/01/post_94.html 【ビービット】メールアドレス欄のユーザビリティ] | | *[[photoshop設定]] |
| *[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 【ワイキューブ】資料請求]…優秀なフォーム例
| |
|
| |
|
|
| |
|
| ---- | | ---- |
| == その他 == | | ==その他== |
| *[[国内有名ショッピングサイト]]…日本国内の有名ショッピングサイト一覧。 | | *[[デザイン記事]]…デザインに関する外部エントリーのまとめです。 |
| *[[コンビニサイト]] | | *[[デザイナーマシン一覧]] |
| *[[海外百貨店]]…海外百貨店についてまとめてあります。 | | *[[モリサワフォントの更新]] |
| *[[WEBコラム]]…WEB関係のコラム。 | | *[[WEB関連のおすすめ本]] |
| *[[ヤコブ・ニールセン]]…ユーザビリティの第一人者。
| |
| *[[(2007)4.19タカシマヤリニューアル]]…いろいろと大変でした。
| |
| *[[WEB用語辞典]]…WEB関係の用語辞典です。
| |
| *[[日経パソコン 企業サイトランキング2007]]
| |
| *[[マーケティングサイト]]
| |