Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。
デザインの優れていると思う企業サイトを教えてください。 これぞ企業サイトと思えるようなカチっとしたデザインで、情報がきちんと整理されているものが知りたいです。 例えば、 村田製作所：http://www.murata.co.jp/ KDDI：http://www.kddi.com/ OMRON I...
可変グリッド（リキッド）レイアウト、ちょっと気になってます。ざっとご紹介。...見づらいのではないか。 と、今は言いますが、こういうサイトがもっと多くなってきたら、意外と見慣れてきて順応するんじゃないかなぁとも思います。 もちろん、デザインとして情報に強弱があったほうが見やすくわかりやすいという原...
ライフハッカー（日本語版）の記事の最後に関連記事が表示されていますが、これがいろいろうまい、というお話です。↑ これね。まず、既読かどうかをCSSで判定して、読んだものにはチェックがつくようになっています。人は何かとコンプリート感を目指しますからね。チェックがついていないものにはチェックをつけたく...
WebDesignerWallより、2010年のデザイントレンド予測の記事がありましたので、その中身を見ていきたいとおもいます。「2010年のウェブデザインはより面白く、実験的なものが増える」とのこと。 CSS3やHTML5への注目が集まり、新しいビジュアル・機能を持ったウェブデザインを試している...
Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas. The CSS Gallery Alternative - Pattern Tap パーツごとのデザインが盛り沢山...
Appleの美しいウェブサイトから学ぶ実用的な15のデザインヒントをDesign Shackから紹介します。15 Design Tips to Learn From Apple下記は各ポイントを意訳したものです。 サイトのキャプチャは可能なものは日本サイトのものにしています。はじめにApple社は...
デザイン業に関わらず、WEBの一つの使い方として、自分達はどんなことをやっているのか？どんな事をやってきたのかを伝えるポートフォリオというものがありますが、多くの場合中身ももちろんサイト自体のクオリティも見られます。今日紹介するのはポートフォリオをデザインするためのインスピレーション集「50 In...
海外のサイトだけでなく、国内のサイトでも最近は魅力的で有意義なフッタが増えてきました。 そんなフッタに注目し、多くのサイトのフッタだけをコレクションしているサイトを紹介します。Footerabulous Gallery各フッタはカラー別にカテゴライズされており、配置されている要素ごとにタグが割り当...
CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。Design Trends (Predictions) in 2010下記は、各ポイントを意...
世界的な大不況の影響もあるのか、オンラインショッピングの総売上高は年々増加傾向にあります。直接お店を訪れて注文しなくても、商品が数日で届くため、海外サイトでの購入も容易になっています。商品を購入したいひとは、簡単で、信用できる決済方法を希望する傾向があり、販売するひとは、ウェブデザインや使いやすさ...
映画に関するポータルサイト「Refilmagem」のウェブデザインのケーススタディをAbduzeedoから紹介します。Web Design Case Study – RefilmagemRefilmag [...]
WEBデザインでつかえる光のエフェクトインスピレーション集「40+ Absolutely Stunning Use of Light Effects in Webdesign」未来的な表現の一つとてして、最近のWEBデザインでもよく見る、光を取り入れたWEBデザイン。今日紹介するのはWEBデザイン...
なんとなく目立たせるためにドロップシャドウを適用したり、ちょっとさみしいのでグラデーションを加えたりしていませんか？Web designer Depotからドロップシャドウとグラデーションをウェブデザインで的確に使用するためのチュートリアルを紹介します。Drop-Shadows and Gradi...
技術をやソフトを除いてWebデザイン時に 個人的に役になってるなぁと思うものを あげてみます。これがあるから時間短縮 できたり、自分にとって満足できるデザイン に出来たり、無いと結構困る、といったモノ。 タイトルはシンプルにしましたが、内容は「センスの無い僕をWebデザイン時に助けてもらっているも...
Drawarがセレクションした、2009年のウェブサイトのデザインのベスト15を紹介します。Designs of the Year: 2009どれもぱっと見でデザインが素晴らしいものばかりですが、細部も丁寧に作り [...]
“KOTORI”たのしいほうの、ヘッドフォン。Fostexから誕生した、世界初の“カスタムヘッドフォン”ブランド。あなただけのオリジナルヘッドフォンを作ろう。
かなりすごいサイトを見つけました。『InspirationTime』というサイトで、色やデザインテイストでクールなサイトを検索できます。「Green」をクリックすると緑をうまく使ったサイトが、「Colorful」をクリックするとカラフルで綺麗なサイトがずらっと表示されます。これはとてもいいですね。...
青と黒の配色を上手く使ったクールなサイトデザイン例とロゴデザイン例、ついでにWordPressのテーマも少しご紹介します。そのサイトの属性に依存しそうな配色ではありますが、可視性を高めやすいのと大人の印象を与えられる事で利点も大きそうです。そんなサイトを作りたいときの配色など参考になりそう。 海外...
2009-11-24High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ラベル:performanceCSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Perf...
WEBデザインのタイポグラフィインスピレーション「50 Examples of Effective Uses of Typography Within Web Design」WEBデザインでも写真だけが主役ではなく、タイポグラフィを使って見せるというのが、最近のWEBの一つのデザインのトレンドとし...
水平スクロールをうまく使ったデザインサイトが４０種類ほどまとまったエントリのご紹介です。 使い方によってはユニークなサイトが作れそうな水平スクロールサイトのサンプルが色々あって、水平スクロールするようなサイトを作る場合のアイデアのネタ帳として活用できそうですね。 Alex Flueras 横にスク...
