よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
YouTubeから削除されたムービーを視聴できる「Delutube」 - GIGAZINE
諸事情で削除されたYouTubeのムービーを視聴できるという、とんでもないサービスだそうです。どうやら100％完全に視聴できるというわけではないようですが、消えてしまったムービーを見られるというのはすごいかもしれません。 先日YouTubeとGoogleが10億ドルの損害賠償で訴えられたということをGIGAZINEでも取り上げましたが、大丈夫なのでしょうか…。 詳細は以下の通り。 Delutube - The Deleted YouTube Video Viewer http://youtube.infamousx.com/index.php 使い方は該当するYouTubeの動画のURLの最後にあるID（例：https://www.youtube.com/watch?v=この部分）を入力して「View Video」をクリックするだけ。削除されたムービーが保存されていた場合、視聴することが可
Welie.com - Patterns in Interaction Designインタラクション集
A Pattern Library for Interaction Design This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this. So there is really no 'original' design to be found here, sorry. It has all been done before... See it as a reference or basic 'toolkit' you can use when design user experiences. It
WEB制作のスキルに薬事法と医師法の知識は必要ではないかという提案
食品関係のショッピングサイトには細心の注意が必要となる。 ホームページ作成をする上で、最も注意しなければならないのが、法律的トラブルの回避です。 その為に契約書と規約というものを必ず設ける必要があります。 例えば、大学生の人が、アルバイトで何も考えずにホームページを受注し、相手から出された資料を元に作成したとします。 渡された資料が、既に薬事法に違反していたとします（かなり多い）。 こうした違反したページを作った場合、作成した会社と、WEB制作者に罰則が言い渡される事があります。 これを回避する為、かならずホームページ上での文章等の責任は、全て依頼元に委託する規約が絶対に求められます。 こうしたトラブル回避は、ある程度薬事法と医師法の知識さえあれば先に打開策を練る事が出来ますが、一般的WEB制作者の中には、言葉すら知らない人も居るでしょう。 今回は、こうしたWEB上での最もトラブルになりや
こんなウェブデザイン会社はいやだ！--SEOに携わる者からの視点 | Moz - SEOとインバウンドマーケティングの実践情報
今日の午後、僕はかなり大きなプロジェクトの関係で、あるウェブデザイン会社と話をすることになった。 僕は今、ある会社から、事業資金の潤沢な半新興企業のCOOにならないかと持ちかけられていて、話を進めているところなんだ。けれども残念なことに、その会社のオーナーたちはすでにあるウェブデザイン会社を選んじゃってるんだよね（ただ幸いなことに、どんな形であれ僕にはその会社にこだわる義務はない）。 この役割を引き受ければ僕には、その会社のサイトからオフィスの壁紙の色まですべてに対して責任が生じる。そこで、引き受けるにあたって、そのデザイン会社と直接話をさせてほしいと頼んだ。そのほうが、その会社のこともその会社の能力もよくわかって、不安がなくなるからね。 僕はなんとなく、そのデザイン会社は、あまり技術面に詳しくないオーナーたち相手に、もっともらしい「バズワード」で煙に巻いて契約にこぎ付けたんじゃないかって
ホームページのデザイン本を買う前に見ておくとお得なエントリまとめ 見本サイト数135程*ホームページを作る人のネタ帳
（このイメージは、このブログの記事内容をイメージするもので、実在しません） 先日書店に、ホームページのデザイン集なるものがおいてあったので、買ってみた。 2000円出して買った本ですが、どうも損した気分に陥る。 そんな損した気分に陥る人が他にもいるかもしれないので、ホームページ、及びブログのデザインのインスピレーションをここにまとめておく事にします。 30ブログデザイン 最近話題になったエントリ。 30 More Excellent Blog Designs 良質なブログデザイン30サイトのまとめエントリ。 Simplicity and Whitespace（シンプルと空白のデザイン）からはこのブログデザインが好き。 すごくすっきりしているというのとさっぱりしていて、ちょっとクドイ。 Theocacao Weblogs Which Don’t Look Like Weblogs（ブログのよ
WEBデザインに便利なオンラインジェネレーター＆ツール集:phpspot開発日誌
CSS Juice Tools Below is the complete list of online generators and tools WEBデザインに便利なオンラインジェネレーター＆ツール集。 WEB2.0なサイトのデザインを作る際にかなり使えるブラウザツール集がまとまっていました。 角丸コーナージェネレート Roundedcornr Spiffy Corners Sitepoint Spanky Spiffy Box CSSフォーマッター、オプティマイザー Code Beautifier Clean CSS CSSDrive Compressor CSS Optimiser Web2.0ロゴジェネレーター Web 2.0 logo creatr Creatr Web 2.0 Stylr Web 2.0 Free Logo Generator ストライプ背景画像ジェネレーター
角丸ライブラリ - tikeda::Diary:
最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01：小さ目な角丸 02：大き目な角丸 03：斜線の角丸（背景画像をループ） 04：ストライプの角丸（背景画像をループ） 05：木模様の角丸（背景画像をループ） 06：リボンのついた角丸（背景画像を固定） 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLとCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu
角丸に関するあれこれ
最近、というか Web2.0 的デザインなんてものが言われ始めてからというもの、「角丸」 ってやつがとっても人気ですね。(X)HTML、CSS 関連の話題でもよく取り上げられています。 ということで、角丸の作り方をいくつかの種類別に、また、数値などを入力するだけで、角丸のソースを生成してくれる角丸ジェネレータなどをいくつかまとめてみました。 角丸の作り方その1、画像を使う方法 ソースがどうこうとか、まったく気にしないで塗りつぶしの角丸ボックスを作るだけなら、4つの角に配置する画像を用意した上で、下記のような感じにすれば得に難しくもなく角丸完成と。しかもフレキシブル。しかしソース汚い。 <!--HTML--> <div class="left-top"> <div class="right-top"> <div class="left-bottom"> <div class="right-b
ふい字置き場
ふい字 v2.9 → ダウンロードはこちらから (2007.08.01) HuiFont29.lzh 約2.4MB ふい字Ｐ v2.9 → ダウンロードはこちらから (2007.08.01) HuiFontP29.lzh 約2.4MB ＜説明＞ ・TrueTypeフォント。WinXPまで/MacOS X以降で使えます。 ・日本語２バイトかな文字フォント。ひそかに縦書き対応。 「ふい字」は等幅、「ふい字Ｐ」はプロポーショナル。 ・入ってる文字は、 ひらがな/全角・半角カタカナ/全角・半角数字/ 全角・半角アルファベット/ギリシャ文字/ロシア文字/各種記号/ シフトJIS第一水準漢字/シフトJIS第二水準漢字/絵文字 他 ■こっちの「萌」も違ってる気がする……ね……。近々直します。 《軽量版》 ふい字 v1.09 → ダウンロードはこちらから (2007.08.01) HuiFont109.l
第四十工房落書き置き場
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
ショッピングカート比較
ショッピングカートを選択・選定するとき役立つ情報、各種ショッピングカートの形態や比較、決済方法について記載したページです。 このコンテンツは移動しました。お手数ですが以下リンクよりお進みください ショッピングカート比較
ブラウザだけで使える、分数やルートの計算も簡単な手書き電卓『xThink Online Calculator』 | POP*POP
sta la staさんですでに紹介されていますが、「これはすごい！」と思ったのでこちらでもご紹介。 「xThink Online Calculator」はブラウザ上の電卓ですが、手書きで数式を書くことができます。分数やルートなど、キーボードで打ちにくい計算も楽々です。 学生さんに特に便利なのではないでしょうか。 詳しい使い方は以下からどうぞ。 ↑ 使い方は簡単。適当に数式を書いて「SOLVE」をクリックするだけ。 ↑ こういう複雑な式も楽々計算してくれます。 ↑ 分数の計算も楽々。答えも分数で出してくれるといいのですが・・・。 ↑ なお、掛け算する場合には「＊」を使いましょう。「X」だと認識しません。 ↑ 三角関数もお手のもの。 なお、数式以外にコメントをかけたり、数式を保存したり、有効桁数を変更したりといったことが可能なようです。詳しい使い方は画面下の「About」をクリックすればヘル
なにかと使える『名言ポータルサイト』まとめ | POP*POP
「人に何かを伝えたい時は、自分の言葉を代弁してくれる名言を使うと効果的だ」という話を聞いたことがあります。 名言には「偉人も言っていたという信頼性」と「キャッチコピーのようなわかりやすさ」という力があるからかもしれません。 そこで今回は名言のポータルサイトを集めてみました。なにかと使えるのではないでしょうか。 では以下よりご覧ください。 名言集.com 「人生」「ポジティブ」などのカテゴリー別、「映画」「ドラマ」「漫画」などのジャンル別に世界の名言が紹介されています。ブログに名言を表示するためのブログパーツも配布されていますよ。 » 名言集.com 心に残る名言集 以前、POP*POPでもご紹介したサイトですね。ドラマやアニメの名言が充実しています。ブログパーツも配布されていますよ。収録されている名言数は1,397です。 » 心に残る名言集 世界傑作格言集 「人生の格言･名言集」「愛の格言
✉ Guerrilla Mail - Disposable Temporary E-Mail Address
Avoid spam and stay safe - use a disposable email address! Click the "WTF" button below for help. So far we've processed 16,981,708,793 emails, Keeping your real inbox safe and clean (38550 emails going in / hour) qdkclxwi @ Forget Me WTF? tzhoqi+11hms2bqun5o0@sharklasers.com Copy to clipboard Scramble Address
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JST Clock [日本標準時]
Vid-DL - 動画ダウンロード保存支援ツール
無料で使えるAdobeCS3の代替ソフト - DesignWalker
ColorJack: Sphere (Color Theory Visualizer)
http://hatebutv.com/