TOP  >  WEBデザイン

Tag : WEBデザイン

2018年06月16日

デザインのイメージを掴みたい時に役立つフリーモックアップテンプレート「20 Free PSD Mockups You Must Download」

スマートフォンやPC、タブレットなどそれぞれに合わせたUIデザインやWebデザインから、名刺やポスターなどの紙媒体まで、デザインといってもその形は様々です。今回紹介するのは、デザインのイメージを掴みたい時に役立つフリーモックアップテンプレート「20 Free PSD Mockups You Must Download」です。

mock-up01
Free Minimalistic Phone Mockups for Your Presenations

WebデザインやUIだけでなく様々な分野のモックアップが紹介されています。

詳しくは以下

(続きを読む…)

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

デザイナーのためのフリー使えるPSD素材まとめ「33 Fresh Free PSD Files for Designers (Freebies)」

デザインの参考や素材を一から集める作業は、案外手間のかかる作業。デザイナーにとって効率よく制作出来るアイテムはいくつも手元に置いておきたいものです。そんな中今回紹介するのは、デザイナーのためのフリー使えるPSD素材まとめ「33 Fresh Free PSD Files for Designers (Freebies)」です。

Free_PSDFiles_01

さまざまな種類のpsd形式の素材がまとめられています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

デザイナーやコーダーにとって役に立つDreamweaverのテンプレート「25 Free Dreamweaver Templates for Every Website」

Webサイトは1ページで構成されるランディングページ、複数ページでの構成とさまざま。そんな中、デザイナーやコーダーにとって役に立つのがWebサイト用のテンプレートです。そんな中今回はDreamweaverのテンプレート「25 Free Dreamweaver Templates for Every Website」を紹介したいと思います。

dw_template01
Iridium by TEMPLATED

構成やデザインの参考としても使える25種類のテンプレートです。中でも気になったものをピックアップしてみました。

詳しくは以下

(続きを読む…)

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

幅広く活用出来るWebサイトテンプレートまとめ25「25 Best Free Website Templates For Launching Your Website Today」

Webサイトの制作時にフリーで活用出来るテンプレートはとても役に立ちます。作業効率がよくなるのはもちろん、デザインのクオリティも上げることができます。今回は、幅広く活用出来るWebサイトテンプレートまとめ25「25 Best Free Website Templates For Launching Your Website Today」の紹介です。

WebTemplate01
Oleald Website Template | Free Website Templates | OS Templates

様々なシーンで活用出来るてんぷれーとが紹介されています。今回はその中から気になったものをピックアプしてみましたので、気になった方はチェックしてみてください。

詳しくは以下

(続きを読む…)

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

ポップなカラーが魅力的なフラットアイコンセット「Magicons: 2867 Flat Icons」

アイコンには機能などをグラフィックに置き換えてユーザーに分かりやすく示す役割があります。そんな中今回は、食べ物からビジネスアイテムまで様々なアイテムが揃う、ポップなカラーが魅力的なフラットアイコンセット「Magicons: 2867 Flat Icons」の紹介です。

magicons600_01

様々なシーンで活用できるフラットなアイコンセットです。

詳しくは以下

(続きを読む…)

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

環境をテーマにしたフリーで使える50種類のエコロジーアイコン「50 Free Ecology Icons (Linear, Flat, Outlined)」

様々なシーンで活用できるアイコン素材はいくつ手元にあっても困ることはありません。今回紹介するのは、環境をテーマにしたフリーで使える50種類のエコロジーアイコン「50 Free Ecology Icons (Linear, Flat, Outlined)」です。

ecologyicon01

Webサイトやグラフィックデザインどちらでも使えるベクターデータのアイコン素材です。

詳しくは以下

(続きを読む…)

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

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

2011年08月21日

ふわりとした綿を表現したフリーphotoshopブラシ「Cotton Photoshop Brushes」

多くのクリエイターが愛用しているクリエイティブツールphotoshop。様々な表現が可能ですが、今日紹介するのはふわりとした綿を表現したフリーphotoshopブラシ「Free Brushes – 19 High-Res Cotton Photoshop Brushes」。

どんなシーンでも便利にというわけではありませんが、面白いブラシの一つだと思います。

詳しくは以下

(続きを読む…)

続きを読む
2008年12月25日

壁面のテクスチャを集めたフリーテクスチャパック「25 wall textures pack」

Designdevelopではいままで「錆をテーマにしたテクスチャ「Free Texture Tuesday: Rust」」や「29 Most Useful Texture Packs of 2008」といった記事様々なテクスチャを紹介してきましたが、今回紹介するのは壁面のテクスチャを25枚集めたフリーテクスチャパック「25 wall textures pack」を紹介したいと思います。

どちらかと言うとキレイ目な壁というよりは、ひび割れていたり汚れが見えていたりと、さらっとした感じの物ではなくて、何かしら特徴のあるが壁が中心に収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:33  |  
Category: Design , Photoshop   
2013年09月03日

モダンなWebデザインに最適な310個のアイコンセット「The Elegant Icon Font – 310 Of The Best Free Icons For The Modern Web」

アイコン素材はユーザーが視覚的・直感的にwebを操作できる要素として役立つ、現在のWebデザインになくてはならない存在。しかし、自作でたくさんのアイコンを制作するのは意外に大変なものです。そんな中今回紹介するのは、モダンなWebデザインによく似合うフリーアイコンまとめ「The Elegant Icon Font – 310 Of The Best Free Icons For The Modern Web」です。

icon310

フラットなデザイン感で統一されたアイコンはどれもクオリティが高く、種類も豊富。すぐにでもサイトのデザインに取り入れられるような展開になっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:14  |  
Category: Design   
2007年11月13日

イラストレータのチュートリアル集「Illustrator Tutorials」

イラストレータで何かグラフィックなりアイコンなりを作る時全く作ったことがないと、とんでもなく面倒くさい方法になったりデータ的にあまりキレイとは言えないパスになってしまったりします。そんな時に役立つのがチュートリアル。

イラストレータのチュートリアル集

今回紹介する「Illustrator Tutorials」はハロウィンのカボチャからiTuneのアイコンまで幅広いグラフィックの書き方を収めたイラストレータのチュートリアル集です。言語は英語ですが図を多く挿入しながら紹介してくれていますので、英語が読めない方でも参考になるかと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:11  |  
Category: Design   
tag: 
2013年04月01日

筆の力強さを表現できるPhotoshopブラシセット「12 Free High Res Dry Brush Stroke Photoshop Brushes」

デザイン制作の際に、筆で描いたようなラインを利用する機会もあると思いますが、ソフトにデフォルトで入っている素材だけでは物足りなさを感じている方も多いのではないでしょうか?そんな中今回紹介するのが、筆の力強さを表現できるPhotoshopブラシセット「12 Free High Res Dry Brush Stroke Photoshop Brushes」です。

太さの違いを利用し動きのある筆を表現した、力加減の異なるブラシが12個もセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:29  |  
Category: Design , Photoshop   
2010年07月27日

さまざまな人種のアイコンセット「55 free user icons pixel by pixel icons」

webデザインなどさまざまなシーンで活用できるアイコン、持っているだけで便利な存在ですが、今回はとてもユニークなテーマのアイコンセット「55 free user icons pixel by pixel icons」を紹介したいと思います。

いろいろな種類の人種、または職業がテーマとなっているようで、制服や衣装、中にはどこから見ても個性的なキャラクターの姿をしたものなど、一つ一つ見ているだけでも面白いアイコンセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:05  |  
Category: Design   
2007年11月16日

【FreeFont】筆で書いたような味のある日本語書体を配布する「Fub工房」

ユニークな日本語書体を配布する「Fub工房」現在「モフ字」「切絵字」「水面字」の三つのフリーフォントが配布されていて、どれも独特で味のあるフォントが特徴です。

fub工房

3つのフォントはそれぞれ英数字、ひらがな・カタカナ、JIS第一水準漢字などを収録されていて、「切絵字」はJIS第二水準漢字も収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:20  |  
Category: Design , Font   
tag: Design Font
2012年05月07日

ブラウザで確認しながらベーステーマが制作できるWPテーマジェネレーター「WordPress Theme Generator」

一般的なサイトを制作するよりもPHPや独自タグなど様々な知識が必要となるWordpressテーマの制作。普段から利用している方であればそこまで難しくない事かもしれませんが、HTMLタグの範疇からまだ出ていない技術者にとっては敷居が高いと作業だと思います。今日紹介するのはブラウザで確認しながらベーステーマが制作できるWPテーマジェネレーター「Wordpress Theme Generator」です。

上記のようなWPで完成されたサイトを見ながら右のメニューでカスタマイズする事が可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:09  |  
Category: WebDesign , WordPress   
2017年07月07日

美しい配色を思うままに!クリエイティブなグラデーションパターンセット「coolhue」

近年流行になりつつあるグラデーション表現を取り入れたデザイン。背景やボタンなどのベタ面に、シンプルながらもニュアンスをつけることができ非常に便利な手法です。そんな今回ご紹介するのは、グラデーションの配色パターンを30種類まとめた「coolhue」です。

coolhue02

キュートな印象を与えるフェニミンなグラデーションから、コーポレートサイトにピッタリな先進的なカラーリングまで多数のグラデーションパターンが揃います。

詳しくは以下

(続きを読む…)

続きを読む
2014年07月03日

レトロテイストのデザインアイコンセット「36 Retro Multimedia Icons」

デザインアイコンには非常にさまざまな種類が存在しており、利用するデザインに合わせて選定することが必要となってきます。そんな中今回紹介するのは、レトロテイストのデザインアイコンセット「36 Retro Multimedia Icons」です。

36retro

レトロなデザインにぴったりマッチするデザインアイコンが36種セットになってダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:58  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る