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   
このエントリーをはてなブックマークに追加

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

2011年05月17日

繊細なラインが美しい スクリプトフリーフォントまとめ「10 Awesome Free Script Fonts」

デザインの現場でプロとして活躍している方はもちろん、一般の方でも年賀状やグリーティングカードを作成する時など、デザインにぴったりのフォントを選びたいと思う方も多いのではないでしょうか?しかし、イメージにぴったりのフォントを見つけるというのはなかなか難しい作業だと思います。そこで今回は、綺麗めなデザインに最適なスクリプトフリーフォントまとめ「10 Awesome Free Script Fonts」を紹介したいと思います。


Download Fleurie PDF font

繊細なラインが美しい、筆記体のようなスクリプトフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:52  |  
Category: Design , Font   
2013年07月14日

フォントを視覚的に見比べることができるWEBツール「Tiff」

世界には様々なフォントが存在し、デザイナー、WEBデザイナーであれば商売道具なだけにフォントの名前からフォントのカタチを想像するなんてこともできると思いますが、微妙な違いのフォントもあります。狭小紹介するのはフォントを視覚的に見比べることができるWEBツール「Tiff」です。

tiff

このWEBツールでは、フォントAとフォントBを選択し、それぞれを見比べることができるというサービスとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design , Font , WebService   
2012年09月05日

ペンキの飛び跳ねたような躍動感を表現できる Photoshopブラシとテクスチャまとめ「Paint Splatters Photoshop Brushes, Textures」

筆の振り方や、つけるペンキの量によって毎回違った表情を楽しめると人気の高い、ペンキや水彩絵の具を飛び散らせて表現するアート、また遊びを楽しんだことがある方もいらっしゃると思います。今回はそんなペンキの雰囲気を手軽に表現できるPhotoshopブラシとテクスチャをまとめた「Paint Splatters Photoshop Brushes, Textures」を紹介したいと思います。

カラフルな雰囲気を楽しめるペンキ・水彩のブラシやテクスチャがまとめて紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 12:45  |  
Category: Design , Photoshop   
2008年02月11日

5000枚以上の高解像度写真がダウンロードできる「The4Cafe Backgrounds Gallery」

デザインをしていると必ずといっていいほどお世話になるのがストックフォト、撮影前はイメージを伝える為にカンプ用の写真を使ったりしている方も多いのではないでしょうか?今日紹介する「The4Cafe Backgrounds Gallery」はそんなカンプ用写真に便利な高解像度のイメージショットが多数ダウンロードできます。

ストックフォト

ファイル数もクオリティもなかなかの物で、写真はジャンルによってカテゴライズされていますので、非常に探しやすくなっています。

詳しくは以下

(さらに…)

続きを読む
posted 01:04  |  
Category: Design   
tag: Design
2016年03月24日

商用可、宇宙をモチーフにしたアイコンセット「Astronomy & Space Icons」

様々な事象やモチーフをひと目で分かる形にしたアイコンはWEB制作ならずとも様々な制作の現場で重宝します。今日紹介するのはちょっと変わった切り口でまとめられた宇宙をモチーフにしたアイコンセット「Astronomy & Space Icons」です。

SpaceIcons_Featured

あまりUIなどでは利用できないとは思いますが、個性的で嵌まればものすごく使えるアイコンセットだと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:43  |  
Category: Design , vector   
2014年08月26日

さまざまなデザイン制作時に活躍してくれるアイコンまとめ「38 Beautiful Icons In PSD For Web Designers」

もはやwebデザイン制作に欠かすことのできないアイコン素材。たくさんストックし、いろんなデザインシーンで活用されている方はとても多いと思います。今回はそんなアイコン素材をまとめた「38 Beautiful Icons In PSD For Web Designers」を紹介します。

icon140826_3
60 Flat Icons

フラットから立体的、ラフなテイストまで、さまざまな種類のアイコンセットがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 12:09  |  
Category: Design   
2008年07月19日

自然系ブラシ&ベクターデータを集めた「64 Beautiful And Free Nature Brush Sets And Vectors 」

photoshopのブラシやベクターデータは使い方や用途によってはデザインの作業時間をかなり短縮してくれます。今日はナチュラル系のデザインをしている方にピッタリな、空や、植物、雷など自然系のphotoshopブラシやベクターデータをまとめたエントリー「64 Beautiful And Free Nature Brush Sets And Vectors」を紹介したいと思います。

かなり自然と言っても多種多様な素材が全部で64個用意されていますので、かなり役立つかと思います。今日はその中でも気になるブラシをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:22  |  
Category: Design , Photoshop   
2012年04月14日

最近リリースされたjQueryプラグイン40「40 Recently Released jQuery Plugins」

軽量で利用しやすく、実務ベースでも多用されるjQuery。今日紹介するのは、最近リリースされたjQueryプラグインを集めた「40 Recently Released jQuery Plugins」です。


Zoomooz.js

機能を問わず、最新のjQueryプラグインがまとめられています。全部で40個のプラグインが集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下から

(さらに…)

続きを読む
posted 11:46  |  
Category: WebDesign   
2010年08月23日

個性的なフリーフォントを集めた「15 Fresh And Beautiful Fonts For Free Download」

フリーフォントは世界中で日々リリースされており、中には非常に特徴的なフォントもリリースされています。今日紹介するのはちょっと個性的なフリーフォントを集めたエントリー「15 Fresh And Beautiful Fonts For Free Download」です。


Cuqueta

正統派とは少し違うクリエイティブなフォントが全部で15個紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:20  |  
Category: Design , Font   
2013年12月30日

海をイメージした魚がテーマの背景パターン「Create An “Under The Sea” Feel With These Free Fish Themed Patterns」

WEBデザインでもっとも大きく印象をコントロールできるのが背景。コンテンツの後ろに広がる背景はそのサイトやブログなどのテーマを印象的に見せることができますが、今日紹介するのは海をイメージした魚がテーマの背景パターン「Create An “Under The Sea” Feel With These Free Fish Themed Patterns」です。

fish1
Pattern / Cute fiiiiish ! :: COLOURlovers

どの背景パターンもオシャレでデザイン性の高いものがまとめられています。今回はその中からいくつか気になったものを紹介したいと思います。

(さらに…)

続きを読む
posted 10:07  |  
Category: Design , Photoshop , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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