TOP  >  モックアップ

Tag : モックアップ

2015年08月05日

多彩な種類を揃えた フリーPhotoshopモックアップテンプレート集「Free Photoshop PSD Mockup Templates (25 New MockUps)」

フリーで配布されているモックアップ素材。非常にクオリティの高いものが多く、利用するだけでデザイン性を高めることができます。今回はそんなフリーPhotoshopモックアップテンプレート集「Free Photoshop PSD Mockup Templates (25 New MockUps)」を紹介したいと思います。

mock0805_1
Free 10 Summer Work Mockups Bundle | MockupWorld

いろいろな種類の、ハイセンスなモックアップ素材がまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

フリーで使用できるモックアップイメージpsdが揃った「11 Free Hero Images & Mock-ups PSDs」

デザインイメージをわかりやすく・伝えやすく表現するために、フリーで配布されているモックアップ素材を使用することで、手軽にクオリティの高いイメージを作り上げることができます。そんな中今回は、フリーで使用できるモックアップイメージpsdが揃った「11 Free Hero Images & Mock-ups PSDs」を紹介したいと思います。

mockkit1
Hero Images – download free mockups by PixelBuddha

いろいろなテーマのモックアップが紹介されており、さらにフリーでダウンロード・使用できるのが嬉しいところ。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 01:27  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年07月08日

フラットデザインのiPhone/iPad用フリーモックアップテンプレート集「100+ iPhone/iPad UX Mockups」

デザインの構成を決めるためには、いろいろなデザインを見たり、アイデアを捻出したり、必要なページをリストアップしたりと、いろいろな作業が発生してしまいます。今回はそんな時に参考にしたい、iPhone/iPad用フリーモックアップテンプレート集「100+ iPhone/iPad UX Mockups」を紹介したいと思います。

psdtemp_100_2

フラットデザインテイストの、さまざまな種類のデザインテンプレートがまとめてダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

モバイル・タブレットのフリービジュアルモックアップ「16 Free Mobile, Tablet & Laptop Mockups」

webサイトのデザインと同時に、モバイルとタブレットにも対応した設計をすることが多くなったことで、仕上がりのイメージを確認する必要性も増えたのではないでしょうか?今回はそんな時に便利な、モバイル・タブレットのフリービジュアルモックアップ「16 Free Mobile, Tablet & Laptop Mockups」を紹介したいと思います。

mock0402_1
FREE Mock-ups psd Ipad – Antoine POHU – Graphiste Webdesigner – Lille

フリーで利用できる、スマートフォンやタブレット端末のハイクオリティビジュアルモックアップが紹介されています。

詳しくは以下

(さらに…)

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

アンティークなフレームのビジュアルを手に入れられるモックアップ「Framelicious」

デザインにアンティーク調の雰囲気を演出する際によく使用される額装等のフレーム。素材などを使用することが多いと思いますが、よりリアルな雰囲気を出すためにはいろんな素材と組み合わせたり、加工することが必要となってきます。今回はそんな加工などの必要がない、アンティークなフレームのビジュアルを手に入れられるモックアップ「Framelicious」を紹介したいと思います。

frame1

非常にハイクオリティなデザイン性のあるフレームビジュアルが4種ダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

ハイクオリティなイメージをフリーで 最新のモックアップPSDまとめ「New Free Photoshop PSD Mockups for Designers」

制作したデザインが実際にデバイスやツールに当てはまるとどんな雰囲気になるのか、デザイナーとしてはとても気になるところだと思います。今回はそんな時に活用したい、最新のモックアップPSDまとめ「New Free Photoshop PSD Mockups for Designers」を紹介します。

mock0213_1
Dribbble – FREE Photorealistic iPhone 6 Plus PSD Mockup Templates by Tran Mau Tri Tam

ハイクオリティなイメージをフリーでダウンロードできるページが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2011年06月11日

FacebookのUIやスタイルを再現するjQueryプラグイン集「23 Best jQuery Facebook Style Plugins」

世界中の方々利用しているソーシャルネットワーク「Facebook」国内でも多くの方が利用しているサービスの一つだと思います。今日紹介するのはそんなFacebookのUIやスタイルを再現するjQueryプラグインを集めたエントリー「23 Best jQuery Facebook Style Plugins」です。


2. Creating a Facebook-like Registration Form with jQuery

全部で23個のプラグインが紹介されていますが、今日はその中から幾つか気になったモノを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:10  |  
Category: WebDesign   
2017年09月26日

オープンソースのプライステーブルデザイン「10 Free Open Source Responsive Pricing Table Designs」

外へ出かける事なく服や家電、食品に至るまで、何でもネット上で買い物ができる時代。そんな中今回は、ショッピングサイトを運営する中で活躍してくれそうな素材「10 Free Open Source Responsive Pricing Table Designs」の紹介をしたいと思います。

Pricing_Table01
WIP – Pricing Tables

オープンソースのプライステーブルデザインで、10種類ほどまとめられています。気になった素材をピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

ライター・ブロガーのためのフリーWordPressテーマ「Free WordPress Themes For Writers & Bloggers」

CMSの中でもっともポピュラーと言えるWordPress。もともとはブロガーのプラットフォームとして作られたシステムが、近年では様々な用途に使われています。そんな中今回紹介するのは、ライター・ブロガーに向けたのフリーのWordPressテーマまとめ「Free WordPress Themes For Writers & Bloggers」です。

wp_0
Cascade

シンプルなものから特徴的なもの、実用性を重視したものなどさまざまなテーマがまとめられています。気になるものをピックアップしたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:50  |  
Category: WordPress   
2014年05月08日

web・スマートフォンアプリ設計に役立つ ワイヤーフレームUIキット「18 Free UI and Wireframe Kits」

デザイン制作を行う際にはまず、全体の設計を行うためにワイヤーフレームを使って構成を考えることが多いと思いますが、本物のイメージにより近づけるため、また提案としてクライアントに提出するために、より現物に近いものをできれば作っておきたいもの。そんな時に役立つワイヤーフレームUIキット「18 Free UI and Wireframe Kits」を今回は紹介したいと思います。

ui140508_0

webやスマートフォンアプリの設計をスムーズに進めることができそうな、制度の高いワイヤーフレームが揃っています。

詳しくは以下

(さらに…)

続きを読む
posted 12:22  |  
Category: Design   
2008年12月09日

商用可!ボール紙のテクスチャ素材パック「Cardboard Textures and Objects: High Resolution Pack」

今までDesigndevelopでは様々なテクスチャをとりあげてきましたが、今回紹介するのは2896×1944ピクセルという高解像度の段ボールのテクスチャ素材集「Cardboard Textures and Objects: High Resolution Pack」です。

タイトルの通り、20種類のボール紙のテクスチャが収録されています。収録されているテクスチャはFlickrにてアップロードされていましたので、下記にスライドショーを貼り付けておきます。

詳しくは以下

(さらに…)

続きを読む
posted 08:03  |  
Category: Design , Photoshop   
2014年01月18日

いろんなデザインに対応できる フリーミニマルアイコン「20 Free Minimalistic Icon Sets」

アイコン素材の中でもシンプルなテイストのアイコンは、いろいろなデザインに対応できるため非常に重宝します。そこで今回は、是非ストックしておきたいフリーミニマルアイコン「20 Free Minimalistic Icon Sets」を紹介したいと思います。

minimalicon5
Dribbble – Minimal line Icons by Vincent Tantardini

ミニマルテイストの多彩な種類のアイコンが20種まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

シンプルなレンガ壁のテクスチャセット「8 Brick Wall Textures」

街の壁面や建物の壁材などに利用されているレンガ。年月が経ったことによる味のある色合いは、アンティークでヴィンテージな雰囲気を感じさせてくれます。今回はそんなレンガ壁のテクスチャセット「8 Brick Wall Textures」を紹介したいと思います。

block1

シンプルかつ、さまざまな色合いのミックスされたレンガテクスチャが8種セットになっています。

詳しくは以下

(さらに…)

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

Photoshopでのイラスト描写をもっと手軽に Photoshopカスタムシェイプ「14 Photoshop Custom Shapes Free Download」

写真加工だけでなく、複雑な図形やイラストなどの描写表現にも長けたPhotoshop。機能としては、カスタムシェイプなどがよく利用されていると思います。今回はそんなPhotoshopカスタムシェイプをもっと便利に使いこなすことができる「14 Photoshop Custom Shapes Free Download」を紹介します。

shapes2
Goodies: Glasses, Lashes And Staches Shapes

Photoshopでのイラスト描写をもっと手軽にしてくれる、個性的な種類がピックアップされています。

詳しくは以下

(さらに…)

続きを読む
posted 12:40  |  
Category: Photoshop   
2010年03月23日

縦横にアコーディオンするjQueryアコーディオン「Grid Accordion with jQuery」

多くのコンテンツを少ない面積で見せることができるアコーディオンによる見せ方は様々なWEBのシーンで使われていますが、今回紹介するのは、通常一方向だけではなく、縦と横、両方向に展開ができるjQueryを使ったアコーディオン「Grid Accordion with jQuery」です。

desingdevelopsjquery
InfoGrid – DEMO

上記のように、多数のカテゴリーでコンテンツが多岐に渡る場合や表組みで、比較したいときなどは非常に便利な機能だと思います。

詳しくは以下

(さらに…)

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

サイト制作にそのまま使える!デザイン性の高いWordPressテーマまとめ「26 New Freebie WordPress Themes Released in 2012」

個人でWEBサイトを制作する方も増えていますが、専用のデザインソフトがなく、なかなか思い通りのサイトを作れないとお悩みの方も多いのではないでしょうか?そんな中今回紹介するのが、サイト制作にそのまま使える、デザイン性の高いWordPressテーマをまとめた「26 New Freebie WordPress Themes Released in 2012」です。


Classic Photography Theme for WordPress | Vandelay Design Blog

シンプルなテーマから個性を表現できるテーマまで、さまざまなWordPressテーマが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:56  |  
Category: WordPress   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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