第三者によるデザイン評価情報収集サービス「CREATIVE SURVEY」 | クリエイティブ | マイコミジャーナル
フォーデジットは、消費者のデザイン評価情報を収集するサービス「CREATIVE SURVEY(クリエイティブサーベイ)」を開発、サービスの提供を開始した。 「CREATIVE SURVEY」サービス概念図 CREATIVE SURVEYは、Webサイトのデザインにおける意思決定のためのデータ不足により、ビジュアルデザインが発注者の経験や嗜好で決定される状況があることや、同社が実施したアンケート結果でデザインの決定に対して消費者の意見が取り入れられていないことなどを背景にして開発された、デザイン評価収集サービス。 消費者からWeb上でデザインの印象や意見など、デザインに対する第三者の評価を様々な視点から最短1日で収集。事前に設定した目標との乖離度合いがリアルタイムに集計されるとともに、数値と2軸上、またはデザイン上のヒートマップとして評価結果を表示することができる。 リクルーティングした回答
情報のデザインとインフォメーションアーキテクトという職能 - Just blogged
装飾と情報、2種類のデザイン デザインには主に2種類のタイプがあります。 装飾のデザインと情報のデザインです。 前者は職能としてのデザイナーが得意とする分野で、 デザインにおいての専門知識が要求されます。 後者は職能としてのインフォメーションアーキテクトが得意とする分野で ターゲットユーザーの分析、ユーザビリティ、コミュニケーションを通じて、 ターゲットユーザーに対する導線設計を元にした コンテンツの配置やナビゲーションの設計、検索エンジン対策、 流入経路に対して最適化されたページの設計(広義のLPO対策)、 KPIの設計などを行っていきます。 用いるツールやドキュメントもデザイナーとは大きく異なります。 実際のところ、インフォメーションアーキテクトはまだ新しい職能であり、 認知度は低いですが、Webサイトの成否を分ける重要なタスクを担う職能 と言っていいでしょう。 なぜ、Webサイトの成
ウェブデザイン用超便利ツール集:phpspot開発日誌
Web Design Toolbox: 130 New Tools to Make You a Better and Faster Designer ウェブデザイン用便利ツール集 ブロックレイアウトなんかをウェブ上から簡単に作れるツールなんかをまとめたエントリがあがってました。 YAML Builder - 複雑なカラムレイアウトもGUIで簡単作成 Sky CSS Tool - CSSオーサリングツール The Box Office - イメージにあわせて以下のようにテキストの位置を指定したページをジェネレート CSSTXT - CSSでのテキスト整形をプレビュー付で確認しながら生成できる izzyMenu.com - メニューを簡単作成 pForm - フォームを簡単作成 Roxer - ドラッグ＆ドロップでページを簡単作成 Wirenode - モバイルサイト作成 doodleki
画面レイアウトを考える その１モニターサイズとwebブラウザ可視領域について
実際にサイトをレイアウトする手始めの段階で必ず考えておかなければならないのが、ターゲットとするユーザーのサイト利用環境、ターゲットモニターサイズである。サイトを閲覧するために一般ユーザーが使っているPCのモニター表示解像度は、人によって大きく異なる。現在標準と言われている表示解像度は、XGA（1024×768ドット）だ。現在の標準的なPCがこの解像度を使っており、比較的古いタイプのPCでもこの程度のサイズをカバーしている。古いラップトップパソコンを使っているユーザーであれば表示解像度はSVGAの可能性があるが、PCの最小表示サイズVGAモード同様、新型のOSが対応するPCではあまり日常的に使われていないと考えてよい。また現在ではSXGA（1280×1024ドット）の解像度も優勢で、WindowsXPやMacOS X世代のOS対応機はこの環境に対応するものがほとんどだ（図１）。 モニターサイ
【レポート】ハイクオリティサイトのワイヤーフレーム分析 (3) ワイヤーフレーム分析 : ファミリーマート | クリエイティブ | マイコミジャーナル
ファミリーマート ・幅:約820ピクセル / 高さ:約1,400ピクセル ・XGA(1,024×768ピクセル)で約2スクロール (出典:ファミリーマート) ワイヤーフレームの分析結果 XGA(1,024×768ピクセル)でブラウザサイドバー表示を想定 すべてのコンテンツ幅を約820ピクセルで設計しているため、SVGAではなくXGA(1,024×768ピクセル)を想定していることがわかる。通常、XGAを想定する場合はコンテンツの最大幅を980ピクセル前後で設計するが、ブラウザサイドバー(ブックマーク、履歴など)を表示させてブラウジングしているユーザーでも横スクロールバーが表示されないように、との配慮が読み取れる。 高さは約1,400ピクセルだが、あまり決まったサイズは想定していないと考えられる。サイドバーの下部に空きがあることから、高さはメインコンテンツの「トピックス」の量に依存する設
連載：独学で極める “Webデザイン”の技と心｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
フォームのインタフェースデザインを考える（1） - builder by ZDNet Japan
フォームのインターフェースデザイン フォームはユーザーから情報を送ってもらうのに欠かせない要素だ。ユーザーが入力で迷うことのないように、わかりやすくデザインすることが求められる要素でもある。 CSSではユーザーのアクションや入力項目の状態に応じてフォームのデザインを設定するセレクタがさまざまに定義・提案されており、FirefoxやSafariの対応も進んでいる。そこで今回から、フォームのインターフェースデザインに関連したセレクタを紹介する。 ユーザーのアクションに応じてフォームのデザインを変更する :hoverといったセレクタを利用すると、ユーザーのアクションに応じてスタイルシートを適用することができる。一般的にはリンク部分のデザインを変えるのに利用するが、フォーム部分のデザインを変えることも可能だ。利用できるセレクタは次の３種類となっている。 :hover 項目にカーソル（マウスポインタ
web制作に役立つサイトまとめ - 肉汁が溢れ出ています
引用元：web制作板 545 名前：Name_Not_Found[sage]投稿日：03/10/20 20:13 ID:??? 初心者向け ■はじめてのWEBドキュメント作り http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ■初めてのホームページ講座 http://www.hajimeteno.ne.jp/index.html ■30分間HTML入門 http://kanzaki.com/docs/html/lesson1.html ■ISMT HOME 〜 メモ帳で作る超初心者のＨＰ作成講座 〜 http://ismt.cside.com/ ■趣味のWebデザイン http://deztec.jp/design/index.html HTML/WWW解説 ■好ましいHTML文書を書くための方法と考え方 http://www.asahi-net.
【雑記】Webクリエーターで10年後仕事ありますか？ / KOMOREBI || blog
今日は、月に2度のデジタルスケープでの講師だったのですが、最近、過去の受けた受講生が再び再受講してくれる事が多くなりました。 現場に派遣されて、意外にWeb制作に直接携われなかったけど、やっぱりWeb制作をしたい！と思ってくれて、かつ、私のやってる講義に再び受講に来てくれるのは大変嬉しき事です。 今日も、そんな生徒さんの1人が再受講をしてくれたんですが、ランチ休憩の時間に――、 「今Webの勉強していて、今度もやっていきたいと思うんですが、 10年先仕事があるか不安なんですが・・・」 という質問をもらいました。 この生徒さんはとても意欲がある女性なんですが、とても現状況を良く見ていると、関心した訳です。 正直、今の若いクリエーターさんを見ていると、Web制作の未来は厳しいだろうなー、というのが私の印象なのです。 もちろん、すべての人が・・・という意味じゃないんですが――、 教えてもらうのが
アドビ―Dreamweaverデベロッパーセンター
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました
WEB製作者の為のSEOチートシート SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました。 重要なHTML要素 title要素にキーワードを含みましょう。 h1,h2,h3要素にキーワードを含みましょう。 b要素、strong要素でキーワードを包みましょう。 img要素のalt属性、ファイル名にキーワードを含みましょう。 a要素のtitle属性、アンカーテキストにはキーワードを含ませましょう。 a要素のnofollowを上手に使いましょう。 インデクシングに関する限界 ページのファイルサイズは150KB以下にしましょう。 ページ内のリンクは100個以内にしましょう。 title要素は70文字(半角)以内にしましょう。 meta要素のdescriptionは155文字（半角）以内にしましょう。 URLの含まれるパラメーターは2個以内にしましょう。 ディレクトリの
![WEB製作者の為のSEOチートシート[to-R]SEOmozで配布されているSEOチートシートが素敵ですので日本語にしてみました](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
テキストをかっこよく魅せるPhotoshopのチュートリアル集 | コリス
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
[CSS]スタイルシート設計のベースになる12のCSSのフレームワーク | コリス
specky boyのエントリーから、ブラウザのスタイルの初期化やレイアウトのテンプレートなど、スタイルシート設計のベースとなるCSSのフレームワークを紹介します。
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Iaonesheeters.com
ウェブの画面設計に使えるまとめ - DesignWalker
携帯シミュレータ - P1エミュレータ
『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳
○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forum