TOP  >  モックアップ

Tag : モックアップ

2015年11月26日

ぜひダウンロードしたい クオリティの高さが魅力のモックアップ&テンプレート集「12 Fresh PSD Mockup Templates For Creative Works」

モックアップやテンプレートは、完成度の高いクオリティの高いものが数多く配布されており、常にチェックされている方も多いのではないでしょうか?そんな中今回は、ぜひダウンロードしておきたい、モックアップ&テンプレート集「12 Fresh PSD Mockup Templates For Creative Works」を紹介したいと思います。

moc1126_2
Branding / Identity MockUp Vol.15 | GraphicBurger

webや紙媒体などで使用できるテンプレートが12種、ピックアップされ紹介されています。

詳しくは以下

(さらに…)

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

最新のフリーモックアップを26種集めた「New Free PSD Mockup Templates (26 New Mock-Ups)」

製作中のデザインが実際にリアルに展開された時、どんなイメージになるのか確認する時に使用されるモックアップはとても便利な存在。そんな中今回は、最新のフリーモックアップを26種集めた「New Free PSD Mockup Templates (26 New Mock-Ups)」を紹介したいと思います。

mockup1016_2
ShowItBetter – photo mockups | Free MacBook Pro photo mockup

さまざまな使用シーンを想定した、いろんな種類のモックアップが厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

いろんな表情のApple Watchモックアップ&UIキットまとめ「30 Apple Watch GUI Kits, Mock-Ups And Templates For Free」

すでに広く浸透しつつあるApple Watch。とても便利で、専用アプリケーションも多数登場しています。今回はそんな市場の広がりに合わせて使用できる、いろんな表情のApple Watchモックアップ&UIキットまとめ「30 Apple Watch GUI Kits, Mock-Ups And Templates For Free」を紹介したいと思います。

appwatch3
Dribbble – Apple Watch Free Template PSD by Daniel Macedo

さまざまテイストのApple Watchを表現できる素材がまとめられており、非常に便利に活用することができます。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

イメージビジュアルなどの作成に便利なフリーモックアップ集「11 Free New PSDs & Actions For Mock-ups」

完成したデザインを実際に使用するメディアやアイテムなどに当てはめることで、製品になった時のイメージが非常につかみとりやすく、またクライアントなどに伝えやすくなります。今回はそんなシーンで活用したい、イメージビジュアルなどの作成に便利なフリーモックアップ集「11 Free New PSDs & Actions For Mock-ups」を紹介したいと思います。

psd1009_0
11 Free New PSDs & Actions For Mock-ups | SmashingApps.com

11種の、高いクオリティが感じられるモックアップ素材が11種まとめられ、紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

ハイクオリティなデザインが多数揃ったフリーフォント&モックアップ集「46 Free Fonts and Presentation Mock-Ups Bundle」

素材自体のクオリティが高いことで、デザインの質が格段にアップすると思います。今回はそんなハイクオリティなデザインが多数揃ったフリーフォント&モックアップ集「46 Free Fonts and Presentation Mock-Ups Bundle」を紹介したいと思います。

freefont_mock1

フリーで使用可能なフォント、またモックアップ、非常にさまざまな種類・テイストのものがダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

iPhone6の高品質モックアップ集「11 Free iPhone 6 Mockups For App & Responsive Designs」

先日、iPhone6sの発売が発表され話題となっていますが、デザイン業界での最新機種は現在はまだiPhone6。今回はそんなiPhone6の高品質モックアップ集「11 Free iPhone 6 Mockups For App & Responsive Designs」を紹介したいと思います。

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

ハイクオリティなビジュアル描写が特徴のモックアップ素材、いろいろな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2015年12月30日

豊富にピックアップされたフリーフォントまとめ「45 Beautiful Fonts You Can Download For Free」

フリーフォントを探す際、検索で気になるワードで探すよりも、まとめを参考にすることでよりクオリティの高いものを選定できるのではないでしょうか?今回はそんな時に参考にしたい、豊富にピックアップされたフリーフォントまとめ「45 Beautiful Fonts You Can Download For Free」を紹介したいと思います。

font1230_3
Nordica Font | dafont.com

デザイン性のあるフリーフォントが多数、いろいろなテイストの種類でまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2016年11月27日

クリスマスを前に是非チェックしたい フリーデザインリソースまとめ「50 Free Christmas Templates & Resources for Designers」

クリスマスシーズンが到来し、街はすでにイルミネーションできらきらと輝いています。今回はそんなクリスマスシーズンをもっと盛り上げてくれるようなフリーデザインリソースまとめ「50 Free Christmas Templates & Resources for Designers」を紹介したいと思います。

christmasfree0
Jingle Bells Christmas Vector Elements – Download Free Vector Art, Stock Graphics & Images

テンプレート系から、アイコン、フォント、ベクター素材など、さまざまな種類のフリー素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2017年04月02日

テクノロジー系から遊び心あふれるデザインまで 個性的なデザインアイコン30種「Free Sparkly Icons To (Literally) Make Your Designs Shine」

Webデザインにおいてアイコンはとても重要なもの。特に個性的なアイコンは、デザインに色を添えてくれる力強い存在です。今回はそんな個性的なデザインアイコン30種「Free Sparkly Icons To (Literally) Make Your Designs Shine」をご紹介します。

ballicons-cover-opt

クリエイティブ・コモンズアトリビューション3.0の規約に準じて配布されるもので、規約を守る場合のみ利用可能なコンテツになっています。

詳しくは以下

(さらに…)

続きを読む
2011年03月19日

新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」

高機能なjavascriptライブラリjQuery。サイト制作には欠かせないライブラリのひとつと言っても過言ではないほど、世界中で利用されているライブラリの一つです。多く利用されているだけあって、様々なプラグインが日夜開発されリリースされています。今日は最近リリースされたjQueryプラグインをまとめたエントリー「30 Fantastic New jQuery Plugins」を紹介したいと思います。


jMenu – Horizontal Navigation with Unlimited Sub-Menus

様々なタイプのjQueryプラグインがまとめられていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:45  |  
Category: WebDesign   
2014年02月16日

フォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」

webサイトをより魅力的に演出するために利用されることの多いjQuery。プラグインの種類にもさまざまなタイプがありますが、今回紹介するのはフォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」です。

jqfont0
Textillate.js

独特の動きや文字組・文字列を表現できるクリエイティブなフォントのjQueryプラグインがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 01:59  |  
Category: plugin   
2011年01月04日

WEB制作で使えるJavascriptを使わない制作テクニック集「32 Javascript Alternatives with Pure CSS – Updated」

様々なWEBサイトで利用されているjavascript。様々なライブラリなども開発され幅広い表現が可能になっていますが、今日紹介するのはJavascriptを使わない制作テクニックを集めた「32 Javascript Alternatives with Pure CSS – Updated」です。


CSS Image Maps: A Beginner’s Guide | Noobcube

マップ、グラフなどを始め、様々なテクニックがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:03  |  
Category: WebDesign   
2011年02月26日

利用しやすいクリーンなアイコンセット集「31 Clean and Usable Icon Packs」

WEBデザインにおいて非常に使い勝手が良いアイコンセット。クオリティ、ユーザービリティの向上に一役買ってくれます。今回紹介するのは利用しやすいクリーンなアイコンセットを集めたエントリー「31 Clean and Usable Icon Packs」。


Yusukek Amiyamane

キレイ目で、どんなデザインにでも違和感なく利用できそうなアイコンセットが多々集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

Simply Professional
丸みを帯びたシンプルでPOPなアイコンセット。


 
 
 
 
 
Retrofukation
少しレトロ感のある、アイコンセット。POPではないけど、違うやわらかい表現がしたい時に。


 
 
 
 
 
Red Little Shoes Icon Set
手書きのアイコンセット。利用出来るシーンは限られていますが、ハマったときはいい世界観を作ってくれそうです。


 
 
上記の他にも様々なアイコンセットがまとめられています。アイコンをお探しの方は是非原文もご覧ください。

31 Clean and Usable Icon Packs | PSDFan

続きを読む
posted 10:04  |  
Category: Design , WebDesign   
2008年10月26日

CS3&WEB2.0風のアイコンを簡単に作成できる「Icon Generator」

CS3のグラデーションの掛かった四角に白抜きというシンプルなアイコンやWEB2.0風のバッジアイコンをを簡単に再現してくれるのが今回紹介する「Icon Generator」です。

photoshopでもシンプルなので簡単に作れますが、「Icon Generator」を使えば文字と色を決めるだけで、アイコンを作ることができます。試しに当サイトの姉妹サイト「Designworks」の頭文字とサイトカラーでCS3風アイコンを生成してみました。

詳しくは以下

(さらに…)

続きを読む
posted 04:56  |  
Category: Tool , WebDesign   
2017年05月03日

ウェブデザインにおけるハンバーガーボタンについて考える「Analyzing the Hamburger Menu in Web Design」

スマートフォンのメニューデザインの定番と言っても過言ではないハンバーガーボタン。当たり前のように利用されていますが、今回はそんなハンバーガーボタンに関して分析をした考察「Analyzing the Hamburger Menu in Web Design」をご紹介したいと思います。

hamburger-menu-icon

メニューアイコンとしてなくてはならない存在になっていますが、その反面でハンバーガーボタンのデメリットを考え提唱している、奥深い考察です。

詳しくは以下

(さらに…)

続きを読む
2011年08月29日

人々を惹き付けるwebマガジンサイト集「30 Predominant Magazine-Themed Websites」

無数に存在するwebサイト。目的に合わせたサイト構成がユーザーを惹き付けるために重要なポイントだと思います。そこで今回は、webマガジンサイトにクローズアップし、ユーザーを惹き付けるwebマガジンを集めた「30 Predominant Magazine-Themed Websites」を紹介したいと思います。


Zaum & Brown | CD Sleeve Design, Band Art, Myspace & Website Design

シンプルな構成のサイトはもちろん、レイアウトやタイトルデザインにこだわったサイトまで、さまざまなサイトが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:01  |  
Category: WebDesign   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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