Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。
サイト制作に関するアウトプットとクリップした情報を紹介するブログです。Color Palette Creation Actionsは、PSD, PNG, JPGなどの画像ファイルで使用している色から、簡単にカラーパレットを作成できるPhotoshopのアクションです。
可変グリッド（リキッド）レイアウト、ちょっと気になってます。ざっとご紹介。...見づらいのではないか。 と、今は言いますが、こういうサイトがもっと多くなってきたら、意外と見慣れてきて順応するんじゃないかなぁとも思います。 もちろん、デザインとして情報に強弱があったほうが見やすくわかりやすいという原...
Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介し...
ライフハッカー（日本語版）の記事の最後に関連記事が表示されていますが、これがいろいろうまい、というお話です。↑ これね。まず、既読かどうかをCSSで判定して、読んだものにはチェックがつくようになっています。人は何かとコンプリート感を目指しますからね。チェックがついていないものにはチェックをつけたく...
Ultimate guide to table UI patterns 秀逸なテーブルデザインのパターン集をまとめたエントリのご紹介です。 デザインだけでなく、見やすさや分かりやすさという点にも気を配りたいテーブルデザインは比較的難しいものになりますね。 テーブルデザインの例を知っておくことで、難...
WebDesignerWallより、2010年のデザイントレンド予測の記事がありましたので、その中身を見ていきたいとおもいます。「2010年のウェブデザインはより面白く、実験的なものが増える」とのこと。 CSS3やHTML5への注目が集まり、新しいビジュアル・機能を持ったウェブデザインを試している...
Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas. The CSS Gallery Alternative - Pattern Tap パーツごとのデザインが盛り沢山...
slodiveがセレクトした見事なカラースキームを採用しているウェブサイトを紹介します。12 Creative Color SchemesIndoFolioIrvine Acostabornintents [...]
Appleの美しいウェブサイトから学ぶ実用的な15のデザインヒントをDesign Shackから紹介します。15 Design Tips to Learn From Apple下記は各ポイントを意訳したものです。 サイトのキャプチャは可能なものは日本サイトのものにしています。はじめにApple社は...
デザイン業に関わらず、WEBの一つの使い方として、自分達はどんなことをやっているのか？どんな事をやってきたのかを伝えるポートフォリオというものがありますが、多くの場合中身ももちろんサイト自体のクオリティも見られます。今日紹介するのはポートフォリオをデザインするためのインスピレーション集「50 In...
CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。Design Trends (Predictions) in 2010下記は、各ポイントを意...
映画に関するポータルサイト「Refilmagem」のウェブデザインのケーススタディをAbduzeedoから紹介します。Web Design Case Study – RefilmagemRefilmag [...]
CSSリファレンス、(X)HTML、Movable Type その他Webサイト制作に関する役立つ情報を掲載します！Category ： Webデザイン久しぶりの更新です...遅くなりましたが明けましておめでとうございます！年末忙しかったり、休みは遊びすぎ、まだまだ正月ボケが続いてますが、まとめよ...
技術をやソフトを除いてWebデザイン時に 個人的に役になってるなぁと思うものを あげてみます。これがあるから時間短縮 できたり、自分にとって満足できるデザイン に出来たり、無いと結構困る、といったモノ。 タイトルはシンプルにしましたが、内容は「センスの無い僕をWebデザイン時に助けてもらっているも...
Drawarがセレクションした、2009年のウェブサイトのデザインのベスト15を紹介します。Designs of the Year: 2009どれもぱっと見でデザインが素晴らしいものばかりですが、細部も丁寧に作り [...]
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのweb...
2009-11-24High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ラベル:performanceCSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Perf...
Category ： Webデザイン他にはないような変わった感じのやクールでかっこいいコメントフォームのデザインをまとめてました。コメントフォームのデザインをする際の参考にでも見て下さい。The watch maker projectRadu CeucăretinartGalilean Night...
既存のウェブサイトのデザインにちょっと手を加えて「Good」から「Great」にする6つのポイントをMyInkBlogから紹介します。6 Ways To Take Your Webdesign From Good To Great下記は各ポイントと実例をピックアップした意訳です。 元記事には実例な...
サイト内の要素で欠かせないもので、ユーザーの利便性を決定づけるナビゲーションメニュー。サイトの雰囲気に合わせて様々な形がありますが、今回紹介さするのはデザインされた美しいナビゲーションデザインを集めたエントリー「40 Beautifully-Designed Navigation Menus」です...
汚した感じの「グランジ」をウェブデザインに上手に取り入れる5つのポイントをSpyre Studiosから紹介します。form + functionグランジと聞くと「いい加減である」といった印象をもつ人もいるかもしれませんが、それは100%間違いです。レイアウトに秩序をもたらすグリッドとの相性を見て...
