タグ

レイアウトとデザインに関するB-daiのブックマーク (3)

  • ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE

    まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配

    ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
  • 画面レイアウトを考える その1モニターサイズとwebブラウザ可視領域について

    実際にサイトをレイアウトする手始めの段階で必ず考えておかなければならないのが、ターゲットとするユーザーのサイト利用環境、ターゲットモニターサイズである。サイトを閲覧するために一般ユーザーが使っているPCモニター表示解像度は、人によって大きく異なる。現在標準と言われている表示解像度は、XGA(1024×768ドット)だ。現在の標準的なPCがこの解像度を使っており、比較的古いタイプのPCでもこの程度のサイズをカバーしている。古いラップトップパソコンを使っているユーザーであれば表示解像度はSVGAの可能性があるが、PCの最小表示サイズVGAモード同様、新型のOSが対応するPCではあまり日常的に使われていないと考えてよい。また現在ではSXGA(1280×1024ドット)の解像度も優勢で、WindowsXPやMacOS X世代のOS対応機はこの環境に対応するものがほとんどだ(図1)。 モニターサイ

    画面レイアウトを考える その1モニターサイズとwebブラウザ可視領域について
  • レイアウト5つの法則「C.R.A.P.S」 | *LOVE IS DESIGN*

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc How C.R.A.P is Your Site Design?(Vitamin Features)というデザインについてまとめた海外の記事を、日語で解説されている記事をみつけました。 C.R.A.P : ウェブデザインを検討する上での4つの観点(PamGau) 「C.R.A.P」の各々は、「対照(Contrast)」・「反復(Repetition)」・「位置あわせ(Alignment)」・「近接配置(Proximity)」を指します。 これらの4つのポイントをわかりやすく解説されていましたが、レイアウトの目的は「情報の視覚化」だと考えます。 以前のブログで書いたもの

    レイアウト5つの法則「C.R.A.P.S」 | *LOVE IS DESIGN*
  • 1