ポートフォリオ制作のアイデアソースとなる「20 Awing Portfolio Websites」
デザインや開発を行っている方にとって、作品をまとめたポートフォリオは、自分の技術やデザイン力を知ってもらう重要な手段です。そこで今回は、ポートフォリオ制作に役立つデザインやアイデアに優れたポートフォリオサイトを集めた「20 Awing Portfolio Websites」を紹介したいと思います。 Sam Dallyn – Art Direction/Design さまざまなクリエイターが見せ方にこだわって制作したサイトが、豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Full Stop — Web design from Pittsburgh, PA シングルページで構成された、ポートフォリオサイトです。メイン画像に設置されたボタンをクリックすると、コンタクト画面まで飛ぶようになっており、シングルページの特性を活か
背景デザインに使える20のシームレスパターン
デザインに奥行きと世界観を与えてくれるパターン。一枚敷くだけでデザインのクオリティがグッとあがったりしますが、今日紹介するのは背景デザインに使える20のシームレスパターンを集めたエントリー「20 More Tileable and Seamless Pattern Sets (500+ Patterns)」。 Pattern Kit One 全部で20ものパターンが集められていますが、今日はその中から特に気になったものをピックアップして紹介したいと思います。 詳しくは以下 Photoshop Pattern Pack シンプルなグリッドや罫線の背景パターン。 Metal Mesh Patterns 重厚感のある金属素材のシームレスな背景パターン。業種業態によっては非常に使えるパターン。 Patterns パステルカラーのPOPなパターン。 上記の他にも様々なパターンが紹介されています。デザ
FecebookファンページのGUI Photoshopデザインをダウンロードできる「Facebook Fan Page GUI PSD」
TOP > WebService > FecebookファンページのGUI Photoshopデザインをダウンロードできる「Facebook Fan Page GUI PSD」 日本国内でも需要が伸び続けているFacebook。ページをカスタマイズしてオリジナリティの高いファンページの制作するという機会も増えているのではないでしょうか？そこで今回紹介するのが、FacebookファンページGUIデザインのPhotoshopデータを公開している「Facebook Fan Page GUI PSD」です。 ファンページの全体的なデザインはもちろん、設定範囲などの情報が掲載された、使いやすいGUIデザインとなっています。 詳しくは以下 新たな機能が追加され続けているFacebook。友達との交流ページとしてはもちろん、ページ内をカスタマイズして、ビジネスを効果的に行いたいという方も多いはず
さまざまな草を表現できるPhotoshopブラシセット集「A Collection of Free Photoshop Grass Brush Sets」
TOP > Design , Photoshop > さまざまな草を表現できるPhotoshopブラシセット集「A Collection of Free Photoshop Grass Brush Sets」 自然界に無数に存在する草は多様な表情をしているため、制作に手間のかかる素材の一つではないでしょうか？そこで今回は、さまざまな形の草を手軽に表現できるPhotoshopブラシを集めた「A Collection of Free Photoshop Grass Brush Sets」を紹介したいと思います。 （HD Grass Brushes | QBrushes – Photoshop Brushes） イラストタッチの表現から、大草原を連想させるような表現まで、多彩な表現ができるブラシが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧
思い描いた表現を実現するphotoshopチュートリアル30「30 Photoshop Tutorials」
TOP > WebService > 思い描いた表現を実現するphotoshopチュートリアル30「30 Photoshop Tutorials」 国内でも多くのクリエイターが利用している。制作ソフトの一つphotoshop。かなり奥が深いソフトウェアで熟練度しだいでは様々な表現を可能にしてくれます。今日紹介するのは、様々な表現を実現するphotoshopチュートリアル30「30 Photoshop Tutorials」です。 Photo Manipulator’s Guide to Blending 映画のような世界観のものから、未来を感じさせる表現、イラストレーションと混じり合ったグラフィックなど様々なチュートリアルがまとめられています。今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以下 Photoshop Skin Retouching 実用的な肌の
デザインが整ったフリーCSSテンプレート集「20 Beautiful Free CSS Web Templates」 | DesignDevelop
TOP > Design > デザインが整ったフリーCSSテンプレート集「20 Beautiful Free CSS Web Templates」 webサイト制作に欠かせないCSSですが、度重なるバージョンアップや活用方法の多様化で、常に新しい技術の習得が必要になります。そこで今回は、デザイン性の高い整ったフリーCSSテンプレートを集めた「20 Beautiful Free CSS Web Templates」を紹介したいと思います。 （Darkness Free Website Template | Free Website Templates | OS Templates） シンプルで洗練されたCSSや機能的なCSSなど、さまざまなCSSが紹介されています。中でも気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Web Templa
テクノロジーデザインが手軽に表現できるフリーPhotoshopブラシ集「Huge Collection of Free Tech Brushes for Photoshop Users」
テクノロジーデザインが手軽に表現できるフリーPhotoshopブラシ集「Huge Collection of Free Tech Brushes for Photoshop Users」 数多くのPhotoshopブラシが世界中で発表されており、制作に利用しているというデザイナーの方も多いと思います。そこで今回は、テクノロジー系のデザインに使いやすいPhotoshopブラシを集めた「Huge Collection of Free Tech Brushes for Photoshop Users」を紹介したいと思います。 （Technical by ~Raven03 on deviantART） 実用的なデザインから、近未来のようなデザインまで、さまざまなブラシが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Big Brushe
CSS3のWEBデザインを簡易化してくれるUIフレームワーク「CSS3 Button UI」
まだまだ対応ブラウザの問題から、コーポレートサイトなどでは導入が難しいCSSですが、スマートフォンなど環境が整ってきたこともあり、利用し始めているという方も多いと思います。今日紹介するのは、角アール、シャドウなどCSS3を利用した表現を簡単に実装できるCSS UIフレームワーク「CSS3 Button UI」です。 予め、CSSが設定されており、簡単なクラスを割り当てるだけで、CSS3をのボタンを再現することができます。 詳しくは以下 コードの呼び出し例は以下のとおり。 上記は画像で貼り付けてありますが、マウスオーバーの処理もセットされていて、実用的に利用できそうです。その他にも角アールのものや文字の前に画像を表示させるものなどがセットされています。その他のデモは配布元の「CSS3 Button UI」からご覧ください。ボタンはCSS3でとお考えの方は是非どうぞ。 CSS3 Button
クオリティの高い金属テクスチャ素材集「High Quality Metal Textures You Would Download」
TOP > WebService > クオリティの高い金属テクスチャ素材集「High Quality Metal Textures You Would Download」 ハードなイメージを表現する時に効果的な金属テクスチャ。独特の錆具合や汚れ具合などイメージ通りのテクスチャを探し出すことができれば、世界観をより一層つくりあげることができます。そこで今回紹介するのが、さまざまな金属テクスチャ素材を集めた「High Quality Metal Textures You Would Download」です。 Grunge Textures – Manhole Cover #1134 – Free Stock Photo 金属の輝きが美しいテクスチャから、使い込まれた独特の風合いを持つテクスチャまで、さまざまなテクスチャが紹介されています。今回はその中でも気になったものをピックアップしま
jQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」
TOP > WebDesign > jQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」 Flashに替わって、avascriptでコンテンツづくりをする事も多くなってきたと思いますが、今回紹介するのはjQueryで制作する、コンテンツスライダーを集めたjQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」です。 dualSlider 写真がメインのもの、動画含めてスライドするスライダー、文章を中心に見せるものなど、あらゆる種類のコンテンツスライダーが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 SlideDeck コンテンツがサムネイ
Photoshopのさまざまなエフェクト効果がわかるチュートリアル集「10 Special Effects Photoshop Tutorial」
TOP > Design , Photoshop > Photoshopのさまざまなエフェクト効果がわかるチュートリアル集「10 Special Effects Photoshop Tutorial」 さまざまな画像加工を得意とするPhotoshopですが、効果的にエフェクトを利用するには技術と豊富な知識が必要になります。そこで今回紹介するのが、エフェクトを効果的に利用した画像加工チュートリアル集「10 Special Effects Photoshop Tutorial」です。 （Really cool Eclipse Effect in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials） 画像のテイストを変化させられるチュートリアルから、CG合成のようなチュートリアルまで、表現の
特徴的なデザインのECwebサイト集「25 Ecommerce Web Design Inspiration」
TOP > WebDesign > 特徴的なデザインのECwebサイト集「25 Ecommerce Web Design Inspiration」 多くの製品がインターネット上で購入できるようになっており、ネットショッピングを利用したことがあるという方も多いと思います。ECサイトデザインの原則の一つとして、アイテムの見やすさと購入のしやすさが求められますが、今回がデザイン性も重視したECwebサイト集「25 Ecommerce Web Design Inspiration」です。 （Custom Plastic Bags & Reusable Bags – Custom Bags HQ） ファッションを扱うデザイン力の高さを感じるサイトから、個性溢れるオンラインギャラリーサイトまで、さまざまなECサイトが紹介されています。中でも気になったサイトをいくつかピックアップしましたので以下
FacebookのUIやスタイルを再現するjQueryプラグイン集「23 Best jQuery Facebook Style Plugins」
世界中の方々利用しているソーシャルネットワーク「Facebook」国内でも多くの方が利用しているサービスの一つだと思います。今日紹介するのはそんなFacebookのUIやスタイルを再現するjQueryプラグインを集めたエントリー「23 Best jQuery Facebook Style Plugins」です。 2. Creating a Facebook-like Registration Form with jQuery 全部で23個のプラグインが紹介されていますが、今日はその中から幾つか気になったモノを紹介したいと思います。 詳しくは以下 ■7. Facebook Style jQuery Chat facebookのチャットを再現するjQueryのチャット機能。 ■4. Tipsy – Facebook-style tooltip plugin for jQuery フェイスブック
便利で使いやすいベクターPhotoshopブラシ集「250+ Useful Vector Photoshop Brushes」
TOP > Design , Photoshop > 便利で使いやすいベクターPhotoshopブラシ集「250+ Useful Vector Photoshop Brushes」 デザインを作成する際には、さまざまなデザイン用ソフトを利用します。中でも使用頻度の高いPhotoshopは、ラインのきれいなベクター画像を素材として描くにはテクニックが必要になります。そこで今回紹介するのが、Photoshopで手軽に利用できるベクターブラシセットを集めた「250+ Useful Vector Photoshop Brushes」です。 （Flower Brush Set 1 by ~gvalkyrie on deviantART） 未来的なデザインから、ポップなデザインまで、イラストレーターで作成したかのような使いやすいベクターブラシが豊富に紹介されています。中でも特に気になったものを
自然のさまざまな表情が活きる砂のテクスチャ集「35 Free Real Smooth Sand Textures」
TOP > Design > 自然のさまざまな表情が活きる砂のテクスチャ集「35 Free Real Smooth Sand Textures」 素材感を出したいデザインでは、さまざまな自然の写真テクスチャを使用することもあるかと思います。素材の選択の幅が広ければ、それだけイメージにぴったりのデザインを完成させられるのではないでしょうか？そこで今回紹介するのは、自然の力によってさまざまな表情に作り上げられた砂のテクスチャを集めた「35 Free Real Smooth Sand Textures」です。 （Very Useful Sand Texture） 質感の異なる砂のテクスチャが豊富なバリエーションで紹介されています。中でも特に気になったものをピックアップしましたので、以下よりご覧ください。 詳しくは以下 ■Sand Textures 砂の中に無数に空いた穴は、自然が呼吸をし
商用利用可能なフリーフォントをダウンロードできるサイト「フォントAC」
デザイン制作時に欠かせないフォントですが、もともとパソコンに入っているフォントだけでは、デザイン表現が難しい場合も多いと思います。しかし高額で販売されているフォントも多く、なかなかフォントを増やすことができないとお悩みの方も多いはず。そこで今回紹介するのは、商用利用も可能なフリーフォントがダウンロードできるサイト「フォントAC」です。 手書き風のフォントから、使いやすいゴシック体のフォントまで、ユーザーが利用しやすいサイトとなっています。 詳しくは以下 商用フリーのフォントを探すのは案外時間がかかってしまい敬遠しがちですが、「フォントAC」には商用フリーのフォントのみが掲載されているので、商用・非商用を気にすることなく、誰でも自由にフォントを利用することができます。また「英語フォント」「日本語フォント」「絵文字フォント」のカテゴリーに分類されているので、必要なフォントを手軽に探すことができ
HTM5スニペットの共有サイト「HTML5 Snippets」
だんだんと対応するブラウザも増えてきて業界の中では利用され、案件も増えてきたHTML5。もうすでにいくつか仕事として利用している方もいれば、これからという方もいると思いますが、今日紹介するのはHTM5スニペットの共有サイト「HTML5 Snippets」です。 スニペットとは、よく利用する短いコードの断片に分かりやすい名前を付け、ソースに利用しやすくするためのもの。「HTML5 Snippets」では、基本的なフレームから、細かなパーツまで、様々なスニペットが共有されています。いくつか気になったスニペットをピックアップしてご紹介致します。 詳しくは以下 HTML5 snippet : Basic Structure HTML5 HTML5の基本テンプレート。jQueryやDD_belatedPNGなども最初から読み込まれいます。 HTML5 snippet : A css rounded
クリエイティブ性の高いプロフィールサイトまとめ「40 Most Creative Resume Design Ever Seen」
TOP > WebDesign > クリエイティブ性の高いプロフィールサイトまとめ「40 Most Creative Resume Design Ever Seen」 特にクリエイティブ業界ではフリーで仕事をしているという方も多く、仕事の受注前にプロフィールを提出するということも多いのではないでしょうか？プロフィールは、紙一枚で自分の今までの仕事が評価される重要なもの。そこで今回紹介するのは、クリエイティブ性が高く、相手に伝わりやすいプロフィールデザインをまとめたwebデザイン集「40 Most Creative Resume Design Ever Seen」です。 （Server Resume by ~rkaponm on deviantART） 多くの情報を見やすくレイアウトした作品が豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧
さまざまな蝶を表現できるphotoshopブラシまとめ「A Collection of Free Butterfly Photoshop Brushes」
TOP > Design , Photoshop > さまざまな蝶を表現できるphotoshopブラシまとめ「A Collection of Free Butterfly Photoshop Brushes」 やっと春らしさを感じるようになってきて、デザイン上でも春らしい華やかさを表現する場面が増えているのではないでしょうか？女性らしさや華やかさを表現する際に良く用いられる「蝶」ですが、実際に描こうとすると多くの時間と手間が必要になり、デザイン制作に時間かかってしまいます。そこで今回は、手軽に利用できる蝶のphotoshopブラシをまとめた「A Collection of Free Butterfly Photoshop Brushes」を紹介したいと思います。 .:Butterfly Brushes:. EDIT by ~SaharaKnoblauch on deviantART
クオリティの高いフリーPSD素材まとめ「32 Free High-Quality PSD Files For Web Designer – Part IV」
TOP > Design > クオリティの高いフリーPSD素材まとめ「32 Free High-Quality PSD Files For Web Designer – Part IV」 広告やwebサイトの制作にあたり、必要となるさまざまなパーツを一つ一つつくりあげることは、多大な時間と労力が必要となります。そこで今回紹介するのは、質が高く使いやすい、さまざまなフリーPSD素材まとめ「32 Free High-Quality PSD Files For Web Designer – Part IV」です。 How To Create a Sleek Audio Player Interface in Photoshop | Tutorial9 webサイトないで必要な素材パーツから立体的な製品まで、すぐに使える素材やチュートリアルが多数紹介されています。中でも特に気になったものを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
