TOP  >  Design

Tag : Design

2019年03月17日

アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」

WEBデザインでは非常に重要となり、利用頻度も高いアイコン。様々なアイコンセットが世に中には出回っていますが、今回紹介するのはJPGやPNGといった画像データでは無くて、SVGでダウンロードしたり、SVGコードで出力できる、ICONサービス「ICONSVG」です。

svgicon001

シンプルでスタンダーどなアイコンが並んで降り、「Arrow」「InterFace」「Media」「Files&folders」「Editor」「Symbols and shapes」「User」「Graphs&charts」「Devices」「Layout」といったカテゴリに分けられて収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:42  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2019年02月10日

花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」

シンプルなデザインももちろん素敵ですが、気分を明るくしてくれる華やかで楽しげなデザインも、ぜひ生活の中に取り入れていきたいもの。今回はそんなシーンにぴったりのパターン素材「Art Dimension abstract patterns」を紹介したいと思います。

dimention1

花を抽象的にイメージしたようなカラフルな図形が並ぶ、ぱっと目を引く美しいパターン素材です。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:03  |  
Category: Design   
このエントリーをはてなブックマークに追加
2019年01月21日

個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」

デザインの素材として欠かすことができないアイコン。良いものをみつけるたびにストックされているデザイナーの方も多いのではないでしょうか。今回はそんなストックコレクションにぜひ取り入れたいフリーアイコンセット「Emojious Icons」を紹介します。

emojious1

キャラクターのような可愛らしさを兼ねそなえた、個性的なラインナップを楽しめるアイコンセットとなっています。

詳しくは以下

(続きを読む…)

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

最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

クリエイティブなデザインを完成させるために必要不可欠な存在とも言えるフォント。最適で、トレンド感のあるものを取り入れるためにぜひ参考にしたいまとめ「20 New Free Fonts For 2019」を今回は紹介したいと思います。

font0114_1
Free Visually Script Font on Behance

比較的最近登場した20種のフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

雑誌のようにめくって閲覧できるアニメーションテンプレート「Page Flip Layout」

コンテンツをクリエイティブにデザインするために、アニメーションを用いたレイアウトを取り入れることはとても効果的です。今回は雑誌を読むようにページをめくって閲覧できるアニメーションテンプレート「Page Flip Layout」をご紹介します。

gazou2

ファッション雑誌のように美しく写真をレイアウトすることができ、アニメーション効果でデザインをリッチにすることができます。

詳しくは以下

(続きを読む…)

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

自然の風景を表現したコードスニペットまとめ「10 Beautiful Nature Inspired Code Snippets」

デザインの主役となるコンテンツを考えるとき、簡単に取り入れることができるコードスニペットがあると便利ですよね。今回は、デザインをカスタマイズするときに役立つコードスニペットまとめ「10 Beautiful Nature Inspired Code Snippets」を紹介します。

gazou1
Pure CSS Jellyfish

自然の風景をテーマにHTMLやCSS、JavaScriptで作られたコードスニペットがまとめられています。気になったものをいくつかピックアップしましたので、下記からご覧ください。

詳しくは以下
(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2014年11月08日

webサイトに魅力的な動きを演出可能なjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」

シンプルなwebサイトももちろん魅力的ですが、独特な動きを取り入れることでもっと見栄えの良いサイトに仕上げることができるのではないでしょうか?今回はそんな時に利用したいjQueryプラグイン「A Cool Collection Of jQuery Plugins To Make Your Website More User Friendly」を紹介したいと思います。

js1108_1
Textillate.js

ちょっとしたさりげない動きから、メインとなる部分に取り入れられる演出まで、いろいろなタイプのjQueryプラグインが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:59  |  
Category: Tool   
2014年12月15日

個性的なモチーフも取り入れたフリーアイコンセット「Dropicons」

さまざまなテイストのものがフリーでたくさん配布されているアイコン素材。いろんな種類をダウンロードして、多彩なデザインに対応できるようにされている方も多いと思います。そんな中今回紹介するのは、個性的なモチーフも取り入れたフリーアイコンセット「Dropicons」です。

dropicon1

独特の個性が感じられるラインアイコンのセット。コレクションに是非加えておきたいデザイン性の高いアイコンとなっています。

詳しくは以下

(続きを読む…)

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

幾何学柄をデザインに取り入れる ポリゴンイラストレーションまとめ「25 Creative Polygonal Illustration Freebies」

特に最近、よく見かけるデザインテーマの一つになっている幾何学柄。印象的かつデザイン性のあるグラフィックを作り上げることができる点でも、人気が高い表現の一つです。そんな中今回紹介するのは、ポリゴンイラストレーションまとめ「25 Creative Polygonal Illustration Freebies」です。

poly0
Polygonal mountain background Vector | Free Download

幾何学柄をデザインに取り入れるための、フリーで使用できる素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:15  |  
Category: Design   
2013年01月16日

さまざまな樹木の樹皮が揃ったテクスチャまとめ「25 Free Bark Textures For Designers」

植物などの自然素材を使用したデザイン制作を行うことも多いと思いますが、身の回りにある植物だけを使用しようとすると、素材の選択の幅が狭くなってしまいます。そんな中今回紹介するのが、さまざまな樹木の樹皮が揃ったテクスチャをまとめた「25 Free Bark Textures For Designers」です。


Old Yew Bark Stock Texture by *aegiandyad on deviantART

若々しい樹木のテクスチャや、朽ち果ててしまいそうな樹木のテクスチャまで、さまざまな樹皮のテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:38  |  
Category: Design   
2009年09月11日

photoshopをもっと極めるチュートリアル集「30 Advanced Photoshop Illustration Tutorials」

クリエイティブの現場では欠かす事ができないツールの一つphotoshop。今回紹介するのはそんなphotoshopで描くイラストレーションのテクニックを集めたチュートリアル集「30 Advanced Photoshop Illustration Tutorials」です。

pstips01
Real Water Droplets

写真ベースの加工から、一から描き出したイラストレーションまで幅広いチュートリアルが全部で30個紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:46  |  
Category: Design , Photoshop   
2007年11月28日

250MBまで使えるシンプルなオンラインストレージ「FILEURLS」

ファイルの受け渡しは仕事を行なう上で必要不可欠になってきています。DesignDevelopでもオンラインストレージはいくつかお伝えしてきましたが、今日紹介するオンラインストレージ「FILEURLS」は余分な機能やインターフェイスを極力押さえたシンプルで使いやすいオンラインストレージサービスです。

fileurls

上記のようにファイルを選択するテキストボックスと保存期間、パスワードを設けるかどうかだけのインターフェイスになっています。使い方は至って簡単で、Uploadしたいファイルをローカルから選択して、各種設定をしたあと「Get Your URL!」のボタンでファイルのパーマリンクを取得できます。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:14  |  
Category: WebService   
2012年09月10日

チョークで描かれたテクスチャセット「7 Remixed Chalk Pastels」

学校の授業で黒板に文字を書く際に使用するチョークは、味のある独自の書き上がりが特徴。今回は、そんなチョークを使って塗りこまれたテクスチャセット「7 Remixed Chalk Pastels」を紹介したいと思います。

チョークの質感を生かしながら、繊細で幻想的な雰囲気を感じられるテクスチャばかりがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:39  |  
Category: Design   
2015年02月22日

ラインとカラーで構成された個性派アイコンセット「Swifticons」

常に最新のデザインが登場し続けるアイコン。定番素材としていろいろな種類をストックされているという方も多いのではないでしょうか?そんな中今回紹介するのは、ラインとカラーで構成された個性派アイコンセット「Swifticons」です。

swifticons

フラットデザインにマッチするシンプルな形状ながらも、デザイン性のある質感が魅力的なアイコンセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2017年10月05日

web開発者のための最新リソースまとめ「Fresh Resources for Web Developers – September 2017」

日々技術が進化する中で、開発者やデザイナーであれば常に新しいアイテムを手元に置いておきたいもの。そんな中今回紹介するのは、web開発者のための最新リソースまとめ「Fresh Resources for Web Developers – September 2017」です。

Resources01
GitHub – richtabor/MerlinWP: Better WordPress Theme Onboarding

アイコンやフォントなど、様々な場面で活用出来るアイテムがまとめられています。いくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
2014年07月29日

個性的なものからシンプルタイプまで 最新のフォントをまとめた「20+ Fresh and Free Fonts for July 2014」

フォントには非常に多彩な種類が存在しており、どんどんと新しいものも公開されています。そんな中今回紹介するのは、個性的なものからシンプルタイプまで、最新のフォントをまとめた「20+ Fresh and Free Fonts for July 2014」です。

font140729_1
Stygis font – FREE TYPEFACE on Behance

比較的新しい、いろんなデザインのフォントが20種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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