TOP  >  モックアップ

Tag : モックアップ

2015年01月21日

デザイン性の高いフリーPhotoshopモックアップを集めた「New Free PSD Mockup Templates for Designers」

ハイクオリティなモックアップ素材を使用することで、デザイン性を手軽に高めることができます。今回はそんなフリーPhotoshopモックアップを集めた「New Free PSD Mockup Templates for Designers」を紹介したいと思います。

mock0122_1
Free Photoshop Book Mock-Ups | Adazing Design

いろいろな種類のモックアップ素材がまとめられており、アイデア次第でさまざまなシーンで活用することができそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:16  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加
2015年01月05日

デザイナーがチェックしておきたい フリーpsdモックアップまとめ「New Free PSD Mockups (26 Mockup Designs)」

手がけているデザインのグラフィックだけでなく、提案書などの制作にも便利なデザインされたモックアップは、持っていると重宝する存在です。今回はそんなフリーpsdモックアップまとめ「New Free PSD Mockups (26 Mockup Designs)」を紹介したいと思います。

mockup0105_1
iPhone 6 PSD Mock-Up – CreativeCrunk

26種の、活用頻度の高そうなデザインモックアップがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

クリエイティブなイメージフォトを簡単に フリーpsdモックアップフォト「Creativity Free Bundle」

webサイトやスマートフォン・タブレットサイトを制作し、プレゼンテーションやイベント、企画書などでイメージを公開する際には、実際に使用している風景に当てはめることで、使用イメージがしやすくなるもの。今回はそんな時に利用したい、フリーpsdモックアップフォト「Creativity Free Bundle」を紹介します。

freemock1

非常にハイクオリティなビジュアルが特徴のモックアップフォトが12種セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 03:16  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年10月04日

最新のappleスマートデバイスも「Free download: iPhone and Apple Watch vector mockups」

ついにリリースされiPhone6。ディスプレイサイズが大きくなり、さらにiPhone6 plusというワイドなサイズのバージョンも発売されたことから、非常に話題を呼んでいます。そんな中今回紹介するのは、最新のappleスマートデバイスも取り揃えた「Free download: iPhone and Apple Watch vector mockups」です。

iphonemock1

Phone6、Phone6 plusを始め、新しい形のデバイス・Apple Watchのモックアップまで収録されています。

詳しくは以下

(さらに…)

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

iPhone6用モックアップ素材まとめ「50 Free iPhone 6 and iPhone 6 Plus Mockups (PSD, AI & Sketch)」

先日発表・リリースされたiPhone6。従来のiPhoneよりもサイズが大きくなるなど、新しい進化を遂げています。そんな中今回は、すでに多数公開されているiPhone6用モックアップ素材まとめ「50 Free iPhone 6 and iPhone 6 Plus Mockups (PSD, AI & Sketch)」を紹介したいと思います。

iphone61
[FREEBIE] iPhone6 Flat Mockup by Rasvob on deviantART

リリースから間もないにも関わらず、いろいろな種類のモックアップがリリースされています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 12:36  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年07月15日

appleデバイスのモックアップを集めた「Exciting PSD Mockups for Apple Products」

appleのデバイスには、iMacを始め、iPadやiPhone、iPad miniなどさまざまなタイプの種類が存在しています。そんなappleデバイスのモックアップを集めた「Exciting PSD Mockups for Apple Products」を今回は紹介したいと思います。

applemoc0
iPad Mockup v.2 on Behance

いろいろなテイストのapple製品のモックアップがまとめられており、目的に応じて使い分けることができます。

詳しくは以下

(さらに…)

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

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

2007年12月19日

RSS機能付き150MBまで使えるシンプルオンラインストレージ「file.io」

今まで「250MBまで使えるシンプルなオンラインストレージ「FILEURLS」」や「最大50Gまで使える無料オンラインストレージ「A Drive」」と今までいくつかのオンラインストレージサービスを紹介してきましたが、今回紹介するのはシンプルなインターフェイスだが独特の機能をもつオンラインストレージサービス「File.io」です。

オンラインストレージfile.io

特徴的な機能の一つにアップロードしたファイルをRSSで配信できます。これは複数の人とファイルを共有する上でとても便利な機能だと思います。

詳しくは以下

(さらに…)

続きを読む
posted 07:39  |  
Category: WebService   
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   
2016年04月09日

テキストをより魅力的に演出できるCSSを使ったエフェクト12選「12 Amazing Text Effects Created With CSS」

デザイン上に配置するテキスト。いろいろな入れ方や表現の仕方がありますが、絵的に配置するだけでなくそこに動きを加えることで、魅力を増すのではないでしょうか?そんな中今回紹介するのは、テキストをより魅力的に演出できるCSSを使ったエフェクト12選「12 Amazing Text Effects Created With CSS」です。

effect0409_1
Magnetype

12選という限られた数ではありますが、どれも魅力的なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

ソース付きCSS3で作るボタン「10 Awesome CSS3 Buttons to use on your website」

次世代の規格として注目され、最新のブラウザでは問題なく認識ができるようになってきているCSS3。今日紹介するのはCSS3を利用してつくるボタン集「10 Awesome CSS3 Buttons to use on your website」を紹介したいと思います。

グラデーション、ドロップシャドウ、角丸など、CSS3の機能をふんだんに使って上記のような全部で10のボタンが公開されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:43  |  
Category: WebDesign   
2010年02月10日

WEBデザインに便利なCSSフレームワークのまとめ「Choosing The Best CSS Framework: A Complete Guide」

WEBデザインと言えば、HTML5やCSS3が最近では話題を集めていますが、まだまだ現場ではXHTML+CSSという形が主流だと思います。今回紹介するのは、WEBデザインに便利なCSSフレームワークのまとめたエントリー「Choosing The Best CSS Framework: A Complete Guide」です。

cssfreamworks_01
52framework

様々なるCSSフレームワークが集められていますが、今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:46  |  
Category: WebDesign   
tag: CSS webdesign
2014年04月29日

スタイリッシュかつ個性溢れるデザインフリーフォント「Stylish Free Fonts For Graphic Designers」

フリーで配布されているフォントの中にもさまざまな種類があり、色々な種類をストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、スタイリッシュかつ個性溢れるデザインフリーフォントをまとめた「Stylish Free Fonts For Graphic Designers」です。

font140428_1
Numbers Font on Behance

デザインを引き締めてくれたり、印象的な雰囲気に仕上げられるデザインフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:01  |  
Category: Font   
2012年04月23日

多彩な表現が楽しめるグレーパターンまとめ「100+ Simple and Unique Gray Patterns」

デザイン制作にはさまざまなパターン素材を利用しますが、思い通りのカラー展開パターンを探すというのは案外難しいもの。そこで今回紹介するのが、さまざまなパターン素材の中からグレーを基調に制作されたパターンをまとめた「100+ Simple and Unique Gray Patterns」です。


Pattern / Gone to Seed :: COLOURlovers

モチーフを利用したパターンから幾何学模様の美しさを感じられるパターンまで、さまざまなグレーパターン素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:33  |  
Category: Design   
2014年01月04日

さまざまなデザインに利用したい 9つのフリーフォント「Fresh and Free Fonts for January 2014」

デザイン制作に欠かすことのできないフォント自体にも、さまざまな種類のデザイン性を持つタイプがどんどん登場しています。そんな中今回は、さまざまなデザインに利用したい 9つのフリーフォント「Fresh and Free Fonts for January 2014」です。

font201401_1
DK Fiebiger Eins font by David Kerkhoff – FontSpace

形自体に個性が感じられるタイプのフォントがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:54  |  
Category: Font   
2018年07月11日

デザインのアクセントになる 30種のベクター素材集「30 Free Vector Graphics and Vector Elements」

無料のベクター素材は沢山ありますが、その中で品質の良いものを探すには、どうしても時間がかかってしまうもの。そこで今回は、様々なトーンで制作された高品質の無料ベクター素材が30種まとめられた「30 Free Vector Graphics and Vector Elements」ご紹介します。

vectorgraphics_01

イラストやロゴ、UI設計に使えるアイコンなど、WEBデザインにも印刷物のデザインにも自由に使用できます。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
2010年06月21日

Flickrのphotostreamをサイト内でスマートにギャラリー化「Flickr photobar Gallery」

世界最大の写真共有サービスFlickr。国内でも利用していると言う方も多いのではないでしょうか?今日紹介するのはFlickrの写真を簡単にスマートなギャラリ−にすることができる「Flickr photobar Gallery」です。

flickr

クリックするとバーがせりでてくるように設計されていて、既存のWEBサイトにも無理なく、ギャラリーを統合することができます。実際のデモも公開されていましたので「Flickr Photobar Gallery Demo」からどうぞ。

詳しくは以下

ギャラリーはjQueryによるもので、サイトへの実装も単純です。呼び出すフォトストリームは解凍後のフォルダにあるjquery.Flickrphotobar.jsの斎場の var user_idの値を書き換えれば、そのユーザーIDのフォgとストリームを読むようになっています。その他のせり出てくるbarの挙動などもこのjsからある程度は制御出来ます。デザインはCSSによるものなので、サイトに合わせてカスタマイズも可能です。

使い方は色々とあると思いますが、普段の写真をFlickrにアップしているブログなどなら効果的に使えるのではないでしょうか?Flickrの写真をサイトともに活用したい方は是非どうぞ。

Flickr Photobar Gallery | Codrops

続きを読む
posted 04:36  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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