Webデザインに関するmrgw02のブックマーク (7)

  • 配色の基本。メイン・サブ・アクセントカラーを極める!

    前回の[カラーデザインの基。トーンを理解する!]と[カラーデザインの基。色の三属性とは?]に引き続き、今回はメインカラー・サブカラー・アクセントカラーの基ルールについて解説させていただきます。このメイン・サブ・アクセントカラーの基ルール正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーのルールを正しく理解できていない可能性があります。なので今回解説するこの記事を読んで、配色についての理解を深めましょう!(偉そうに書いちゃいました。すみません) ちなみに配色という言葉を辞書で引くと、『2つ以上の色を組合わせること。また、組合わせた色合いのこと』と書いてあります。 メイン・サブ・アクセントカラーの役割 まずは、メインカラー・サブカラー・アクセントカラーと呼ばれる、各要素の役割に

    配色の基本。メイン・サブ・アクセントカラーを極める!
  • これは斬新!木のUIで訪問者を驚かせよう、なUIパーツ:phpspot開発日誌

    Got Wood? UI Design Elements | MediaLoot これは斬新!木のUIで訪問者を驚かせよう、なUIパーツ。 木のiPhoneケースや木のキーボード等、木とITを絡めるとなぜかインパクト絶大ですが、木のUIキットを発見しました。 これでページデザインをすれば自然の温かみによってリラックスした気分でページを使えるのかも。 基的なUIパーツはそろっているので頑張ればページに適用できるはず。 レイヤーに綺麗に分かれているのがいいですね。 見ていてなにか作りたくなりました。 関連エントリ かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 モックアップ作成用PhotoshopのUIキット「Soft UI Kit」 ブルーが美しいモダンなUIキットPSD 色々と使えそうなフリーのUIエレメントPSD70種

  • 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog

    デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

  • アフィリエイター必見!クリックしたくなるバナーボタンの色は? | セミリタラボ

    知っていましたか?バナーの色の違いでクリック率が大幅に変わるのをご存知でしたか?ある実験結果がありますので、ご紹介しようと思います。 こんにちは、マメボーです。 今日は、おそらくアフィリエイターさん必見ですよ! アフィリエイターさんは報酬を得るため 商品を検証してレビューを書いて、販売ページに誘導するです。 ですが、 せっかく検証して、良いレビューを書いても、 販売ページに誘導できなくては、まったく意味が無いですよね。 そのためにいろいろ工夫していると思います。 みなさんはどのような工夫をしていますか? 一番思いつく方法としては、 目立たせる! ですよね。 こんな感じですか? ↓↓↓ 「そう、そう、それ!」 って思われた方は、 実は非常に損をしているかも知れませんよ。 もっともクリックされやすいバナーボタンの色は これは、2009年にMozillaのFirefoxがある実験を行った結果です

    アフィリエイター必見!クリックしたくなるバナーボタンの色は? | セミリタラボ
  • サイト立ち上げ後2週間でやった基本的(?)な7つのSEO対策 | Kousyoublog

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

  • サイト訪問者のマウスの軌跡をリアルに記録できる「GhostRec」

    マウスの軌跡を録画するサービスを導入すると、どうしてもサイトが重くなったり、あまり正確な軌跡が見えなかったりするものです。 しかし、今回ご紹介するツールは弊害も感じず、マウスの軌跡も正確に取れているようです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイト訪問者のマウスの軌跡を録画できる 「GhostRec」 「GhostRec.com」は、サイト訪問者のマウスの軌跡をカンタンに録画できるサービス。 24回まで無料で録画できます。録画を削除しながら無料で使うこともできます。消しても残り回数は増えないようです。$ 1.95で100件まで録画可能。※2010年5月14日くらいまで20%増量中とのこと。 デモ動画 どのリンクを、どのようにクリックしたかまで見ることができます。ただしマウスジェスチ

    サイト訪問者のマウスの軌跡をリアルに記録できる「GhostRec」
  • テキストリンク色の変更で、70億円(!)を稼ぎだすことに成功したマイクロソフト - Feel Like A Fallinstar

    ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青(水色に近い)を採用していました。   Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。 ちょっと比べてみました。 (※Live Searchは画像検索からキャプチャを取っています) こう見ると確かに色はかなり変化しています。 CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、

  • 1