TOP  >  WEBデザイン

Tag : WEBデザイン

2017年09月15日

モックアップやUIデザインなど Webデザイナーの為の使えるフリー素材50まとめ「50 Dribbble Freebies For Web Designers」

デザイン業務を効率化してくれるフリー素材。使えるハイクオリティな素材を日頃ストックしておけば、デザインの幅が広がるだけでなく時短にも繋がります。今回ご紹介するのはそんなデザイン業務を支えてくれる、Webデザイナーの為の使えるフリー素材をまとめた「50 Dribbble Freebies For Web Designers」です。

50-dribbble-freebies1
Eshop Mobile Product Pages – Free .PSD by Marth – Dribbble

モックアップやUIデザインなど幅広い素材が50種類もまとめられています。その中からおすすめの素材を幾つかピックアップしてご紹介しますのでご覧下さい。

詳しくは以下
(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2017年09月13日

Photoshopで作るWebデザインチュートリアル集「35 High Quality Photoshop Web Design Tutorials」

デザイナーにとって必要なスキルは幾つかありますが、中でもPhotoshopの操作は必須。今回はそんなPhotoshopでのWEB制作のチュートリアルがまとめられた「35 High Quality Photoshop Web Design Tutorials」を紹介したいと思います。

tutorial01
How to Make a Light and Sleek Web Layout in Photoshop

基本的な枠組みから手の込んだサイトまで、35種類のチュートリアルが集約されています。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年09月10日

フリーで使用できる ブラウザフレームPSDテンプレート「30 Free Web Browser Frame PSD Templates」

クライアントやユーザーの目線に立って試行錯誤し制作したデザインを、クライアントにプレゼンテーションをする際には、実際に使用するシーンを想像させることも大切。そんな時に活用したい、フリーで使用できる ブラウザフレームPSDテンプレート「30 Free Web Browser Frame PSD Templates」を今回は紹介したいと思います。

frame-free01
Flat Vector Chrome Frame by Jeffrey Kam – Dribbble

タイプの違う30種類のテンプレートが集約されています。気になる種類をいくつかピックアップ致しましたので以下よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加
2017年09月06日

様々な場面で役に立つUXのSketchテンプレートを集約した「Must-Have Sketch Templates for New UX Designers」

使いやすく見やすい、ユーザーに満足してもらえるUXデザインをより短時間で作ることは、デザイナーであればぜひマスターしておきたいもの。そんな中今回は、特にSketchを利用している方におすすめ、様々な場面で役に立つSketchテンプレートを集約した「Must-Have Sketch Templates for New UX Designers」を紹介したいと思います。

sketchkit01
FREEBIE – Flowchart kit for Sketch by Greg Dlubacz – Dribbble

Sketchで活用できる秀逸なテンプレートがまとめられており、どれも非常に魅力的なものばかりが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:18  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2017年08月29日

期待感を煽る!webサイトオープン前のカウントダウン用のフリーテンプレート集「Top 15+ Free Website Under Construction, Coming Soon Templates」

情報解禁やコンテンツ公開前のWebサイトでよく利用されるのが、リリース日までの日付をカウントダウンする表現。カウントダウンと共に時間が刻々と過ぎていく様子は、ユーザーの期待感を煽るのにぴったりです。今回ご紹介するのは、そんなカウントダウンページを作るためのフリーのデザインテンプレート集「Top 15+ Free Website Under Construction, Coming Soon Templates」です。

under-construction_0
Black HTML5 Coming-soon Web Template – WebThemez

どれも秒単位で公開日をカウントできる、様々なテイストのテンプレートが15点以上紹介されています。その中から特に気に入ったテンプレートを幾つか紹介します。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年08月28日

教育系フリーアイコンセット「30 Free Education Icons Sets」

Webサイトで情報を公開する学校はとても増えていますが、教育機関のWebサイトは比較的情報量が多く複雑になってしまいがち。そんな時におすすめなアイテムが、今回紹介する教育系フリーアイコンセット「30 Free Education Icons Sets」です。

calculator01
School Icon Collection Vector | Free Download

ポップなテイストからフラットなデザインまで、様々なアイコンがセットでダウンロードできるようになっています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:17  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2010年07月25日

クオリティの高いWEBレイアウトpsd「40 Professional and Detailed Web Layout PSD Templates」

WEBを制作する際にphotoshopで制作しているひとには便利なpsdテンプレート。パーツを参考にしたり、全体のベースとしたり様々な使い方がありますが、今日紹介するのはクリエイティブで、プロフェッショナルなWEBレイアウトPSDファイルをまとめたエントリー「40 Professional and Detailed Web Layout PSD Templates」です。


Free Professional PSD Template: BlueMasters – Smashing Magazine

様々なテイストのpsdファイルがまとめられていますが、今日はその中から気になったテンプレートをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:20  |  
Category: WebDesign   
2013年04月04日

夏に向けたデザインに使いやすい涼しげな雰囲気が表現できるテクスチャまとめ「40+ Cool and Useful Ice Textures For Free」

目前に迫った暑い夏への対策として、涼しげな雰囲気を感じられるデザイン制作に追われている方も多いのではないでしょうか?そんな中今回紹介するのが、夏に向けたデザインに使いやすい涼しげな雰囲気が表現できるテクスチャをまとめた「40+ Cool and Useful Ice Textures For Free」です。


iced VI by `Dan-Heffer on deviantART

氷の結晶をはじめ、清々しい水のテクスチャなど、夏向けのデザインに使いやすいテクスチャが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:16  |  
Category: Design   
2012年11月19日

生活のさまざまなシーンを再現できるベクターシルエット素材まとめ「30 Sets of Free Vector People Silhouettes For Your Next Design Project」

人々の生活シーンを、デザイン制作の中で再現することは多いと思います。そんな中今回は、生活のさまざまなシーンを想像させるベクターシルエット素材をまとめた「30 Sets of Free Vector People Silhouettes For Your Next Design Project」を紹介したいと思います。


Aerobic Art Dancer Vector Silhouettes – Vecteezy! – Download Free Vector Art, Stock Graphics & Images…

大人から子どもまで、デザイン制作に使いやすいベクター素材が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2010年01月09日

レトロなデザインを表現するphotoshopフリーブラシ「500+ Free Photoshop Retro Brushes」

レトロなデザインというのは、先進的なデザインとはまた違う魅力があり、訴求する内容や、伝えたい事によっては非常に力を発揮してくれます。今回紹介するのはそんなレトロなデザインを制作するのに便利なレトロなデザインを表現するphotoshopフリーブラシ「500+ Free Photoshop Retro Brushes」を紹介したいと思います。

retrobrush01
Retro Vector

レトロ感のあるサークルブラシや花柄等のモチーフや幾何学的な模様等々、様々なレトロ感を表現するブラシが集められています。今回はその中からいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:01  |  
Category: Design , Photoshop   
2015年07月21日

ヴィンテージ感あふれるデザインアイコンセットまとめ「Free Vintage and Retro Icon Sets to Have」

いろいろなテーマのサイトで使用できるように、アイコンのデザインはどちらかというと、ミニマル・シンプルであったりすることが多いもの。しかし時にはデザインテーマのある種類がほしい時もあるのではないでしょうか?そんな中今回紹介するのは、ヴィンテージ感あふれるデザインアイコンセットまとめ「Free Vintage and Retro Icon Sets to Have」です。

retro04
8 pastel icons

レトロテイストな、さまざまな種類のアイコンが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:12  |  
Category: Design   
2015年12月29日

シーズン性のあるアイコンセットまとめ「20 Seasonal Icons Sets with Beautiful Designs」

クリスマスは終わってしまいましたが、シーズンごとのイベントは年中存在しており、それぞれに合ったデザインが必要になってくることも。そんな中今回紹介するのは、シーズン性のあるアイコンセットまとめ「20 Seasonal Icons Sets with Beautiful Designs」です。

seasonicon1229_3
Snowflakes | GraphicRiver

冬や夏、また年間を通して使える季節感のあるアイコンセットがまとめられ紹介されています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2007年12月27日

超シンプルなフリーピクトアイコンセット「twotone icons for free! 」

サイトのメニューやちょっとしたインターフェイスに役立つアイコン。今日紹介する「twotone icons for free! 」は超シンプルなピクトグラムアイコンです。

フリーピクトアイコン

「twotone icons for free! 」は100パーセント無料でブログ、ウェブサイト、アプリケーションまたはイントラネット上で使用する事が可能ということです。ピクトを見てもお分かりになる通り標準でほとんどのものが網羅されていてバリエーションも豊かなのです。

詳しくは以下

(さらに…)

続きを読む
posted 05:24  |  
Category: WebDesign   
tag: webdesign
2015年05月25日

すっきりとしたデザインに最適 フリーラインアイコンまとめ「33 Free Line Icon Sets You Must Have In Your Resources」

アイコンの種類の中で、ラインで描きだされたアイコンはシンプルに合わせやすく、いろんなシーンで活躍してくれます。そんな中今回紹介するのは、すっきりとしたデザインに最適 フリーラインアイコンまとめ「33 Free Line Icon Sets You Must Have In Your Resources」です。

lineicon0525_0
Designer Fuel

定番として使えそうなものを中心に、たくさんの種類のラインアイコンが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:50  |  
Category: Design   
2015年06月20日

モバイルデザイン時に参考にしたいフリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」

今や、サイトデザインはPC版だけでなく、モバイルにも対応したサイト設計が必須となっています。今回はそんな時に参考にしたい、フリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」を紹介したいと思います。

mobileui_1
Planner & Meteo UI Kit for iPhone

デザイン性の高い、さまざまなテーマのフリーUIキットがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2010年08月27日

クオリティの高いフリー手書きフォント集「20+ Most Amazing Free Handwritten Fonts for Web designers」

手書きのフォントは程良いアナログ感と柔らかさを与えてくれるフォントで、さまざまなデザインに利用できます。今日紹介するのはクオリティの高いフリー手書きフォントを集めたエントリー「20+ Most Amazing Free Handwritten Fonts for Web designers」。


Angelina

手描きなので、どの文字がキレイと思うのかは好みが分かれるところだと思いますが、手描きの欧文フォントが全部で20個紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 11:57  |  
Category: Design , Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る