第三者によるデザイン評価情報収集サービス「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対応機はこの環境に対応するものがほとんどだ（図１）。 モニターサイ
連載：独学で極める “Webデザイン”の技と心｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
フォームのインタフェースデザインを考える（1） - builder by ZDNet Japan
フォームのインターフェースデザイン フォームはユーザーから情報を送ってもらうのに欠かせない要素だ。ユーザーが入力で迷うことのないように、わかりやすくデザインすることが求められる要素でもある。 CSSではユーザーのアクションや入力項目の状態に応じてフォームのデザインを設定するセレクタがさまざまに定義・提案されており、FirefoxやSafariの対応も進んでいる。そこで今回から、フォームのインターフェースデザインに関連したセレクタを紹介する。 ユーザーのアクションに応じてフォームのデザインを変更する :hoverといったセレクタを利用すると、ユーザーのアクションに応じてスタイルシートを適用することができる。一般的にはリンク部分のデザインを変えるのに利用するが、フォーム部分のデザインを変えることも可能だ。利用できるセレクタは次の３種類となっている。 :hover 項目にカーソル（マウスポインタ
テキストをかっこよく魅せるPhotoshopのチュートリアル集 | コリス
テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。
[CSS]スタイルシート設計のベースになる12のCSSのフレームワーク | コリス
specky boyのエントリーから、ブラウザのスタイルの初期化やレイアウトのテンプレートなど、スタイルシート設計のベースとなるCSSのフレームワークを紹介します。
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Iaonesheeters.com
ウェブの画面設計に使えるまとめ - DesignWalker
『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳
○○円ならどこまでできる!? ウェブサイト制作の相場早見表 | Web担当者Forum