タグ

2013年12月28日のブックマーク (3件)

  • 一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ

    コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。 またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。 最初は、国産のツールから。 配色の見帳 | キーカラーで選ぶ配色パターン 一つのカラーをベースに、さまざまな色の法則から配色パターンを表示します。 上は緑みの青(#0099CE)をベースにしたもの。キャプチャの他に、彩度や明度による配色、色相環による配色など、さまざまな配色を表示します。説明付きなのも嬉しいポイントです。

  • 【Fireworks】普段使いのなんちゃってHDR – 宇都宮ウエブ制作所

    この記事は「Fireworks Lover Advent Calender 2013」の23日目の記事です。 かっこいいですよねー、HDR(ハイダイナミックレンジ合成)を活かした写真。こんなのとかこんなのとか。 HDR写真というのは、異なる露出の複数の写真を同時撮影しておいて画面全体で適正露出になるよう1枚の写真に合成するという技法なんですが、いまやiPhoneにもHDR撮影機能が搭載され、露出を変えて同時撮影&合成までしてくれますし、PhotoshopにはCS5から、異なる露出の写真を合成する「HDR Pro に統合」コマンド、さらに1枚の写真からHDR風加工できる「HDR トーン」が装備されたりと、どんどん身近になってきました。 ファッションやアート関連ならばっちりハマるとは思うけど、こんなトガった写真、わしらみたいなまちのウェブ屋さんはいつ使うねん…。 というわけで、ファッショナブル

    【Fireworks】普段使いのなんちゃってHDR – 宇都宮ウエブ制作所
  • jquery.adaptive-backgrounds.js·背景色を写真に合わせて変化させる MOONGIFT

    最近のWebデザインのキーワードの一つにアダプティブデザインというのがあります。アダプティブとは適応性を意味する言葉で、単純に言うとデバイスではなく周囲の環境やそのターゲットに向けて最適化された情報を配信しましょうと言ったような概念になるようです。 確かにデスクトップとスマートフォンでは求めている情報が違ったり、その利用シーンによって求める情報が変わってもおかしくはありません。そんなアダプティブの一例としてjquery.adaptive-backgrounds.jsを紹介します。 デモ。緑系の写真の背景は同じくグリーン系に。 黄色系の場合は黄色に。 同じく赤系。 jquery.adaptive-backgrounds.jsの使いどころとしてはCGM系があるかと思います。予め決められた写真を出すのであればあえて背景をダイナミックに変更する意味はありませんので、ユーザをはじめ任意にアップロード

    jquery.adaptive-backgrounds.js·背景色を写真に合わせて変化させる MOONGIFT