MobileHackerz再起動日記: 「真に」デザインされたQRコードのつくりかた
2010/03/29 ■ 「真に」デザインされたQRコードのつくりかた 少し前に、「デザインQRコードの作り方」という記事が話題になりました。簡単にまとめると「誤り訂正符号の割合を最大にして、“たまたまパターンを正常に読み出せなかった際の自動訂正機能”が効くことを期待して一部を壊して絵を埋め込む」という手順です。 壊してしまうと読めなくなってしまう部分（誤り訂正の効かない部分）に留意して作ればたしかにこれで充分な実用性のある「デザインQRコード」を作り出すことができるのですが、読み込みミスのためのシステム上の余力を削って（余力に頼って）“デザイン”しているわけで、ギークとしてはなんだかちょっとした居心地の悪さを感じなくもありません。 ところが、世の中にはそういう手法ではなく、「真に」デザインされたQRコード…つまり、QRコードを生成する際のデータをいろいろといじってコードパターンそのものを
Illustratorで文章を扱うとき（文字組版） - DTP Transit
Illustratorで文章を扱うとき、矩形エリアに文字を流し込んだままではなく、次の4点は、最低限設定します。 行送りの設定 均等配置（行頭行末揃え／ジャスティファイ） 禁則 文字組み（約物前後や和欧間のスペースの設定） 逆を言えば、Illustratorではポイントテキスト（文字ツールでクリックして入力したテキストオブジェクト）を前提としています。 デフォルトの［行送り］は、文字サイズの175％に設定されています。「（14.4pt）」のように（）付きで表示されているときには「自動」行送りになっています。1行あたりの文字数に応じて調整します。 CS以前のIllustratorや、バージョン互換を行ったドキュメントによっては自動行送りが欧文に準じた120%になってしまいます。120%では行送りは狭すぎます。日本語では150-190%程度に設定します。 ［段落］パネルの［均等配置（最終行左揃
どのグラフを使えばいいかを１枚の画像にまとめてみた…の図を日本語化してみた - 適宜覚書はてな異本
皆大好き自分も大好きな二十歳街道まっしぐらにはネタ帳という記事が定期的に挙がります。自分も普段記事にするネタをあれこれ自力で探している訳ですが、カメきちさんのネタ放出はかなり美味しい。という訳で有り難くご相伴に預り、 【ネタ帳】bitlyで短縮されたURLから動画だけを抜き取ったサイト「bitly.tv」 + 25記事*二十歳街道まっしぐらより拝借。 元々の絵は当然英語(YjWta.jpg (1024×767))なんだけど、ちょいと単語が分かりにくいので自分なりに妥当な用語をあてて日本語化してみました。 とってもひどい蛇足 まあ、普通にグラフ作ってるだけなら棒グラフ、線グラフと円グラフがあれば足りると思います。組成分析のためにウオーターフォール使うあたりになるとパレート分析やマトリクス分析に手が出始めて多分こういった図にまとめると言うのは厳しいかと(^^;; 後ですね、散布図が右にも左にも
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
パワーポイントで作る企画書のデザインを美しくみせるための7つのポイント - ハックルベリーに会いに行く
はじめにパワーポイントというのは、今や企画書作成用ツールとしてビジネスになくてはならない存在になった感があります。ぼく自身も、本業は企画者なので、これまで数え切れないくらいの企画書をパワーポイントで書いてきました。そんな中で、最も気をつけ、また力を入れてきたのが「デザイン」でした。内容もさることながら、見た目の美しさや、読んでみたくなるような構成・演出、読みやすさなどに、何よりこだわってきました。なぜかといえば、企画書というのは、多くの場合、まず手に取ってもらうまでに大きなハードルがあるからです。その次に、実際に見て読んでもらうまでにまた大きなハードルがあります。 企画書というのは、書いたら必ず読まれるというものではありません。むしろ多くの企画書は、ほとんど読まれない運命にあります。なぜかといえば、企画書というのはたいていいくつも提出されるからです。一つの案件に対し、10個も20個も提出さ
【レビュー】Firefoxチューニング - フルスクリーン時のツールバー設定やタブ表示設定をカスタマイズしてみる (1) フルスクリーン時のツールバー常時表示 | パソコン | マイコミジャーナル
フルスクリーン時のツールバーを常に表示する Mozilla Firefox(以下、Firefox) 3では、フルスクリーン時に表示できるWebページ領域を拡大するため、タブバーやロケーションバーが初期状態で非表示になりました。デスクトップ表示領域が狭い小型ノートPCなどで、Webブラウジングを行なう機会が多いユーザーには有益な仕様変更です。 しかし、ロケーションバーに直接URLを入力しなければならない場面や、ツールバーにあるボタンを操作する場面に遭遇しますと、完全なフルスクリーン表示も考えもの。自由度の高いFirefoxでは、これらの動作も設定から変更することが可能です。 同設定は「browser.fullscreen.autohide」で制御されており、既定値である「true」から「false」に切り替えることで、フルスクリーン時にツールバーやロケーションバーが常に表示されるようになりま
CSSで作る素晴らしいナビゲーションテクニック「30 Exceptional CSS Navigation Techniques」
TOP > WebDesign > CSSで作る素晴らしいナビゲーションテクニック「30 Exceptional CSS Navigation Techniques」 サイト構築には書かせないナビゲーションメニュー。頻繁に使う部分だけにデザインや使い勝手でサイトのクオリティーにも影響を与える重要な要素の一つです。今日紹介するのはCSSで作るナビゲーションのテクニックとサンプルをまとめたエントリー「30 Exceptional CSS Navigation Techniques」です。 The Menu menu 様々な種類のCSSを使ったナビゲーションが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■CSS Blur Menu 選択されていない部分はピントがボケたように見えるCSSメニュー。 ■CSS Naviga
トレンドを作り出すデザインスタジオ50 – creamu
HONGKIATで、トレンドを作り出すデザインスタジオが紹介されています。 とてもクール。しびれました。 ざっといくつかご紹介。 ↑はWeightshift。 シカゴを拠点とした少数精鋭のデザインエージェンシー Lounge Lizard Webサイトデザイン、マーケティングを行うエージェンシー Wonderful Union シアトルにあるデザイン会社。Dreamworks, Getty Images, Microsoft, Nintendo, Xbox, Zuneといったクライアントの制作実績を持つ Clearleft デザイナーやプログラマ、ライターなど、8人のデザインチーム SOFA インタラクションデザインが得意なデザインスタジオ。versionsの開発会社でもある。制作物はとてもクール その他のリストは以下からどうぞ。 » 50 Trend-setting Design Stu
無料レタッチツール「GIMP」を使いこなす最強リンク集 :教えて君.net
画像編集ソフト「GIMP」に搭載された強力な機能を活用すれば、写真を面白おかしく改造するのも、イケメン写真を捏造するのもお手の物だ。「なにやらズゴイらしいけど、使い方を覚えるのが大変そう」などとＧＩＭＰの導入に二の足を踏んでいた人も、この記事を参考にして、ぜひコラ画像作成に挑戦しよう。 GIMP 徹底活用ガイド 2009 (インプレスムック エムディエヌ・ムック)(MdN) ￥1,575 マーケットプレイス 新品最安値：￥1,575(+送料) (価格は2009/02/04 18:37時点のものです) ダウンロード＆インストール まずはGIMPをダウンロードしよう。現在の最新バージョンは2.6.4だ。リンク先ではインストールの手順を説明している。 詳細はこちら→市販ソフト顔負けの高機能フォトレタッチソフト GIMP for Windows 基礎:GIMPで写真に落書きをする／人物を切り抜
[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。
第 3 回目は「見栄えの良いページャー」です。 シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> サンプル1： とてもシンプルなページャー とてもシンプルなページャーのサンプルです。 «
![[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
Photoshopによるマットペイントの仕方
以前に書いた記事の中で、「スターウォーズ エピソード3の超高画質マットペイント」というのがあり、この中で「Photoshopを使っている」とありましたが、どういう感じでここまで仕上がるのか？と思った方も多いはず。 というわけで、Photoshopによるマットペイントの仕方を解説したサイトがあったので紹介しておきます。 Photoshop matte painting 元の画像からここまでリアルにできあがるとは…。ページの最後に完成の画像があり、マウスを上に乗せると元の画像と比較できます。 比較画像拡大版がこれ。 随分様変わりしますね……。 ほかにもちょっと違いますが、これはPainterを使ったポートレートのチュートリアル。ハリーポッターを作ってます。 Painter Portrait Tutorial by *shley77 on deviantART これもかなり秀逸なチュートリアル。
Photoshopを使ったあなただけの星の作り方 - GIGAZINE
よく見かけるSF的な上図のような星。これをPhotoshopで作るにはどうすればいいのかというチュートリアルです。元素材となるテクスチャさえ用意できれば割と簡単。 作り方は以下を参照。 Planet Tutorial http://skyetis.com/Tutorial/tut.html いろいろと設定を変えれば、こんな感じの惑星を作ることができます。 Science-Fiction http://skyetis.com/scifi.html 元になるテクスチャは以下のサイトでそれっぽいのを発見できます。 GIGAZINE - 1万3000枚以上の写真をロイヤリティフリーで提供する「Image * After」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Linuxモニター『Conky』に、美しくもミニマリストな設定を : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
メタリックな質感をPhotoshopで表現する方法いろいろ - DesignWalker
CSSでWii風のシンプルで角がまるいボタンを作る - GIGAZINE
写真を遊び倒す！ための26の小粋なツール | IDEA*IDEA