TOP  >  モックアップ

Tag : モックアップ

2017年07月23日

デベロッパーとデザイナーのための最新リソースまとめ「10 Fresh Resources For Designers」

デベロッパー、デザイナーであれば常に最新の素材を所持しておきたいもの。ですが、膨大にある素材の中で探し出すことは非常に大変。今回はそんな最新のリソースがまとめられた「10 Fresh Resources For Designers」をご紹介していきたいと思います。

designresource_top
30 Adventurous Space To Earth Icons [Freebie] – Smashing Magazine

アイコンからモックアップまで色々な種類がまとめられています。いくつかピックアップしていますので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

名刺からパッケージまで幅広くまとめられたテンプレートコレクション「12 Free Business Cards, Resumes, Corporate Identity Packages」

名刺、ロゴ、ブランドイメージ、広告など企業が必要とするデザインは多くあります。その全てを一からクリエイトしていくことはなかなか大変なこと。そんなときにあると便利なまとめ「12 Free Business Cards, Resumes, Corporate Identity Packages」をご紹介していきたいと思います。

businesscards_top
Free Envelope PSD Mockup + Letterhead Mockup | ZippyPixels

名刺やパッケージのテンプレートから新聞広告のモックアップまで、幅広く収録されている中からいくつかピックアップしているのでぜひご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
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年05月21日

モックアップやテンプレートがフリーでダウンロードできるサイト「UIPIXELS」

サイトテンプレートからUI設計、アイコン、出来上がったデザインを実際に見せるためのモックアップに至るまで、WEBサイトを制作するにあたって、必要となる材料や要素は数多く存在します。そんな中今回紹介するのは、デザインを進めるにあたって必要不可欠となるツールをフリーでダウンロードできるサイト「UIPIXELS」です。

mockup01
iPhone 6s Plus Mockups | Free PSDs & Sketch App Resources for Designers – uipixels

サイトの構成を決めるテンプレートから細かなパーツまで、制作する中で活躍してくれるであろうアイテムが網羅されているのが、とても魅力的なサイトです。サイトでダウンロードできる素材をいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

デザインを魅せる、最新のフリーのPSDモックアップテンプレートまとめ「Free PSD Mockup Templates (25 Fresh Mock-ups)」

デザインをより魅力的に見せてくれるモックアップですが、型落ちのスマートフォンのモックアップなど少し古いものを使えば、魅力的なデザインでもマイナスの印象を与えてしまうことも。そんな事態を避ける為にも、モックアップは常に最新のものを押さえておきたいところ。そんな中今回ご紹介するのはフリーのモックアップの素材の中から最新作のみをまとめた「Free PSD Mockup Templates (25 Fresh Mock-ups)」です。

free_psd_mockups_templates0502
Free PSD Mockup Templates (25 Fresh Mock-ups) | Freebies | Graphic Design Junction

スマートフォンやPC、フライヤーまで、WEBと紙両方で活躍する定番のモックアップを25種類が揃っています。その中から幾つかお勧めのモックアップを抜粋してご紹介しますので、下記よりご覧下さい。

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

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

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

2017年10月11日

レトロな演出に最適なハーフトーンのPhotoshopアクションキット「Halftone Press Photoshop Kit」

レトロな雰囲気を演出する方法はいろいろありますが、今回はそんな中でも簡単にイメージをレトロテイストに寄せてくれる「Halftone Press Photoshop Kit」を紹介したいと思います。

Halftone_Press_top

ハーフトーンのパターンにさまざまなバリエーションが揃っています。使用した雰囲気のサンプルをいくつかピックアップしているので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2016年10月01日

医療系のモチーフをアイコンセットにした「Free Medical Vector Icons」

私達の生活にも密接に関わりのある医療。広告やWEB制作でも医療に関するモチーフを利用する場合が直接的にも間接的にもありますが、今日紹介するのは医療系のモチーフをアイコンセットにした「Free Medical Vector Icons」です。

p

このアイコンはベクターで描かれており、影などをあしらい、シンプルながらも質感のあるアイコンセットに仕上がっています。収録されているアイコンは以下の通りです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:48  |  
Category: Design , Photoshop , vector   
2017年11月16日

種類豊富な医療系に特化したアイコンセットのまとめ「20 Free Medicine Icon Sets You Can Use」

医療系分野は専門用語も多く、ユーザーにわかりやすくサイトやパンフレットを使用してもらうためには、視覚的に説明できるアイコンが効果的です。そんなシーンで役に立つ医療系アイコンのまとめ「20 Free Medicine Icon Sets You Can Use」を今回はご紹介していきたいと思います。

medical_icon_top
Health Icons by UI8 – Dribbble

洗練されたストロークアイコンからカラフルなアイコンまで幅広く収録されています。下記にいくつかピックアップ致しましたので、ご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
2012年05月10日

水彩画のさまざまな水滴が楽しめるテクスチャまとめ「Watercolor Splashes: Texture Pack」

素材の持つ優しさをダイレクトに感じられるデザインが好まれることも多く、手書きの質感を活かしたデザイン制作を求められることも増えているのではないでしょうか?そこで今回紹介するのが、水彩画のさまざまな水滴が楽しめるテクスチャをまとめた「Watercolor Splashes: Texture Pack」です。


watercolor_01.jpg (JPEG 画像, 2500×1656 px) – 表示倍率 (48%)

色の濃淡を楽しめるモノクロのテクスチャが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:28  |  
Category: Design   
2015年11月11日

カナダ・トロントをインスピレーションに 多彩な種類のアイコンが揃う「City Icons」

いろいろな種類のアイコンが配布されていますが、やはり1つのセットで種類が豊富なものは、1つのデザイン制作の中での使い道のバリエーションが増えることもあり、何かと便利なもの。そんな中今回紹介するのは、多彩な種類のアイコンが揃う「City Icons」です。

ctyicon

カナダ・トロントをインスピレーションにデザインされたアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:35  |  
Category: Design   
2011年06月23日

スタイリッシュな新しいフォント集「18 Beautiful and Stylish Fonts」

ちょっとしたバランスの違いで見え方が全く異なるフォントの選定は、デザインの要になる重要な要素の一つ。そんな中今回は、スタイリッシュな新しいフォントを集めた「18 Beautiful and Stylish Fonts」を紹介したいと思います。


Font Squirrel | Free Font Michroma by Vernon Adams

シンプルなラインのフォントから、デザイン性の高いフォントまで、さまざまなフォントがラインナップされています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:47  |  
Category: Design , Font   
tag: 
2013年09月12日

思い通りの写真補正ができる Photoshopアクションとチュートリアルのまとめ「20 Free Effective Photoshop Action Tutorials and Resources」

Photosnopにはさまざまなツールが用意されていますが、その中でも”アクション”は、手軽に思い通りの写真補正ができるツールとして非常に便利な存在。今回はそんなアクションセットと写真加工のチュートリアルをまとめた「20 Free Effective Photoshop Action Tutorials and Resources」を紹介したいと思います。

action_0
actions 1 by ~allthebesthere on deviantART

ヴィンテージな古い写真を思わせる補正や、はっきりと綺麗に見せる補正まで、たくさんのアクションがまとめられています。中でも気になったものをピックアップしたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2014年04月14日

デザイン性の高い企業ツールモックアップ「15 Free High-Resolution Corporate Identity Mockup Templates」

企業などで使用する封筒や名刺、ノートなどのツール。オリジナルで制作されているところも多く、プロモーションツールとしてもおおいに活躍してくれます。それだけに、デザインにはこだわりたいものです。今回はそんな時に便利に活用できる企業ツールモックアップ「15 Free High-Resolution Corporate Identity Mockup Templates」を紹介したいと思います。

mockup_1
Identity / Branding MockUp Vol.3 | GraphicBurger

デザイン性の高いモックアップセットが15種まとめられています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2014年04月16日

ベーシックに使用できる フリーWordPressテーマ「35 Free WordPress Theme」

さまざまなwebサイト制作で利用されているWordPress。テーマを使うことでよりデザイン性の高いサイトを簡単に構築することができます。そんな中今回紹介するのは、ベーシックに使用できるフリーWordPressテーマ「35 Free WordPress Theme」です。

word140415_1
Costa Free WordPress Theme

比較的シンプルで定番のレイアウトのフリーテーマがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WordPress   
2010年10月15日

シンプルで綺麗めなフォントを集めた「Cool Clean Fonts for Your New Designs」

いくつあっても便利なフォント、定番からフォント自体がデザインされたものまでさまざまな種類が存在していますが、今回紹介するのはシンプルでキレイめな印象のフォントを集めた「Cool Clean Fonts for Your New Designs」です。


JosefinSansStd-Light フォント

シンプルな中でも、洗練された雰囲気を感じさせるフォントが紹介されています。その中から気になったものをいくつか紹介いたします。

(続きを読む…)

続きを読む
posted 07:11  |  
Category: Design , Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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