ウェブサイトのデザインに、ビジュアルエレメントを追加したり、細部をブラッシュアップしたりしてクオリティをアップするPhotoshopのチュートリアルをPsdtuts+から紹介します。

映画に関するポータルサイト「Refilmagem」のウェブデザインのケーススタディをAbduzeedoから紹介します。 Web Design Case Study - Refilmagem Refilmagem ケーススタディでは、プレゼンテーションに使用したタイポグラフィやリファレンスも掲載されており、サイト構築に使用しているDrupalを考慮にいれた手描きのモックアップも紹介されています。

<textarea name="code" class="js" cols="60" rows="5"> $(function(){ $('#wrapper').masonry({ columnWidth: 200 }); }); </textarea>

本サイトのご利用にあたって ご使用のブラウザ環境では、本サイトが正しく表示できない可能性があります。 以下の注意点を確認し、必要な設定を行った上で再度表示してください。 ブラウザの JavaScript 設定を有効化してください。 最新の Adobe Flash Player をインストールしてください。

CSS Nite in FUKUI, Vol.3のミニセッションで、「これからWebデザインをはじめたい人向けの学習プラットフォームについて」と題し、短大での実践と地元のコミュニティについてお話させていただきました。 その中で、短大での授業で採用させていただいているProgressionについても紹介させていただきました。 （10月31日に参加させていただいたWCAN mini ActionScript Vol.13「名古屋でProgression！」では、本発表の一部（短大での実践部分）を拡充し「Webデザイン・ビギナー向けプラットフォームとしてのProgression」というタイトルで発表させていただきました。） Continue reading YouTubeのアノテーション機能を使って、コンポーネントスタイルでのビデオチュートリアルを作ってみました。 ビデオチュートリアルの制作手順

PDF版をGoogleドキュメントで見る ご利用にあたって ご使用のブラウザ環境では、本サイトが正しく表示できない可能性があります。 以下の注意点を確認し、必要な設定を行った上で再度表示してください。 ブラウザの JavaScript 設定を有効化してください。 最新の Adobe Flash Player をインストールしてください。 Powered by Progression

早速だけど、人気NO.1脱毛器といえば、この↓どれかじゃない？？ ヤーマン 脱毛ラボホームエディション パナソニックの光エステ たしかに、この３つの脱毛器ももちろん良い脱毛器！ だから、今回、改めて18種類の家庭用脱毛器を徹底的に調査してみた。 でも、きっと、皆、「オーパスビューティーなんて聞いたことない！」「脱毛器っていえば、脱毛ラボとかじゃないの！？」って思ってるよね？ だから、最新の家庭用脱毛器の調査結果をきちんと報告していくね。 さらに、失敗しない家庭用脱毛器の選び方も伝授するから、ぜひ、参考にしてね。 最新★家庭用脱毛器ベスト15ランキングはコレ！ 早速だけど、最新の家庭用脱毛器ベスト１５ランキングはコチラ。 15位（同率2点） ・シーズラボ ・2PS 13位 ・トリア 11位（同率2点） ・LAVIE ・ミュゼプラチナム 4位（同率7点） ・ベルソラーレ ・フィリップス ・スム

国籍に関係なく、グリッドベースの美しいウェブサイトをコレクションしている「Grid Base Designs」を紹介します。 Grid Base Designs サイトのローンチは2009年11月で1ヵ月少々ですが、登録されているサイトはけっこう多いです。 サムネイルでみると、特にタイポグラフィとグラフィックの美しさに惹かれます。

カンポウで美しく輝く 「漢方」を医香同源ともいわれる「香り」からアプローチ。からだの内外をトータルに磨く漢方ビューティーブランドです。

最新情報 (02/12)市松文様の上に梅と桜を並べた文様を追加しました。（02/26）Illustratorファイルを追加掲載しました。 (07/05)「和 japanese style (design parts collection)」と「京千代紙と和の文様セレクション」のレビュー掲載しました。 (06/08) 各伝統色一覧をHSB値に基づく分類に変更しました。 (05/10) 着物の染め屋さん「京のひきぞめや」様にリンクさせていただきました。美しい日本の伝統美が生み出される現場を垣間見ることのできるサイトです。 美しいデスクトップ用壁紙もダウンロードできます。 (04/27) 波文様を割付文様であしらった千代紙風の文様を追加しました。EPSファイルも掲載しました。 (04/21) 波文様を一つ追加しました。 (04/12) 「家紋World」様へリンクさせていただきました。 5月をイ

YeT　イェット YeTの家具は・・・ 家具の基本や常識を守り、またそれを敢えて破る事で新しい価値観を見出す為、 普通の家具とは違うかもしれないが、そこには自らの手を使い作る事から生まれる感覚や、ファッション　音楽　スケートボード　いろいろな事に影響を受けた感性を大切にし、使い手の立場にたって考える作品としてのこだわりを持つ。 それは、自ら見て学び感動した物を尊敬するだけでなく、それをふまえた上で自分の価値観をおしだし、家具というジャンルの中でアップデートさせる事である。_____

その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値

Webdesigner Depotからウェブサイトのデザインにグリッドを採用する際の有利な点と不利な点を紹介します。 To Grid or Not to Grid: Advantages and Disadvantages （画像：Grid systems in graphic design） 下記はそれぞれのポイントをピックアップして意訳したものです。 グリッドについての詳細は、下記ページなどを参照ください。 グリッドシステム -サイトへの有効活用方法 グリッドのアドバンデージ グリッドはスペースに配置やバランスや規則性を加えて、さらに素晴らしいビジュアルエクスペリエンスを与えることができます。 デザインフェーズでワイヤーフレームを直接実装することができます。 グリッドはモダンなウェブサイトのコーディングとしてテーブルにとってかわることができます。 グリッドはデザインだけでなく、マークア