TOP  >  モックアップ

Tag : モックアップ

2014年07月09日

スマートフォンアプリ制作時に活用できるモックアップ素材まとめ「40 iPhone And Android Mockups Photoshop Files For Free Download」

スマートフォンのアプリを制作する際に、実際の機種にはめ込んでイメージを確認するといったシーンは多いのではないでしょうか?そんな時に活用できるモックアップ素材をまとめた「40 iPhone And Android Mockups Photoshop Files For Free Download」を今回は紹介します。

mock140709_1
iPhone 5C Psd Vector Mockup | Psd Mock Up Templates | Pixeden

iPhoneとAndroidの、さまざまな機種のモックアップが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
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年01月25日

シンプルテイストなモックアップ用psd「23 Free Flat/Minimal Device Mockups [PSD]」

webサイトやスマートフォンアプリなどのデザインを制作する際、実際の見た目を確認するために実際の機種に当てはめた状態をチェックすることも多いはず。今回はそんなシーンで活用できるモックアップ用psd「23 Free Flat/Minimal Device Mockups [PSD]」を紹介したいと思います。

flatmoc1
Free Responsive Screen Mock Up – iMock Up Free Edtion on Behance

フラットでミニマルなシンプルテイストなので、デザインに影響を与えることなく利用することができます。

詳しくは以下

(さらに…)

続きを読む
posted 12:54  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2012年09月30日

直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」

WEB以上にUIが重要視される、モバイルアプリ開発。当然情勢も刻一刻と変わっていきスピード感も求められます。今日紹介するのは直感的にスマートにモバイルアプリのUIが作れるモックアップサービス「fluid」。

ブラウザ上で、用意されたパーツを並べていくだけで簡単にUIを設計することができます。非常に直感的に操作できるようになっており、海外のサービスですが、説明やチュートリアル無しで制作していくことができました。

詳しくは以下

(さらに…)

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

Facebookの新タイムラインデザインに役立つpsd素材「FREE DOWNLOAD PSD FACEBOOK NEW FAN PAGE GUI」

ユーザーと企業との交流を楽しめるFacebookページのデザインが強制的にタイムラインに切り替わり、デザインの変更作業に追われているという方も多いのではないでしょうか?そんな現状に役立つ、Facebookの新タイムラインデザインに役立つpsd素材「FREE DOWNLOAD PSD FACEBOOK NEW FAN PAGE GUI」を今回は紹介したいと思います。

Facebookページの制作・運営に必要画像サイズなどの情報が網羅された、そのままモックアップのデザイン制作を進められる素材となっています。

詳しくは以下

(さらに…)

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

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

2018年02月23日

POPなカラーが目を惹く8bitの幾何学的パターンセット「8-bit Memphis Patterns Pack」

シームレスなパターンは様々なシーンで活用できるアイテム。デザーナーとしてはいくつか違ったテイストのアイテムを手元に揃えておきたいものです。そんな中今回紹介するのは、POPなカラーが目を惹く8bitの幾何学的パターンセット「8-bit Memphis Patterns Pack」です。

8bit_Patterns_01

様々な幾何学模様を組み合わせて作られた15種類のパターンセットです。

詳しくは以下

(さらに…)

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

クールな無料CSSテンプレート集「CSS 4 Free」

サイトを立ち上げるときに非常に役に立ってくれるのがテンプレート。ベースがあるのとないのでは手間は大幅に違ってきます。今日紹介するのはクールなCSSテンプレートが無料でダウンロードできる「Css 4 Free」です。

良くあるデザインといえばそうなのですが、テンプレートのサムネイルとユーザーのレーティングが表示されていますので、テンプレートを選ぶ側には非常に優しいインターフェイスとなっています。またテンプレートはタグ付けされており、タグから探すことも可能です。

詳しくは以下

(さらに…)

続きを読む
posted 10:11  |  
Category: WebDesign   
tag: CSS webdesign
2012年10月13日

ポップな色合いのアイコンセット「Free Icons: Candy UI Icon Set」

webデザイン制作に頻繁に使用するアイコンは、できるだけ豊富に種類を所持しておきたいもの。そんな中今回は、明るい色合いのポップテイストなアイコンセット「Free Icons: Candy UI Icon Set」を紹介したいと思います。

使用頻度の高い定番のデザインを中心に、全部で120個のアイコンがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 03:42  |  
Category: WebService   
2014年04月17日

サークル状のフリーアイコンフォント「Iconia」

web制作に欠かせない素材として定番化しているアイコンは、インターネット上でフリーでダウンロードでき、制作しているデザインに合ったものをいろいろと選べるようになっています。そんな中今回紹介するのは、サークル状のフリーアイコンフォント「Iconia」です。

iconia

丸みを帯びた可愛らしい印象のアイコンセットが、フォント形式で表示できる便利なアイコンフォントとなっています。

詳しくは以下

(さらに…)

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

さまざまな描写パターンの作り方を学べるチュートリアルまとめ「Pattern Tutorials: 26 Amazing Background Pattern Design Tutorials」

デザインの背景などに彩りを与えてくれるパターン素材。無料で配布されているものももちろん良いですが、時には自分で制作してよりオリジナル性を追求したい時もあるのではないでしょうか?そんな時に是非チェックしたい、さまざまな描写パターンの作り方を学べるチュートリアルまとめ「Pattern Tutorials: 26 Amazing Background Pattern Design Tutorials」を紹介したいと思います。

patterntutorials1
Create a Wallpaper with Vector Geometric Blurred Shapes in Illustrator and Photoshop | Supercolortuts

デザインパターンの作り方が分かりやすく紹介されたチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

種類豊富に揃った50種のフリー素材まとめ「50 Free Resources for Web Designers from June 2015」

フリーで利用できる素材は非常に重宝するため、気になったものはまめにダウンロードされている方も多いのではないでしょうか?そんな中今回紹介するのは、種類豊富に揃った50種のフリー素材まとめ「50 Free Resources for Web Designers from June 2015」です。

resources0708_1
Free Psd web mockup on Behance

デザイン性の高いフリー素材が、いろいろな種類ピックアップされまとめられています。いくつか気になったものを以下よりご覧ください。

詳しくは以下

(さらに…)

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

新鮮で個性的な8つのフリーフォント「8 Fresh Free Fonts for your Designs」

いつものデザインにマンネリ気味、ひと味違った要素が欲しい。今回はそんな時に是非活用してほしい、8つの新しい個性的なフォント「8 Fresh Free Fonts for your Designs」を紹介したいと思います。

8freefont_0
Bouh Type font

どのフォントも特徴がありクオリティが高い、デザインに効果的にアクセントを付けることができそうなものばかりが集められています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2017年03月16日

定番から個性的なデザインまで!シンプルで使いやすいフリーアイコンまとめ

何かとデザインに必要になってくるアイコン。直感的にユーザーに説明することができ、今や欠かせない存在となっています。今回はそんなアイコンの中でも、定番から個性的なものまでをまとめた「A New Collection Of Free Icons For Designers」をご紹介したいと思います。

top
Designbeep

シンプルなテイストのアイコンは馴染みもよく、バリエーションとしてストックしておきたい種類がずらり。気になったアイコンを幾つかピックアップしてご紹介しますので、以下よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design , vector   
2008年09月11日

ストックフォトサイトを横断画像検索「Cyclo.ps」

世界には様々なストックフォトサイトがありますが、今回紹介するのはそんなストックフォトサイトを横断検索できるWEBサービス「Cyclo.ps」です。検索対象はBigStockPhoto™、Fotolia©
iStockphoto®、Photos.com™、Shutterstock®と格安のストックフォトサービスばかりなので、予算がない時にも安心して使えます。

ストックフォトサイトと一口に言っても公開されている写真は様々なでサイト自身にも個性がありますのでこういった一括して検索できるのは嬉しいところです。

詳しくは以下

(さらに…)

続きを読む
posted 11:49  |  
Category: Design   
tag: Design photo
2009年07月11日

素晴らしいWordPressのフッターデザイン集「20 great WordPress Footer Designs for Inspiration」

WEBのインターフェイスで重要な要素の一つフッターその使い方は様々で単純にコピーライトをいれる場合もあればナビゲーションとして有効活用されている場合もあります。今日紹介するのはwordpressで作られた上手くフッターを活用している例を集めたエントリー「20 great WordPress Footer Designs for Inspiration」を紹介したいと思います。

footwp01
Web Development & Design Tutorials – Nettuts+

主にナビゲーションに使われている例が多いのですが、その見せ方も様々です。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:52  |  
Category: WebDesign , WordPress   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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