kenjisugimoto.com ちょっといいデザインを目指す三流webデザイナー

2007 04/26(木)

素敵なサイト:olympus-wonder.com

imageolympus-wonder.com

amana :「伝える」から「伝わる」へ 以来に悔しいなあと思いました。
いいサイトを見た時は本当に悔しいなあ、、って思います。

写真もモデルも音楽も著名で一流、こんなサイト制作に関われた人をうらやましく思うし、最近は、本当に自分達でも作れるのにって思えてしまう事が、さらに悔しく思うのです。

音楽の圧縮も低くて、テレビCMと変わらないクウォリティを出しています。

ユーザーが見た時に、何かを感じるサイト。

そんなサイトを見ると悔しいと思いながら、自分も作りたい思うのでした。

2007 04/19(木)

Webデザインに思う(XHTML + CSS の時代)

現在のWeb制作の現場で、CSSレイアウト出来ませんというのは、結構シビアかもしれない。今からWeb制作の現場に入ろうとしている方は、自分で作ったデザインくらいCSSでコーディング出来るレベルはあってほしい。「若い者がやりますよ」っていう気持ちのシニアデザイナーさんも、勉学を怠らないで欲しいと思う。要するに、今はwebデザインの変革期であり(というかすでに)、変革の時に付いて来れるか、来れないかで今後のポジションは大きく変わる。

では、ただCSSレイアウトとXHTMLのタグを覚えていればいいのか?

そうではないのです。

そもそもデザインとは、情報を人に視覚的にわかりやすく伝える事です。

今までのWebデザインは、情報を人に伝える時代でした。
今のWebデザインは、それに加えて、機械(検索ロボットや音声ブラウザ)にも情報を的確に伝える時代です。

Photoshopでは人の為にデザインをして、Dreamweaverでは検索エンジンの為にデザインをする。
コーディングが重要な意味を持つ時代になって、自分はとても良い時代になったと思います。

Web制作の流れの中で、今まではただブラウザに表示させるだけで、面倒だけな作業であったコーディング。最も評価の低かった作業が、最も重要なんだと気付かされたイイ変革の時だと思います。コーディング出来なければ、ブラウザで見れません。CSSレイアウトの勉学を怠っている方、これからはJPG貼りますか?誰かに頭下げてコーディングでしてもらいますか?

CSS3にXHTML2、ActionScript3など、ものすごい早さで進化するWebは本当に楽しみで、興味が耐えませんね。

2007 04/12(木)

Photoshop ワークグループ管理で作業の効率化。

brushes_for_webMacBookで作業をするときは、モニタをデュアルにして作業をしているのですが、
持ち運びする時には、さすがにディアルはできませんよね。。デュアルを外すと、作業スペース(モニタの解像度)がMacBookの1280*800になってしまうので、デュアル時に設定してあったウィンドウ(レイヤーやヒストリーとか)が移動してしまいます。

この時に便利なのが、ワークスペースの保存です。

MacBook単体時とデュアル時の2パターンを保存しておきます。保存するには、

【ウィンドウ】→【ワークスペース】→【ワークスペースの保存】

保存すると、設定した名前が【ワークスペース】の下に出てくるので、クリックするとウィンドウが移動します。デュアルモニタで作業している方は、設定しておくと、便利ですよ。

2007 04/02(月)

Photoshop Webデザイン役立ちブラシセット

brushes_for_webお約束していた通りPhtoshopでWeb用のデザインを行う時に便利なブラシセットを作ったので、ぜひPhotoshopをお持ちの方はご使用ください。

brushes_for_web.zip

==使用方法=========================
1. アプリケーション>Adobe Photoshop CS2>プリセット>ブラシ に入れます。
2. ブラシツールの設定(小さい矢印)から、【ブラシファイルの読み込み】で使用します。
==================================

==セット内容説明====================
【角R】
角Rが一発で作れます。角の大きさが4pxから12pxまで、9パターンを用意
【1*1 1*2 1*3 1*4 2*1 2*3 2*5】
1pxのドットラインが簡単に作れます。Shiftを押しながら描画してください。
例えば、 1*1は、1pxラインに空きが1pxのドットライン。 1*2は、1pxラインに空きが2pxのドットライン。 
【網点】
網点のテクスチャを12パターン用意。無限ループ対応
【カラーハーフトーン】
上記の網点に似たものですが、フィルタのカラーハーフトーンで作成した大きな網点バージョンが4パターン出来ます。無限ループ対応
【1px斜 5px斜 10px斜】
1px 5px 10pxの斜めのドットラインが作れます。
【apple(関連)】
おまけです。 アップルサイトの上部タブ部分が1分以内に作れてます。
==================================

web制作者の方には、とても役立つブラシセットですので、ご自由にお試しください。