Webサイトのロゴを作る時は、Photoshopのようなビットマップデータではなく、Illustratorで扱うようなベクターデータのほうが何かと便利だ。画質を落とさずに拡大縮小をはじめとするさまざまな加工ができるし、印刷物などWeb以外の用途にも流用が利く。実際、多くの方はそうしているだろう。 ところが、これが他人から指定されたロゴを使う場合はそうはいかない。「ビットマップデータしかない」、あるいは「名刺や封筒に印刷されたものしか残っていない」なんてケースもざら。やむを得ず、名刺をスキャンして下絵にして、Illustratorを使ってトレースして……といったステップを踏むことになると、時間も手間もかかって面倒だ。 そこで活用したいのが、ビットマップ画像をベクター画像に変換してくれる自動トレース機能。たとえば、CS2以降のIllustratorには、「ライブトレース」という機能が搭載されて
友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い？とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム
<BODY> <P>こちらは岡本倫のホームページ ■FOR-NEXT です。</P> <P>エルフェンリートとノノノノの話題や、日記のページなどがあります。</P> </BODY>
WordPress用テキスト部分強化プラグインが色々紹介されていましたのでご紹介。 タイトル部分を好きなTTFファイルでタイトルにしたり、文字をハイライトしたりする便利なプラグインがまとまっています。 TTFTitles タイトルテキストを次のようにフォントを選んで画像化できるプラグインだそう。 Simple Pull Quote 下図のような引用を入れることが出来るプラグイン Google Syntax Highlighter WP-Syntax WP-Syntax Colorizer プログラミングのシンタックスハイライト機能を導入 Dynamic Font Replacement フォントを動的に指定したTTFフォントで画像化する リンク先とその他のプラグインを見るには以下のエントリを参照してください。 10 Useful Text Enhancing Plugins for Wor
最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ＆シェアしたいと思います。ライセンスはそれぞれご確認を。多少重いかもしれません。アイコン、ボタンやバナー、その他の素材、ギャラリーと続きます。 アイコン 白黒やグレーのアイコンいろいろ。 40 greyscale icons グレースケールアイコンパック。 40 greyscale icons twotiny 白黒のミニアイコンが沢山。 twotiny 165 vector icons 165のうち、66が白黒のアイコン。 165 vector icons bwpx.icns かなりの数の白抜きミニアイコンが揃っています。 b
気の早い人...もとい用意周到な人は、そろそろ年賀状やクリスマスカードの準備に取りかかっているかもしれません。最近はパソコンで自分でデザインする人も多いと思いますが、そういうものをデザインする時にちょっと便利なのが「Livebrush」です。 Livebrushは、デザインにもう少しアクセントやニュアンスが欲しいなという時に使えるソフトです。画面右のサイドバーからデザインの合いそうなブラシを選んで、マウスをクルクル〜っと動かすだけでいい感じの模様やイラストが描けるのです。 ブラシのデザインはかなり色々と揃っているので、最初に一通り試して遊んでみると楽しいと思いますよ。それぞれのブラシの太さなどの設定も、細かく調整できるようになっています。動画のデモの50秒辺りから、ブラシのデザインをいくつか見る事ができます。 LivebrushはAdobe Airのソフトで、無料ダウンロードできます。レイ
遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。 ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラベルはフィールドの左に置かれ、2カラムのレイアウトになっている。いいデザインだが、最も使いやすいレイアウトとは言えない。なぜなら、フォームは一般的に垂直方向に並んでおり、ユーザーは上から下に向かって入力していく。ユーザーは視線を下の方向に向けていくのだ。そのため、ラベルが左にあるよりも、同じ方向にある方が認識しやすい。 2. ユーザーの視線は人の顔に向く Webページを見るとき、人の顔や目に視線が行く。マーケッターにとっては、注目を集める有効なテクニック。ユーザーは画像の中の人の視線が向いて
日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやすいデザインが沢山あります。 加工、商用OK、印刷物、ソフトウェアでも可能、Webデザイナーも利用可能。再配布、２次配布は不可。
この扇風機は土台の部分に組み込まれたモーターを使って空気を吸い込み、その空気を飛行機の翼のような傾斜がついた輪から送り出す。空気が輪から出るときに、その気流に周囲の空気が引き込まれて、空気の流れが増幅され、空気が一定して途切れなく流れる。 Dysonは、この扇風機は羽根がないため安全で手入れが簡単だと述べている。上部が重く簡単に倒れることもある従来の扇風機とは違って、傾けることもできるという。 Dyson Air Multiplierは10インチと12インチのモデルがあり、価格はそれぞれ299.99ドルと329.99ドル。カラーは10インチモデルがブルー＆アイアンとシルバー＆ホワイトの2種、12インチモデルがシルバー＆アイアンの1種。米小売店やDyson.comで販売の予定。
駅の上り下り、階段を使ってますか？ それともやっぱりエスカレーター？ ここはストックホルムのオーデンプラン駅。ごらんの通り階段は閑古鳥が鳴いています。 果たしてどうすればみんなに階段を使って貰えるようになるでしょうか？ その答えは“楽しさ”にありました。駅の階段を、鍵盤にしちゃったんです。 そうと決まれば話は早い。駅が閉まったあと、夜を徹して作業。一夜にして階段は踏めば音が鳴るピアノの鍵盤に早変わりしました。するとどうでしょう。 みんなが鍵盤（階段）を使い始めたんです。つまらないからエスカレーターを使う、でも楽しかったら階段も苦にならない。鍵盤にしてから通常よりも66％多くの人が階段の方を使ってくれたそうですよ。 “楽しさ”って大事ですね。駅の様子は動画でお楽しみください。 [ via 雑学 Part２ ] あわせて読みたい 重力に逆らって階段を上る猫 近未来の住宅はこうなる？丘に作られ
最近、国産のWebサービスも かなり勢いがあるなぁと思ったので ちょっとまとめてみました。よく 紹介されるのは海外製ですが、 それに劣らないMade in Japanの Web制作者が知っておくと便利そうな フリーのWebサービスをご紹介します。 順不同です。日本語が完全に通じる海外Webサービスも今回は省いて純国産のWebサイト制作に一役買ってくれそうなWebサービスをご紹介したいと思います。出来る限り高性能だったり多機能なWebサービスのみにしたつもりですが主観入ってます。 Color of Book 国産サービスで一番多用しています。AmazonAPIを使って雑誌の表紙を抜き出し、その表紙からカラーチャートを生成。アイデアが素晴らしいですね。雑誌は表紙のデザインや色で惹きつけるよう考えられている事が多いのでWeb制作時のカラー選定にかなり参考になるのでは。 Color of Book
ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん（以下、けんすうさん）から ：HOWTOサイトをつくりたいからデザインを依頼したい！ ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる！？合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時
ザリガニワークスとペンタックスは9月17日、デジタル一眼レフカメラ「K-x」の限定モデル「K-xコレジャナイロボモデル」を近日予約開始する。販売はペンタックスオンラインショップのみで行われ、価格は未定。 「K-xコレジャナイロボモデル」。レンズは「smc PENTAX-DA L 18-55mm F3.5-5.6 AL」が付属する（写真＝左）、ザリガニワークスの武笠太郎氏と坂元嘉種氏（写真＝右） 製品は「コレジャナイロボ」のトリコロールカラーをそのままK-xに施し、ロボがカメラへ変形したような外観。ストロボ部の“顔”はコレジャナイロボと同じくザリガニワークスの直筆で施される。パッケージにコレジャナイロボのミニチュアも同梱される。 「ペンタックスさんから話が来たときには、正直“何を考えているんだろう？”と思ってしまいましたが、最後にはペンキで塗ってくださいなんて話まで出るほどでした。ペンキで塗
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く