TOP  >  

Tag :

2018年03月14日

ミステリアスな雰囲気を演出できる 霧や煙が立ち込めるようなテクスチャー素材「20 Mysterious Fog Overlays」

写真にミステリアスな雰囲気をプラスしたり、食品を美味しそうに見せたり、何かと利用する機会の多い霧や湯気の効果。写真の雰囲気を一気に高めてくれますが、一から作るのは少々手間。そんな中今回ご紹介するのは、そんなときに利用したい霧や煙が立ち込めるようなテクスチャー素材「20 Mysterious Fog Overlays」です。

20-mysterious-fog-overlays1
20 Mysterious Fog Overlays — download free effects by Pixelbuddha

霧や煙などの白い靄を簡単に表現してくれる、ハイクオリティな素材が集められた素材セットです。

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

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

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

2017年08月03日

Webデザインをよりクリエイティブにみせてくれる 複数写真の同時切り替えが可能なグリットスライドショー「CSS Grid Layout Slideshow」

Web上で写真を見せる定番の手法のひとつ、スライドショー。コンテンツを見せるのに利用したり、メインビジュアルに利用したり…とても活用幅が広く便利な存在です。今回ご紹介するのはそんなスライダーを、よりクリエイティブに見せてくれる変則的なスライドショー「CSS Grid Layout Slideshow」です。

gridLayout-slideshow02

グリット上に並べられた複数のイメージを、一気に切り替えることができる美しいスライドショーのフリーCSSソースです。

詳しくは以下

(続きを読む…)

続きを読む
2018年06月09日

UIデザインやWebデザインに役立つフリーのhtml UIキット「25 Fresh Free HTML UI Kits」

Webやアプリケーションのデザインに欠かせないUI設計。しかし使いやすく最適なUIデザインを一から考えるのは中々手間がかかるもの。今回ご紹介するのはそんなデザイナーの方におすすめしたい、最新のUIデザインキット「25 Fresh Free HTML UI Kits」です。

html0609
GitHub – ElemeFE/element: A Vue.js 2.0 UI Toolkit for Web

CSSやHTMLの知識が必要にはなりますが、使いやすく多彩なシーンで活躍できるUIデザインキット25種類が紹介されています。さらにその中から幾つかおすすめのUIキットをピックアップしてみましたのでご覧ください。

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

続きを読む
posted 09:00  |  
Category: WebDesign   
2015年08月03日

デザイナーがチェックしておきたいフリーリソース「50 Free Resources for Web Designers from July 2015」

デザイナーにとって必要不可欠といっても過言ではないフリー素材。種類もテーマもいろいろなタイプのものが配布されています。そんな中今回紹介するのは、デザイナーがチェックしておきたい最新のフリーリソース「50 Free Resources for Web Designers from July 2015」です。

freebies0803_1
Dribbble – Material Design Widgets Ui Kit – PSD by Elad Izak

モックアップからアイコン、フォント、UIなど、多彩な種類のフリー素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:13  |  
Category: Design   
2008年11月23日

コンピュータチップのベクターデータセット「Computer Chip Vector」

今までDesigndevelopでは様々なベクターデータを紹介してきましたが、今回紹介するのはコンピュータのチップを表現したベクターデータを集めた「Computer Chip Vector」です。

シンプルなものから、すこし質感のあるものまで様々なコンピューターチップと基盤を表現したベクターデータが多々収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:15  |  
Category: Design , vector   
tag: Design vector
2016年10月14日

手書き風の雰囲気を手軽に フリー配布のハンドドローイングフォント20選「20 Beautiful and Free Hand-Drawn Fonts」

自分の手で書いたようなアナログテイストな質感が演出できるハンドドローイングフォント。デザインに抜け感などを出したい時にも活用されます。そんな中今回は、フリー配布のハンドドローイングフォント20選「20 Beautiful and Free Hand-Drawn Fonts」を紹介したいと思います。

font1014_1
Thirsty Dog free typeface on Behance

一口にハンドドローイングフォントといっても、いろいろなテイストのものが揃っています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:54  |  
Category: Font   
2017年09月24日

直感的な操作で簡単にアニメーションを作成することができるCSSアニメーションツール「Stylie – A Free CSS Web Animation Builder」

WEBサイトならではのアクション要素の一つ、アニメーション。取り入れることができれば個性的でインパクトのあるサイトを制作できますが、アニメーションの作成はハードルが高いと感じる方も多いのではないでしょうか。そんな方におすすめできるCSSアニメーションツール「Stylie – A Free CSS Web Animation Builder」を今回はご紹介します。

stylie-css-animation_top

使い方が難しそうと思われる方も多いかもしれませんが、汎用性の高い便利なツールとなっています。使用方法をわかりやすく説明してくれている動画が紹介されていますので、まずは下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool   
2012年11月14日

さまざまなアイコンデザインに出会えるアイコン紹介サイトまとめ「10 Websites for Finding iOS App Icon Design Inspiration」

デザイン制作をしているとさまざまなアイコンが必要になりますが、クオリティを追求したアイコンを考えるというのはなかなか時間のかかる作業です。そこで今回紹介するのが、さまざまなアイコンデザインに出会えるアイコン紹介サイトをまとめた「10 Websites for Finding iOS App Icon Design Inspiration」です。


Pinterest / Search results for iOS Icon

iPhoneアプリのアイコンデザインをまとめたサイトが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:59  |  
Category: Design   
tag: 
2007年11月27日

mixiやはてなに対応する日本発のマッシュアップツール「Myremix」

今まで本格的なもので日本語版は無かったマッシュアップツール。前回「レゴ感覚でマッシュアップができる「Popfly」を試してみました。」で紹介した「Popfly」のようなマッシュアップツールがついに日本発でリリースされました。

日本産マッシュアップツール

日本発というだけあって、標準でmixiやはてな等日本産サービスのモジュールを細かく揃えてくれています。(mixi APIs、はてなウェブサービスの利用する場合は、【設定>オプションモジュール】から各モジュールのチェックボックスをONにしてください。)

詳しくは以下

(続きを読む…)

続きを読む
posted 01:37  |  
Category: WebService   
2012年02月13日

落ち着いた雰囲気を感じさせるモノトーンパータンまとめ「100+ Impressive Black and White Patterns Collection」

同じパターンでも配色や色味によって、雰囲気が大きく変化するもの。デザイン制作にはイメージに合わせたカラー選びも大切になります。そんな中今回紹介するのが、落ち着いた雰囲気を感じさせるモノクロパータンをまとめた「100+ Impressive Black and White Patterns Collection」です。


Black Geo | Pattern8

繊細な模様の美しいパターンから個性的なパターンまで、さまざまなモノトーンパターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

SVG形式データの利便性を感じられる素材まとめ「The Benefits of SVG Images in Web Design」

ベクター形式でありながら、アニメーションタグやJSでのインタラクティブな操作ができたり、テキストエディタでの編集が可能だったりと、何かと便利なSVG。いろいろなシーンで活用されている方も多いと思いますが、今回はそんなSVG形式データの利便性を感じられる素材まとめ「The Benefits of SVG Images in Web Design」を紹介したいと思います。

svg0729_0
Reports – Calls Animation

JSやアニメーションなど、SVG形式を利用した多彩な表現を実現できるリソースや実例がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:11  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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