TOP  >  Mockups

Tag : Mockups

2018年03月05日

カスタム可能な美しいiPhoneのケース入りモックアップ素材「iPhone 8+ Plastic Case Mockup」

スマートデバイスのデザイン性は日々進化し、ビジュアルとして表現する側にも高いクオリティが求められています。今回はそんなシーンに最適、カスタム可能な美しいiPhoneのケース入りモックアップ素材「iPhone 8+ Plastic Case Mockup」を紹介したいと思います。

cover1

非常にリアルでリッチな質感が特徴。iPhoneのビジュアルを美しく表現するのに便利なモックアップとなっています。

詳しくは以下

(さらに…)

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

ブランデイングに最適!ロゴデザインのイメージを高めてくれるハイクオリティなモックアップ「40 Free Label Mockups (PSD & Vector)」

Webやテクスチャーなど、制作したデザインをよりよく見せてくれるモックアップ。それだけでなく、クライアントにより実物をイメージしてもらいやすくなります。今回ご紹介するのはそんなデザインを支えてくれるハイクオリティなモックアップ「40 Free Label Mockups (PSD & Vector)」です。

40-free-label-mockups1
Psd Label Brand Mockup Vol3 | Psd Mock Up Templates | Pixeden

アパレルや食品などのロゴデザインのイメージの手助けになる、ラベルのモックアップが全部で40種類揃っています。さらにその中から気に入ったモックアップを幾つかピックアップしました。

詳しくは以下

(さらに…)

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

プレゼン資料などのクオリティを高められる PSDモックアップテンプレートまとめ「Free PSD Mockup Templates」

デザインをクライアントに提出する際には、資料として企画書を作成することも多いと思います。そんな時に活用することで、デザインをより魅力的かつ、実際に使うイメージを相手にしっかりと伝えられる、PSDモックアップテンプレートまとめ「Free PSD Mockup Templates」を今回は紹介します。

temp0630_3
Free Stationery Elements Mockup PSD Template on Behance

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

詳しくは以下

(さらに…)

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

持っていると便利なWebブラウザの最新モックアップまとめ「10 Free Web Browser Mockups」

プレゼンテーションの際にWebデザインの画像を見せるより、実際にブラウザに表示されている状態を見せた方が、デザインの魅力が伝わるのではないでしょうか。そんな時に持っていると便利な最新のブラウザモックアップのまとめ「10 Free Web Browser Mockups」を、今回は紹介していきたいと思います。

webbrowsermockups_top
Minimal Browser Template 4K on Behance

クリエイティブ業界に関わらず、これから行う仕事内容に対してクライアントから深い理解を得ることは非常に大切なことです。その際、モックアップはとても優秀な働きをしてくれるのでぜひチェックしてみてください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2017年04月18日

プレゼンテーションにも最適な、フリーのタブレットモックアップまとめ「22+ Free Tablet Mockups For Your Presentations」

ノートPC代わりに持ち歩く人も多く、年々利用者が増加しているタブレット。Webデザインにおいても無視出来ない存在です。今回はそんなタブレット端末でデザインを見せるときに便利なモックアプまとめ「22+ Free Tablet Mockups For Your Presentations」を紹介します。

13-freebie-tablet-pc
Free Tablet PC Mock-up on Wooden Background For Graphic Designers

フルCGで作られたシャープなものから、写真ベースの温かみのあるものまで、多数のモックアップが揃っています。気になったものをピックアップしてご紹介しますので以下よりご覧ください。

詳しくは以下

(さらに…)

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

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

2009年09月05日

高解像度の焦げ目のついた紙テクスチャセット「Fire up your Design: 7 Burned Paper Textures」

紙のテクスチャは非常に使い勝手が良く汎用性もあり、アナログな質感を与えてくれますが、今回紹介するのは紙のテクスチャの中でも少し変った、炎で焦げ目をつけた紙のテクスチャセット「Fire up your Design: 7 Burned Paper Textures」。

textfire

全部で7枚のテクスチャが公開されていますが、いくつかそのなかから下記に紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:24  |  
Category: Design , Photoshop   
2014年05月01日

いろいろなデザインに使用できる 多彩な種類の素材をまとめた「50 fantastic freebies for web designers, May 2014」

デザイン制作をする時には、いろんな種類の素材を使用して作り上げていくことも多いと思います。今回はそんなシーンにおすすめのまとめ「50 fantastic freebies for web designers, May 2014」を紹介します。

free0501_1
Purple UI Kit Flat Responsive web template by w3layouts

フォント、テクスチャ、UI、psd、JS、CSSといった多彩な素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:26  |  
Category: Design   
2013年12月12日

SVGデータで作られたアイコンのダウンロードサービス「iconmelon svg icons lib for the web」

SVGはJPEGやPNG等とは異なる、ベクターで表現された画像データです。そして、XMLベースの言語であるので、テキストエディタでの編集も可能という珍しい特徴も持っています。今回は、そんな新しい可能性を秘めたSVGデータのアイコンダウンロードサービス「iconmelon svg icons lib for the web」を紹介したいと思います。

isilftw_0

ダウンロードは難しくなく、欲しいアイコンを選択してダウンロードボタンを押すと完了。ダウンロードボタンの左にある「add effects」ボタンを押すと、シャドウやエンボス等、アイコンにかかるエフェクトも選択することができます。

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
2013年12月06日

【商用可】PSDで配布されるデザイナー・制作者のためのフリーアイコン集「GICONS」

細かなデザインパーツの作成には時間が掛かってしまうので、自身で作成したものを使い回したり、フリーのものをストックしたり、さまざま対処されていると思います。今回紹介するのはそんな時に是非利用して頂きたい、フリーアイコンセット「GICONS」です。

gicons_0

一般的によく使われるアイコンを中心に100種類以上を収録。PNGの画像データの他に制作データとなるPSDも収録されているので、素材としての使い勝手も良さそうです。

(さらに…)

続きを読む
posted 12:54  |  
Category: Design , Photoshop , WebDesign   
2015年03月05日

スタイリッシュなデザインのフリーフォント17種「17 New Stylish Free Fonts For Designers」

無料版として利用することができるフリーフォントは非常に便利な存在であり、デザイン性が高いものも数多く展開されています。そんな中今回紹介するのは、スタイリッシュなデザインのフリーフォント17種「17 New Stylish Free Fonts For Designers」です。

font0305_1
Harlott (Free Font) | artimasa

洗練された印象のデザインフリーフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2014年09月18日

ポップなテイストのフリーベクターアイコン「112 Fully Scalable Vector Icons」

フリー素材としてたくさんの種類が配布されているアイコン。デザインのテイストに合わせていろいろな種類をストックしておきたいものです。そんな中今回紹介するのは、ポップなテイストのフリーベクターアイコン「112 Fully Scalable Vector Icons」です。

icon0918

丸みを帯びた、ポップでツヤ感のあるデザインが特徴の112種のアイコンがセットになってダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:50  |  
Category: Design   
2012年12月03日

さまざまなスポーツシーンを表現できるベクター素材まとめ「30 Free Sports Related Vector Graphics For Designers」

シーンや動きの表現が複雑なスポーツのビジュアルは、イラストとして描き起こすのはなかなか大変なもの。そんな時に活用できる、さまざまなスポーツシーンを表現できるベクター素材をまとめた「30 Free Sports Related Vector Graphics For Designers」を今回は紹介したいと思います。


Basketball Vector Illustration (.eps) | Vector

カラーからシルエットまで、さまざまなタイプの素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:04  |  
Category: Design   
2008年06月16日

クールな3Dフォトギャラリージェネレーター「FotoViewr」

写真を綺麗にクールに見せたい。そんな要望は良く聞きますが、なかなかフルオリジナルで作ると高くついてしまったり、自分で作る場合も時間がかかってしまったりまします。そこで今回紹介するのはクールな写真ギャラリーが簡単に生成できるサービス「FotoViewr」。

写真はFlickrからの読み出しになりますが、簡単に3Dフォトギャラリーを生成できます。

詳しくは以下

(さらに…)

続きを読む
posted 06:17  |  
Category: WebDesign   
2018年08月07日

Instagramをおしゃれに演出できるフリーテンプレート「Vana free fashion social media templates for Instagram」

Instagramでの写真投稿が日課になっている人も多いのではないでしょうか。膨大な数の投稿の中でも注目を集めたい!そんなときに写真がアレンジしてあると目を引きやすくなります。今回はそんなシーンで活用できるフリーテンプレート「Vana free fashion social media templates for Instagram」を紹介したいと思います。

vana1

Instagramをおしゃれに演出できる、ファッション性の高いテンプレートがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Tool   
2017年04月29日

デベロッパーのためのフリーweb開発ソースまとめ「Fresh Resource for Web Developers – April 2017」

Web技術は日々めまぐるしく進化しており、一日経てばどこかで新しいものが生まれている世界。忙しい毎日の中で新しいものを追いインプットし続けることはとても大変ですが、そんな時だからこそ是非参考にしたいまとめ「Fresh Resource for Web Developers – April 2017」を今回は紹介したいと思います。

top 11.45.27
mini.css – Minimal, responsive, style-agnostic CSS framework

役に立つアプリケーションからデザインパターンの参考まで、非常に便利なツールの数々が紹介されています。いくつか気になったものをピックアップいたしましたので、下記よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: plugin , Tool   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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