titoff77から、シャボン玉やアワ、気泡、水泡を描くPhotoshopのブラシを紹介します。 Bubble brush set Bubble brush setに入っているPhotoshopのブラシは、下記のよう [...]
テキスト自体に3Dやメタルやグランジのエフェクトをかけたものから、背景も合わせてデザインされたものまで、テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。 Dynamic Recessed Watercolor Typography Colorful Typography Big Typography Snowboarding Poster Using Light And Shadow Scanline Text Colorful Glowing Text Effect Creating an elegant logo Moon Shine Text Effect Elmas Yazı Efekti Colored chrome text effect Army text style...
擦り切れたような汚れがあったり、年代を感じさせるクラシックな雰囲気のものなど、デザイン性の高いフォントが集められています。 読む人間に与える印象をガラリと変わるので、インパクトを出したい人にはうってつけです。 詳細は以下から。
『 商用利用も可能。PSDファイルもあり。via:http://coliss.com/articles/build-websites/operation/design/1442.html 』
Smashing Magazineから、企業サイトでも個人サイトでもフリーで利用できる49個のベクターアイコンを紹介します。 On-Stage: Free Vector PSD Icon Set 配布されているアイコ [...]
ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。 表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては...
『 背景画像やテクスチャ画像のリソース13サイトということで、いろんな画像配布サイトがまとまってました。 』
webrunr.comから、天体や世界地図や動物など、独特な雰囲気がある外国の昔の本のようなPhotoshopのブラシを紹介します。 webrunr -Photoshop Ressources 画像をクリックすると、 [...]
SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
「売れるサイト」を作るためのあれこれをご案内してきましたが、今回は「サイトデザイン」という視点から、ユーザーへのアピール方法を考えてみたいと思います。いかに中身が素晴らしいサイトでも、ユーザーにその素晴らしさが伝わらなくては、リピーターにはなってもらえません。 サイトデザインの観点で一般的に「良いサイト」とは、ユーザーに余計なことを考えさせ...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
これは超絶便利そう。あとで使うという意味でメモ的エントリー(といいつつ最近コーディングしていない・・・)。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです...
最近のPhotoshopのチュートリアルはどんどんレベルがあがっていて、見てるだけでも楽しめて、なんだか上達した気分になってしまいます。。 Photoshopの上級者クラスになると、まるで光を操るかのように自然な光を表現しています。 今回は、なるべく簡単できれいに見える、光を表現するPhotoshopのチュートリアルをまとめてみました。 Design a Coldplay/Apple Inspired Portrait in Photoshop Coldpla...
企業イメージを確立するにあたって、おそらく最も大切なものはロゴのデザインではないだろうか。よくデザインされたロゴとは、そのロゴ自体が意味を持ち、印象的で一目見て覚えやすいものである。ウェブサイトの制作を担当する筆者は、よくクライアントから「ロゴも適当に作っておいて」などと依頼されることが多いのであるが、ロゴの制作はなかなか大変な作業であ...
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
デザインパターンってなんだかたいそうなものに考えられがちだけど、実は、そこかしこのライブラリや仕様に取り込まれていることが多い。 「デザインパターン分からん」とか「で、どうやって使うのよ」と悶々としている人には、「どういうところで使わているのか」を知っておけばイメージも沸きやすいし、意外にたいしたことないんだな、ということが分かるんじゃない...
言葉自体は色を持っていませんが、言葉が指し示す物の色など、何となく連想されるイメージカラーがあります。そうした言葉の色を投票してもらってグラフ化しているのが「Cymbolism」。かなりハッキリした色のイメージがあるものから、人によってバラバラなものまで様々な言葉が挙げられています。 詳細は以下から。
『 alert()やconfirm()の代替として使えるLightbox系の擬似ダイアログ・ライブラリ。スライドしながら表示される。要mootools。MITライセンス。 』
『 ノートをイメージしたカッコいいWordpressテーマ 』
『 Firefox3で動作する、GUIデザイン用のプラグイン。無料だが無料とは思えない完成度。テンプレートも必要十分で、各パーツは細かくセッティングが可能。Visioよりシンプルで使いやすいぐらい。オススメ。 』