たまに、クライアントの方で、『ロゴも適当に作っておいて』なんて、かる〜く頼まれる事もあるのですが…。 ロゴの制作ってなかなか大変です。 大抵、ロゴの制作は手書きのスケッチからはじまります。その会社の業務内容や社名などからイメージしてキーワードを拾いだして描いていきます。 本日は、ひとつのロゴが出来るまでのプロセスを紹介されているサイトをまとめ...
ちょっとしたデザインのアクセントに矢印素材はとっても便利ですね。 リストに使ってみたり、タイトル部分にさりげなく飾ってみたりと、いろいろ使い道があります。 本日は、矢印の素材をいろいろと集めてみました。 Website Bullets リストなんかに使えそうな矢印や小さなアイコンがいろいろあります。サイトのデザインもシンプルでかわいいですね。 56 Free Arrow Symbols & Icons...
Photoshopのカスタムシェイプを使えば、ちょっとしたアイコンや飾り付けにとっても便利です。 最近では、無料でブラシ並みにカスタムシェイプが公開されているので、いろいろ試してみるのもいいかも。 カスタムシェイプの利点はベクターなので、どれだけ引き延ばしても画質が荒れないということ。 プリントにも使えるので、みなさんお試しください。 インストールのやり方...
以前、ご紹介した『Photoshopチュートリアル テキストエフェクト』 Photoshopを使って、テキストを格好良く見せたい!そんなときに使えそうな、Photoshopのテキストエフェクト・チュートリアル 第2弾です。 Create a Spectacular Grass Text Effect in Photoshop 芝生が浮き出るテキストエフェクト。とってもきれいですよね。 Dramatic Text on Fire Effect in Photoshop メラメラと燃えさかる炎がかっこいエ...
『 みんなコメントをつけてない。挙げたソフトはMacというよりLinuxじゃないかとも思う。Gimpよりは手軽に弄れるSeashoreが先では?これを見ているとやはり商用ソフトを買おうかと思う。とりあえずNeoOfficeをやめてMSを買う。 』
以前、このブログでご紹介した『UIパターンいろいろ』 いろいろな見せ方を見て勉強するのはとっても大切なのではないでしょうか。 Pattern Tap 『Pattern Tap』は、ウェブデザインの要素ごとに分けられた、パターンライブラリのサイトです。例えば、ヘッダー部分のデザインや、フォームのサンプル、カレンダーのサンプルが集められていたりと…。何かと便利なサイトです。しか...
『 持っておきたい30のフォント。誰か日本語版も作ってるかな? 』
ちょっとしたデザインに背景素材を加えると、それだけでかなりいい感じに仕上がることが多いです。 特にベクター素材は、ウェブでも、プリントでも使えるので便利ですよね。 今回は、そんな背景に使えるベクター素材をいろいろとまとめてみました。 designersrevolution かなりクオリティの高いベクター素材がアップされているサイトです。 DesignBum: Living Today’s Tomorrows 背景...
先日、Web Designer Wallの2008年のデザイントレンドの記事でも紹介されていたように、水彩画風のウェブデザインを最近よく見かけます。 2008 Design Trends こちらのブログの背景もとってもきれいな水彩画風ですね。こちらの記事では、水彩画風デザインの他に、ビンテージ・レトロ、手書き・クリップ、グランジ、スプラッター、コラージュなどなど、今年のデザイントレンドをまとめ...
平面的な画像でも、上手に陰をつけることで奥行きが出て、画像を立体的に見せることが出来ますね。 今回は、Photoshopを使ったドロップシャドウのチュートリアルや、お役立ちリンクなどを少しご紹介します。 Photoshop Tutorial: Fancy Text Shadow & Reflection 単純なテキストに、陰と反射を加えると、とっても奥行きのある感じに仕上がりますね。 シェイプを変えて、さらに立体的にも...
IT-PLUSさんに、隔週で連載させていただいている、『ウェブデザインの力』 連載3回目の今回は、『アマゾンのリニューアルで考える効果的なナビゲーションの見せ方』というお題で、サイトのナビゲーション・メニューについて、すこし書かせていただきました。 今回の記事を書かせていただくにあたって、いろいろとサイトのナビゲーション・メニューについて調べたのです...
Photoshopのブラシは、かなりたくさん公開されていて、いつも重宝します。 IllustratorのブラシもPhotoshopほど、たくさん公開されていませんが、探せば結構クオリティの高いブラシが公開されていますね。 Illustratorのブラシは、印刷用にも使えるので、いろいろ使えそうです。 本日は、Illustratorで使えるブラシをいろいろとまとめてみました。 mycanthus brush pack 1 枠組みなどに使えそう...
先週、GoogleのFaviconが変更されましたね。 One Fish, Two Fish, Red Fish, Blue Fish これまで、8年半使われていた以前のFaviconを一新。シンプルですっきりとしたFaviconに変更されました。iPhoneや、その他のモバイル系にもきれいに表示させる為の変更だそうです。 この新Faviconに決定されるまで、300パターン以上のデザインを作って検討されたそうです。とっても小さなアイコンで、一見、簡単...
『 名刺デザインいろいろ-DesignWalker 』
『 あとでやってみる。やりたかったことがこれほど簡単に・・・ 』
『 design,development,ui,interface,material 』
このブログの読者の方々で、バナーをデザインされているデザイナーの方々もいらっしゃるのではないでしょうか? ウェブのバナー広告のデザインは、限られたスペースで、その商材の良さをアピールして、ユーザーにクリックしてもらえるかが勝負なので、なかなか大変ですね。 今回は、そんなバナー広告のデザインに使えそうなサイトをピックアップしてみました。 インス...
ブログのサイドバーはどのようにデザインされていますか? カテゴリや最新の記事、コメントのリストなどのナビゲーションや、アフィリエイトをやっているブロガーの方々などは広告枠として使ったり。 flicrやlastfmなどを使われている方は、ウィジェットを追加したり。 サイドバーのコンテンツを充実させていくのも、なかなか楽しそうですね。 今回は、ブログのサイドバー...
最近では、透過PNGを使ってとってもきれいに背景を透かしたウェブデザインを良く見かけます。 IE6.0以前のバージョンでは、通常、透過PNGがうまく表示されないのですが、 IE PNG Fixなどのスクリプトを使えば、きれいに表示されますね。 透過PNGをうまく使っている例では、こちらのサイトは有名ですね。 Silverback ぱっと見、普通のサイトなのですが、ブラウザの横幅を縮めたり伸...
先月、公開されたばかりのNETTUTS。 NETTUTSでは、HTML、CSS、JavaScript、CMSなどのサンプルを、丁寧な説明と、コードを公開してくれる、とってもありがたいウェブデザイナーの為のチュートリアル・サイト。 毎回、ハイクオリティなPhotoshopのチュートリアルをアップされているPSDTUTSの姉妹サイトなので、サイト自体もとっても見やすくて、これからどんどん追加されていくチュートリ...