DesignWalker RSS フィード

Posts Tagged ‘デザイン’

ボタン・バッジいろいろ

ボタン・バッジいろいろ

ボタンのデザインを変えるだけでもサイトの印象は大きく変わるのではないでしょうか。本日は、ボタンやバッジのデザインに関するサイトをいろいろとまとめてみました。

続きを読む »

ウェブデザインで見るアメリカ大統領選挙2008

ウェブデザインで見るアメリカ大統領選挙2008

日本でも、ニュースなどで報じられているかと思いますが、アメリカ大統領選挙が今年11月に実施されます。 というわけで、最近、大統領選挙関連のサイトをよく目にします。 多くのサイトは、アメリカ星条旗のイメージから、青と赤の色使いで作られてます。 本日は、ウェブデザインで見るアメリカ大統領選挙2008ということで、アメリカ大統領選挙関連のサイトをまとめてみました。

続きを読む »

ブログに使えるカレンダーデザインまとめ

ブログに使えるカレンダーデザインまとめ

ブログのサイドバーや、記事タイトルの横などによく表示されているカレンダー。 日付も単純にテキストだけで表示するのではなく、ちょっと手を加えておしゃれ~に見せたいものですね・・・ っちゅうわけで本日は、そんなカレンダーデザインをまとめてみました。

続きを読む »

フォームのデザインいろいろ

フォームのデザインいろいろ

ブログのコメントや、お問い合わせなどで使われるフォーム。 フォームをCSSできれいにデザインされているブログやウェブサイトをよく見かけます。 っちゅうわけで、本日はきれいにデザインされたフォームをいろいろ集めてみました。どのサイトも、とってもきれいなフォームばかりですねぇ~。

続きを読む »

TableとCSSいろいろ

TableとCSSいろいろ

サイト全体のコーディングとしては、Tableを使わず、DivタグとCSSを使って構成していくパターンが主流だと思いますが。。。例えば、コンテンツ内に商品のスペック表や、料金表などを表示する場合、その名の通り”Table”タグを使う方が効率的ですね。っちゅうわけで、本日はTableとCSSを使って表を作る方法をいろいろまとめてみました。

続きを読む »

デザイン・コラボレーションツール 『ConceptShare』

デザイン・コラボレーションツール 『ConceptShare』

複数人でデザイン制作を行ったり、クライアントさんとのデザインに関するやり取りって、なかなか大変ですよね。。。電話やメールでこのようなやり取りをすると、うまく相手に伝わらなかったり、相手の意味するところがいまいちよく分からなかったり・・・そんな時に使えそうな『ConceptShare』がSmashing Magazineさんでご紹介されていました。。Photoshopの注釈ツールなどがオンラインで使える感じです。。。 シンプルなインターフェースなので、簡単に使えそう。

続きを読む »

デザイン初心者の方が気をつけると良いポイントあれこれ

デザイン初心者の方が気をつけると良いポイントあれこれ

これから、デザインの勉強を始める方、ちょっとデザインに興味がある方、プログラムはできるけどデザインの方はちょっと苦手な方々。。。デザイン初心者の方が気をつけると良いかも?っという、ポイントとお手軽に使えそうなツールをあわせてご紹介。。

続きを読む »

無料で使えるデザイン系ソフトいっぱい

無料で使えるデザイン系ソフトいっぱい

以前『無料で使えるAdobeCS3の代替ソフト』ご紹介したように、無料で使えるデザイン系フリーウェアっていろいろあるんですね。。。 『45 Best Freeware Design Programs』でも、かなり気合の入った記事がアップされております。。。 このブログでも、いくつか既出のものもありますが。。。

続きを読む »

セクシーなウェブサイトまとめ

セクシーなウェブサイトまとめ

先日、PhilRenaudというブログで、 『The 35 Sexiest Designed Websites you’ve Forgotten, part 4』 という記事がアップされていたのでメモ。Sexiest Designed Websitesといっても、別にそっち系のサイトではございません。。。 デザイン的にセクシーだということでしょう。。。ちゅうわけで、その中からわたくしがセクシーと感じたサイトをいくつかピックアップ。

続きを読む »

15歳の高校生がデザインしたコンセプト携帯

15歳の高校生がデザインしたコンセプト携帯

15歳の高校生がデザインしたコンセプト携帯っていうのが、注目されているようです。。 なんだか、任天堂さんのDSとアップルさんからもうすぐ発売されるiPhoneを足して2で割ったような感じ? っていうよりも何よりも、やはり15歳の高校生がデザインしたっちゅうことが驚きですね。。 デザインの世界は、経験や実績だけじゃなく(もちろんそれも大事だと思う)、アイデアや実力があれば、これだけ世の中から注目される可能性があるということですね。。 毎日のように、携帯をいじってる高校生。そんな彼らがやはり一番、遊びに使える携帯、持ってて楽しい携帯のアイデアを持っているのでしょうね。。。 っちゅうわけで、ちょっと気になったので他のコンセプト携帯も調べて見ました。。

続きを読む »

面白いデザインのショッピングバッグを集めてみました

面白いデザインのショッピングバッグを集めてみました

みなさん、お店でお買い物したときに、商品を入れてもらえるショッピングバッグって捨てられる人ですか? わたくし、どうも貧乏性なもので、スーパーマーケットのビニール袋もしっかり保存して、ゴミ袋なんかに使っております。。。 ちょっぴり高級なブランド物を購入したときにもらえる、しっかりした、おしゃれなデザイン紙袋なんかもらった日にゃぁ。 もったいなくて、再利用することもなく、きれいに保存してしまいます。。 っちゅうわけで、本日は面白いデザイン・ショッピングバッグを集めてみました。。

続きを読む »

変わったデザイン名刺を集めてみました

変わったデザイン名刺を集めてみました

わたくしが、こちらアメリカの学校でグラフィックデザインのクラスをとっていた頃、何かというと、名刺のデザインをしていました。。 グラフィックデザインでは、名刺、便箋、封筒などのステーショナリーデザインは一般的で、デザインの基本になるのですかね。。 また、フリーランスで仕事をしているときも、ロゴの作成依頼から始まって、やはり、名刺、その後にウェブサイトの作成という流れが多くありました。っちゅうわけで、本日はちょっぴり変わったデザインの名刺を集めてみました。。

続きを読む »

日本では入手困難?アメリカのデザインマガジンお気に入り6選

日本では入手困難?アメリカのデザインマガジンお気に入り6選

旅行などでLAに来られたことがある方なら、サンタモニカには、ほとんどの方がいかれていると思うのですが。。 そのサンタモニカにある本屋さん「HENNESSEY+INGALLS」が、ものすごいお気に入りなのです。。っちゅわけで。。。わたくしがHENNESSEY+INGALLSに行ったら必ず立ち読みする(気に入ったら買う)デザイン雑誌トップ6をご紹介。。

続きを読む »

無料で使えるデザインテンプレート集 14サイト

無料で使えるデザインテンプレート集 14サイト

オープンソースって言う言葉もいたるところで目にするようになって来ましたが、デザインにもそのオープンソースの流れがきてますね。。。 まぁ、当然といえばそうなのですが・・・ ひとむかし前の無料のデザインテンプレートといえば、ものすご~っく、ださぁ~っいテンプレートしかなかったのですが・・・ 今では、かなりかっこいいデザインテンプレートが無料でダウンロードできますね。。 ダウンロードした、デザインをそのまま使えば速攻でサイトオープンできますね。 ウェブデザインやコーディングの勉強をしている方々には、ファイルをダウンロードして中身を見れば、いろいろ参考になりそう。。 っちゅうわけで、本日は無料で使えるデザインテンプレートを配布しているサイトをまとめてみました。。

続きを読む »

デザインに自然を取り入れた14サイト

デザインに自然を取り入れた14サイト

デザインに自然を取り入れられた14サイト いやぁ。春ですねぇ。。日本中、あちらこちらで桜が咲き始める頃ですよねぇ。。 こちら、LAは最近なんだか曇りがちなお天気が多かったのですが、来週あたりからくそ暑くなるようで・・・ っちゅうわけで、本日は自然をテーマに上手くデザインされているサイトを集めてみました。。

続きを読む »

よごれをデザインする

よごれをデザインする

わたくし、ものすご~くきれいなデザインが大好きです。。。まっすぐに伸びたライン、バランスのとれたプロポーションなどなど。。 また、それとは正反対にものすご~くきたないデザインも大好きです。。無駄に汚されたキャンバスや、わざとバランスをくずしたデザインなどなど。。 不完全なもの、よごれたもの、汚いものにも、アートを感じます。 っちゅうわけで本日は、よごれをデザインに取り入れるPhotoshopのチュートリアルと、こんなよごれを上手くウェブデザインに取り入れられているサイトをあわせてご紹介じゃ。。

続きを読む »

CSSとJavaScriptで画像を鏡に反射したようにさせてみる

CSSとJavaScriptで画像を鏡に反射したようにさせてみる

web2.0的なデザインの代表のひとつとして、鏡に反射したような写真をよく見つけます。これって、PhotoShopなどで画像を加工すれば簡単にできるのでございますが。。。毎回、毎回、画像を加工するのも面倒なので。。。CSSとJavaScriptで画像を加工することなく鏡に反射したようにさせることができますねん。しかも、結構簡単に。っちゅうわけで、本日はCSSとJavaScriptで画像を加工することなく鏡に反射したようにさせる方法をご紹介じゃ。

続きを読む »

CSSだけで角丸の枠を作ってみる

CSSだけで角丸の枠を作ってみる

最近では、web2.0っちゅう言葉は一般的になってきておりますが、web2.0的なデザインの代表としては、やっぱり、角丸の枠デザインでしょうねぇ。。わたくしが、デザインする時はたいていphotoshopでさくっと、角丸の画像を描いてしまいますが。。。CSSだけで簡単に角丸の枠が作れたら、それはそれで、楽ですよねぇ。。。っちゅうわけで、サンプルのCSSは。。。↓こちら。

続きを読む »

ロゴ作成ツール: Web2.0 Logo Creator by Alex P

ロゴ作成ツール: Web2.0 Logo Creator by Alex P

サイトの顔とも言えるロゴは、やっぱりかっこいいのがいいですよねぇ。っと言っても、自分でデザインするのは大変・・・個人のブログでわざわざデザイナーにロゴ作ってもらうのもねぇ・・・でもやっぱりこだわりたい・・・そんな方々には、このサイトおすすめですわ。今はやりのWeb2.0っぽいロゴをサイト名を入力するだけで、自動的に作成してくれますねん。

続きを読む »

Ajaxでボタン作成ツール: Buttonator

Ajaxでボタン作成ツール: Buttonator

ちょっとしたボタンとかって、ブログ書いてたりすると、ほしいなぁって思うことあると思うんですよねぇ。
まぁ、わたくしの場合は、腐っても一応デザインやっておりますので、Photoshop立ち上げて、作っちゃえばいいのですが・・・一般ユーザーさんには、なかなか、難しいですよねぇ。で、今日たまたま見つけたんですが・・・このサイトお勧めですわ。非常に簡単にボタン素材作ってくれます。

続きを読む »


IT PLUS

IT-PLUS 連載『ウェブデザインの力』

今回のテーマは…。『企業のロゴデザインに込められた意味』です。ロゴについて、いろいろと書かせていただきました。。
2008-08-27

Web Designing (ウェブデザイニング) 2008年 09月号 [雑誌]

Web Designing (ウェブデザイニング) 2008年 09月号

特集 『透過PNG+CSSデザインがやってきた!』今回は、特集記事を書かせていただきました!透過PNGを使った、とってもきれいなサイトをご紹介。
毎日コミュニケーションズ
2008-08-18

IT PLUS

IT-PLUS 連載『ウェブデザインの力』

今回のテーマは…。『小さな画面を有効活用・米で人気のiPhoneアプリ』です。わたくしのお気に入りiPhoneのアプリをいくつかご紹介しています。
2008-07-23

IT PLUS

IT-PLUS 連載『ウェブデザインの力』

今回のテーマは…。『ユーザーの目線を追え・ウェブツールで手軽に検証』です。解析ツールを使った、ユーザーの目線に合わせたウェブデザインをご紹介しています。
2008-07-09

IT PLUS

IT-PLUS 連載『ウェブデザインの力』

今回のテーマは…。『アマゾンのリニューアルで考える効果的なナビゲーションの見せ方』です。ナビゲーションの見せ方を簡単にまとめてみました。
2008-06-25

デザインウォーカー はてなRSSへ追加 Livedoorへ追加 Google Readerへ追加 My Yahooへ追加 Add to netvibes Powered by FeedBurner

カテゴリーアーカイブ

ご質問ポスト

ご意見、ご感想などなど、管理人にお問い合わせはこちらのメール送信フォームからどうぞ~。

最近の記事

DesignWalkerのタネ

タグ・クラウド

月別アーカイブ

検索

Google