タグ

配色とUIに関するpitworksのブックマーク (2)

  • モバイルサイトデザインの考え方 : LINE Corporation ディレクターブログ

    こんにちは。ケータイlivedoorを担当してます多留です。 今回は、私がモバイルサイト作りでいつも意識して取り組んでいる "配色の仕方"、"メリハリの重要性" についてお話させていただきます。 モバイルサイトと配色 モバイルサイトは、PCのようにガンガン画像を使うとか、JavaScriptを使って動きをつけるとか、まだまだできないこと、制限のあるところが多々あり、線や細かい背景色・文字色・絵文字の使い分けなどでページを構成する必要があります。 配色や見せ方に関してはセンスが問われるところで、特にモバイルサイトのように凝縮されたスペースでの表現は難しく、苦手な人はホントに「いつまでたっても苦手」という方も多いと思います。 私個人としては、PCよりもモバイルサイトで全てを済ませようとしていて (つまりは携帯依存症……) いろんなジャンルのモバイルサイトデザインを見ているおかげで、配色や見せ方

    モバイルサイトデザインの考え方 : LINE Corporation ディレクターブログ
    pitworks
    pitworks 2010/07/24
    モバイルサイト作りで重要な"配色の仕方"、"メリハリの重要性" どのリンクを押させたいか、どこに誘導したいかを意識してメリハリをつける
  • 大量のテキストをスクリーン上で読む時は背景色を変えた方が目に優しい | ライフハッカー・ジャパン

    パソコンのスクリーン上で大量のテキストを読まなければならない場合に、白地に黒の文字だと目が疲れやすいという話はよく聞くと思います。米ライフハッカー読者のSandHammerも、白地に黒の文字を読んでいて目があまりに疲れたらしく、背景色を変えてみたらかなり楽になったそうです。 PDFファイルなんて、正にスクリーン上で大量のテキストを読む必要に迫られることが多いと思います。毎日パソコンやネットを使っていれば、1日1回以上はPDFファイルを読むと言っていいほど、頻繁に目にするファイル形式です。そこで、Adobe Readerのデフォルトの背景色を変える方法をお教えしましょう。 Adobe Readerを立ち上げ、編集 > 設定 > アクセシビリティを開きます。文書カラーの変更でカスタムにチェックを入れます。ページ背景色をクリックし、好きな色を選んで変更します。 これは何もPDFファイルに限ったこ

    大量のテキストをスクリーン上で読む時は背景色を変えた方が目に優しい | ライフハッカー・ジャパン
    pitworks
    pitworks 2010/03/10
    大量のテキストを読むときは白地に黒よりも背景色に色を入れた方が読みやすい。
  • 1