ワイヤーフレームの間違った使い方 たまにリニューアル案件をいただくときがありますが、見た目より先にコンテンツを整理しましょう、一緒に作っていきましょうと説得するようにしています。このサイトでも様々な角度からコンテンツの重要性を語ってきましたが、最もシンプルな方法は「UX を考えていきましょう」「モバイルファーストで戦略を練っていきましょう」といった専門性の高い言葉を使うのではなく、今までのやり方ではうまくいかないということを分かりやすく説明することです。 従来の Web サイト制作でよくあったのが、まずワイヤーフレームをつくって情報の大まかな構成を設計するというやり方。ワイヤーフレームを作ることは間違っていませんが、コンテンツを作る前に始めてしまうと、あとで大きなギャップを埋める作業が発生することがあります。コンテンツなしで構成を作り始めると、例えば以下のような状況に陥ります。 文字が多過

「これは革新的なアイデアだ…」貧しいインドの子供たちのために廃ダンボールを使った学習環境を提供 教育熱が高く識字率も年々上昇しているインドですが、貧困な地域では学校に机すらなく、子供たちが直接地面を使って読み書きしている姿も珍しくありません。 視力低下や猫背になるなど、子供たちの健康が懸念されるこの状況を是正しようと、NGO団体が、不要になったダンボールを利用する活動を始めました。 その結果生まれた、革新的なアイデアをご覧ください。 1. 勉強に熱心なインドの子供たち。 2. しかし机がないため、ノートを取るにもこのような姿勢を強いられていました。 3. そんな子供たちのために、廃棄処分されたダンボールをリサイクルすることにしたそうです。 4. そして子供たちに配布されたのが、ダンボールで作られたこのカバン。 その名も「HELP DESK」。 5. ん？　デスクという名前ということは……？

たまに見かけるけれど、背景をやたら凝ってみたり、jQuery を使って小奇麗なエフェクトを付けてみたりしているWebサイトを見ると、二流のデザインだなーと思う。 自分の考える一流のデザインは、一言で表現すると「さりげない」。デザインの存在をユーザーに意識させず、コンテンツに注力させるようなデザイン。 「二流」の例実際はこんな単純な話ではないけれど、例を挙げると CSSや画像等を全く使っていない、単色のWebサイト 「なんか殺風景で味気ないページだなあ」（コンテンツよりも先に、見た目が寂しいことが気になってしまう）CSSや画像等でゴテゴテに装飾しまくりのWebサイト 「すごく賑やかなサイトだわ」 (コンテンツよりも先に、自己主張しまくりの背景や見栄えのほうに意識が向いてしまう)必要十分な装飾が施されたWebサイトデザインについて意識が向くことなく、コンテンツの内容に注力できる前者の2パターン

「完全に狼狽（ろうばい）した」――「はてなブックマーク」（はてブ）リニューアルのディレクターを務めたはてなのディレクター・伊藤博典さんは、リニューアルに対するユーザーの反応を見た感想を率直にこう語る。 1月8日、はてなブックマークのトップページとカテゴリーページをリニューアル。アルゴリズムを刷新し、同じ記事が長く滞留しないようにしたほか、デザインも一新。ブルー一色のリスト風の記事一覧からカラフルな配色に変え、一部ページではタイルを並べたようなデザインに刷新した。 大幅なリニューアルは2008年以来、4年ぶり。思い切った刷新を評価する声がある一方、ドラスティックな変更に対する否定的な意見も殺到し、ブログ記事のブックマークには「これはひどい」タグが付き、「見づらくなった」など辛らつな声が次々に寄せられた。 4年間変化のなかったトップページをガラリと変えれば、ユーザーは驚くだろうと想定はしていた

デザイン丸パクリ！ 「iOS 6」のAppleの時計アプリにスイス連邦鉄道が激怒！ 1 名前： ツシマヤマネコ(北海道)：2012/09/21(金) 11:17:07.18 ID:4pSDFRtp0 「iOS 6」からiPad用に新しい時計アプリが追加されました。 iPhone用のものと違って白を基調としたデザインが印象的だったわけですが、 実はこれスイス連邦鉄道の3,000ヶ所以上で採用されている鉄道時計の デザインを丸パクリしたものだったのだそうです！ これはまずいｗ この時計のデザインは、スイス連邦鉄道のエンジニア兼デザイナーだった ハンス･フィルフィカーが1944年に作成したもの。その後MONDAINEという 時計メーカーが正式なライセンスを受けて商品化しています。 Appleは許可を取る必要が無いと考えていたみたいなのですが、 スイス連邦鉄道がかなりお怒りのようで法的措置も考えて

「DICデジタルカラーガイド（*1）」は、国内シェア90%を誇る色見本帳「DICカラーガイド」のデジタル版アプリです。同アプリは、カラーガイド全シリーズの色情報を掲載、伝統色シリーズの色名や色の由来なども ご覧いただけます。色を探す場合には、指定の色番号に近い色を検索したり、キーワードでの検索といった使い方はもちろん、デジタル画像の任意のポイントの色についてカラーガイドの何番に該当するかを表示するといった使い方もできます。デジタルカラーガイドは2010年の公開以来、全世界で約95万件ものダウンロードがされており、主に印刷・出版、服飾・アパレル、建設業界や、デザイン専門学校などにおいて活用されています。 2023年のリニューアルでは、従来の使い方に加え、表面の質感も確認できる「エンボス表現機能」や、標準光源下での色を確認できる「キャリブレーション（調整）機能」など多数の機能をアップデートしま

はじめに教授からのWhy? Why? Why?と立て続けに押し寄せる「どういったロジックを元に〜をデザインしたのか？」という質問の嵐に対して、学生達がBecause, Because, Becauseと素早く理論を構成して「何故なら〜だからです」というロジックを組み立て続ける。 そんな米国大学で展開されるデザイン講義を目の辺りにしてきた僕は、「デザインとはこんなにも理論的なプロセスだったのか」という率直な実感を持っています。 デザインと聞くと生まれ持った才能を存分に発揮してクリエイティブに様々なものを生み出していくというイメージをお持ちの方も多いかも知れませんが、これは全くの誤解であると言えます。 本来、デザインプロセスとは問題解決を前提としているため、地味な作業の連続であり、非常に理論的なプロセスで構成されています。 僕は日本で5年間、米国で3年間デザインの教育を受けましたが、実感として

画像の色調補正する時、何を使いますか？ 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基本 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出

NORIYUKI IKAWA @ENUAI 見積り送ったお客さんに『デザイン費高いからデザインしなくていいです。無印良品のサイトみたいに簡単なやつでいいです。』って言われて波動券打ちたくなったけど、白系でシンプルなデザイン＝デザインされてないと思う人ってやっぱりいるんですね。 2012-01-28 16:53:07 @kbysbtmup @ENUAI それ言われたら全身の毛穴が開きそうですw。ちなみに、そのときってどう返したらいいんでしょうね？ 「いや、あれは余白もちゃんと計算して……」なんて説明しても伝わらないでしょうし、僕なら愛想笑いくらいしかできなさそう……。 2012-01-28 17:16:49

ポスティングシステム（入札制度）でレンジャーズ入りが決まったダルビッシュ有投手（２５）が、ダラス空港に降り立った際に着ていたＴシャツに「大麻の葉」イラストがプリントされていたと、米国で波紋を広げている。記者会見では米国人記者が冒頭でいきなりＴシャツについて尋ね、「日本では気にしないで、英語の書いてあるものを着ているんですが、お父さんに言われて気が付きました。特に意味はないです」と笑いながら答えた。ヤフースポーツのコラムでは「レンジャーズは１億１１００万ドル（約８２億５０００万円）を投資した相手のこういうところは見たくなかっただろう」と指摘。ツイッターでは米国人の野球ファンが騒然となり「臆測を呼ぶね」「あまり立派な行動じゃないわね」といった声が出た。中には「ダルビッシュは、マリフアナの葉がどんな形か知らなかったんだね」とフォローする意見もあったが、思わぬ騒動を招く結果となった。

ブログにしてもサイトにしても同じ事が言えますが、サイトのコンテンツで一番読むのは文章です。なので我々作り手も文章の可読性に関してはしっかり考えたいなというところです。 Index 1.文章の可読性とは？ 2.文章のブロック・段落 3.行間 4.余白 5.テンポ・リズム 6.フォントについて 1.文章の可読性とは？ 当たり前なことですが文章の可読性とはつまり「読みやすさ」です。文字が小さすぎたり、背景色に近い文字だったりすると当然可読性は落ちますね。 コンテンツに記述されていることが優れていても、文章が読みづらそうといった先入観や、読んでいて読みづらいという認識を持つとそのサイトに対してどう思うでしょうか？ 文字のサイズが小さいだけならブラウザのサイズを変更して読んでくれるかも知れませんが、他のサイトへ離脱してしまう可能性は十分に考えられます。人はストレスを感じることを嫌がりますのでよっぽど